@charset "utf-8";
/* @group reset */
*{margin:0;padding:0;font-family:sans-serif,Helvetica;box-sizing: border-box;}
header a,footer a,.btn01 a,.btn02 a,.btn03 a,.btn04 a,.btn05 a{text-decoration:none;}
Ul,ol,li{list-style:none;}
img{vertical-align:middle;}
/* end @group reset */

/** ボーダーを追加した際、ボーダーの値を計算で考えなくてよくする方法 **/
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

#main-contents h1,#main-contents h2,#main-contents h3,#main-contents h4,#main-contents h5,#main-contents h6{font-size:18px;line-height:1.5em;color:#4b4b4b;}
@media screen and (max-width:499px) {
#main-contents h1,#main-contents h2,#main-contents h3,#main-contents h4,#main-contents h5,#main-contents h6{font-size:18px;}
}
h1#page-title{font-size:24px;}
#main-contents p,#main-contents th,#main-contents td,#main-contents li,#main-contents a{line-height:1.75em;font-style:normal;color:#4b4b4b;}
#main-contents p,#main-contents th,#main-contents td,#main-contents li{font-size:15px;}
#main-contents p{margin-top:0.6em;}
#main-contents p a{text-decoration:underline;}
@media screen and (max-width:499px) {
#main-contents p,#main-contents th,#main-contents td,#main-contents li,#main-contents div,#main-contents a{font-size:15px;}
}
@media screen and (max-width:499px) {
nav a{color:#4b4b4b!important;font-size:14px;}
}
table{border-spacing:0;border-collapse:inherit;}

/*ヘッダー*/
#breadcrumb-list{margin:10px;}
@media screen and (min-width:500px){
#breadcrumb-list{margin:10px 5px 30px;}
}
#breadcrumb-list a{text-decoration:underline;}
#breadcrumb-list p,#breadcrumb-list a{font-size:10px;color:#999;}
#breadcrumb-list a:hover{text-decoration:none;}

#top-page #main-contents{margin-top:54px;}
@media screen and (min-width:500px){
#top-page #main-contents{margin-top:0;}
}

@media screen and (max-width:499px){
#SP-Gnav{z-index:10;}

/* スマートフォン専用のグローバルナビゲーション */
/* グローバルナビゲーション*/
#g-nav img{width:192px;height:auto;margin:0;padding:0;float:left;}
nav li{display:inline;border:none;margin:0;padding:0;}
#g-nav{width:100%;max-width:960px;}
}

#header-container1{width:100%;
background: rgb(86,86,86);
background: -moz-linear-gradient(top,  rgb(86,86,86) 0%, rgb(53,53,53) 100%);
background: -webkit-linear-gradient(top,  rgb(86,86,86) 0%,rgb(53,53,53) 100%);
background: linear-gradient(to bottom,  rgb(86,86,86) 0%,rgb(53,53,53) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#353535',GradientType=0 );
}
#header-container2{width:100%;border-top:3px solid #6c8dd1;
background: rgb(32,32,32);
background: -moz-linear-gradient(top,  rgb(32,32,32) 0%, rgb(86,86,86) 100%);
background: -webkit-linear-gradient(top,  rgb(32,32,32) 0%,rgb(86,86,86) 100%);
background: linear-gradient(to bottom,  rgb(32,32,32) 0%,rgb(86,86,86) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#565656',GradientType=0 );
}
#PC-header,#g-nav,#main-contents,footer{width:100%;max-width:960px;margin:0 auto;}
#PC-header p{margin:0;padding:0;}
#mukae_sitetitle{}
#mukae_sitetitle img{height:64px;margin:4px 0;}
#header_wrap header ul{list-style:none;}
/*
@media screen and (min-width:500px){
#header_wrap header ul li{display:inline;border-left:1px solid #999}
}
*/
@media screen and (min-width:500px){
header table{border:none;}
/*
#header_wrap header ul li a{padding:10px 0;display:inline-block;margin:0;color:#444;font-weight:bold;}
#header_wrap header ul li a:hover{opacity:0.8;}
*/
#header_wrap header table tbody th{/*border-left:1px solid #999;*/}
#header_wrap header table tbody th a{padding:10px 10px;display:block;margin:0;font-weight:bold;font-size:16px;border-left:1px solid #b9b9b9;color:#4b4b4b;
background: rgb(234,234,234);
background: -moz-linear-gradient(top,  rgb(234,234,234) 0%, rgb(255,255,255) 50%, rgb(242,242,242) 51%, rgb(221,221,221) 100%);
background: -webkit-linear-gradient(top,  rgb(234,234,234) 0%,rgb(255,255,255) 50%,rgb(242,242,242) 51%,rgb(221,221,221) 100%);
background: linear-gradient(to bottom,  rgb(234,234,234) 0%,rgb(255,255,255) 50%,rgb(242,242,242) 51%,rgb(221,221,221) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#dddddd',GradientType=0 );
}
header a:hover{opacity:0.8;}
}
#mukae_information{margin-top:4px;}
#mukae_info{/*width:185px*/}


/* ハンバーガーメニューはここから */
@media screen and (max-width:499px){
.slidemenu-header {
  display: flex;
  justify-content: space-between;
/*
  align-items: center;
  padding: 0 20px;
*/
background: rgb(74,74,74);
background: -moz-linear-gradient(top,  rgb(74,74,74) 0%, rgb(32,32,32) 100%);
background: -webkit-linear-gradient(top,  rgb(74,74,74) 0%,rgb(32,32,32) 100%);
background: linear-gradient(to bottom,  rgb(74,74,74) 0%,rgb(32,32,32) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#202020',GradientType=0 );
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 90;
 }

.header-logo {
  font-size: 24px;
}

.drawer-item1{margin:6px 0 0 14px;}
.drawer-item2{margin:6px 0 0 22px;}

/*------------------------------
  ここから下がハンバーガーメニュー
  に関するCSS
------------------------------*/
  
/* チェックボックスは非表示に */
.drawer-hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer-open {
  display: flex;
  height: 54px;
  width: 54px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上に */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #bbb;
  transition: 0.5s;
  position: absolute;
}

/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
  bottom: 8px;
}

/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked ~ .drawer-open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked ~ .drawer-open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer-check:checked ~ .drawer-open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.drawer-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;/* メニューを画面の外に飛ばす */
  z-index: 99;
  background: #fff;
  transition: .2s;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content {
  left: 115px;/* メニューを画面に入れる（デフォルトは「left: 0;」） */
}
ul.drawer-list1,ul.drawer-list2{display:grid;}
li.drawer-item1,li.drawer-item2{}
}
/* ハンバーガーメニューはここまで */


@media screen and (min-width:500px){
header #SP-Gnav{display:none;}
}
.text-strong{font-weight:bold;}
.option-mark{font-size:0.8em;color:#f667bd;font-weight:100;border:solid 2px #f667bd;padding:2px;width:80px;text-align:center;line-height:1em;border-radius:6px;margin-right:6px;}
.list1 li{margin-left:1.5em;font-size:15px;color:#666;margin:12px 0;list-style-position:outside;}
.list2 li{margin-left:1.2em;list-style-type:disc;list-style:inside;list-style-position:outside;}
.list3 li{list-style-type:none;list-style:inside;display:inline;}
article section{/*margin-bottom:2em;*/}

/* レイアウト */
.float-L{float:left;}
.float-R{float:right;}
/* テキストの装飾 */
.text-R,.right{text-align:right;}
.center{text-align:center;}
.left{text-align:left;}
p.right,p.center,p.left{padding-bottom:0!important;}
.bold{font-weight:bold;}
.big{font-size:1.3em;line-height:2em;}
.mini{font-size:0.75em;line-height:1.1em;}

.clear-both	{clear:both;}
#main .float-L img,#main .float-R img{border:solid 1px #d0d0d0;}
img.border-none{border:none!important;}

.txt-gray{color:#ebeef5!important;}

.mt0{margin-top:0!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}
.mt100{margin-top:100px!important;}

.mb0{margin-bottom:0!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mb90{margin-bottom:90px!important;}
.mb100{margin-bottom:100px!important;}

.ml0{margin-left:0!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml70{margin-left:70px!important;}
.ml80{margin-left:80px!important;}
.ml90{margin-left:90px!important;}
.ml100{margin-left:100px!important;}

.mr0{margin-right:0!important;}
.mr10{margin-right:10px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}
.mr60{margin-right:60px!important;}
.mr70{margin-right:70px!important;}
.mr80{margin-right:80px!important;}
.mr90{margin-right:90px!important;}
.mr100{margin-right:100px!important;}

.pdg5{padding:5px;}
.pdg10{padding:10px;}
.pdg20{padding:20px;}


.pdgt40{padding-top:40px;}
.pdgb0{padding-bottom:0!important;}

/* 空間調整 */
.w25{width:23%;}
.w30{width:28%;}
.w40{width:37%;}
.w50{width:46%;}
.w60{width:58%;}
.w70{width:68%;}
.w100{width:100%;}

.w25PC{width:23%;}
@media screen and (max-width:499px){
.w25PC{width:100%;}
}
.w30PC{width:31%;}
.w30PC-mr{margin-right:3.5%;}
@media screen and (max-width:499px){
.w30PC{width:100%;}
.w30PC-mr{margin-right:0;}
}
.w40PC{width:37%;}
@media screen and (max-width:499px){
.w40PC{width:100%;}
}
.w50PC{width:46%;}
@media screen and (max-width:499px){
.w50PC{width:100%;}
}
.w60PC{width:58%;}
@media screen and (max-width:499px){
.w60PC{width:100%;}
}
.w70PC{width:68%;}
@media screen and (max-width:499px){
.w70PC{width:100%;}
}
.w100PC{width:100%;}
@media screen and (max-width:499px){
.w100PC{width:100%;}
}

.three-column{width:100%;overflow:hidden;margin:0;padding:0;}
.three-column .w30 .title03{margin-top:30px;padding:0.75em 1em;}

.btn01 a{color:#4d4d4b;font-size:15px;font-weight:bold;display:block;border-radius:4px;}
.btn01 a:hover{color:#4d4d4b;}
@media screen and (max-width:499px){
.btn01 a{font-size:14px;}
}
.btn01{padding:8px 16px;font-weight:bold;display:inline-block;margin:10px 0;
background: #e9eaeb;
background: url(data:https://mukae.co.jp/img/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZWFlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWRiZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e9eaeb 0%, #dadbde 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9eaeb), color-stop(100%,#dadbde));
background: -webkit-linear-gradient(top,  #e9eaeb 0%,#dadbde 100%);
background: -o-linear-gradient(top,  #e9eaeb 0%,#dadbde 100%);
background: -ms-linear-gradient(top,  #e9eaeb 0%,#dadbde 100%);
background: linear-gradient(to bottom,  #e9eaeb 0%,#dadbde 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eaeb', endColorstr='#dadbde',GradientType=0 );
}
.btn01:hover{
background: #d7d9e0;
background: url(data:https://mukae.co.jp/img/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDllMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d7d9e0 0%, #c9c9d6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d9e0), color-stop(100%,#c9c9d6));
background: -webkit-linear-gradient(top,  #d7d9e0 0%,#c9c9d6 100%);
background: -o-linear-gradient(top,  #d7d9e0 0%,#c9c9d6 100%);
background: -ms-linear-gradient(top,  #d7d9e0 0%,#c9c9d6 100%);
background: linear-gradient(to bottom,  #d7d9e0 0%,#c9c9d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d9e0', endColorstr='#c9c9d6',GradientType=0 );
}



/* メインコンテンツ */
@media screen and (max-width:499px){
#main-contents{margin-top:60px;}
}

/* 文章のカラム */
.text-column{column-gap:60px;column-count:2;column-rule-style:dotted;column-rule-width:1px;column-rule-color:#444;margin-bottom:40px;}



/* リスト */
.list01 li{list-style:disc;list-style-position:outside;margin-left:1.5em;}

.swiper-container{z-index:1;}


/* ボタン */
.btn-contact{
margin-left:10px;
background: rgb(68,114,212);
background: -moz-linear-gradient(top,  rgb(68,114,212) 0%, rgb(50,93,184) 100%);
background: -webkit-linear-gradient(top,  rgb(68,114,212) 0%,rgb(50,93,184) 100%);
background: linear-gradient(to bottom,  rgb(68,114,212) 0%,rgb(50,93,184) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4472d4', endColorstr='#325db8',GradientType=0 );
}
.btn-contact a{color:#fff;font-size:13px;font-weight:bold;padding:10px 14px;display:block;}

/*プロセスのページ*/
#table_process01 th,#table_process01 td{text-align:center;border:1px solid grey;font-size:11px;background-color:#fff;}
@media screen and (min-width:500px) {
#table_process01 th,#table_process01 td{font-size:15px;}
}

/*流れの手順・プロセスのフローページ*/
/*
.process-flow{width:250px;margin:31px;float:left;}
.process-flow img{margin-bottom:5px;}
*/
.area-process-flow{overflow-x:hidden;}
.parts_flownumber{padding:8px 15px;color:#fff;font-weight:bolder;margin-right:15px;
background: blue;
background: url(data:https://mukae.co.jp/img/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NzJkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjVkYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #4472d4 0%, #325db8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4472d4), color-stop(100%,#325db8));
background: -webkit-linear-gradient(top,  #4472d4 0%,#325db8 100%);
background: -o-linear-gradient(top,  #4472d4 0%,#325db8 100%);
background: -ms-linear-gradient(top,  #4472d4 0%,#325db8 100%);
background: linear-gradient(to bottom,  #4472d4 0%,#325db8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4472d4', endColorstr='#325db8',GradientType=0 );
}
@media screen and (max-width:499px){
/*流れの手順・プロセスのフローページ*/
.process-flow{float:none;margin:20px auto 40px;width:82%}
.process-flow img{width:100%;margin:0;}
.area-process-flow{}
}

/*よくあるご質問（FAQ）ページの設定*/
/*
.page-faq_QA{clear:both;margin-top:20px;padding:22px 36px;border:solid 4px #dfdfdf;border-radius:12px;}
.page-faq_QA h4,.page-faq_QA p{margin-top:0;}*/
.question,.answer{font-size:16px!important;font-weight:bolder;font-family:helvetica;color:#fff;padding:6px 9px;display:initial;}
.question,.answer{margin:0 10px 10px 0;}
.question{background-color:#f09a4f;}
.answer{background-color:#50b8f0;margin-top:15px;}
@media screen and (max-width:499px){
/*
.page-faq_QA{padding:16px;}
*/
.question{margin-top:5px;}
}
.area_column{padding:24px;border:solid 2px #dfdfdf;margin-top:20px;border-radius:8px;}
.area_column .btn01{margin:0;}

/*サイドメニュー*/
.page-case_side-nav a{font-size:15px;}
@media screen and (max-width:499px){
.page-case_side-nav a{font-size:13px;}
}
@media screen and (max-width:499px){
ul#sub-nav li a{line-height:2em;}
}

/*フッター*/
footer address{font-style:normal;}
#footer_wrap{width:100%;margin-top:60px;
background: #4a4a4a; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:https://mukae.co.jp/img/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhNGE0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDIwMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #4a4a4a 0%, #202020 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#202020)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4a4a4a 0%,#202020 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4a4a4a 0%,#202020 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4a4a4a 0%,#202020 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4a4a4a 0%,#202020 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#202020',GradientType=0 ); /* IE6-8 */
}
footer{padding:20px 10px 2px;
background: url(data:https://mukae.co.jp/img/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhNGE0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDIwMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #4a4a4a 0%, #202020 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#202020)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4a4a4a 0%,#202020 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4a4a4a 0%,#202020 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4a4a4a 0%,#202020 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4a4a4a 0%,#202020 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#202020',GradientType=0 ); /* IE6-8 */
}
footer a:hover{opacity:0.8;}
footer aside.social{}
footer p,footer a{line-height:20px;font-size:0.85em;}
footer *{color:#ebeef5!important;}
footer h2{font-size:13px;}
footer ul.other-link li{display:inline;margin-right:20px;}
#footer_01 img{padding-left:3px;padding-top:5px;}
#footer_01 img:hover{opacity:0.8;}
#footer_02{/*width:690px;*/}
#footer_02 .company-name{font-size:19px;}
#footer_02 .tel-number{font-size:26px;font-family:Helvetica;font-weight:bolder;line-height:25px;}

footer #office ul li{font-size:13px;}
@media screen and (min-width:500px) {
footer #office{margin-right:60px;}
}


/* ニュースのリスト表示 */
#newslist{height:300px;overflow-y:scroll;}


/* スマートフォン対応 */
@media screen and (max-width:499px) {
.PC{display:none;}

/*共通の指示*/
/*テキスト等*/

/*画像の指示*/
.margin-img15-L{margin:0 15px 15px 0;float:left;}
.margin-img15-R{margin:0 0 15px 15px;float:right;}
.btn_outsidemark{padding-left:7px;opacity:0.4;width:11px;vertical-align:inherit;}


/*メインコンテンツ*/
#contents{width:100%;}
#main{padding:0 10px;}
.page-mv{
width:100%;
margin-bottom:10px;
}
.page-mv img{
max-width:100%;
}
.textandnophoto{
width:440px;
margin-right:60px;
float:left;
}
.textblock_w50{
width:440px;
}

.area_column{
padding:20px;
border:solid 1px #ccc;
margin-top:20px;
border-radius:8px;
}
.area_column .title04{
margin-top:0;
}
.textandnophoto{
width:100%;
margin-bottom:20px;
}

/*トップページ*/
.page-home_mv{
width:100%;
margin-bottom:0;
}
img.page-home_mv{
}
/*
.page-home_textandimg{}
.page-home_textandimg-img{max-width:100%;}
*/

/* ブログ更新のお知らせ部分 */
#page-home_main_infoarea{margin-top:20px;}
#page-home_blogarea{width:100%;border:solid 2px #d0d0d0;border-radius:9px;}
#page-home_blogarea h2{padding:15px;border-bottom:solid 1px #d0d0d0;}
#page-home_blogarea table{}
#page-home_blogarea table td{}

#page-home_outbound-list{width:100%;margin-top:10px;}
#page-home_outbound-list li{float:left;width:50%;overflow-x:hidden;border-right:solid 2px #fff;}
#page-home_outbound-list li:last-child{border-right:none;}
#page-home_outbound-list li img{max-width:100%;}
#page-home_outbound-list img:hover{opacity:0.8;}


/*ムカエについてのページ*/

/*事例紹介ページ*/
#content-wrapL{width:100%;}
#content-wrapR{clear:both;width:100%;margin-top:20px;}
#content-wrapR h2.title02{text-align:center;font-size:1.05em;border-bottom:solid 1px #4472D3;padding-bottom:3px;margin-top:30px;}

#case-example h2{clear:both;}
.page-case_img{width:100%;margin-bottom:10px;}

/* サイドメニュー */
.page-case_side-nav{text-align:center;font-weight:bolder;}
.page-case_side-nav h2{background-color:#3F6AC4;color:#fff!important;padding:5px;}
.page-case_side-nav ul li{width:50%;border:solid 1px #4472D3;background:#fff;float:left;}
.page-case_side-nav li a{display:block;padding:6px 2px;font-size:15px!important;}
.page-case_side-nav li:hover{background:#f5f7fd;}
.page-case_side-nav li.page-active{
background: #f4f4f4;
background: -moz-linear-gradient(top,  #f4f4f4 0%, #dbdbdb 100%);
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#dbdbdb 100%);
background: linear-gradient(to bottom,  #f4f4f4 0%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dbdbdb',GradientType=0 );
}
#content-wrapL .SPnav_lastmax{width:100%;}

.parts_case-example{font-size:0.8em;font-weight:100;background-color:#3F6AC4;padding:4px 10px;color:#fff;margin-bottom:10px;display:block;border-radius:4px;}

/*企業情報（会社概要・プロフィール・採用情報）ページ*/
/*会社概要のテーブル部分*/
.table_page-profile01{table-layout:fixed;width:100%;text-align:left;border-top:solid 1px #d0d0d0;margin-bottom:10px;border-collapse:collapse;}
.table_page-profile01 th{width:95px;}
.table_page-profile01 th,.table_page-profile01 td{border-bottom:solid 1px #d0d0d0;padding:15px 0;line-height:1.5em;}
.g-map{margin-bottom:30px;}

.table_page-profile02{table-layout:fixed;width:100%;text-align:left;border:solid 1px #d0d0d0;margin-bottom:30px;border-collapse:collapse;}
.table_page-profile02 th{width:25%;background-color:#f6f6f6;border-right:solid 1px #d0d0d0;}
.table_page-profile02 th,.table_page-profile02 td{padding:10px;line-height:1.5em;}

/*企業プロフィール・Googleマップと企業の詳細部分*/
.page-profile_officetext{margin-top:20px;}

/*お問い合わせ・コンタクトページ*/
.table_contact-form table, .table_contact-form tbody, .table_contact-form tr, .table_contact-form th, .table_contact-form td {display:block;}

.page-contact_img-contact img{width:100%;margin-top:15px;margin-bottom:20px;}

#area_contact-form{padding:15px;background-color:#F7FAFC;}

.table_contact-form{padding:15px;background-color: #fff;}
.table_contact-form table{width:100%;}

.table_contact-form table{}
.table_contact-form table th,td{}
.table_contact-form table th{text-align:left;margin-top:25px;}
.table_contact-form table td{}

.table_contact-form .form-btn{margin-top:30px;margin-left:220px;}
.table_contact-form .form-btn a{float:left;width:150px;background-color:#b2b2ba;color:#fff;text-align:center;font-size:1em;font-weight:bolder;margin-right:30px;padding:12px 0;}
#area_contact-form .form-btn a:hover{background-color:#3F6AC4;}
.form_sendbtn ul li{display:inline;padding-right:40px;}

/*お問い合わせ・コンタクトページの送信確認ページ*/
.table_contactform-design{width:100%;}
.table_contactform-design  th{}
.table_contactform-design td{}
.table_contactform-design li{padding:30px 20px;}
.red{font-size:0.7em;font-weight:100;color:#fff;margin-left:10px;padding:3px 8px;background-color:red;border-radius:4px;}

#side-nav{float:left;width:220px;
margin-top:30px;border-top:solid 1px #e9e9e9;}
#side-nav a{font-size:0.9em;font-weight:bolder;display:block;width:184px;height:19px;padding:20px 18px;;
background:url(https://mukae.co.jp/img/btn_sidenav_off.jpg) no-repeat;}
#side-nav a:hover{
background:url(https://mukae.co.jp/img/btn_sidenav_on.jpg) no-repeat;}

/*サイトマップの設定*/
#area-sitemap{margin-left:40px;}
#area-sitemap h2,#area-sitemap p,#area-sitemap a,#area-sitemap li{font-size:1em;line-height:35px;padding-top:20px;}
#area-sitemap ul{border-left:solid 1px #d0d0d0;margin-left:20px;}
#area-sitemap li{font-weight:100;padding-left:30px;}
#area-sitemap a{text-decoration:underline;}

/* テキストの装飾 */
.title01{}
.title01 img{margin:0 6px 4px 10px;width:18px;height:18px;}

.title02{font-size:1.25em;line-height:1.5em;font-weight:bold;margin-top:10px;}
.title02 img{margin-right:5px;width:26px;}

.title03{margin-top:40px;margin-bottom:10px;font-size:1.1em;line-height:1.5em;}
.title03 img{margin-right:15px;width:18px;height:18px;}
#page-home_blogarea .title03{margin-top:0;}

.title04{font-size:1.15em;font-weight:900;line-height:1.5em;margin-top:30px;margin-bottom:5px;padding-left:10px;border-left:solid 3px #4472d3;}

.title05{font-size:1.1em;font-weight:900;line-height:1.35em;margin-top:40px;border-bottom:solid 1px #4472d3;margin-bottom:20px;padding-bottom:3px;}

} /* --- @スマートフォン対応 ここまで --- */


/* PC用 */
@media screen and (min-width:500px) {
.SP{display:none;}
body{width:100%;background-color:#fafafa;}

/*メインコンテンツ*/
#contents{width:100%;max-width:960px;margin:0 auto;}
#main{padding: 10px;}
.page-mv{margin-bottom:20px;width:100%;}

.textandnophoto{width:440px;margin-right:60px;float:left;}


/*トップページ*/
.page-home_mv{margin-bottom:35px;}
/*
.page-home_textandimg{float:right;width:510px;}
.page-home_textandimg-img{float:left;width:390px;}
*/
#page-home_main_infoarea{margin-top:20px;max-width:600px;width:65%;}

#page-home_blogarea{width:700px;}
#page-home_blogarea table{margin-top:10px;width:100%;border-bottom:solid 1px #d0d0d0;}
#page-home_blogarea table td{border:none;border-top:solid 1px #d0d0d0;padding:6px 0;}
#page-home_outbound-list{width:210px;float:right;margin-top:37px;}
#page-home_outbound-list img{width:210px;margin-bottom:10px;float:right;}
#page-home_outbound-list img:hover{opacity:0.8;}

/*ムカエについてのページ*/


/*事例紹介ページ*/
#content-wrapL{width:30%;max-width:220px;float:left;}
#content-wrapR{width:68%;max-width:670px;float:right;}
#case-example h2{clear:both;}
.page-case_img{width:250px;float:left;margin-right:20px;margin-top:10px;}
.page-case_side-nav{font-size:1em;font-weight:bold;border:2px solid #3F6AC4;border-radius:5px 5px 0 0;}
.page-case_side-nav h2{font-size:16px;background-color:#3F6AC4;color:#fff!important;padding:5px 10px;margin:0;}
.page-case_side-nav ul{border-top:solid 1px #e9e9e9;}
.page-case_side-nav li{padding:10px 0;border-bottom:1px solid #efefef;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(246,246,246) 92%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(246,246,246) 92%,rgb(255,255,255) 100%);
background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(246,246,246) 92%,rgb(255,255,255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.page-case_side-nav li a{display:block;padding:10px;color:#4b4b4b;border-left:6px solid #d3d3d3;}
.page-case_side-nav li a:hover{border-left:6px solid #4473d3;}
.page-case_side-nav li.page-active a{border-left:6px solid #4473d3;}

.parts_case-example{font-size:0.8em;font-weight:100;background-color:#3F6AC4;padding:6px 10px;color:#fff;border-radius:4px;margin-right:10px;clear:both;}

/*企業情報（会社概要・プロフィール・採用情報）ページ*/
/*会社概要のテーブル部分*/
.table_page-profile01{table-layout:fixed;width:100%;text-align:left;border-top:solid 1px #d0d0d0;margin-bottom:60px;border-collapse:collapse;}
.table_page-profile01 th{font-weight:bolder;}
.table_page-profile01 th,.table_page-profile01 td{border-bottom:solid 1px #d0d0d0;padding:15px 0;line-height:1.5em;}

.table_page-profile02{table-layout:fixed;width:100%;text-align:left;border:solid 1px #d0d0d0;margin-bottom:60px;border-collapse:collapse;}
.table_page-profile02 th{width:25%;font-weight:500;background-color:#f6f6f6;border-right:solid 1px #d0d0d0;}
.table_page-profile02 th,.table_page-profile02 td{padding:15px 20px;line-height:1.75em;}
.g-map{width:298px;}

/*企業プロフィール・Googleマップと企業の詳細部分*/
.page-profile_officetext{margin-bottom:20px;}
.page-profile_officetext h4{margin-bottom:5px;}
.page-profile_officetext p{line-height:1.5em;}


/*お問い合わせ・コンタクトページ*/
.contact-textblock{}
.page-contact_img-contact img{margin-top:20px;}

#area_contact-form{padding:60px 85px;background-color:#fff;}
#area_contact-form table{border-bottom:solid 1px #d0d0d0;width:100%;}
.table_contact-form{background-color: #fff;}
#area_contact-form table th,td{border-top:solid 1px #d0d0d0;padding:5px;}
#area_contact-form table th{width:35%;text-align:left;}
#area_contact-form table td{width:65%;}
#area_contact-form .form-btn{margin-top:30px;margin-left:220px;}
#area_contact-form .form-btn a{float:left;width:150px;background-color:#b2b2ba;color:#fff;text-align:center;font-size:1em;font-weight:bolder;margin-right:30px;padding:12px 0;}
#area_contact-form .form-btn a:hover{background-color:#3F6AC4;}
/*お問い合わせ・コンタクトページの送信確認ページ*/
.table_contactform-design{width:100%;min-height:450px;}
.table_contactform-design  th{width:30%;}
.table_contactform-design td{width:70%;border-bottom:none;}
.table_contactform-design li{padding:40px;}
.red{font-size:0.7em;font-weight:100;color:#fff;margin-left:10px;padding:3px 8px;background-color:red;border-radius:4px;}

#side-nav{float:left;width:220px;margin-top:30px;border-top:solid 1px #e9e9e9;}
#side-nav a{font-size:0.9em;font-weight:bolder;display:block;width:184px;height:19px;padding:20px 18px;color:#4b4b4b;
background:url(https://mukae.co.jp/img/btn_sidenav_off.jpg) no-repeat;
}
#side-nav a:hover{
background:url(https://mukae.co.jp/img/btn_sidenav_on.jpg) no-repeat;
}

/*サイトマップの設定*/
#area-sitemap{margin-left:40px;}
#area-sitemap h2,#area-sitemap p,#area-sitemap a,#area-sitemap li{font-size:1em;line-height:35px;padding-top:20px;}
#area-sitemap ul{border-left:solid 1px #d0d0d0;margin-left:20px;}
#area-sitemap li{font-weight:100;padding-left:30px;}
#area-sitemap a{text-decoration:underline;}
}

/* ボーダー,線 */
.border-dotted{border-bottom:1px dotted #666;margin-bottom:20px;padding-bottom:20px;}

/* テキストの装飾 */
p,h1,h2,h3,h4,h5,h6,th,td,div,li{color:#4b4b4b;}
.title01{line-height:1.75em;margin-bottom:8px;}
.title01 img{margin-right:6px;width:24px;height:24px;}
.title02{width:100%;line-height:1.6em;margin-top:15px;margin-bottom:40px;text-align:left;}
.title02 img{margin-right:15px;width:26px;}
.title03{}
.title03 img{margin-right:15px;width:18px;height:18px;}
.title04{margin-top:20px;padding-left:15px;border-left:solid 7px #4472d3;}
.title05{margin-top:20px;border-bottom:solid 2px #4472d3;margin-bottom:20px;padding-bottom:3px;}
.a_tellnumber{color:#4b4b4b;}
}
.font01{font-size:15px!important;}
.font02{font-size:20px!important;}
.font03{font-size:24px!important;}
.font04{}
.font05{}
.font06{}