@charset "UTF-8";
/* CSS Document */

.pc { display:none; }
.sp { display:block; }

.recruit {
	text-align: center;
    margin: 50px 0 80px;
    padding: 50px 0;
    font-size: 24px;
    font-family: kozuka-gothic-pr6n, sans-serif;
    color: #66bde5;
    background: rgba(255,239,170,0.4);
    position: relative;
}

.recruit p:nth-child(2) img {
    position: absolute;
    width: 45%;
    right: 0;
    top: -32px;
}

@media screen and (min-width: 414px) and (max-width: 767px){	
    .firstview {
        width: 414px!important;
        margin: 0 auto;
    }
}

.firstview {
	background-image: url("../images/ment/back_yellow.jpg");
		height: 250px;
	position: relative;
    bottom: 15px;
    z-index: -1;
    text-align: center;
	width: 100%;
}

.yobou img {
	width: 58%;
    position: absolute;
    left: -23px;
    top: -10px;
    -webkit-backface-visibility: hidden;
}

.yobou02 img {
	width: 60%;
    position: absolute;
    right: 5px;
    top: 100px;
    z-index: 1;
    -webkit-backface-visibility: hidden;
}

.yobou03 img {
	width: 40%;
    position: absolute;
    right: 20px;
    -webkit-backface-visibility: hidden;
}

.top {
	background-image: url("../images/ment/first_view_bottom.png");
	background-size: cover;
    width: 100%;
    height: 78px;
    position: absolute;
    top: 283px;
    background-position: 546px 0px;
}

.color {
    font-size: 24px;
    color: #edb625;
    font-weight: 600;
}

.sec01 .title {
    position: relative;
}

.sec02_title_img {
    text-align: center;
}

.sec_title {
text-align: center;
font-size: 18px;
color: #fff;
position: relative;
bottom: 0px;
background: #e4b12d;
width: 90%;
margin: 0 auto;
padding: 4px 0;
}

.sec02_title_left {
    width: 35px;
    position: absolute;
    top: -33px;
    left: 21px;
    }
    .sec02_title_left04 {
        width: 45px;
        position: absolute;
        top: 2px;
        left: 5.5%;
        }
    
    .sec02_title_left p img {
    width: 100%;
    -webkit-backface-visibility: hidden;
    }
    .sec02_title_left04 p img {
        width: 100%;
        -webkit-backface-visibility: hidden;
        }
    
    .sec02_title_right {
        width: 35px;
        position: absolute;
        top: -30px;
        right: 22px;
    }
    .sec02_title_right p img {
        width: 100%;
        -webkit-backface-visibility: hidden;
    }
    .sec02_title_right04 {
        width: 45px;
        position: absolute;
        top: 15px;
        right: 5.5%;
    }
    
    .sec02_title_right p img {
    width: 100%;
    -webkit-backface-visibility: hidden;
    }
    .sec02_title_right04 p img {
        width: 100%;
        -webkit-backface-visibility: hidden;
    }
    

        .main .top {
            background: none;
            position: relative;
            text-align: center;
            height: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            top: unset;
            margin-bottom: 15px;
        }

        .main .top .img p:nth-child(1) img {
            position: absolute;
            top: -40px;
            left: 15px;
        }

        .main .top .imgs p:nth-child(1) img {
            position: absolute;
            bottom: 0;
            right: 15px;
        }
        
        .main .top p {
            font-size: 24px;
            line-height: 1.7;
            margin: 15px 0 30px;
        }
        
        .sec01 .boxs {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 30px;
        }
        
        .sec01 .boxs .box {
            width: 81%;
            border: 1px solid #edb625;
            background: #fff;
            padding: 50px 20px;
            margin: 10px;
            text-align: center;
        }
        
        .sec01 .boxs .box p:nth-child(2) {
            font-size: 18px;
            color: #edb625;
            font-weight: 600;
            line-height: 1.7;
            margin: 20px 0;
        }
        
        .sec01 .boxs .box p:nth-child(3) {
            text-align: left;
            padding: 0 10px;
            letter-spacing: 1px;
            color: #231815;
        }
        
        .bottom .top {
            display: block;
            position: relative;
            top: unset;
            width: auto;
            margin: 100px auto 0;
            max-width: 400px;
        }
        
        .bottom .top p {
            font-size: 18px;
            font-weight: 600;
        }
        
        .bottom .top p:nth-child(2) {
            position: absolute;
            top: -90px;
            right: 0px;
        }
        
        .bottom .center {
            display: flex;
            justify-content: center;
            margin: 50px 0;
            flex-wrap: wrap;
            text-align: center;
        }
        
        .bottom .center .box1 ,.bottom .center .box2 ,.bottom .center .box3 {
            position: relative;
        }
        
        .bottom .center .box1 {
            /* margin-top: -20px; */
        }
        
        .bottom .center .box1 p:nth-child(2) {
            font-size: 20px;
            line-height: 1.7;
            position: absolute;
            top: 95px;
            left: 58px;
        }
        
        .bottom .center .box2 p:nth-child(2) {
            font-size: 20px;
            line-height: 1.7;
            position: absolute;
            top: 70px;
            left: 65px;
        }
        
        .bottom .center .box3 p:nth-child(2) {
            font-size: 20px;
            line-height: 1.7;
            position: absolute;
            top: 70px;
            left: 47px;
        }
        
        .bottom .center .box2 {
            margin: 30px 50px;
        }
        
        .bottom .ander p {
            font-size: 20px;
            font-weight: 600;
            margin-top: 80px;
            letter-spacing: 2px;
            width: 90%;
            margin: 0 auto 35px;
            text-align: center;
        }
        
        .sec02 {
            position: relative;
            margin-bottom: 30px;
        }

        .sec02 .sec_title {
            text-align: center;
            font-size: 18px;
            color: #fff;
            position: relative;
            bottom: 0px;
            background: #e4b12d;
            width: 90%;
            margin: 0 auto;
            padding: 17px 0;
        }
        
        
        
        
        .tab {
            width: 90%;
            margin: 30px auto 0px;
            display: flex;
            justify-content: left;
        }
          .tab li {
            float: left;
            margin: 0 0 -12px;
            cursor: pointer;
            list-style: none;
            padding: 0;
          }

          .tab li img {
              width: 100%;
          }

          .area {
            width: 90%;
            margin: 0 auto;
          }
           
          .area ul {
            display: none;
          }
          .area ul.show {
            display: block;
          }
        
          .show {
            border: solid 1px #edb625;
            width: 100%;
            margin: 0 auto;
          }

          .show li {
              padding: 0;
          }
        
          .big {
              display: flex;
              min-height: 123px;
              width: 100%;
          }
        
          .big  .left {
              background: rgba(243,152,47,0.3);
              width: 21%;
              /* padding-top: 50px; */
              border-bottom: solid #fff 1px;
              text-align: left;
              display: flex;
            align-items: center;
          }
          .big  .left p {
              padding-left: 10px;
          }
          .big .pad {
            display: block;
            align-items: unset;
            padding-top: 50px;
          }
        
          .right01 {
              width: 79%;
              border-bottom: 1px solid #3c250e;
              /* padding-top: 50px; */
              background: #fff;
              text-align: left;
              display: flex;
            align-items: center;
          }
          .right01 p {
            padding-left: 10px;
          }
          /* .right01_l {
            width: 79%;
            padding-top: 50px;
            background: #fff;
            text-align: left;
        }
        .right01_l p {
            padding-left: 30px;
            text-align: left;
        } */
        
          .right02 {
            width: 79%;
            border-bottom: 1px solid #3c250e;
            /* padding-top: 35px; */
            background: #fff;
            text-align: left;
            display: flex;
            align-items: center;
        }
        
        .right02 p {
            padding-left: 10px;
        }
        
        .right02_l {
            width: 79%;
            /* padding-top: 35px; */
            background: #fff;
            text-align: left;
            display: flex;
            align-items: center;
        }
        
        .right02_l p {
            padding-left: 10px;
            text-align: left;
        }
        
        .right_boxs {
            width: 79%;
            border-bottom: 1px solid #3c250e;
            background: #fff;
            text-align: left;
        }
        
        .right_boxs .box {
            display: flex;
            align-items: center;
            border-bottom: dashed 1px;
            width: 95%;
            margin: 20px auto;
            padding-bottom: 15px;
        }
        .right_boxs .box_l {
            display: flex;
            align-items: center;
            width: 95%;
            margin: 20px auto;
            /* padding-bottom: 15px; */
        }
        
        .right_boxs .box .title ,.right_boxs .box_l .title {
            width: 100px;
            color: #e1894d;
            /* font-size: 16px; */
            font-weight: 600;
        }

        @media screen and (max-width: 380px) {
            .right01 {
                font-size: 15px;
            }

            .right_boxs .box {
                font-size: 15px;
            }
        }