@charset "UTF-8";

body{
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial, "ヒラギノ角ゴ ProN W3", Meiryo,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}


/* *******************
** header
** **************** */
header{
font-size: .85rem;
}
header .my-nav-top{
background-color:transparent;
}
header .my-nav-contents{
background-color:#fff;
border-bottom: 1px solid #ddd;
}
header .navbar-brand{
font-size: 1rem;
font-weight: bold;
line-height: 1.5;
}
header .navbar-brand span{
display: block;
font-size: .7rem;
font-weight: normal;
line-height: 1;
}
header .navbar-brand img{
display: block;
float: left;
padding-right: .5rem;
}
header .my-logo-privacy{
display: block;
margin-left: 2.5rem;
}
header .navbar-expand-md .navbar-nav .nav-link{
padding-right: .8rem;
padding-left: .8rem;
}
header .my-sp-mode{
display: none;
}

header .my-nav-top .navbar-brand { color:#fff; }
header .my-nav-top .navbar-brand:focus,
header .my-nav-top .navbar-brand:hover { color:#fff; }
header .my-nav-top .navbar-nav .nav-link { color:#fff; }
header .my-nav-top .navbar-nav .nav-link:focus,
header .my-nav-top .navbar-nav .nav-link:hover{ color:#fff; opacity: .8;}

/* *******************
** footer
** **************** */
footer{
margin-top: 5rem;
font-size: .75rem;
}
.my-foot-wrap{
margin-top: 3rem;
background:#0089a1;
color:#fff;
}
.my-foot-wrap a{
color:#fff;
}
.my-menu-head{
margin-bottom: .5rem;
padding-bottom: .5rem;
border-bottom: 1px solid #ccc;
font-size: .85rem;
font-weight: bold;
}
.my-menu-list{
list-style-type: none;
margin-left: 1.5em;
padding: 0;
color:#666;
}
.my-menu-list li{
margin-top: .25rem;
}
.my-menu-list a{
color:#666;
}
.my-menu-list a:hover{
color:#333;
}

/* *******************
** utility
** **************** */
.pagetop{
margin-bottom:2rem;
border-bottom:2px solid #0089a1;
text-align:center;
font-size: .7rem;
line-height: 1;
}
.pagetop a{
display:block;
margin:0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 0 3rem 2rem 3rem;
border-color: transparent transparent #0089a1 transparent;
color:#fff;
white-space: nowrap;
line-height: 2.5rem;
text-indent: -1.3rem;
}

.breadcrumb{
margin-top: 3rem;
margin-bottom:0;
background:transparent;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-radius:0;
font-size: .8rem;
}
.breadcrumb div{
display: inline-block;
padding-right: .25rem;
padding-left: .5rem;
color: #6c757d;
}
.breadcrumb div a{
color: #0089a1;
text-decoration: none;
}
.breadcrumb div a:focus,
.breadcrumb div a:hover{
color: #035766;
}
.breadcrumb div .active{
color: #6c757d;
}
.breadcrumb div a.active:focus,
.breadcrumb div a.active:hover{
color: #6c757d;
}
.breadcrumb div .fa-fw{
margin-right: .5rem;
}
.breadcrumb div:first-child .fa-fw{
margin-right: .2rem;
}

.my-pg-nav{
margin: 0 auto;
border-bottom: 1px solid #ccc;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.my-pg-nav a{
display: block;
padding: .5rem 1rem;
padding-right: .8rem;
padding-left: .8rem;
text-decoration: none;
color: #0089a1;
}
.my-pg-nav a:focus,
.my-pg-nav a:hover{
color: #035766;
}



.my-main-contents .my-contact-ttl{
margin: 4rem 0 0 0;
padding: 1.25rem 1.5rem .85rem 1.5rem;
border-bottom: 2px solid #006a7d;
border-radius: 0 .5rem 0 0;
background:#0089a1;
font-size: 1rem;
line-height: 1;
color: #fff;
}
.my-main-contents .my-contact-ttl span{
display: inline-block;
margin-right:.5rem;
font-size: 1.2rem;
font-weight:bold;
}
.my-main-contents .my-contact{
position:relative;
padding: 1rem 1.5rem;
background:#f2f2f2 url(/cmn/img/bg_contact_1.png) no-repeat center right;
background-size: auto 100%;
border-radius: 0 0 0 .5rem;
}
.my-main-contents .my-contact p{
margin-top: 0;
margin-bottom:0;
}
.my-main-contents .my-contact p:first-child{
font-size:1.2rem;
font-weight:bold;
}
.my-main-contents .my-contact .my-call{
color: #333;
}
.my-main-contents .my-contact .my-mail{
line-height: 1.5;
}
.my-main-contents .my-contact .my-call span{
display: block;
font-size:2.4rem;
font-weight:bold;
line-height: 1;
color:#0c3090;
}
.my-main-contents .my-contact .my-mail span{
margin-left: .25rem;
color:#0c3090;
}
.my-main-contents .my-contact .my-Pmark{
position:absolute;
top: 1.5rem;
left:50%;
}

/* fade */
.my-img-fade{
animation: fadeIn .8s ease 0s 1 normal;
-webkit-animation: fadeIn .8s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}


/* *******************
** slide
** **************** */
#my-loader{
display: block;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color:#fff;
z-index: 1001;
}
#my-fade{
width: 100%;
height: 100%;
display: block;
background-color: #0089a1;
position: absolute;
top: 0px;
left: 0px;
z-index: 1000;
}

.my-slide {
position: static;
background-color: #fff;
}
.my-slide img{
vertical-align: top;
font-size: 0;
line-height: 0;
}
.my-recruit .my-slide {
background-color:#93cc17;
}

.my-slide ul li{
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.my-slide ul li img.my-slide-chr{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
}
.my-slide ul li .my-slide-txt{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
	color: #fff;
	font-size:1.8rem;
	line-height: 1.5;
	font-weight: normal;
	text-shadow:1px 1px 2px #000,2px 2px 5px #000;
	width: 100%;
}
.my-slide ul li span {
}
.my-slide ul li span img.my-slide-pic{
  max-width: inherit;
  width: 100%;
  height: auto;
}
.my-slide-txt-dt-br{
display: block !important;
}
.my-slide-txt-sp-br{
display: none;
}


/* *******************
** my-cover
** **************** */
.my-cv-solution,
.my-cv-outsourcing,
.my-cv-fulfillment,
.my-cv-business,
.my-cv-logistics,
.my-cv-system,
.my-cv-campaign,
.my-cv-recall,
.my-cv-quality,
.my-cv-base,
.my-cv-company,
.my-cv-recruit,
.my-cv-pp,
.my-cv-mpark{
display: block;
padding-top: 400px;
overflow: hidden;
}

.my-cv-solution{
background:url(/solution/img/cv_logistics_1920_1.jpg) bottom center;
background-size: cover;
}
.my-cv-outsourcing{
background:url(/solution/img/cv_outsourcing_1920_1.jpg) bottom center;
background-size: cover;
}
.my-cv-fulfillment{
background:url(/solution/img/cv_fulfillment_1920_1.jpg) bottom center;
background-size: cover;
}
.my-cv-business{
background:url(/solution/img/cv_business_1920_1.jpg) bottom center;
background-size: cover;
}
.my-cv-logistics{
background:url(/solution/img/cv_logistics_1920_1.jpg) bottom center;
background-size: cover;
}
.my-cv-system{
background:url(/solution/img/cv_system_1920_1.jpg) bottom center;
background-size: cover;
}
.my-cv-campaign{
background:url(/solution/img/cv_campaign_1920_1.jpg) bottom center;
background-size: cover;
}
.my-cv-recall{
background:url(/solution/img/cv_recall_1920_1.jpg) bottom center;
background-size: cover;
}
.my-cv-quality{
background:url(/quality/img/cv_quality_1920_1.jpg) bottom center;
background-size: cover;
}
.my-cv-base{
background:url(/logistics/img/cv_logistics_1920_1.jpg) bottom center;
background-size: cover;
}
.my-cv-company{
background:url(/company/img/cv_company_1920_1.jpg) bottom center;
background-size: cover;
}
.my-cv-pp{
background:url(/img/cv_pp_1920_1.jpg) bottom center;
background-size: cover;
}
.my-cv-mpark{
background:url(/m-park/img/cv_mpark_1920_1.jpg) bottom center;
background-size: cover;
}
.my-cv-recruit{
padding-top: 250px;
background:url(/recruit/img/cv_recruit_1920_1.jpg) bottom center;
background-size: auto;
}

/* *******************
** my-top
** **************** */
header .my-scroll-navbar .navbar-brand,
header .my-scroll-navbar .navbar-brand:focus,
header .my-scroll-navbar .navbar-brand:hover {
color: #000 !important;
}
.my-scroll-navbar{
background-color:#fff !important;
border-bottom: 1px solid #ddd;
}
header .my-scroll-navbar .navbar-nav .nav-link{
color: rgba(0,0,0,.5) !important;
}
header .my-scroll-navbar .navbar-nav .nav-link:focus,
header .my-scroll-navbar .navbar-nav .nav-link:hover{
color: rgba(0,0,0,.9) !important;
}

.my-main-link{
margin-top:2rem;
}
.my-main-link div a{
display:block;
background: #f2f2f2;
text-decoration: none;
padding-bottom: .1rem;
}
.my-main-link h3{
display: block;
margin: 0 2rem;
padding: 1.5rem 1rem;
background: #fff;
font-size: 1.2rem;
text-align: center;
color: #000;
position: absolute;
top: 180px;
left: 0;
right: 0;
z-index:100;
}
.my-main-link h3 span{
display:block;
margin-bottom: .5rem;
font-size:.75rem;
color: #0089a1;
}
.my-main-link p{
margin-top: 3.8rem;
margin-bottom: 1.5rem;
font-size:.8rem;
text-align:center;
color: #333;
}
.my-main-link img{
max-width: 100%;
}
.my-main-link div a:focus img,
.my-main-link div a:hover img{
opacity:0.7;
}

.my-news-wrap{
margin-top:3rem;
text-align:center;
}
.my-news-wrap h3{
margin-bottom: 1rem;
padding-bottom: .85rem;
border-bottom: 1px solid #ccc;
font-weight: bold;
}
.my-news-wrap h3 span{
margin-top: .5rem;
display: block;
font-size: .85rem;
font-weight: normal;
}
.my-news-wrap dl{
padding:0 5rem 1rem 5rem;
border-bottom: 1px solid #ccc;
text-align:left;
font-size: .9rem;
}
.my-news-wrap dl dt{
float: left;
padding: .5rem 1.5rem .5rem 0;
white-space: nowrap;
}
.my-news-wrap dl dd{
display: table-cell;
padding: .5rem 0 .5rem 0;
}
.my-news-wrap dl dd a{
color:#333;
}

.my-maruyoshi-menu-wrap{
margin-top:3.5rem;
}
.my-maruyoshi-menu{
text-align:center;
}
.my-maruyoshi-menu img{
max-width: 100%;
}
.my-maruyoshi-menu a{
display:block;
margin-top:1.5rem;
border:3px solid #efefef;
text-decoration: none;
font-size: .85rem;
}
.my-maruyoshi-menu p{
margin-bottom: 0;
padding: 1.5rem .5rem;
background: #fff;
font-size: .75rem;
color:#0089a1;
}
.my-maruyoshi-menu p span{
display:block;
font-size:1rem;
color:#333;
}
.my-maruyoshi-menu a:focus,
.my-maruyoshi-menu a:hover{
border:3px solid #e1e1e1;
}
.my-maruyoshi-menu a:focus img,
.my-maruyoshi-menu a:hover img{
opacity:0.7;
}
.my-maruyoshi-menu a:focus p,
.my-maruyoshi-menu a:hover p{
padding: 1.3rem .5rem 1.7rem .5rem;
}

.my-contact-top{
margin-top:1.5rem;
background:#f2f2f2;
}
.my-contact-top h3{
padding: 1.25rem 1.2rem .85rem 1.2rem;
border-bottom: 2px solid #006a7d;
border-radius: 0 .5rem 0 0;
background:#0089a1;
font-size: 1rem;
line-height: 1;
color: #fff;
}
.my-contact-top p{
margin-top: 0;
margin-bottom: .5rem;
padding: 0 1.2rem;
font-size: .8rem;
}
.my-contact-top h3 + p{
margin-top: 1.5rem;
font-size: .85rem;
font-weight:bold;
}

.my-contact-top .my-call{
color: #333;
}
.my-contact-top .my-mail{
line-height: 1.5;
}
.my-contact-top .my-call span{
display: block;
font-size:1.7rem;
font-weight:bold;
line-height: 1;
color:#0c3090;
}
.my-contact-top .my-mail span{
display: block;
font-size: .9rem;
color:#0c3090;
}
.my-contact-top .my-Pmark{
margin: 1rem 1.5rem 0 1.5rem;
padding-bottom: 2rem;
}

.my-service-link{
position: relative;
margin-top: 3.5rem;
}
.my-service-link img{
max-width: 100%;
display: block;
}
.my-service-link a{
display: block;
border: 10px solid #efefef;
}
.my-service-link-box{
position: absolute;
top: 2rem;
left: 2rem;
padding: 0 2rem;
background: #fff;
text-align: center;
}
.my-service-link-box h3{
margin-bottom: 0;
padding: 1rem .5rem 0 .5rem;
background: #fff;
font-size: .85rem;
line-height: 1.4;
color: #0089a1;
}
.my-service-link-box h3 span{
display: block;
font-size: 1.1rem;
color: #333;
}
.my-service-link-box p{
margin-top: .5rem;
margin-bottom: 0;
padding: 0 .5rem 1rem .5rem;
font-size: .75rem;
color: #666;
}
.my-service-link a:focus,
.my-service-link a:hover{
border: 10px solid #e1e1e1;
}
.my-service-link a:focus img,
.my-service-link a:hover img{
opacity:0.7;
}
.my-service-link a:focus h3,
.my-service-link a:hover h3{
padding: 0.8rem .5rem 0 .5rem;
}
.my-service-link a:focus p,
.my-service-link a:hover p{
padding: 0 .5rem 1.2rem .5rem;
}


/* *******************
** my-contents
** **************** */
.my-contents{
margin-top:3.5rem;
}
h1{
margin:3.5rem 1rem;
font-size: 2rem;
text-align: center;
}
.my-main-contents,
.my-recruit-contents{
font-size: .85rem;
}
.my-main-contents img{
max-width: 100%;
}


.my-main-contents h2{
margin-top: 3rem;
font-size: 1.4rem;
}
.my-main-contents p{
margin-top: 1rem;
line-height: 1.75;
}
.my-main-contents .my-sign{
text-align: right !important;
}

.my-recruit-contents img{
max-width: 100%;
height: 100%;
}

.my-tbl{
width:100%;
font-size: .85rem;
}
.my-tbl th{
padding:2rem 1rem;
background: #f2f2f2;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
font-weight: normal;
white-space: nowrap;

}
.my-tbl td{
padding:2rem 1rem;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;

}
.my-tbl .photo{
padding:2rem 0;
}
.my-tbl .my-base-photo{
padding:2rem 0;
width:360px;
}
.my-tbl .my-department{
display:inline-block;
font-weight:500;
font-size:1.1rem;
margin-bottom: .3rem;
}
.my-tbl .my-maps{
padding:2rem 0;
width:300px;
}
.my-tbl .my-maps iframe{
width: 300px;
height: 240px;
}
.my-tbl .my-logo{
width:300px;
padding:2rem 0;
}

.my-tbl .my-logo a {
display: flex;
justify-content: center;
align-items: center;
height: 240px;
border: 1px solid #cccccc;
margin: 0 auto;
padding:20px;
}

/* サムネイル画像 */
.gallery {
display: flex;
flex-wrap: wrap; /* 横幅が足りなくなったら下に送る */
justify-content: flex-start; /* 左揃え */
padding-top:1rem;
}
.gallery img{
padding:0 5px 5px 0;
}
.gallery img:nth-child(4n){
padding-right:0;
}
.gallery-sp{
display:none;
}
.thumbnail {
width: 98px; /* サムネイルサイズ */
height: auto;
cursor: pointer;
transition: transform 0.3s;
}

/* モーダル画像 */
.modal {
display: none; /* 初期状態では非表示 */
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
overflow: hidden;
}
.modal-content {
width: auto; /* 縦横比を維持 */
height: auto; /* 縦横比を維持 */
display: block;
position: relative;
margin-top:7vh;
}
.modal-content img {
display: block;
max-width: 80vw; /* ブラウザ幅の80%を最大幅とする */
max-height: 80vh;
}
.close {
position: absolute;
top: -30px;
right: -30px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 1001;
opacity:1 !important;
}
.close img{
width:30px;
}

.close img:hover{
	opacity:0.7;
}

.my-tbl .my-notes{
display:inline-block;
margin-top: .5rem;
font-size: .75rem;
color: #666;
}
.my-pg-link{
margin-top: .5rem;
text-align:right;
}
.my-pg-link a{
display: inline-block;
padding-right: .8rem;
padding-left: .8rem;
text-decoration: none;
color: #0089a1;
}


.my-main-contents h2.pp{
padding-top:5rem;
padding-bottom:.5rem;
border-bottom:1px solid #ccc;
font-weight: bold;
}
.my-main-contents h3.pp{
margin-top: 2rem;
font-size:1rem;
font-weight: bold;
}

.my-lst-ol{
margin: 1rem 0;
padding: 0 0 0 1rem;
}
.my-lst-ol li{
margin:.8rem 0;
}
.my-lst-ol li:before{
}
.my-lst-ol li span{
font-weight: bold;
}
.my-lst-ol li ol{
list-style: none;
counter-reset: li;
padding-left: 0;
}
.my-lst-ol li ol li{
}
.my-lst-ol li ol li:before {
counter-increment: li;
content:"(" counter(li) ") ";
}
.my-lst-ul{
margin: 1rem 0;
padding: 0 0 0 1rem;
}
.my-lst-ul li{
margin:.8rem 0;
}
.my-lst-olul{
list-style-type: upper-latin;
margin: 1rem 0;
padding: 0 0 0 1rem;
}
.my-lst-olul li{
margin:.8rem 0;
}
.destination{
margin:.5rem 0;
padding:.5rem;
border:1px solid #ccc;
border-radius:5px;
}
.destination span{
font-weight:bold;
}

.my-tbl-doc{
border:1px solid #ccc;
border-collapse:collapse;
}
.my-tbl-doc th{
padding:1rem;
background: #f6f6f6;
border:1px solid #ccc;
border-collapse:collapse;
vertical-align:top;
}
.my-tbl-doc td{
padding:1rem;
border:1px solid #ccc;
border-collapse:collapse;
vertical-align:top;
}
.my-tbl-doc table{
margin-top:0.25rem;
border:1px solid #ccc;
border-collapse:collapse;
}
.my-tbl-doc table th{
padding:.75rem;
background: #f6f6f6;
border:1px solid #ccc;
border-collapse:collapse;
vertical-align:top;
}
.my-tbl-doc table td{
padding:.5rem;
border:1px solid #ccc;
border-collapse:collapse;
vertical-align:top;
}
.my-tbl-doc .my-lst-ul{
margin: 0;
padding: 0 0 0 1rem;
}
.my-tbl-doc .my-lst-ul li{
margin:.25rem 0;
}





.my-solution{
padding:3rem 2rem;
background:url(/solution/img/cv_solution_855_1.jpg) center center;
background-size: cover;
}
.my-main-contents .my-solution h2{
margin-top:1rem;
margin-left:2rem;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5;
}
.my-main-contents .my-solution p{
margin-left:2rem;
}
.my-lbl-solution{
position: relative;
display: inline-block;
padding: .3rem 1rem;
border-radius: 1rem;
background: #0089a1;
font-size: .8rem;
color: #fff;
}
.my-lbl-solution:after {
content: '';
position: absolute;
border-top: 10px solid #0089a1;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
bottom: -10px;
left: 70%;
}

.my-solution-box{
margin-top: 3rem;
padding:2rem;
background: #f2f2f2;
}
.my-solution-box h3{
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 1.2rem;
font-weight: bold;
}
.my-solution-box .my-box-img{
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-lg-pict{
margin-top: 3rem;
text-align:center;
}
.my-solution-box2{
margin-top: 3rem;
padding:2rem;
}
.my-solution-box2 h4{
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 1.2rem;
}
.my-solution-box2 .my-box-img{
margin-top: 1rem;
margin-bottom: 1rem;
}

.my-solution-box2 .my-box-s{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
padding:0 1rem;
border:1px solid #ccc;
border-radius:.5rem;
}
.my-solution-box2 .my-box-s h4{
font-size: .85rem;
font-weight: bold;
}

.my-help-desk{
margin-top: 3rem;
padding:1rem;
border:8px double #0c3090;
font-size: 1rem;
font-weight: bold;
text-align:center;
color:#0c3090;
}

.my-tbl-s{
width:100%;
font-size:.8rem;
}
.my-tbl-s th{
padding:1rem 1.5rem;
background: #f2f2f2;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
font-weight: normal;
}
.my-tbl-s td{
padding:1rem 1.5rem;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.my-recall-bg{
background: #f2f2f2 url(/solution/img/bg_recall_01.png) no-repeat top right;
border-radius: 0 2.5rem 0 0;
}
.my-solution-request{
margin: 0 .5rem;
font-size: .8rem;
}
.my-solution-request-voice{
margin-top: .5rem;
}
.my-solution-request-pict{
margin-top: .5rem;
}
.my-solution-request-voice span{
margin-top: .5rem;
display:block;
font-size: .7rem;
text-align:right;
color:#b1700f;
}
.my-solution-request-arw{
margin: .5rem 0;
text-align: center;
color: #0089a1;
}
.my-solution-request-mess{
padding: 1rem;
background:#0089a1;
border-radius: 2rem;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
color: #fff;
}

.my-solution-request-voice {
	position: relative;
	padding: 1.5rem 2rem;
	background: #fff;
	border: 1px solid #0089a1;
	border-radius: .5rem;
	font-weight: bold;
	text-align: justify;
}
.my-solution-request-voice:after,
.my-solution-request-voice:before {
	right: 100%;
	top: 40%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.my-solution-request-voice:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}
.my-solution-request-voice:before {
	border-color: rgba(153, 153, 153, 0);
	border-right-color: #0089a1;
	border-width: 11px;
	margin-top: -11px;
}
.my-voice-lf:after,
.my-voice-lf:before {
left: 100%;
right: 0;
}
.my-voice-lf:after{
border-color: rgba(255, 255, 255, 0);
border-left-color: #fff;
}
.my-voice-lf:before {
border-color: rgba(153, 153, 153, 0);
border-left-color: #0089a1;
}

.my-outsourcing-box{
margin-bottom: 3rem;
padding:2rem;
background: #f2f2f2;
}
.my-outsourcing-box h3{
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 1.2rem;
font-weight: bold;
}
.my-outsourcing-box .my-box-img{
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-lg-pict{
margin-top: 3rem;
text-align:center;
}


.my-main-contents .my-outsourcing-menu-ttl{
margin-top: 1rem;
font-weight: bold;
text-align: center;
}
.my-main-contents .my-outsourcing-menu-lbl{
margin-top: .5rem;
font-size: .8rem;
font-weight: bold;
text-align: center;
color:#0089a1;
}
.my-main-contents .my-outsourcing-menu-copy{
margin-top: 2rem;
margin-bottom: 2rem;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.5;
text-align: center;
}
.my-main-contents .my-outsourcing-menu-btn{
margin-top: 2rem;
margin-bottom: 1.5rem;
text-align: center;
}
.my-main-contents .my-outsourcing-menu-btn a{
display:inline-block;
padding:.8rem 2.5rem;
border:1px solid #0089a1;
border-radius: 2rem;
font-size: 1rem;
text-decoration: none;
color: #0089a1;
}
.my-main-contents .my-outsourcing-menu-btn a:focus,
.my-main-contents .my-outsourcing-menu-btn a:hover{
background: #0089a1;
color: #fff;
}

.my-solution-menu{
}
.my-solution-menu a{
display:block;
padding-bottom:.1rem;
background: #efefef;
color: #0089a1;
}
.my-solution-menu a:focus,
.my-solution-menu a:hover{
background: #eaeaea;
text-decoration:none;
color: #035766;
}
.my-solution-menu img{
display:block;
max-width:100%;
background: #fff;
}
.my-solution-menu a:focus img,
.my-solution-menu a:hover img{
opacity:0.7;
}
.my-solution-menu h2{
margin:1.2rem 0 .5rem 0;
padding:0 1.2rem;
font-size:.9rem;
font-weight: bold;
color: #222;
}
.my-solution-menu p{
margin:.5rem 0;
padding:0 1.2rem;
font-size:.75rem;
color: #333;
}
.my-solution-menu span{
display:block;
margin:.5rem 0 1.2rem 0;
padding:0 1.2rem;
font-size:.8rem;
}
.my-solution-menu .my-service-detail{
text-align:right;
}

.my-quality-staff{
position:relative;
}
.my-quality-staff h2{
position:absolute;
top: 0;
left: 0;
right: 0;
bottom:0;
margin:auto;
padding:2rem;
width:24rem;
height:7.5rem;
background-color: rgba(0,137,161,0.8);
font-size: 2.4rem;
text-align:center;
color:#fff;
}
.my-quality-staff + p{
margin-top: 2rem;
font-size: 1.2rem;
font-weight: bold;
}

/* *******************
** my-recruit
** **************** */
.my-recruit .breadcrumb div a,
.my-recruit .breadcrumb div a:focus,
.my-recruit .breadcrumb div a:hover{ color: #93cc17; }
.my-recruit .breadcrumb div .active,
.my-recruit .breadcrumb div .active:focus,
.my-recruit .breadcrumb div .active:hover{ color: #6c757d; }

.my-recruit .pagetop{ border-bottom: 2px solid #93cc17; }
.my-recruit .pagetop a{ border-color: transparent transparent #93cc17 transparent; }

.my-recruit .my-foot-wrap{ background: #93cc17; }

.my-recruit .my-sub-nav{ border-top: 1px solid #ddd; }
.my-recruit .my-sub-nav li a{ color: #93cc17; }
.my-recruit .my-sub-nav li.active a{ background: #93cc17; color: #fff; }

.my-recruit .my-btn-nav li a{ border: 1px solid #93cc17; color: #93cc17;}
.my-recruit .my-btn-nav li a:focus,
.my-recruit .my-btn-nav li a:hover{ background: #93cc17;  color: #fff; }

.my-recruit-head{
background:#93cc17;
border-top: 3px solid #74a706;
}
.my-recruit-head h1{
margin:0;
padding: 1rem 0;
font-size: 1.6rem;
text-align: left;
color:#fff;
letter-spacing: .2rem;
}
.my-recruit-nav{
list-style:none;
display: table;
margin: 0 .5rem 0 auto;
padding:0;
height: 100%;
}
.my-recruit-nav li{
display: table-cell;
font-size: .8rem;
padding: 0 0 0 1rem;
vertical-align: middle;
}
.my-recruit-nav li a{
padding:.5rem 1.2rem;
border: 1px solid #fff;
text-decoration: none;
color: #fff;
}
.my-recruit-nav li a:focus,
.my-recruit-nav li a:hover{
background: #fff; color: #93cc17;
}
.my-recruit-top{
border:0 none;
}

.my-recruit-menu{
}
.my-recruit-menu a{
display: block;
position: relative;
}
.my-recruit-menu a img{
width:100%;
}
.my-recruit-menu a .my-recruit-menu-items{
position: absolute;
padding:1rem 1.5rem ;
background-color: rgba(147,204,23,0.8);
font-size: 1rem;
color:#fff;
z-index: 100;
}
.my-recruit-menu a .my-recruit-menu-items span{
display: block;
}
.my-recruit-menu .my-recruit-menu-company .my-recruit-menu-items{
top:1rem;
left:1rem;
}
.my-recruit-menu .my-recruit-menu-staff .my-recruit-menu-items{
bottom:1rem;
right:1rem;
}
.my-recruit-menu .my-recruit-menu-fresh .my-recruit-menu-items{
top: 0;
bottom: 0;
margin: auto;
height: 3rem;
padding: .8rem 1.2rem;
font-size: .85rem;
}
.my-recruit-menu .my-recruit-menu-career .my-recruit-menu-items{
top: 0;
bottom: 0;
margin: auto;
height: 3.8rem;
padding: .8rem 1.2rem;
font-size: .85rem;
}
.my-recruit-menu .my-recruit-menu-career .my-recruit-menu-items span{
display: block;
font-size: .65rem;
line-height: 1;
}
.my-recruit-menu a:focus .my-recruit-menu-items + span img,
.my-recruit-menu a:hover .my-recruit-menu-items + span img{
opacity:0.8;
}

.my-recruit-message{
margin-top: 3.5rem;
}
.my-recruit-message h3{
margin-bottom: 1rem;
font-size: 1rem;
font-weight: bold;
}
.my-recruit-message a{
display:block;
position: relative;
background: #fff;
border: 1rem solid #efefef;
}
.my-recruit-message a span{
display:block;
}
.my-recruit-message a .my-recruit-top-message{
position: absolute;
top:3.5rem;
left:4.5rem;
font-size:1.6rem;
color: #709f0b;
z-index: 100;
}
.my-recruit-message a .my-recruit-top-message .my-recruit-top-recruiter{
margin-top: .8rem;
font-size: .75rem;
color: #666;
}
.my-recruit-message a:focus,
.my-recruit-message a:hover{
border:1rem solid #eaeaea;
}
.my-recruit-message a:focus img,
.my-recruit-message a:hover img{
opacity:0.8;
}


.my-recruit .my-contents h2{
}
.my-recruit .my-contents h3{
margin-top: 1rem;
font-size: 1rem;
color:#709f0b;
}
.my-recruit-contents p{
margin-top: 1rem;
line-height: 1.75;
}
.my-recruit-contents .my-sign{
text-align: right !important;
}

.my-tbl-recruit-wrap{
margin: 1rem 0;
padding: 1.2rem 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.my-tbl-recruit{
font-size:.85rem;
}
.my-tbl-recruit th{
width: 25%;
vertical-align: top;
padding: 1.2rem 1rem 1.2rem 0;
text-align: right;
}
.my-tbl-recruit td{
padding: 1.2rem 0 1.2rem 1rem;
}
.my-tbl-recruit td ul{
padding-left: 1rem;
}
.my-entry{
margin: 2.5rem 0;
text-align:center;
}
.my-entry .my-entry-btn{
margin-top:1.5rem;
}
.my-entry .my-entry-btn a{
display:inline-block;
padding:1rem 1.5rem;
background:#709f0b;
text-decoration:none;
color:#fff;
}
.my-entry .my-entry-btn a:focus,
.my-entry .my-entry-btn a:hover{
background:#93cc17;
}
.my-entry .my-entry-btn .soon{
display:inline-block;
padding:1rem 1.5rem;
background:#ccc;
font-size:.85rem;
color: #fff;
}

.my-recruit .my-contents .my-message{
margin: 1.5rem 0;
font-size: 1.4rem;
line-height: 1.4;
color: #60870b;
}
.my-pic-message{
margin-top: 2.5rem;
}
.my-pic-message img{
border:10px solid #efefef;
height: auto;
}

.my-staff{
margin-top: 2rem;
background: #93cc17;
color:#fff;
}
.my-recruit-contents .my-staff-ttl{
margin: .8rem;
font-size: 1rem;
font-weight: bold;
line-height: 1.3;
}
.my-recruit-contents .my-staff-name{
margin:0 .8rem;
font-size: .75rem;
}
.my-staff-btn{
margin:1rem .8rem;
text-align: right;
}
.my-staff-btn a{
display:inline-block;
padding: .5rem 1rem;
background:#fff;
border-radius: 2rem;
font-size: .8rem;
text-decoration:none;
color: #709f0b;
}
.my-staff-btn a:focus,
.my-staff-btn a:hover{
background: #fffdda;
color:#fe9f09;
}

.my-interview{
}
.my-interview-head{
margin-top: 2rem;
background: #93cc17;
}
.my-recruit .my-contents .my-interview-head h3{
margin-top: 2rem;
font-size: 1.8rem;
color:#fff;
}
.my-recruit .my-contents .my-interview-head p{
margin-top: 2rem;
padding-left:0;
color:#fff;
}

.my-interview h4{
margin: 2rem 0 1.5rem;
font-size: 1rem;
color: #709f0b;
}
.my-interview p{
padding-left: 3rem;
}
.my-interview-pic{
margin:3rem 0;
text-align:center;
}

.my-interview-lst{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 3rem;
}
.my-interview-lst dt{
margin-bottom: 1rem;
width: 15%;
white-space: nowrap;
text-align: right;
}
.my-interview-lst dd{
width: 85%;
margin-bottom: 1rem;
}

.my-interview-nav{
padding-left: 7px;
}
.my-interview-nav .col-4{
padding-right: 8px;
padding-left: 8px;
}
.my-interview-nav h5{
font-size: .7rem;
}
.my-interview-nav .card{
background-color: transparent;
border: 1px solid #709f0b;
}
.my-interview-nav .card-title {
margin-bottom: .25rem;
}
.my-interview-nav a{
display: block;
border-radius: .25rem;
text-decoration: none;
color: #709f0b;
}
.my-interview-nav a:focus,
.my-interview-nav a:hover{
background-color: #fffdda;
}
.my-interview-nav p{
margin-top: 0;
padding-left:0;
font-size: .7rem;
color: #666;
}

/* *******************
** my-m-park
** **************** */
.my-park-head{
padding-top:2rem;
border-top:1px solid #ccc;
}
.my-park-name{
margin-top: 0 !important;
font-size: 2.4rem !important;
color:#0089a1;
}
.my-park-name span{
padding-left: .5rem;
font-size:1.2rem;
color:#333;
}
.my-park-address{
margin-top: 0 !important;
font-size:.85rem;
line-height: 1.5 !important;
}
.my-park-call{
margin-top: 0 !important;
line-height: 1.5 !important;
text-align:right;
}
.my-park-call span{
display: inline-block;
padding-right: .5rem;
font-size: 2rem;
font-weight: bold;
line-height: 2rem;
color:#468c28;
}
.my-park-type{
margin-top: 0 !important;
font-size: .85rem;
line-height: 1.5 !important;
}
.my-park-price{
margin-top: 0 !important;
margin-bottom: .5rem;
font-size: 1.2rem;
line-height: 1.5 !important;
text-align:right;
color:#ff6c00;
}
.my-park-price span{
font-size: 1.8rem;
}

.my-park-box{
padding:2rem;
background: #f2f2f2;
}
.my-park-box h3{
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 1.2rem;
font-weight: bold;
}
.my-park-box p{
font-size: .85rem;
line-height: 1.75;
text-align: justify;
}
.my-park-box .my-park-box-img{
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-park-box .my-park-box-img img{
max-width: 100%;
}
.my-park-box .my-mpark-maps{
border: .5rem solid #fff;
}

.my-park-items{
margin-top: 2rem;
}
.my-park-items h3{
margin-top: 2.5rem;
margin-bottom: 1rem;
font-size: 1.2rem;
color: #0089a1;
}
.my-park-items ul{
list-style:none;
display:table;
margin: 0;
padding: 0;
font-size: .7rem;
text-align: center;
}
.my-park-items li{
display:table-cell;
}
.my-park-items span{
display:block;
}
.my-park-tbl{
width:100%;
border:1px solid #ccc;
border-collapse: collapse;
font-size: .85rem;
}
.my-park-tbl th{
padding: .5rem 1rem;
border:1px solid #ccc;
background: #efefef;
text-align: center;
}
.my-park-tbl th span{
display:block;
font-size: .7rem;
}
.my-park-tbl td{
padding: .5rem 1rem;
border:1px solid #ccc;
text-align: center;
}

.my-park-prs-wrap{
margin-top: 4rem;
padding: 2rem;
background: #f2f2f2;
}
.my-park-prs{
background: #fff;
}
.my-park-prs h4{
font-size: .9rem;
font-weight: bold;
line-height: 1.4;
color: #fff;
}
.my-park-prs p{
margin:0;
padding:0;
font-size: .8rem;
color: #fff;
}
.my-park-prs img{
max-width:100%;
}
.my-park-prs-box{
position: absolute;
padding: .8rem 1.3rem;
background: #ff6c00;
}
.my-park-prs-box-btm{
position: absolute;
bottom:10px;
left: 25px;
right: 25px;
padding: .8rem 1.3rem;
background: rgb(255,255,255,.7);
}
.my-park-prs-box-btm h5{
font-size: .9rem;
font-weight: bold;
color:#000;
}
.my-park-prs-box-btm p{
color:#000;
}
.my-park-prs-call{
line-height: 1.4;
}
.my-park-prs-call span{
display: inline-block;
padding-right: .5rem;
font-size: 1.4rem;
font-weight: bold;
vertical-align: -.2rem;
line-height: 1;
color: #468c28;
}
.my-park-prs-box-btm .my-park-prs-call-img img{
width: 5.5rem;
height: 5.5rem;
border-radius: 2.75rem;
}

.my-park-recommend{
margin-top: 4rem;
border:10px solid #f2f2f2;
position:relative;
}
.my-park-recommend h4{
padding:2rem 2rem 0 2rem;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.4;
color: #ff6c00;
}
.my-park-recommend img{
max-width:100%;
}
.my-park-recommend p{
margin:0;
padding: .8rem 1rem;
font-weight: bold;
text-align:center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
color:#fff;
}
.my-park-recommend-txt1,
.my-park-recommend-txt2,
.my-park-recommend-txt3,
.my-park-recommend-txt4,
.my-park-recommend-txt5{
position:absolute;
top:0;
left:0;
}
.my-park-recommend-txt1{ font-size: .8rem; top: 15px;  left:  15px; transform: rotate(-15deg); }
.my-park-recommend-txt2{ font-size: .7rem; top:  10px; left: 280px; transform: rotate(5deg); }
.my-park-recommend-txt3{ font-size: 1rem;  top: 100px; left:   0px; transform: rotate(-10deg); }
.my-park-recommend-txt4{ font-size: .8rem; top: 100px; left: 290px; transform: rotate(10deg); }
.my-park-recommend-txt5{ font-size: .9rem; top: 180px; left: 175px; transform: rotate(5deg); }

.my-park-recommend p {
	position:absolute;
	background: #0089a1;
	border: 2px solid #00758a;
	border-radius: 5px;
}
.my-park-recommend p:after,
.my-park-recommend p:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.my-park-recommend p:after {
	border-color: rgba(0, 137, 161, 0);
	border-top-color: #0089a1;
	border-width: 10px;
	margin-left: -10px;
}
.my-park-recommend p:before {
	border-color: rgba(0, 117, 138, 0);
	border-top-color: #00758a;
	border-width: 13px;
	margin-left: -13px;
}

.my-main-contents .my-contact .my-mpark-Pmark{
top: auto;
bottom: .5rem;
left: auto;
right: .5rem;
}

.my-law-tbl{
width:100%;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-collapse: collapse;
font-size: .75rem;
}
.my-law-tbl th{
border-top:1px solid #ccc;
padding: .8rem 1rem .8rem 0;
font-weight: normal;
}
.my-law-tbl td{
padding: .8rem 0;
border-top:1px solid #ccc;
}














/* *******************
** my-column
** **************** */
.my-column{
}
.my-column h2{
margin:0;
padding:1.5rem 1rem 1rem;
background:#0089a1;
border-bottom:2px solid #006a7d;
font-size: 1rem;
color:#fff;
}
.my-sub-nav{
list-style-type: none;
margin:0;
padding:0;
font-size: .8rem;
}
.my-sub-nav li{
margin:0;
padding:0;
border-bottom:1px solid #ddd;
}
.my-sub-nav li a{
display: block;
padding: 1rem .8rem 1rem 1.5rem;
color:#0089a1;
text-decoration:none;
}
.my-sub-nav li a:focus,
.my-sub-nav li a:hover{
background:#f2f2f2;
}
.my-sub-nav li.active a{
background:#fffdda;
color:#fe9f09;
}
.my-sub-nav li .fa-li{
left: .2rem;
}
.my-sub-nav li ul{
list-style-type: none;
margin:0;
padding:0;
padding-bottom:.5rem;
}
.my-sub-nav li ul li{
margin:0;
padding:0;
border:0 none;
}
.my-sub-nav li ul li .fa-li{
left: 1.2rem;
}
.my-sub-nav li ul li a{
display: block;
padding:.5rem .5rem .5rem 2.5rem;
color:#0089a1;
}
.my-sub-nav li.active ul li a{
background:transparent;
color:#0089a1;
}

.my-btn-nav{
list-style-type: none;
margin:0;
padding:0;
font-size: .8rem;
}
.my-btn-nav li{
margin-top:1rem;
}
.my-btn-nav li a{
display: block;
padding:.8rem 1.2rem;
border:1px solid #0089a1;
border-radius:5rem;
text-decoration:none;
color:#0089a1;
}
.my-btn-nav li a:focus,
.my-btn-nav li a:hover {
background:#0089a1;
color:#fff;
}









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

	header .my-logo-privacy{
	display: none;
	}
	header .navbar-nav{
	margin-top: .5rem;
	font-size: 1rem;
	}
	header .nav-item{
	border-top: 1px dotted #ccc;
	}
	
	header .my-sp-mode{
	display: block;
	}
	.my-column,
	.breadcrumb{
	display: none;
	}

	h1{
	margin:2rem .5rem;
	font-size:1.6rem;
	}
	.my-contents{
	margin-top:2rem;
	}

	/* my-cover */
	.my-cv-solution,
	.my-cv-outsourcing,
	.my-cv-fulfillment,
	.my-cv-business,
	.my-cv-logistics,
	.my-cv-system,
	.my-cv-campaign,
	.my-cv-recall,
	.my-cv-quality,
	.my-cv-base,
	.my-cv-company,
	.my-cv-mpark,
	.my-cv-pp{
	padding-top: 40%;
	}
	.my-cv-recruit{
	padding-top: 34%;
	background-size: 100% auto;
	}

	/* top */
	header .my-nav-top{
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	}
	header .my-nav-top .navbar-brand,
	header .my-nav-top .navbar-brand:focus,
	header .my-nav-top .navbar-brand:hover {
	color: #000;
	}
	header .my-nav-top .navbar-nav .nav-link{
	color: rgba(0,0,0,.5) !important;
	}
	header .my-nav-top .navbar-nav .nav-link:focus,
	header .my-nav-top .navbar-nav .nav-link:hover{
	color: rgba(0,0,0,.9) !important;
	}

	.my-main-link{
	margin-top:0;
	}
	.my-main-link div a{
	margin-top: 1rem;
	}
	.my-main-link p{
	margin-top: 2.5rem;
	}

	.my-news-wrap {
	margin-top: 2rem;
	}
	.my-news-wrap h3 span{
	margin-top: 0;
	}
	.my-news-wrap dl {
	padding: 0 0 1rem 0;
	font-size: .8rem;
	}

	.my-maruyoshi-menu {
	padding: 0 7px;
	}
	.my-maruyoshi-menu-wrap {
	margin-top: 2rem;
	}
	.my-maruyoshi-menu .col-6 {
	padding-right: 6px;
	padding-left: 6px;
	}
	.my-maruyoshi-menu p {
	padding: .75rem .25rem;
	font-size: .7rem;
	}
	.my-maruyoshi-menu p span {
	font-size: .8rem;
	}
	.my-maruyoshi-menu a{
	margin-top:1rem;
	}
	.my-maruyoshi-menu a:focus p,
	.my-maruyoshi-menu a:hover p{
	padding: .75rem .25rem;
	}

	.my-contact-top {
	margin-top: 2rem;
	padding-bottom: 15px;
	}
	.my-contact-top h3{
	padding: .85rem 1.2rem .65rem 1.2rem;
	border-radius: .5rem .5rem 0 0;
	text-align: center;
	}
	.my-contact-top h3 + p{
	margin-top: 1rem;
	}
	.my-contact-top .my-Pmark{
	position: absolute;
	bottom: 25px;
	right: 30px;
	margin: 0;
	padding-bottom: 0;
	text-align: right;
	}
	.my-contact-top .my-Pmark img{
	width: 80%;
	height: 80%;
	}

	.my-service-link {
	position: static;
	margin-top: 2rem;
	}
	.my-service-link-box{
	position: static;
	top: 0;
	left: 0;
	}
	.my-service-link a:focus h3,
	.my-service-link a:hover h3{
	padding: 1rem .5rem 0 .5rem;
	}
	.my-service-link a:focus p,
	.my-service-link a:hover p{
	padding: 0 .5rem 1rem .5rem;
	}


	/* solution */
	.my-solution{
	padding: 0;
	}
	.my-main-contents .my-solution h2{
	margin-left: 1rem;
	margin-right: 1rem;
	font-size: 1.2rem;
	}
	.my-main-contents .my-solution h2 br{
	display: none;
	}
	.my-main-contents .my-solution p{
	margin-left: 1rem;
	margin-right: 1rem;
	}

	.my-solution-box,
	.my-solution-box2{
	margin-top: 1.5rem;
	padding: 1rem;
	}

	.my-main-contents .my-contact {
	padding: .5rem 1rem;
	border-radius: 0 0 .5rem .5rem;
	font-size: .8rem;
	}
	.my-main-contents .my-contact-ttl {
	margin: 2rem 0 0 0;
	padding: .85rem 1rem .5rem 1rem;
	border-radius: .5rem .5rem 0 0;
	font-size: .85rem;
	text-align: center;
	line-height: 1.3;
	}
	.my-main-contents .my-contact-ttl span {
	display: block;
	font-size: .9rem;
	}
	.my-main-contents .my-contact p:first-child {
	font-size: .85rem;
	}
	.my-main-contents .my-contact .my-call span {
	font-size: 1.4rem;
	}
	.my-main-contents .my-contact .my-mail span {
	display: block;
	}
	.my-main-contents .my-contact .my-Pmark {
	top: auto;
	left: auto;
	right: .5rem;
	bottom: .5rem;
	width: 15%;
	}


	.my-solution-menu a {
	margin-bottom: 1rem;
	}

	.my-main-contents .my-outsourcing-menu-ttl{
	margin-bottom: 0;
	}
	.my-main-contents .my-outsourcing-menu-lbl{
	margin-top: 0;
	}
	.my-main-contents .my-outsourcing-menu-copy{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	line-height: 1.2;
	}
	.my-main-contents .my-outsourcing-menu-btn {
	margin-top: 1rem;
	margin-bottom: .5rem;
	}

	.my-lg-pict {
	margin-top: 2rem;
	margin-bottom: 3rem;
	}
	.my-tbl-s th,
	.my-tbl-s td{
	padding: .75rem .5rem;
	}
	.my-help-desk{
	margin: 1.5rem 15px 2.5rem 15px;
	padding: 0 1rem;
	font-size: 1rem;
	text-align: left;
	}
	.my-solution-request{
	margin: 0;
	}
	.my-solution-request-pict {
	margin-top: 1rem;
	}
	.my-solution-request-voice{
	margin-top: 1rem;
	padding: .85rem 1rem;
	line-height: 1.4;
	}
	.my-solution-request-voice span{
	margin-top: .25rem;
	}
	.my-recall-bg {
	background-size: 35%;
	border-radius: 0;
	}



	/* quality */
	.my-quality-staff h2{
	padding:1rem;
	width: 12rem;
	height: 4rem;
	font-size: 1.4rem;
	}
	.my-quality-staff + p{
	margin-top: 1rem;
	font-size: 1rem;
	}
	.my-quality-staff + p br{
	display: none;
	}

	/* logistics */
	.my-logistics .my-tbl{
	width:100%;
	font-size: .85rem;
	border-top: 1px solid #ccc;
	}
	.my-logistics .my-tbl td{
	float: left;
	display: block;
	padding: 1.5rem 0 0 5%;
	border: 0 none;
	width: 55%;
	}
	.my-logistics .my-tbl .my-base-photo{
	padding: 1.5rem 0 0 0;
	width: 40%;
	vertical-align: top;
	}
	.my-tbl .my-department{
		font-size:.8rem;
	}
	.my-logistics .my-tbl .my-maps{
	padding: 1.5rem 0;
	width: 100%;
	border: 0 none;
	border-bottom: 1px solid #ccc;
	}
	.my-logistics .my-tbl .my-maps iframe{
	width: 100%;
	height: 180px;
	}
	.my-tbl .my-logo{
	padding: 1.5rem 0 !important;
	width:100% !important;
	border: 0 none;
	border-bottom: 1px solid #ccc !important;
	}
	.my-tbl .my-logo a {
	width:100%;
	height: 180px;
	padding:20px 50px;
	}
	.my-tbl .my-logo a img{
		width:100%;
	}
	
	/* サムネイル画像 */
	.gallery{
	display:none;
	}
	.gallery-sp {
	display: flex;
	flex-wrap: wrap; /* 横幅が足りなくなったら下に送る */
	justify-content: flex-start; /* 左揃え */
	padding-top:1rem;
	margin-top:-10px;
	}
	.gallery-sp img{
	padding:0 5px 5px 0;
	}
	.gallery-sp img:nth-child(2n){
	padding-right:0;
	}
	.thumbnail {
	width: 50%; /* 小さい画面ではサムネイルを縮小 */
	}

	/* company */
	.my-tbl th{
	padding: 1rem;
	}
	.my-tbl td{
	padding: 1rem;
	}
	.my-tbl .photo{
	padding: 1rem 0;
	width: 50%;
	}

	.my-logistics .my-tbl td h3{
	font-size: 1rem;
	font-weight: bold;
	}

	/* recruit */
	.my-recruit-head h1{
	font-size: 1.4rem;
	letter-spacing: 0;
	}
	.my-recruit-nav{
	margin: 0 0 0 auto;
	}
	.my-recruit-nav li{
	padding: 0 0 0 .75rem;
	}
	.my-recruit-nav li a{
	padding: .3rem .5rem;
	}
	.my-recruit .my-contents h2{
	font-size: 1.6rem;
	}

	.my-recruit-menu a{
	display: block;
	position: relative;
	margin-bottom: 2rem;
	border: .5rem solid #efefef;
	}
	.my-recruit-menu .my-recruit-menu-staff .my-recruit-menu-items{
	top:1rem;
	bottom: auto;
	right:1rem;
	}

	.my-recruit-message {
	margin-top: 0;
	}
	.my-recruit-message a{
	border: .5rem solid #efefef;
	}
	.my-recruit-message a .my-recruit-top-message{
	top: 1rem;
	left: 1rem;
	font-size: .8rem;
	line-height: 1.3;
	}
	.my-recruit-message a .my-recruit-top-message .my-recruit-top-recruiter{
	margin-top: .8rem;
	font-size: .65rem;
	}
	.my-recruit-message a:focus,
	.my-recruit-message a:hover{
	border: .5rem solid #eaeaea;
	}
	.my-recruit-message img{
	height: auto;
	}

	.my-staff img{
	height: auto;
	}
	.my-recruit-contents .my-staff-ttl{
	font-size: 1.3rem;
	}

	.my-recruit .my-contents .my-message{
	font-size: 1.2rem;
	}
	.my-recruit .my-contents .my-message br{
	display: none;;
	}
	.my-tbl-recruit th{
	width: 28%;
	text-align: left;
	}

	.my-interview-head{
	margin-top: 2rem;
	background: #93cc17;
	}
	.my-interview-head img{
	height: auto;
	}
	.my-recruit .my-contents .my-interview-head h3,
	.my-recruit .my-contents .my-interview-head p{
	margin-top: .5rem;
	}

	.my-interview-nav{
	padding-left: 7px;
	padding-right: 7px;
	}
	.my-interview-nav h5{
	font-size: .65rem;
	letter-spacing: -0.02rem;
	}
	.my-interview-nav p{
	font-size: .65rem;
	letter-spacing: -0.02rem;
	}
	.my-interview-nav .card{
	margin-bottom: 1rem;
	}
	.my-interview-nav .card-body{
	padding-top: .5rem !important;
	padding-bottom: .5rem !important;
	}
	.my-interview-nav .card-title {
	margin-bottom: .2rem;
	}

	.my-interview-lst{
	padding-left: 2rem;
	}
	.my-interview-lst dt{
	width: 20%;
	}
	.my-interview-lst dd{
	width: 80%;
	}

	/* privacypolicy */
	.my-pg-nav{
	margin: 0 auto;
	padding: .5rem 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: block;
	}

	/* m-park */
	.my-mpark h1 {
	margin: 1.5rem .5rem;
	font-size: 1.2rem;
	}
	.my-park-name{
	font-size: 1.8rem !important;
	}
	.my-park-name span{
	font-size: 1rem;
	}
	.my-park-call {
	display: none;
	}
	.my-park-type {
	margin-bottom: 0;
	padding-top: .5rem;
	border-top: 1px dotted #ccc;
	}
	.my-park-price {
	margin-top: 0 !important;
	margin-bottom: 2rem;
	line-height: 1.2 !important;
	text-align: left;
	}

	.my-park-box {
	padding: 1rem 1rem 2rem;
	}
	.my-park-box .my-park-box-img img{
	width: 100%;
	}

	.my-park-items ul {
	font-size: .65rem;
	}

	.my-park-tbl{
	font-size: .8rem;
	}
	.my-park-tbl th{
	padding: .5rem .4rem;
	}
	.my-park-tbl th span{
	display:block;
	font-size: .7rem;
	}
	.my-park-tbl td{
	padding: .5rem .4rem;
	}

	.my-park-prs-wrap{
	margin-top: 4rem;
	padding: 1rem 0;
	}

	.my-park-prs-box{
	position: static;
	}
	.my-park-prs-box-btm{
	position: static;
	}

	.my-park-prs-box-btm h5 {
	font-size: .8rem;
	}
	.my-park-prs-call span {
	font-size: 1.1rem;
	}
	.my-park-prs-box-btm .my-park-prs-call-img img {
	width: 5rem;
	height: 5rem;
	border-radius: 2.25rem;
	}

	.my-park-recommend {
	position: static;
	margin-top: 2rem;
	border: 0 none;
	}
	.my-park-recommend img {
	display: none;
	}

	.my-park-recommend p {
	position: static;
	margin: .5rem 2%;
	padding: .75rem .75rem;
	background: transparent;
	border: 2px dotted #ccc;
	border-radius: 5px;
	float: left;
	width: 46%;
	text-align: left;
	line-height: 1.4;
	text-shadow: none;
	color: #000;
	}
	.my-park-recommend p br{
	display: none;
	}
	.my-park-recommend-txt1,
	.my-park-recommend-txt2,
	.my-park-recommend-txt3,
	.my-park-recommend-txt4,
	.my-park-recommend-txt5{
	position: static;
	top:0;
	left:0;
	font-size: .85rem;
	transform: none;
	}
	.my-park-recommend p:after,
	.my-park-recommend p:before {
	display: none;
	position: static;
	}

	.my-main-contents .my-contact {
	padding: .5rem 1rem;
	border-radius: 0 0 .5rem .5rem;
	font-size: .8rem;
	}
	.my-main-contents .my-contact-ttl {
	margin: 2rem 0 0 0;
	padding: .85rem 1rem .5rem 1rem;
	border-radius: .5rem .5rem 0 0;
	font-size: .85rem;
	text-align: center;
	line-height: 1.3;
	}
	.my-main-contents .my-contact-ttl span {
	display: block;
	font-size: .9rem;
	}
	.my-main-contents .my-contact p:first-child {
	font-size: .85rem;
	}
	.my-main-contents .my-contact .my-call span {
	font-size: 1.4rem;
	}
	.my-main-contents .my-contact .my-mail span {
	display: block;
	}
	.my-main-contents .my-contact .my-Pmark {
	top: auto;
	left: auto;
	right: .5rem;
	bottom: .5rem;
	width: 15%;
	}


	/* slide */
	.my-slide ul li .my-slide-txt{
	width: 84%;
	font-size: 1.4rem;
	text-align: left;
	}
	.my-slide-txt-dt-br{
	display: none !important;
	}
	.my-slide-txt-sp-br{
	display: block !important;
	}
	.my-slide ul li .my-slide-txt {
	text-shadow:
	1px 1px 1px rgba(0, 0, 0, 0.8),
	-1px 1px 1px rgba(0, 0, 0, 0.9),
	1px -1px 1px rgba(0, 0, 0, 0.9),
	-1px -1px 1px rgba(0, 0, 0, 0.8),
	1px 1px 2px #000,
	2px 2px 5px #000;
	font-weight: bold;
	}

	footer {
	margin-top: 1.5rem;
	}
	.my-foot-wrap {
	margin-top: .5rem;
	}

}