@charset "utf-8";
/*
Theme Name: Munakata
Description: ムナカタ商事グループHP用
Version: 1.0
*/

/* 全体デザイン ここから */
/* 一般リンク */
a:link, a:visited {
	color: #3366CC;
	text-decoration: none;
}

a:hover, a:active {
	color: #3366CC;
	text-decoration: underline;
}

body {
	margin:0;
	padding: 0;
	font-family: 'Noto Sans Japanese', serif;
	/*font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo" , "メイリオ", sans-serif;*/
	-webkit-text-size-adjust: 100%;
}

/*コンテンツ表示幅*/
main{
	display: block;
}

.inner,
main,
.header-img{
	width: 1000px;
	margin:0 auto;
}

header{
	/*background-color: #EEFFFF;*/
	/*background:linear-gradient(#FFFFFF, #EEFFFF 30%);*/
	background: url(img/header-img-BG_01.jpg);
}

/*サイトタイトル*/
header .inner{
	display: -webkit-flex;
	display: -webkit-box;
	display: flex;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
	height: 100px;
}

#site-title {
	width: 630px;
display: -webkit-flex;
display: -webkit-box;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}

/*
#site-title a{
	display: block;
	width: 510px;
	height: 80px;
	text-indent: -9999px;
	background:url(img/site-ID.png) no-repeat 0 0;
}
*/

#site-title a{
	display: block;
	width: 410px;
	height: 65px;
	text-indent: -9999px;
	background:url(img/site-ID_out.svg) no-repeat 0 0;
	/*background-size: cover;*/
}

/*
#site-title a:hover{
	background-position: 0 -65px;
}
*/

#site-title a:hover{
	background:url(img/site-ID_hover.svg) no-repeat 0 0;
}

/*電話info*/
#tel-info{
	width: auto;
	height: auto;
	font-size: 1.2em;
	/*background-color: #D1DBEB;*/
	background-color: #FFFFFF;
	border: 1px #BDBDBD solid;
	border-radius: 35px 5px 5px 35px;
	padding: 2px 5px 2px 25px;
	/*margin:10px 0;*/

}

#tel-info th{
	font-weight: normal;
	text-align: left;
	/*text-align: justify;
text-justify: inter-ideograph;*/
	padding-right: 10px;
	color: #333;
	white-space: nowrap;
}

#tel-info tr:nth-of-type(1) th:before{
	margin-right: 5px;
	content: " ";
	display: inline-block;
	width: 24px;
	height: 13px;
	background:url(img/icon_flame.svg);
	background-size: contain;
	vertical-align: middle;
}

#tel-info tr:nth-of-type(2) th:before{
	margin-right: 5px;
	content: " ";
	display: inline-block;
	width: 24px;
	height: 13px;
	background:url(img/icon_fish.svg);
	background-size: contain;
	vertical-align: middle;
}

/*
#tel-info tr:nth-of-type(1) th:before{
	content: url(img/icon_flame.png);
    margin-right: 5px;
    position: relative;
    top: 0px;
}

#tel-info tr:nth-of-type(2) th:before{
	content: url(img/icon_fish.png);
    margin-right: 5px;
    position: relative;
    top: 0px;
}
*/

#tel-info td {
	white-space: nowrap;
}

#tel-info td i{
	margin-right: 3px;
	color: #2E7D32;
}


/*ページタイトル*/
#header-img{
	width: 100%;
	height: 199px;
	display: -webkit-flex;
	display: -webkit-box;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	background-position: center;
	box-shadow: 0px 2px 6px #BDBDBD;
}

#header-img h1{
	margin: 0 auto;
	width: 1000px;
	color: #FFF;
/*text-shadow: 2px 2px 1px #000,
-1px -1px 0px #9E9E9E;*/
/*text-shadow: 0 0 20px #616161;*/
text-shadow: 0 0 10px #000;
}

/* グローバルナビ*/
nav#global-navi{
/*background:linear-gradient(#0277BD 90%, #4FC3F7);*/
background-color: #577CB7;
border-bottom: 5px #4FC3F7 solid;
height: 50px;
}

nav#global-navi ul{
	margin:0;
	padding: 0;
	display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    align-items: flex-end;
    height: 50px;
}

nav#global-navi ul li{
    list-style-type: none;
	-webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    height:40px;
}

nav#global-navi ul li a{
	display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    /*-webkit-align-items: center;
    align-items: center;*/
    width: 100%;
	height: 100%;
	font-size: 1.4em;
	letter-spacing: 1px;
    color: #FFF;
}

nav#global-navi ul li a:hover{
	text-decoration: none;
	background-color: #4FC3F7;
	color: #FFF;
	border-top: 5px #4FC3F7 solid;
}

nav#global-navi li{
	border-right: 1px #FFFFFF solid;
}

nav#global-navi li:first-child{
	border-left: 1px #FFFFFF solid;
}

/* グローバルナビ end*/

main{
	margin-bottom: 50px;
}

/*フッター*/
footer{
	background-color: #577CB7;
	padding: 10px 0 20px;
	text-align: center;
	color: #FFF;
	letter-spacing: 1px;
}

.copyright{
	width: 80%;
	margin:10px auto 0px;
	padding-top: 10px;
	border-top: 1px #FFF dotted;
	font-size: 0.8em;
}

address{
	display: block;
	font-style: normal;
}

footer .inner .tel-info .fa-phone{
	margin-left: 8px;
	margin-right: 3px;
}

footer .inner .tel-info .fa-genderless{
	margin: 0 8px;
}

/* 全体デザイン ここまで */

#main-contents h2{
	border-top: 2px #42A5F5 solid;
	border-bottom: 1px #42A5F5 dotted;
background: -webkit-linear-gradient(12deg, #B3E5FC, #FFFFFF);
background: -webkit-linear-gradient(18deg, #B3E5FC, #FFFFFF);
background: linear-gradient(72deg, #B3E5FC, #FFFFFF);
/*ベンダープレフィックス付のdeg 90-72deg*/
	font-weight: normal;
	color: #0D47A1;
	text-indent: 0.5em;
	letter-spacing: 1px;
	margin:1.5em 0;
}

#main-contents h3{
	color: #00695C;
	border-left: 5px #00695C solid;
	text-indent: 0.5em;
	letter-spacing: 1px;
	margin:1.5em 0;
}

/*コンテンツ内 表組基本*/

main table{
	border-collapse: collapse;
	border-top: 1px #999 solid;
	width: 980px;
	margin:0 auto;
}

main table.basic-style{
	border-right: 1px #999 solid;
}

main th,
main td{
padding:5px 10px;
}

main thead th{
	border-left: 1px #999 solid;
	border-bottom: 1px #999 solid;
}

main tbody th{
	border-bottom: 1px #999 solid;
}

main table.basic-style tbody th{
	border-left: 1px #999 solid;
}

main tbody td{
	border-bottom: 1px #999 solid;
}

main table.basic-style tbody td{
	border-left: 1px #999 solid;
}

main caption{
	text-align: right;
}

main caption strong{
	font-weight: normal;
	margin-right: 0.5em;
}

main table thead th{
	background-color: #4CAF50;
	color: #FFF;
}

main table.basic-style tbody th{
	font-weight: normal;
	background-color: #d5ffaa;
}

/*表組基本 end*/

/*会社概要/フォーム 表組*/

main table.outline th,
main table.outline td,
main .form-mail  table th,
main .form-mail table td{
padding:10px 20px;
}

main table.outline caption{
	font-size: 0.8em;
}

main table.outline tbody th,
main .form-mail table tbody th{
	text-align: left;
}

/*会社概要/フォーム 表組 end*/

/*
table.bz{}
table.youkou{}
*/

/*ホーム*/
#home-image{
	/*width: 1920px;*/
	width: 100%;
	height: 500px;
	text-align: right;
	overflow: hidden;
	background: url(img/home-img_02.png) left bottom no-repeat;
}

#home-image img{
	margin-top: 135px;
	margin-right: 50px;
}

/*ホームメニュー*/

main#front-page-main{
	margin-top: -50px;
}

main#front-page-main #home-navi ul{
	margin: 0;
	padding: 0;
	display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

main#front-page-main #home-navi ul li{
	list-style-type: none;
	/*width: 330px;
	height: 330px;*/
	-webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

main#front-page-main #home-navi ul li:not(:last-child):after{
	margin-right: 14px;
}

main#front-page-main #home-navi ul li a{
	display: block;
	/*width: 330px;
	height: 330px;*/
	width: 320px;
	height: 320px;
	/*background-size:contain;*/
	border: 1px #BDBDBD solid;
	    border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

main#front-page-main #home-navi ul li a.munakata{
	background:url(img/home-menu-01.jpg);
	background-size:contain;
}

main#front-page-main #home-navi ul li a.maruto{
	background:url(img/home-menu-02.jpg);
	background-size:contain;
}

main#front-page-main #home-navi ul li a.recruit{
	background:url(img/home-menu-03.jpg);
	background-size:contain;
}

main#front-page-main #home-navi ul li a{
	color: #000;
	display: -webkit-flex;
    display: -webkit-box;
    display: flex;
     -webkit-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
}

main#front-page-main #home-navi ul li a .box{
	/*width: 260px;
	height: 150px;*/
	width: 280px;
	height: 90px;
	padding: 5px 10px 10px;
	text-align: center;
	background-color: rgba(255,255,255,0.9);
	border: 1px #999 solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-top: 10px;
	/*margin:150px auto 30px;*/
}

main#front-page-main #home-navi ul li a .box i{
	color: #2E7D32;
	font-size: 1.5em;
}

main#front-page-main #home-navi ul li a:hover{
	text-decoration: none;
	background-size: 120%;
	background-position: center center;
}

main#front-page-main #home-navi ul li a:hover > .box{
	background-color: #d5ffff;

}

main#front-page-main #home-navi ul li a .box strong{
	display: block;
	color: #E64A19;
	font-size: 1.4em;
	border-bottom: 3px #F48FB1 double;
	margin-bottom: 3px;
}

/*
main#front-page-main #home-navi ul li a.munakata .box strong,
main#front-page-main #home-navi ul li a.maruto .box strong{
	border-bottom: 3px #F48FB1 double;
	margin-bottom: 3px;
}
*/

/*トップメッセージ*/
.home-msg{
/*font-family: serif;
font-weight: bold;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:url(/wp/wp-content/uploads/2018/03/msg-bg-01.jpg) no-repeat 0px -120px;
	margin-top:20px;
}

.home-msg .inner{
	font-family: "UD デジタル 教科書体 NK-R", "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "serif";
	font-size: 1.2em;
	line-height: 2.0em;
	box-sizing:border-box;
	padding:10px 10px 12px;
	background-color: rgba(255,255,255,0.8);
}

.home-msg .inner h2{
	font-size: 2.0em;
	text-align: center;
	color: #E64A19;
}

.home-msg .inner .speaker{
	text-align:right;
	margin-top:1.0em;
	/*margin-bottom: 2.0em;*/
}

/*会社紹介*/
#intro-msg{
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
}

#intro-msg .msg-box{

}

#intro-msg .mark-box{
	width: 120px;
	margin-left: 20px;
}

/*会社概要*/
.map iframe{
	width: 100%;
	box-sizing:border-box;
}

/*沿革*/
dl.history {
border-bottom:1px #999999 dotted;
}

/*
dl.history dt{
color: #E91E63;
}
*/

dl.history dt {
float: left;
clear: both;
width: 110px;
font-size: 0.9em;
color:#ff4500;
padding-top: 5px;
border-top:1px #999999 dotted;
}

/*
dl.history dt:after {
margin:0px 10px;
color:#ff4500;
content : "：";
}
*/

dl.history dd {
margin-left: 110px;
  /*width: 550px; ここを設定するとIE7でずれる*/
/*color: #666666;*/
line-height: 1.8em;
padding-top: 5px;
padding-bottom: 5px;
border-top:1px #999999 dotted;
}

/*1日の流れ*/

#flowchart ol{
	margin: 0;
	padding: 0;
}

#flowchart li{
	list-style-type: none;
}

#flowchart li .act{
	padding: 15px;
	/*background-color: #FFCCBC;*/
	background-color: #FFE082;
	border-radius: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#flowchart li:not(:last-child):after{
	content: "▼";
	display: block;
	font-size: 1.5em;
	text-align: center;
	color: #F4511E;
}

#flowchart li .act .photo img{
width:250px;
height:188px;
}

#flowchart li .act .photo{
width:250px;
height:188px;
}

#flowchart li .act .txt-box{
-webkit-box-flex:1;
-webkit-flex:1;
flex:1;
margin: 0 30px;
}

#flowchart li .act .txt-box .item{
	font-weight: bold;
	font-size: 1.2em;
	color: #3949AB;
	text-align: center;
}

#flowchart li .act .txt-box .exp{
	margin-top: 10px;
	border-top: 1px #000 dotted;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
/*1日の流れ end*/


/*募集要項*/
table.youkou th{
	width: 6.0em;
}

.recruit-msg{
	margin-top: 1.0em;
	/*margin-bottom: -1.0em;*/
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

.guide-msg{
	font-weight: normal;
	margin-top: 5px;
}

/*フォーム*/
main .form-mail table small{
	color: #E91E63;
	font-family: san-serif;
	font-weight: bold;
}

.zip01{
	width: 3em;
}

.zip02{
	width: 4em;
}

.full01,
.full02{
	width: 100%;
	box-sizing:border-box;
}

/*送信ボタン*/
.submit-area input[type="submit"]{
	border:none;
	background-color: #1565C0;
	color: #FFF;
	letter-spacing: 1px;
	padding: 5px 20px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	margin:10px;
	cursor: pointer;
}

.submit-area input[type="submit"]:hover{
	background-color:#303F9F;
}

/*写真*/
#photo-box{
	width: 1000px;
margin-top:20px;
}

#photo-box ul{
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: space-between;
	align-content: space-between;
}

#photo-box ul li{
	width: 320px;
	/*height: 240px;*/
	list-style-type: none;
	/*margin-top:10px;*/
	margin-bottom:8px;
}

#photo-box ul li small{
	display: block;
	text-align: center;
}

/*マルト 業務内容表 add 2023.2.27*/
main table.maruto-biz tbody tr th {
	text-align: left;
}

/* reCAPTCHA */
body:not(.page-id-18) .grecaptcha-badge {
	visibility: hidden;
}

/*2025.7.29 add*/
ul.recruit-tokki {
	margin: 0;
	padding-left: 0;
}

ul.recruit-tokki>li {
	list-style-type: none;
}

ul.recruit-tokki>li::before {
	content: "※";
	margin-right: 0.5em;
}