@charset 'UTF-8';
/*
Theme Name: J-meieki
Author: Alicenet
Author URI: https://●●●.com
Description: サンプルのテーマ
Text Domain: J-meieki
Version: 1.0.0
License: GNU General Public License version 3
License URI: license.txt
*/

html
{
    font-family: sans-serif;
    line-height: 1.8em;
    -ms-text-size-adjust: 100%;
}

body{
    margin: 0;
}

a{
    text-decoration: none;
}

img{
    width: 100%;
    vertical-align: top;
}

h2{
    width: 100%;
    margin: 0;
    color: #40103B;
    font-family: bickham-script-pro-3, sans-serif;
    font-style: normal;
    font-size: 48px;
    font-weight: 400;
    border-bottom: solid 2px #40103B;
}

.container{
    background-image: url('http://mrsj-meieki.com/wp-content/uploads/2024/04/bgmeieki.png');
}

.middle_container{
    max-width: 1180px;
    margin: 0 auto;
}

.flex{
    display: flex;
    flex-wrap: wrap;
}

.flex_evenly{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.flex_between{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex_center{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex_end{
    align-items: flex-end;
}

.sp{
    display: none;
}

/******** header ********/

header{
    margin: 0 auto;
    padding: 12px 36px;
    background-image: url('https://recruit.mrsj-meieki.com/wp-content/uploads/2024/07/pass68.svg');
    color: #F8FF9F;
    font-size: 18px;
    text-align: center;
}

/******** Top ********/

main{
    background-color: #fff;
    background-repeat: no-repeat;
}

#top_section{
    padding-bottom: 32px;
    background: linear-gradient(#FFFFFF80, #cd9be480);
}

.top_image{
    width: 100%;
    height: 444px;
    background-image: url('https://recruit.mrsj-meieki.com/wp-content/uploads/2024/07/group-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -64px 0;
}

.top_heading{
    margin-top: -48px;
}

.top_text{
    text-align: center;
}

.top_points{
    margin: 32px 0;
}

/******** Contents ********/

#contents_section{
    background-color: #fff;
}

.contents_cards{
    margin: 32px 0;
}

.contents_card{
    width: 48%;
    margin-bottom: 8px;
    padding: 12px 0;
    color: #fff;
    text-align: center;
    background: linear-gradient(#FC1A9280, #B13EE580);
    border-radius: 16px;
}

.nishiki{
    margin: 48px 0;
}

.nishiki_text{
    text-align: center;
}

.nishiki_banner{
    text-align: center;
}

/******** Shops ********/

.shop_top{
    background-color: #794683
}

.shop_down{
    background-color: #7B1313;
}

.shop_card{
    height: 220px;
    margin-top: 32px;
    color: #fff;
}

.shop_content_image{
    width: 28%;
}

.shop_content_image img{
    width: 100%;
}

.shop_content{
    width: 60%;
}

.shop_heading{
    margin-top: 32px;
    font-size: 24px;
    color: #fff;
    text-align: center;
}

.shop_text{
    font-size: 14px;
}

/******** qa ********/

#qa_section{
    padding: 64px 16px 32px 16px;
    background-color: #F0DFF4;
    background-image: url('https://recruit.mrsj-meieki.com/wp-content/uploads/2024/07/group-17.svg');
    text-align: center;
}

.qa_heading1{
    color: #40103B;
    font-size: 14px;
}

.qa_heading2{
    margin-bottom: 32px;
    color: #FF79CC;
    font-size: 24px;
}

.qa_heading3{
    color: #000;
    font-size: 14px;
}

.qa_cards{
    padding: 32px 0;
}

.qa_card{
    margin-bottom: 32px;
}

.question{
    margin-bottom: 16px;
    color: #FC1A92;
    text-align: left;
    font-size: 16px;
}

.answer{
    padding: 20px;
    color: #5E3767;
    text-align: left;
    font-size: 16px;
    background-color: #fff;
    border-radius: 16px;
}

/******** salary_section ********/

#salary_section{
    padding: 8px;
    text-align: center;
}

.salary_content{
    padding: 64px 16px;
    border: solid 1px #E651A7;
}

.salary_text1{
    margin-bottom: 64px;
    color: #E651A7;
    font-size: 22px;
}

.salary_text2{
    width: 60%;
    margin: 0 auto 32px auto;
    padding: 6px;
    color: #E651A7;
    font-size: 16px;
    border: solid 1px #E651A7;
    border-radius: 8px;
}

.salary_text3{
    margin-bottom: 16px;
    color: #1A1A1A;
    font-size: 14px;
}

.salary_text4{
    margin-bottom: 16px;
    color: #E651A7;
    font-size: 18px;
}

.salary_text5{
    margin-bottom: 32px;
    color: #1A1A1A;
    font-size: 14px;
}

.salary_text6{
    color: #5E3767;
    font-size: 14px;
}

/******** treatment ********/

#treatment_section{
    padding: 48px 0;
    background-image: url('https://recruit.mrsj-meieki.com/wp-content/uploads/2024/07/024.png');
    background-blend-mode: multiply;
    background-color: #634368;
    overflow: hidden;
    color: #fff;
}

.treatment_heading{
    margin-bottom: 48px;
    text-align: center; 
    font-size: 22px;
}

.treatment_points{
    margin-bottom: 32px;
}

.treatment_point{
    width: 46%;
    margin-bottom: 12px;
}

.treatment_text1{
    margin-bottom: 16px;
    padding: 6px;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #5E3767
}

.treatment_text2{
    font-size: 14px;
}

.treatment_text3{
    width: 80%;
    margin: 0 auto 16px auto;
    padding: 6px;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #5E3767
}

.treatment_text4{
    margin: 16px 0;
    font-size: 14px;
    text-align: center;
}

.treatment_image{
    width: 48%;
}

.treatment_content_left{
    width: 48%;
    font-size: 14px;
}

.treatment_content_right{
    width: 48%;
    font-size: 14px;
}

/******** Item ********/

#item_section{
    background-color: #E651A7;
    padding: 48px 24px;
}

.item_heading{
    margin-bottom: 48px;
    color: #fff;
    text-align: center;
    font-size: 22px;
}

.item_content{
    padding: 24px 24px 6px 24px;
    background-color: #fff;
    border-radius: 16px;
}

.item_content_heading{
    margin-bottom: 24px; 
    color: #E651A7;
    text-align: center;
    font-size: 22px;
}

.item_content_text{
    margin-bottom: 18px;
    font-size: 14px;
}

/******** Item ********/

#apply_section{
    padding: 48px 24px;
    text-align: center;
}

.apply_form{
    margin-bottom: 24px;
    padding: 16px;
    font-size: 22px;
    background-color: #E651A7;
    border-radius: 32px;
}

.apply_form a{
    color: #fff;
}

.apply_line{
    width: 20%;
    margin: 16px auto;
}

.apply_text2 a{
    color: #1A1A1A;
}

/******** map ********/

#map_section{
    padding: 48px 16px;
    text-align: center;
}

.map_heading{
    margin-bottom: 48px;
    font-size: 22px;
}

.map_image{
    margin-bottom: 16px;
}

.map_text{
    margin-bottom: 48px;
    font-size: 14px;
}

/******** footer ********/

footer{
    padding-top: 32px;
    background-color: #fff;
    text-align: center;
}

.footer_top{
    margin: 32px;
    font-size: 24px;
}

.footer_top a{
    color: #1A1A1A;
}

.footer_cr{
    padding: 4px;
    background-color: #1A1A1A;
    color: #fff;
    font-size: 13px;
}

/******** form ********/

#form_section{
    padding: 32px 16px;
}

@media screen and (max-width: 440px){

    .pc{
        display: none;
    }

    .sp{
        display: block;
    }

/******** header ********/


}