@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, i, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption, input, textarea, select, i { border: 0; font-style: normal; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; line-height: 1.5; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
html { font-size: 50%; letter-spacing:1px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="submit"], button { -webkit-appearance: none;}
body { font-size: 2rem; line-height: 1.5; background: #fff; color: #241f2c; overflow-y: scroll;}
ul, li { list-style: none;}
table { border-collapse: collapse; width: 100%;}
a:hover, a:active, a:focus { outline: 0;}
a { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; -webkit-transition-property: opacity, color, background, box-shadow, -webkit-transform; transition-property: opacity, color, background, box-shadow, -webkit-transform; transition-property: opacity, color, background, transform, box-shadow; transition-property: opacity, color, background, transform, box-shadow, -webkit-transform; opacity: 1; line-height: inherit;}
img, input[type="image"] {border: 0; height: auto; max-width: 100%; -webkit-backface-visibility: hidden;}
input[type="submit"] { cursor: pointer; -webkit-appearance: none; border-radius: 0;}

a { text-decoration: none;}
p * {line-height: inherit; font-size:16px;}
p, a{font-size:16px; font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}
.bold{font-weight: bold;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

.sp-768{display: none;}

header.header-pc{position: fixed; z-index: 100; /*background: rgba(255, 255, 255, 0.7);*/ background: #fff; width: 100%;}
header.header-sp{display: none;}
header .content{display: flex; justify-content: space-between; padding: 15px 0; align-items: center; width: 1200px; margin: 0 auto;}
header .content .left{width: 120px;}
header .content .left .logo img{width: 100%;}
header .content .right{display: flex; align-items: center;}
header .content .right ul{display: flex; align-items: flex-end; padding: 0 20px 5px 0;}
header .content .right ul li{display: table;}
header .content .right ul li a{display: table-cell; vertical-align: middle; padding: 0 15px; font-weight: bold; font-size: 16px; border-bottom:3px solid #fff;}
header .content .right ul li a:hover{border-bottom:3px solid #7270b0;}
header .content .right .tel_content{text-align: center;}
header .content .right .tel_content .time{font-size: 12px;}
header .content .right .tel_content .tel_link{display: flex; align-items: center; justify-content: center; font-size: 24px; color: #009fd7; font-weight: bold;}
header .content .right .tel_content .tel_link i{padding: 0 5px 0 0; font-size: 30px;}
header .content .right .contact_content{display: flex; align-items: center; margin: 0 0 0 20px;}
header .content .right .contact_content a{padding: 10px 30px; border-radius: 50px; font-size: 16px; font-weight: bold; color: #7270b0; border: 2px solid #7270b0;}
header .content .right .contact_content a:hover{opacity: 0.7;}

.footer_contact .outer{background: #201c70;}
.footer_contact .inner{width: 1200px; margin: 0 auto; display: flex; padding: 80px 0;}
.footer_contact .left_box{width: 350px; }
.footer_contact .left_box img{width: 100%; height: 300px; object-fit: cover; border-radius: 20px;}
.footer_contact .right_box{width: 850px; padding: 0 0 0 60px;}
.footer_contact .footer_title{margin: -30px 0 0 0;}
.footer_contact .footer_title .title{font-size: 40px; line-height: 1.2; color: #fff; font-weight: bold; margin: 0 0 10px 0;}
.footer_contact .footer_title .en_title{transform: rotate(90deg); position: relative; top: 55px; left: -60px; color: #fff; font-weight: 400; display: inline-block;}
.footer_contact .footer_title .en_title:after{border-top: 1px solid; content: ""; width: 80px; position: absolute; top: 15px; right: -100px;}
.footer_contact .footer_title .txt {color: #fff; line-height: 1.8;}
.footer_contact .footer_cta_content {display: flex; margin: 40px 0 0 0;}
.footer_contact .footer_cta_content .tel_box{display: block; background: #fff;}
.footer_contact .footer_cta_content .title .left img{width: 25px; height: 26px;}
.footer_contact .footer_cta_content .tel_box, .footer_contact .footer_cta_content .mail_box{display: block; background: #fff;}
.footer_contact .footer_cta_content .title{display: flex; justify-content: space-between; margin: 0 0 10px 0;}
.footer_contact .footer_cta_content .title .left{display: flex;}
.footer_contact .footer_cta_content .title .left p{font-weight: bold; font-size: 18px; padding: 0 0 0 5px;}
.footer_contact .footer_cta_content .title .right p{font-size: 14px; color: #005290;}
.footer_contact .footer_cta_content .num_box .time {font-size: 12px; padding: 0 0 3px 10px;}
.footer_contact .footer_cta_content .tel_box .num_box .num{background: #e6f0f7; display: inline-block; padding: 10px 30px; font-size: 25px; font-weight: bold; border-radius: 15px;}
.footer_contact .footer_cta_content .mail_box .num_box .num{background: #e6f0f7; display: inline-block; padding: 15px 25px; font-size: 18px; font-weight: bold; border-radius: 15px;}
.footer_contact .footer_cta_content .tel_box{padding: 15px; background-image: url(https://j-marts.com/wp2024/wp-content/themes/j-marts/assets/images/add/footer_tel_icon_pc.png); background-repeat: no-repeat; background-position: right 0 bottom -1px; background-size: 120px; border-radius: 20px; width: 350px;}
.footer_contact .footer_cta_content .mail_box{padding: 15px; background-image: url(https://j-marts.com/wp2024/wp-content/themes/j-marts/assets/images/add/footer_mail_icon_pc.png); background-repeat: no-repeat; background-position: right 0 bottom -1px; background-size: 120px; border-radius: 20px; width: 350px; margin: 0 0 0 40px;}

footer{color: #fff;}
footer .outer{display: flex; background:#1b1a2e;}
footer .inner{width: 1200px; margin: 0 auto; display: flex; padding: 80px 0;}
footer .left{width: 40%; border-right: 1px solid #fff;}
footer .left p{font-size: 14px;}
footer .left .logo_box{display: flex; align-items: baseline; margin: 0 0 15px 0;}
footer .left .logo_box p{padding: 0 0 0 10px;}
footer .right{width: 60%; display: flex; flex-direction: column; align-items: center; justify-content: space-around;}
footer .right ul{display: flex; justify-content: space-between;}
footer .right ul li{padding: 0 10px;}

.breadcrumbs_content{background: #ececf6; padding: 5px 0;}
.breadcrumbs_content .breadcrumbs{width: 1200px; margin: 0 auto;}
.breadcrumbs_content .breadcrumbs span{font-size: 12px;}

.mv_content{align-content: center; align-items: center;	background: rgba(0, 0, 0, 0.0);	border-radius: 0px 0px 0px 0px;	flex: none;	flex-direction: column;	flex-wrap: nowrap;	height: 800px; justify-content: center;	margin: 0px 40px 100px 40px; width: calc(100% - 80px); max-width: calc(100% - 80px);}
.mv_content .swiper{align-content: flex-start; align-items: flex-start; border-radius: 0px 0px 30px 30px; flex: none; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: flex-start; width: 100%; max-width: 100%;}
.mv_content .swiper img{width: 100%; height: 800px;	object-fit: cover;}
.mv_content .outer{position: relative; height: 100%;}
.mv_content .inner{background-image: url(https://j-marts.com/wp2024/wp-content/themes/j-marts/assets/images/add/mv_cover.png); background-repeat: no-repeat; background-size: 600px; position: absolute; bottom: 0px; z-index: 10; width: 100%;}
.mv_content .inner .main_txt{padding: 80px 0 40px 80px;}
.mv_content .inner .main_txt h1{font-size: 50px; font-weight: bold; line-height: 1.2; color: #1b1a2e; margin: 0 0 10px 0;}

.business_content .outer{background-color: #ececf6; padding: 80px 0 65px; background-image: url(https://j-marts.com/wp2024/wp-content/themes/j-marts/assets/images/add/bg_circle_01.png); background-repeat: no-repeat; background-position: right -300px top 50px; background-size: 500px;}
.business_content .inner{width: 1200px; margin: 0 auto; display: flex;}
.business_content .left{margin-top: -20px;}
.business_content .title{font-size: 40px; line-height: 1.2; color: #1b1a2e; font-weight: bold; margin: 0 0 10px 0;}
.business_content .en_title{transform: rotate(90deg); position: relative; top: 80px; left: -100px; color: #7270b0; font-weight: 400; display: inline-block;}
.business_content .en_title:after{border-top: 1px solid; content: ""; width: 80px; position: absolute; top: 15px; right: -100px;}
.business_content .right{display: flex; flex-wrap: wrap; justify-content: flex-end; width: 800px;}
.business_content .right:after{content:""; width: 265px; display: block;}
.business_content .right .box{width: 250px; height: 300px; background: #fff; border-radius: 20px; padding: 30px 15px 15px 15px; position: relative; margin: 0 0 15px 15px;}
.business_content .right .box h3{position: absolute; background: #1b1a2e; color: #fff; padding: 5px 15px; border-radius: 20px 0 20px 0; top: 0; left: 0;}
.business_content .right .box img{display: block; width: 190px; margin: 30px auto 10px;}
.business_content .right .box_02 img{object-fit: contain; height: 190px;}
.business_content .right .box .icon{text-align: end;}
.business_content .right .box .icon i{display: flex; background: #1b1a2e; color: #fff; width: 25px; height: 25px; border-radius: 50px; justify-content: center; align-items: center; margin: 0 0 0 auto;}
.business_content .cta_btn{margin: 40px 0 0 0;}
.business_content .cta_btn a{background: #f4a919; border-radius: 50px; color: #fff; width: 300px; padding: 15px; text-align: center; display: flex; align-items: center; justify-content: center;}
.business_content .cta_btn a i{transform: translate(70px, 0px); border-left: 1px solid #fff; padding: 0 0 0 10px;}
.business_content .img_cosmetics_06{width: 180px !important;}

.info_content .outer{padding: 50px 0 80px; background-image: url(https://j-marts.com/wp2024/wp-content/themes/j-marts/assets/images/add/bg_circle_02.png); background-repeat: no-repeat; background-position: left -300px top 50px; background-size: 500px;}
.info_content .inner{width: 1200px; margin: 0 auto; }
.info_content .title{font-size: 40px; line-height: 1.2; color: #1b1a2e; font-weight: bold; margin: 0 0 10px 0;}
.info_content .en_title{transform: rotate(90deg); position: relative; top: 40px; left: -50px; color: #7270b0; font-weight: 400; display: inline-block;}
.info_content .en_title:after{border-top: 1px solid; content: ""; width: 80px; position: absolute; top: 15px; right: -100px;}
.info_content .box{display: flex; margin: 30px 0 0 0;}
.info_content .box a{padding: 0 20px 0 0;}
.info_content .box a:last-child{padding: 0;}
.info_content .box a img{border-radius: 15px; box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 30%);}
.info_content .box a .content{padding: 0 10px;}
.info_content .box a .cat_time{display: flex; justify-content: space-between; margin: 10px 0 0 0;}
.info_content .box a .cat_time p{font-size: 14px;}
.info_content .box a .cat_time .cat{border: 1px solid #7270b0; border-radius: 50px; color: #7270b0; padding: 0 10px;}
.info_content .box a .cat_time .time{color: #ccc;}
.info_content .box a .info-title{margin: 10px 0 0 0;}
.info_content .cta_btn{margin: 40px 0 0 0;}
.info_content .cta_btn a{background: #f4a919; border-radius: 50px; color: #fff; width: 300px; padding: 15px; text-align: center; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.info_content .cta_btn a i{transform: translate(50px, 0px); border-left: 1px solid #fff; padding: 0 0 0 10px;}

/*下層共通*/
#under_content .under_title_content{padding: 150px 0 60px; background: #1b1a2e; border-radius: 0px 0px 0 0; border-bottom: solid 1px #fff;}
#under_content .under_title_content .inner{width: 1200px; margin: 0 auto;}
#under_content .under_title_content .title{position: relative; text-align: center; font-size: 40px; font-weight: bold; color: #fff; border-bottom: 2px solid #dddddd; margin: 0 0 10px 0; padding: 0 0 10px 0;}
#under_content .under_title_content .title::after{content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 70px; height: 2px; background-color: #7270b0;}
#under_content .under_title_content .en_title{text-align: center; color: #fff; font-size: 20px;}
#under_content .under_h2{background: #1b1a2e; color: #fff; font-size: 25px; font-weight: bold; padding: 10px 20px 10px 20px; margin: 60px 0 30px 0; border-radius: 10px;}
#under_content .table_box table{width: 100%; border: 1px solid #dbdbdb;}
#under_content .table_box table th{background: #ececf6; border-bottom: 1px solid #dbdbdb; color: #1b1a2e; padding: 10px 0; width: 250px; font-weight: bold; text-align: center; vertical-align: middle;}
#under_content .table_box table td{border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; padding: 20px 0 20px 20px; font-size: 14px; vertical-align: top;}
#under_content .table_box table td.map_td iframe{width: 600px; height: 250px}


/*会社概要*/
#under_content .company_content .inner{width: 1200px; margin: 0 auto; padding: 20px 0 80px;}
#under_content .company_content .company_img{display: block; width: 70%; margin: 20px auto 40px;}
#under_content .company_content .ceo_greeting p{text-align: center; font-size: 14px;}
#under_content .company_content .ceo_greeting p span{font-weight: bold; font-size: 20px; display: block; margin: 10px 0; color: #f4a919;}
#under_content .company_content .ceo_greeting .ceo_img{display: block; width: 183px; margin: 30px 0 0 auto;}

/*サスティナビリティ*/
#under_content .sustainability_content .inner{width: 1200px; margin: 0 auto; padding: 20px 0 80px;}
#under_content .sustainability_content .sustainability_img{display: block; width: 80%; margin: 20px auto 40px;}
#under_content .sustainability_content .attempt_box{}
#under_content .sustainability_content .attempt_box .box_left{border-radius: 10px; margin: 50px 0 0 30px; box-shadow: 0 2px 10px 0px rgb(0 0 0 / 10%); display: flex; padding: 20px;}
#under_content .sustainability_content .attempt_box .box_left .attempt_img{width: 300px;}
#under_content .sustainability_content .attempt_box .box_left .attempt_img img{height: 230px; object-fit: cover; border-radius: 10px;}
#under_content .sustainability_content .attempt_box .box_left .txt_box{padding: 0 0 0 20px; margin: -20px 0 0 0; width: 900px;}
#under_content .sustainability_content .attempt_box .box_right{border-radius: 10px; margin: 50px 0 0 30px; box-shadow: 0 2px 10px 0px rgb(0 0 0 / 10%); display: flex; padding: 20px; flex-direction: row-reverse;}
#under_content .sustainability_content .attempt_box .box_right .attempt_img{width: 300px;}
#under_content .sustainability_content .attempt_box .box_right .attempt_img img{height: 230px; object-fit: cover; border-radius: 10px;}
#under_content .sustainability_content .attempt_box .box_right .txt_box{padding: 0 20px 0 0; width: 900px; margin: -20px 0 0 0;}
#under_content .sustainability_content .attempt_box .txt_box .no{display: inline-block; font-size: 30px; background: #1b1a2e; color: #fff; padding: 3px 8px 4px 8px; border-radius: 0 0 10px 10px;}
#under_content .sustainability_content .attempt_box .txt_box .sub_title{font-size: 22px; font-weight: bold; color: #201c70; margin: 20px 0 5px 0;}

/*採用情報*/
#under_content .recruit_content .inner{width: 1200px; margin: 0 auto; padding: 60px 0 80px;}
#under_content .recruit_content .rec_2018{font-size: 22px; font-weight: bold; color: #201c70; margin: 0 0 5px 0;}
#under_content .recruit_content .rec_media_box{display: flex; margin: 20px 0 0 0;}
#under_content .recruit_content .rec_media_box a {padding: 0 15px;}
#under_content .recruit_content .rec_media_box a img{width: 100%;}
#under_content .recruit_content .rec_media_box a p{font-size: 14px;}
#under_content .recruit_content .rec_media_box a p span{color: #b3b3b3; font-size: 12px;}
#under_content .recruit_content .rec_about .rec_about_box{margin: 40px 0 0 0;}
#under_content .recruit_content .rec_about .rec_about_box ul{display: flex; }
#under_content .recruit_content .rec_about .rec_about_box ul li{width: calc(100% / 4); padding: 0 15px;}
#under_content .recruit_content .rec_about .rec_about_box .num_ttl{border-bottom: 2px solid #211c70; padding: 0px 0 0px 0px; font-size: 18px; font-weight: bold; color: #201c70; margin: 0 0 5px 0;}
#under_content .recruit_content .rec_about .rec_about_box .num_ttl span{font-style: italic; font-size: 28px; padding: 0 5px 0 0;}
#under_content .recruit_content .rec_about .rec_about_box .num_list_box img{width: 100%; border-radius: 20px;}
#under_content .recruit_content .rec_about .rec_about_box .num_list_box p{font-size: 14px;}
#under_content .recruit_content .rec_info .table_box{margin: 40px 0 0 0;}
#under_content .recruit_content .img_2025{width: 350px !important;}

/*グループ会社*/
#under_content .group_company_content .inner{width: 1200px; margin: 0 auto; padding: 80px 0 50px;}
#under_content .group_company_content .company_list{display: flex; flex-wrap: wrap; justify-content: space-between;}
#under_content .group_company_content .company_list li{width: calc(95%/2); border: 1px solid #dbdbdb; margin-bottom: 30px; display: flex; align-items: center; position: relative; margin: 0 10px 30px;}
#under_content .group_company_content .company_list li::after{content: ""; width: 0; height: 0; position: absolute; bottom: -16px; right: -16px; border: 16px solid transparent; border-top: 16px solid #ffcb03; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#under_content .group_company_content .company_list li .text_box{padding: 30px; text-align: center; width: 100%;}
#under_content .group_company_content .company_list li:first-child img.company_img{width: 213px; height: 240px; object-fit: cover;}

/*お問い合わせ*/
#under_content .contact_content .inner{width: 1200px; margin: 0 auto; padding: 80px 0 50px;}
#under_content .contact_content .sub_txt{margin: 0 0 40px 0;}
#under_content .contact_content form th{width: 300px; padding: 10px 30px 0 0; vertical-align: top;}
#under_content .contact_content form th .labelwrap{display: flex; justify-content: space-between;}
#under_content .contact_content form td{padding: 0 0 20px 0;}
#under_content .contact_content form td input, #under_content .contact_content form td textarea{border: 1px solid #d4d4d4; border-radius: 7px; width: 100%; padding: 10px;}
#under_content .contact_content .hissu{background: #ce532d; padding: 5px 10px; border-radius: 5px; color: #fff; float: left; font-weight: bold; font-size: 12px !important; line-height: 1em !important;}
#under_content .contact_content .nini{background: #888888; padding: 5px 10px; border-radius: 5px; color: #fff; float: left; font-weight: bold; font-size: 12px !important; line-height: 1em !important;}
#under_content .wpcf7-submit{background: #f4a919; border-radius: 50px; color: #fff; width: 300px; padding: 15px; text-align: center; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
#under_content .contact_content .fmmidashi_p span{font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; display: block;}
#under_content .contact_content .fmmidashi_p{text-align: left;}
#under_content .contact_content .fmmidashi_p_nini{height: 25px;}
#under_content .contact_content .checkbox_detail{margin-bottom: 20px;}
#under_content .contact_content .checkbox_detail .first{margin-left: 0;}

.wpcf7-list-item {display: inline-block; margin: 0 0 0 0; border: solid 1px #d4d4d4; padding: 10px; border-radius: 7px; text-align: center;}
.wpcf7-list-item:first-child{margin:0 0 0 0;}
.wpcf7-list-item:last-child{margin:0 0 0 5px;}
.wpcf7-checkbox{display:flex;}

/*サイトマップ*/
#under_content .sitemap_content .inner{width: 1200px; margin: 0 auto; padding: 20px 0 80px;}
#under_content .sitemap_content h2 {background: #1b1a2e; color: #fff; font-size: 25px; font-weight: bold; padding: 10px 0 10px 20px; margin: 60px 0 30px 0; border-radius: 10px;}
#under_content .sitemap_content ul{margin: 20px 10px; background: #f7f7f7; padding: 20px 20px 20px 50px;}
#under_content .sitemap_content ul.children{padding: 0 20px 0 20px; margin: 0;}
#under_content .sitemap_content li{list-style: disc;}
#under_content .sitemap_content ul.children li{list-style: circle;}

/*プライバシーポリシー*/
#under_content .privacy_content .inner{width: 1200px; margin: 0 auto; padding: 20px 0 80px;}

/*お知らせ*/
#under_content .info_content .outer {padding: 80px 0 60px; background-image: url(https://j-marts.com/wp2024/wp-content/themes/j-marts/assets/images/add/bg_circle_02.png); background-repeat: no-repeat; background-position: left -300px top 50px; background-size: 500px;}
#under_content .info_content .inner{width: 1200px; margin: 0 auto;}
#under_content .info_content ul li{background: #ececf6; padding: 30px; margin: 0 0 20px 0;}
#under_content .info_content .title{font-size: 25px;}
#under_content .info_content .time{font-size: 14px; color: #8c8c8c; margin: 0 0 5px 0;}
#under_content .info_content .download_link{margin-bottom: 10px;}

/*お知らせ　詳細*/
#under_content .info_single_content{width: 1200px; margin: 0 auto; padding: 20px 0 80px;}
#under_content .info_single_content h2{background: #1b1a2e; color: #fff; font-size: 25px; font-weight: bold; padding: 10px 0 10px 20px; margin: 60px 0 30px 0; border-radius: 10px;}
#under_content .info_single_content h3{color: #1b1a2e; font-size: 22px; border-left: 5px solid #1b1a2e; font-weight: bold; padding: 5px 0 5px 15px; margin: 40px 0 20px 0;}
#under_content .info_single_content h4{font-weight: bold; font-size: 20px; color: #1b1a2e; margin: 20px 0 10px 0;}
#under_content .info_single_content .time{font-size: 14px; color: #8c8c8c; margin: 0 0 30px 0;}
#under_content .info_single_content .time i{font-size: 18px; transform: translate(0px, 5px);}

#under_content .info_single_content table{width: 100%; border: 1px solid #dbdbdb; margin: 20px 0 40px;}
#under_content .info_single_content table th{background: #ececf6; border-bottom: 1px solid #dbdbdb; color: #1b1a2e; padding: 10px 0; width: 250px; font-weight: bold; text-align: center; vertical-align: middle;}
#under_content .info_single_content table td{border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; padding: 20px 0 20px 20px; font-size: 14px; vertical-align: top;}
#under_content .info_single_content table td.map_td iframe{width: 600px; height: 250px}
#under_content .info_single_content ul, #under_content .info_single_content ol{background: #ececf6; padding: 20px 20px 20px 40px; margin: 20px 0; border-radius: 10px;}
#under_content .info_single_content ul li{list-style: disc;}
#under_content .info_single_content ol li{list-style: decimal;}

/*ページネーション*/
.wp-pagenavi {margin: 40px auto; font-size: 12px; text-align: center; display: flex; align-items: center; justify-content: center; color: #77a0d1;}
.wp-pagenavi a {color: #77a0d1;}
.wp-pagenavi span.current,
.wp-pagenavi a.page {margin: 0 10px 0 0; border: solid 1px #eee; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; box-sizing: border-box; justify-content: center; display: flex; align-items: center; transition: .3s;}
.wp-pagenavi span.current {border: none; background: #77a0d1; color: #fff;}
.wp-pagenavi a.page {background: none;}
.wp-pagenavi a.page:hover {background: #77a0d1; color: #fff;}
.wp-pagenavi .first,
.wp-pagenavi .extend {margin-right: 10px;}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {display: none;}


@media (max-width: 768px){
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, i, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption, input, textarea, select, i { border: 0; font-style: normal; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; line-height: 1.5; font-family:"Noto Sans JP", sans-serif , "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
	.pc-768{display: none;}
	.sp-768{display: block;}

	p{font-size:16px;}

	header.header-pc{display: none;}
	header.header-sp{display: flex; justify-content: space-between; margin: 0; padding: 10px 0 0 0; position: fixed; z-index: 100; width: 100%; background: #fff;}
	header.header-sp img{width:100%;}
	header .logo_box{margin: 0 0 0 10px;}
	header .content{display: block; padding:10px 0;}
	header .content .logo{width:70%; display:block; margin:0 auto;}
	header .content ul{display: flex;}
	header .content ul li{display: table;}
	header .content ul li a{display: table-cell; vertical-align: middle; padding: 0 15px; font-weight: bold;}
	header .content ul li a:hover{border-bottom:3px solid #0bb783;}
	header .hamburger-menu {width: 38px; height: 38px; position: relative; border: none; appearance: none; padding: 0; cursor: pointer; background: #201c70; border-radius: 5px; margin: 0 10px 0px 0; z-index: 11;}
	header .hamburger-menu__bar {display: inline-block; height: 2px; background: #ffffff; position: absolute; left: 50%; transform: translateX(-50%); transition: .5s; width: 24px;}
	header .hamburger-menu__bar:first-child {top: 10px;}
	header .hamburger-menu__bar:nth-child(2) {top: 18px;}
	header .hamburger-menu__bar:last-child {top: 26px;}
	header .hamburger-menu--open .hamburger-menu__bar {top: 50%;}
	header .hamburger-menu--open .hamburger-menu__bar:first-child {transform: translateX(-50%) translateY(-50%) rotate(45deg);}
	header .hamburger-menu--open .hamburger-menu__bar:last-child {transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
	header .hamburger-menu--open .hamburger-menu__bar:nth-child(2) {display: none;}
	header .navigation {display: none; background: #1b1a2e; position: absolute; top: 65px; width: 100%; z-index: 10; padding: 15px}
	header .navigation__list {text-align: left; list-style: none; padding: 0; margin: 0; display: block;}
	header .navigation__list li{padding: 5px 0;}
	header .navigation__list-item {border-bottom: solid 1px #474747;}
	header .navigation__list-item:first-child {border-top: solid 1px #474747;}
	header .navigation__link {color: #fff; font-weight: 700; text-decoration: none; display: block; padding: 24px 0; transition: .5s;}
	header .navigation__list a{color:#fff !important;}
	header .navigation__list .material-icons{transform: translateY(7px);}
	header .navigation a{color:#fff !important; font-size: 16px;}
	header .navigation a i{transform: translateY(6px);}
	header .navigation .sp-li{margin: 0 0 5px 0;}
	header .navigation .contact_content{width: 300px; margin: 30px auto;}
	header .navigation .contact_content a{background: #f4a919; border-radius: 50px; color: #fff; width: 300px; padding: 15px; text-align: center; display: flex; align-items: center; justify-content: center;}
	header .navigation .contact_content a i{transform: translate(70px, 0px); border-left: 1px solid #fff; padding: 0 0 0 10px;}
	
	
	.footer_contact .outer{padding: 40px 0;}
	.footer_contact .inner{width: 100%; flex-direction: column; padding: 0 15px;}
	.footer_contact .footer_title{margin: 10px 0 0 0;}
	.footer_contact .footer_title .title{font-size: 26px;}
	.footer_contact .footer_title .en_title{transform: unset; position: relative; top: unset; left: unset; margin: 0 0 10px 0;}
	.footer_contact .left_box{width: 100%;}
	.footer_contact .left_box img{height: 150px;}
	.footer_contact .right_box{width: 100%; padding: 0;}
	.footer_contact .footer_cta_content{flex-direction: column; margin: 20px 0 0 0;}
	.footer_contact .footer_cta_content .tel_box{width: 100%;}
	.footer_contact .footer_cta_content .mail_box{margin: 10px 0 0 0; width: 100%;}
	footer{flex-direction: column;}
	footer .inner{width: 100%; flex-direction: column; padding: 30px 15px;}
	footer .left{width: 100%; padding: 0 0 20px 0; border-right: unset; border-bottom: 1px solid #fff;}
	footer .right{width: 100%; display: block;}
	footer .right ul{flex-direction: column; padding: 20px 0 0 0;}
	footer .right ul li{padding: 0;}
	footer .right ul li a{font-size: 14px;}	
	footer .copy{text-align: center; font-size: 10px; margin: 30px 0 0 0;}

	.breadcrumbs_content{padding: 2px 15px 5px;}
	.breadcrumbs_content .breadcrumbs{width: 100%;}

	.mv_content{margin: 0 0 60px 0; width: 100%; max-width: 100%; height: 600px;}
	.mv_content .inner{background-size: 350px; bottom: 0px;}
	.mv_content .inner .main_txt{padding: 0 0 0 10px;}
	.mv_content .inner .main_txt h1{margin: 40px 0 10px 0; font-size: 30px;}
	.mv_content .swiper-pagination{position: relative; top: 0;}

	.business_content .outer{padding: 40px 0;}
	.business_content .title{font-size: 28px;}
	.business_content .en_title{transform: unset; position: relative; top: unset; left: unset; margin: 0 0 10px 0;}
	.business_content .inner{width: 100%; flex-direction: column; padding: 0 15px;}
	.business_content .left{margin: 0 0 20px 0;}
	.business_content .right{width: 100%; justify-content: flex-start;}
	.business_content .right .box{width: 100%; height: auto; margin: 0 0 10px 0;}
	.business_content .right .box img{margin: 15px auto 5px;}
	.business_content .right .box .icon i{margin: 5px 0 0 auto;}
	.business_content .cta_btn{margin: 40px auto 0;}

	.info_content .outer{padding: 40px 0;}
	.info_content .inner{width: 100%; padding: 0 15px;}
	.info_content .title{font-size: 28px;}
	.info_content .en_title{transform: unset; position: relative; top: unset; left: unset; margin: 0 0 10px 0;}
	.info_content .box{flex-direction: column;}
	.info_content .box a{padding: 0; margin: 0 0 20px 0;}
	.info_content .box a:last-of-type{margin: 0;}	
	.info_content .box a img{width: 100%;}

	/*下層共通*/
	#under_content .under_title_content{padding: 100px 0 40px;}
	#under_content .under_title_content .inner{width: 100%;}
	#under_content .under_title_content .title{font-size: 25px;}
	#under_content .under_title_content .en_title{font-size: 16px;}
	#under_content .under_h2{font-size: 18px; margin: 40px 0 20px 0;}
	#under_content .table_box{overflow-x: scroll; table-layout: fixed; border-collapse: collapse; margin: 0; padding-bottom: 10px; position: relative;}
	#under_content .table_box table{width: 100%; border-collapse: collapse; white-space: nowrap;}
	#under_content .table_box table th{width: 130px; font-size: 14px; min-width: 130px; position: -webkit-sticky; position: sticky; left: -2px;}
	#under_content .table_box table td{padding: 10px;}
	#under_content .table_box table td.map_td{min-width: 250px !important;}
	#under_content .table_box table td.map_td iframe{width: 300px; height: 150px}

	/*会社概要*/
	#under_content .company_content .inner{width: 100%; padding: 0 15px 40px;}
	#under_content .company_content .company_img{width: 100%; margin: 10px auto 20px;}
	#under_content .company_content .ceo_greeting p{text-align: left;}
	#under_content .company_content .ceo_greeting p span{font-size: 18px;}
	#under_content .company_content .ceo_greeting .ceo_img{}

	/*サスティナビリティ*/
	#under_content .sustainability_content .inner{width: 100%; padding: 0 15px;}
	#under_content .sustainability_content .sustainability_img{display: block; width: 100%; margin: 20px auto 40px;}
	#under_content .sustainability_content .attempt_box{}
	#under_content .sustainability_content .attempt_box .box_left{padding: 15px; margin: 0 0 20px 0; flex-direction: column;}
	#under_content .sustainability_content .attempt_box .box_left .attempt_img{position: unset; width: 100%; height: 200px;}
	#under_content .sustainability_content .attempt_box .box_left .attempt_img img{width: 100%; height: 100%; margin: 0; border-radius: 10px;}
	#under_content .sustainability_content .attempt_box .box_left .txt_box{padding: 0; width: 100%; margin: 0 0 0 0;}
	#under_content .sustainability_content .attempt_box .box_right{margin: 0 0 40px 0; padding: 15px; flex-direction: column;}
	#under_content .sustainability_content .attempt_box .box_right .attempt_img{position: unset; width: 100%; height: 200px;}
	#under_content .sustainability_content .attempt_box .box_right .attempt_img img{width: 100%; height: 100%; margin: 0; border-radius: 10px;}
	#under_content .sustainability_content .attempt_box .box_right .txt_box{padding: 0; margin: 0 0 0 0; width: 100%;}
	#under_content .sustainability_content .attempt_box .txt_box .no{border-radius: 10px; margin: 20px 0 0 0; font-size: 24px;}
	#under_content .sustainability_content .attempt_box .txt_box .sub_title{font-size: 20px; margin: 10px 0 3px 0;}
	#under_content .sustainability_content .attempt_box .box_left .txt_box .txt{font-size: 14px;}

	/*採用情報*/
	#under_content .recruit_content .inner{width: 100%; padding: 0 15px;}
	#under_content .recruit_content .rec_2018{}
	#under_content .recruit_content .rec_media_box{flex-direction: column;}
	#under_content .recruit_content .rec_media_box a {padding: 0 0 15px 0;}
	#under_content .recruit_content .rec_media_box a img{}
	#under_content .recruit_content .rec_media_box a p{}
	#under_content .recruit_content .rec_media_box a p span{}
	#under_content .recruit_content .rec_about .rec_about_box{margin: 20px 0 0 0;}
	#under_content .recruit_content .rec_about .rec_about_box ul{flex-direction: column;}
	#under_content .recruit_content .rec_about .rec_about_box ul li{width: 100%; padding: 15px 0;}
	#under_content .recruit_content .rec_about .rec_about_box .num_ttl{}
	#under_content .recruit_content .rec_about .rec_about_box .num_ttl span{}
	#under_content .recruit_content .rec_about .rec_about_box .num_list_box img{}
	#under_content .recruit_content .rec_about .rec_about_box .num_list_box p{}
	#under_content .recruit_content .rec_info .table_box{margin: 20px 0 40px 0 !important;}

	/*グループ会社*/
	#under_content .group_company_content .inner{width: 100%; padding: 40px 15px 20px;}
	#under_content .group_company_content .company_list{flex-direction: column;}
	#under_content .group_company_content .company_list li{flex-direction: column; width: 100%; margin: 0 0 20px 0;}
	#under_content .group_company_content .company_list li::after{content: unset;}
	#under_content .group_company_content .company_list li .text_box{}

	/*お問い合わせ*/
	#under_content .contact_content .inner{width: 100%; padding: 40px 15px 20px;}
	#under_content .contact_content .sub_txt{margin: 0 0 20px 0;}
	#under_content .contact_content form tr{display: flex; flex-direction: column;}
	#under_content .contact_content form th{width: 100%; padding: 0 0 10px 0;}
	#under_content .contact_content form th .labelwrap{justify-content: flex-start;}
	#under_content .contact_content form td{}
	#under_content .contact_content form td input, #under_content .contact_content form td textarea{}
	#under_content .contact_content .hissu{margin: 0 0 0 20px;}
	#under_content .contact_content .nini{margin: 0 0 0 20px;}
	#under_content .wpcf7-submit{}

	/*サイトマップ*/
	#under_content .sitemap_content .inner{width: 100%; padding: 0 15px;}
	#under_content .sitemap_content h2 {font-size: 18px; margin: 40px 0 20px 0;}
	#under_content .sitemap_content ul{margin: 20px 10px; background: #f7f7f7; padding: 20px 20px 20px 50px;}
	#under_content .sitemap_content ul.children{padding: 0 20px 0 20px; margin: 0;}
	#under_content .sitemap_content li{list-style: disc;}
	#under_content .sitemap_content ul.children li{list-style: circle;}
	#under_content .sitemap_content li a{font-size: 14px;}

	/*プライバシーポリシー*/
	#under_content .privacy_content .inner{width: 100%; padding: 0 15px;}

	/*お知らせ*/
	#under_content .info_content .inner{width: 100%; padding: 0 15px;}
	#under_content .info_content ul li{background: #ececf6; padding: 15px; margin: 0 0 20px 0;}
	#under_content .info_content .title{font-size: 20px;}
	#under_content .info_content .time{font-size: 12px; color: #8c8c8c; margin: 0 0 5px 0;}
	#under_content .info_content .des{font-size: 14px;}

	/*お知らせ　詳細*/
	#under_content .info_single_content{width: 100%; padding: 30px 15px;}
	#under_content .info_single_content h2{font-size: 18px; margin: 40px 0 20px 0;}
	#under_content .info_single_content h3{font-size: 18px; margin: 30px 0 10px 0;}
	#under_content .info_single_content h4{font-size: 16px;  margin: 20px 0 10px 0;}
	#under_content .info_single_content .time{font-size: 14px; color: #8c8c8c; margin: 0 0 30px 0;}
	#under_content .info_single_content .time i{font-size: 18px; transform: translate(0px, 5px);}
	#under_content .info_single_content table{width: 100%; border-collapse: collapse; white-space: nowrap;}
	#under_content .info_single_content table th{width: 130px; font-size: 14px; min-width: 130px; position: -webkit-sticky; position: sticky; left: -2px;}
	#under_content .info_single_content table td{padding: 10px;}
	#under_content .info_single_content table td.map_td{min-width: 250px !important;}
	#under_content .info_single_content table td.map_td iframe{width: 300px; height: 150px}

}




.mv_content_test{align-content: center; align-items: center; background: rgba(0, 0, 0, 0.0); border-radius: 0px 0px 0px 0px; flex: none;	flex-direction: column;	flex-wrap: nowrap;	height: 434px; justify-content: center;	margin: 0px auto 40px; padding:80px 0 0; width: 1000px; max-width: calc(100% - 80px);}
.mv_content_test .swiper{align-content: flex-start; align-items: flex-start; border-radius: 30px 30px 30px 30px; flex: none; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: flex-start; width: 100%; max-width: 100%;}
.mv_content_test .swiper img{width: 100%; height: 354px;	object-fit: cover;}
.mv_content_test .swiper img.bnr{height:auto; padding:0 0;}
.mv_content_test .outer{position: relative; height: 100%;}
.mv_content_test .inner{background-image: url(https://j-marts.com/wp2024/wp-content/themes/j-marts/assets/images/add/mv_cover.png); background-repeat: no-repeat; background-size: 600px; position: absolute; bottom: 0px; z-index: 10; width: 100%;}
.mv_content_test .inner .main_txt{padding: 80px 0 40px 80px;}
.mv_content_test .inner .main_txt h1{font-size: 50px; font-weight: bold; line-height: 1.2; color: #1b1a2e; margin: 0 0 10px 0;}
@media (max-width: 768px){
	
	.mv_content_test{margin: 0 0 60px 0; width: 100%; max-width: 100%; height: 372px;}
	
	.mv_content_test .inner{background-size: 350px; bottom: 0px;}
	.mv_content_test .inner .main_txt{padding: 0 0 0 10px;}
	.mv_content_test .inner .main_txt h1{margin: 40px 0 10px 0; font-size: 30px;}
	.mv_content_test .swiper-pagination{position: relative; top: 0;}
	.mv_content_test .swiper img{width: 100%; height: 293px;	object-fit: cover;}
}
/* 241205start */
.info_content .box {
  display: block;
}
.info_content .outer .inner {
  width: 1000px;
}
.info_content .outer .inner .content .info_title {
  font-size: 20px;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .info_content .outer .inner {
    width: 100%;
  }
}
/* 241205end */