@charset "utf-8";
.clearfix:after {content:"";display: block;clear: both;}
html {font-size:62.5%;font-family:"游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.ft_min {font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;}
img {vertical-align:bottom;}
.w100 {width:100%;}
.h100 {height:100%;}

@media print,screen and (min-width: 841px) {
.spOnly {display:none;}
.pcOnly {display:block;}
a img:hover {
opacity: 0.8;
-moz-opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";}
}
html {color:#333;}
@keyframes extend{from{height:0;opacity:0}to{height:40px;opacity:1}}
@media print,screen and (min-width: 841px) {
#topMessButon a:hover {background-color:#d4d6d4;}
#mihama a:hover {background-color:#2f332f;}
.topWorkBox h4 a:hover {background-color:#cfd1cf;}
#moreLink a:hover {background-color:#14560d;}
#footNav li.ftNav1 a:hover {color:#888;}
#topBottomBtn div:first-child p a{pointer-events:none;}
#jobListbtn	div:first-child a:hover {background-color:#767777;}
#jobListbtn	div:last-child a:hover {background-color:#0AA34F;}
#sbmtBTN:hover {background-color:#EF4351;}
}
/*--------------------top-------------------*/
#pcHeader {width:1000px;margin:0 auto 180px auto;overflow:hidden;padding-top:10px;}
#pcLogo {width:195px;float:left;}
#pcNav {width:560px;float:right;}
#pcNav li {display:inline-block;margin-right:20px;font-size:13px;}
#pcNav li.pcIconNav {width:30px;}
#pcNav li.fstNav {border-left:solid 1px #999;padding-left:10px;}
#pcNav li a {text-decoration:none;color:#000;}
#pcNav li:last-child {margin-right:0;}
#pcNav li.pcTxtNav a {position:relative;transition:.3s;display:inline-block;}
#pcNav li.pcTxtNav a::after {position: absolute;bottom:0;left:0;content:'';
width:0;height:1px;background-color: #000;transition:.3s;}
#pcNav li.pcTxtNav a:hover::after {width:100%;}
#topWrap {width:100%;padding-bottom:80px;}
#topTitle {width:300px;margin:0 auto 150px auto;}
.index_top_scroll {position: relative;left:0;right:0;
bottom: 0;z-index: 2;width:400px;height:50px;margin: 0 auto;background:rgba(5,68,0,0.8);}
.index_top_scroll_box {width: 45px;margin: 0 auto;}
.index_top_scroll_line {width: 1px;height: 30px;margin: 5px auto 0;
animation: 1.2s ease 0s infinite normal extend;background: #fff;}
#topMainBox {margin-top:-20px;position:relative;}
#mainImg {width:100%;margin:0 auto;}
#topMessage {width:1000px;margin:0 auto;position:relative;}
#topMessage div {width:450px;position:absolute;left:0;top:-475px;background:rgba(255,255,255,0.8);
padding:70px 55px 55px 55px;box-sizing:border-box;}
#topMessage div h2 {width:230px;margin-bottom:50px;}
#topMessCop {font-size:14px;margin-bottom:30px;line-height:2.5em;}
#topMessButon {width:100%;margin:0 auto;}
#topMessButon a {display:block;width:100%;border:solid 1px #c4c6c4;padding:18px 0;
text-align:center;text-decoration:none;font-size:14px;font-weight:bold;
color:#000;}
#topContBox {width:100%;background-color:#054400;padding:80px 0 50px 0;}
#topContWrap {width:1000px;margin:0 auto;}
#topTT2 {width:335px;margin-left:auto;margin-bottom:10px;}
#topMinTT {font-size:14px;margin-bottom:40px;text-align:right;color:#fff;}
#topContInner {width:1000px;margin:0 auto 50px auto;overflow:hidden;}
#topContInner div {width:250px;float:left;margin-right:120px;}
#topContInner div:last-child {margin-right:0;}
.topIcon {width:200px;margin:0 auto 15px auto;}
#topContInner div h3 {color:#fff;font-size:16px;text-align:center;margin-bottom:15px;}
.topCop {font-size:13px;color:#fff;}
#mihama {width:320px;margin:0 auto;text-align:center;}
#mihama a {display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:bold;background-color:#032300;padding:15px 0;}
#topSec2 {width:100%;padding:85px 0 55px 0;background:url('../images/bg2.png') no-repeat top center;background-size:cover;}
#topTT3 {width:485px;margin-bottom:65px;}
#topSec2Inner {width:1000px;margin:0 auto;}
#topSec2Box {width:100%;overflow:hidden;padding-bottom:60px;}
.topWorkBox {width:300px;float:left;background-color:#fff;padding:40px 25px 25px 25px;box-sizing:border-box;margin-right:50px;}
.topWorkBox:last-child {margin-right:0;}
.topWorkBox h3 {width:100%;font-size:14px;border-bottom:solid 1px #e6e6e6;padding-bottom:15px;margin-bottom:15px;}
.topWorkBox p {font-size:13px;margin-bottom:60px;}
.topWorkBox h4 {width:100%;text-align:center;}
.topWorkBox h4 a {display:block;border:solid 1px #e6e6e6;font-weight:bold;color:#000;text-decoration:none;
padding:15px 0;}
#moreLink {width:330px;margin:0 auto;text-align:center;}
#moreLink a {display:block;background-color:#054400;font-weight:bold;color:#fff;text-decoration:none;padding:15px 0;
font-size:14px;}
#topSec3 {width:1000px;margin:0 auto;padding:70px 0;}
#topTT4 {width:214px;margin-bottom:35px;}
#topBottomBtn {width:100%;overflow:hidden;}
#topBottomBtn div {width:50%;float:left;}
#topBottomBtn div:first-child {background-color:#25601f;padding:30px 0;}
#topBottomBtn div:last-child {background-color:#054400;padding:31px 0;}
#topBottomBtn div:first-child p {width:350px;margin:0 auto;}
#topBottomBtn div:last-child p {width:390px;margin:0 auto;}	
#foot {width:100%;background-color:#f2f2f2;padding:40px 0 10px 0;}
#footInner {width:1000px;margin:0 auto;overflow:hidden;}
#footLeft {width:350px;float:left;}
#footLeft h3 {width:194px;margin-bottom:15px;}
#footNumber {font-size:12px;margin-bottom:10px;}
#footAdd {font-size:12px;margin-bottom:5px;}
#footTel {font-size:12px;}
#footRight {width:510px;float:right;}
#footNav {width:100%;text-align:right;}
#footNav li {display:inline-block;font-size:13px;margin-right:10px;}
#footNav li:last-child {margin-right:0;}
#footNav li a {display:block;color:#000;text-decoration:none;}
#footNav li.ftNav2 {width:25px;}
#cpRight {width:1000px;margin:0 auto;text-align:right;}
/*--------------about-----------------*/
#aboutWrapp {width:100%;}
#aboutTopBox {width:1000px;margin:0 auto 200px auto;}
#aboutTT {width:240px;margin-bottom:40px;margin-left:auto;}
#aboutMinTT span {display:block;width:35px;margin-left:auto;border-top:solid 1px #054400;padding-top:35px;}
#aboutMinTT {width:90px;margin-left:auto;margin-bottom:60px;text-align:right;font-size:14px;color:#054400}
#aboutMihama {width:100%;background-color:#F2F2F2;position:relative;padding-top:250px;padding-bottom:80px;
margin-bottom:90px;}
#aboutMihamaBG {width:1000px;text-indent:-9999px;height:270px;background:url('../images/about/bg.jpg') no-repeat top center;
background-size:auto 100%;position:absolute;left:0;right:0;margin:0 auto;top:-100px;}
.aboutSubTT {width:1000px;margin:0 auto;font-size:18px;}
.aboutSubTT2 {width:1000px;margin:0 auto;font-size:11px;font-weight:normal;margin-bottom:15px;}
.portrateLine {width:1000px;margin:0 auto 45px auto;text-indent:-9999px;border-left:solid 1px #000;height:25px;}
.aboutHeadTT {font-size:22px;width:1000px;margin:0 auto 30px auto;}
#aboutMihama p {width:1000px;margin:0 auto;font-size:14px;}
#aboutComp {width:1000px;margin:0 auto;}
.aboutCopy1 {font-size:14px;margin-bottom:50px;line-height:1.75em;}
.aboutTitles {display:inline-block;padding:10px 20px;text-align:center;margin-bottom:45px;font-size:18px;
border:solid 1px #054400;box-shadow:3px 3px rgba(5,68,0,1);}
#aboutMerit {width:1000px;margin:0 auto;padding-bottom:90px;overflow:hidden;}
#aboutMerit div {width:220px;float:left;margin-right:40px;}
#aboutMerit div:last-child {margin-right:0;}
.abMeritNum {color:#054400;font-size:22px;font-weight:bold;margin-bottom:15px;}
.abMeritCop {font-size:14px;}
#aboutMerit div h5 {font-size:16px;border-bottom:solid 2px #F2F2F2;padding-bottom:15px;margin-bottom:20px;}
.clearfix::after {content:"";display:block;clear:both;}
#aboutMerit2 {width:1000px;margin:0 auto;padding-bottom:90px;padding-top:90px;}
#aboutMerit2 div {width:480px;float:left;color:#fff;position:relative;background-color:#054400;
box-sizing:border-box;padding:75px 50px 50px 50px;}
#aboutMerit2 div:last-child {float:right;background-color:#2A8221;}
#aboutMerit2 div h4 {text-align:center;font-size:18px;margin-bottom:20px;}
.abMerit2IC {width:115px;position:absolute;left:0;right:0;top:-50px;margin:auto;}	
#aboutFlow {width:1000px;margin:0 auto;padding-bottom:100px;overflow:hidden;}
#abFlowleft {width:350px;float:left;}
#abFlowleft h3 {font-size:16px;color:#054400;text-align:center;margin-bottom:15px;}
.yaz {color:#054400;font-size:18px;text-align:center;border-top:solid 1px #F2F2F2;padding-top:15px;
margin-bottom:15px;}
.aboutFlowCop {font-size:14px;text-align:center;margin-bottom:15px;}
#abFlowRight {width:580px;float:right;}
#aboutCustomer {width:100%;background-color:#F2F2F2;padding:100px 0 60px 0;}
#customerInner {width:1000px;margin:0 auto;}
#customerTT {font-size:22px;margin-bottom:25px;}
#customerCop {font-size:14px;margin-bottom:55px;}
.customerBox {width:1000px;overflow:hidden;padding:30px 55px;box-sizing:border-box;
background-color:#fff;margin-bottom:60px;}
.customerBox h5{width:125px;float:left;font-size:16px;}
.customerBox p {border-left:solid 2px #F2F2F2;float:left;width:760px;box-sizing:border-box;
padding-left:55px;font-size:14px;}
/*-------------------jobList----------------------*/
#jobTT {width:435px;margin-bottom:25px;margin-left:auto;}
#aboutJobBG {width:1000px;text-indent:-9999px;height:270px;background:url('../images/job/bg.jpg') no-repeat top center;
background-size:auto 100%;position:absolute;left:0;right:0;margin:0 auto;top:-100px;}
.jobListBox {width:1000px;margin:0 auto;background-color:#fff;border:solid 1px #999999;box-sizing:border-box;
padding:60px 85px;margin-top:95px;}
.jobListTitle {font-size:22px;border-bottom:solid 1px #999999;padding-bottom:15px;margin-bottom:20px;}
.jobListIcon {width:100%;padding-bottom:20px;}
.jobListIcon li {display:inline-block;color:#fff;padding:5px 10px;text-align:center;margin-bottom:20px;
margin-right:10px;font-size:12px;}
.jobIC1 {background-color:#FF7900;}
.jobIC2 {background-color:#102F42;}
.jobIC3 {background-color:#F2446E;}
.jobIC4 {background-color:#048587;}
.jobIC5 {background-color:#22B573;}
.jobIC6 {background-color:#F2B033;}
.jobIC7 {background-color:#ED553B;}
.jobIC8 {background-color:#2B8FFC;}
.jobIC9 {background-color:#0CA000;}
.jobIC10 {background-color:#0F2470;}
.jobInfoTT {font-size:14px;background-color:#F2F2F2;padding:8px 0 8px 15px;margin-bottom:15px;}
#aboutMihama p.jobInfoCopy {font-size:15px;margin-bottom:35px;}
#jobListbtn {width:1000px;overflow:hidden;margin:50px auto 0 auto;}
#jobListbtn	div {width:470px;text-align:center;position:relative;}
#jobListbtn	div a {display:block;color:#fff;text-decoration:none;padding:15px;font-size:14px;}
#jobListbtn	div:first-child {background-color:#666666;float:left;}
#jobListbtn	div:last-child {background-color:#009245;float:right;}
#jobListbtn	div:first-child a::before {display:block;content:"";position:absolute;top:0;bottom:0;margin:auto 0;
left:10px;width:10px;height:10px;border-top:solid 1px #fff;border-left:solid 1px #fff;
transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#jobListbtn	div:last-child a::after {display:block;content:"";position:absolute;top:0;bottom:0;margin:auto 0;
right:10px;width:10px;height:10px;border-top:solid 1px #fff;border-right:solid 1px #fff;
transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
/*------------------contact----------------*/
#contactTT {width:209px;margin-bottom:25px;margin-left:auto;}
#aboutContactBG {width:1000px;text-indent:-9999px;height:270px;background:url('../images/contact/bg.jpg') no-repeat top center;
background-size:auto 100%;position:absolute;left:0;right:0;margin:0 auto;top:-100px;}
#aboutMihama p#contactRead {font-size:20px;margin-bottom:30px;width:800px;}
#contactBlock {width:800px;margin:0 auto;overflow:hidden;}
#contactBlock div {width:370px;float:left;background-color:#fff;box-sizing:border-box;padding:30px 35px 20px 35px;}
#contactBlock div:last-child {float:right;}
#aboutMihama p.contactH {font-size:16px;border-bottom:solid 2px #CCCCCC;padding-bottom:10px;margin-bottom:15px;
width:100%;}		
#aboutMihama h3.contactTels {font-size:40px;color:#054400;margin-bottom:10px;}		
#aboutMihama p.contactCop {font-size:15px;}
#contactFormBox {width:810px;margin:0 auto;}
#contactFormBox h3 {font-size:20px;margin-bottom:25px;}
#contactFormCop {font-size:14px;margin-bottom:75px;}
#contactFormCop span {color:#ED1C24;}		
#contactTB {width:100%;border-collapse:collapse;margin-bottom:50px;font-size:14px;}
#contactTB th {width:220px;padding:15px 0;}
#contactTB th span {color:#ED1C24;}
#contactTB td {padding:15px 0;}
.form1 {width:210px;font-size:18px;}
.form2 {width:100%;font-size:18px;}
.form3 {width:100px;font-size:18px;}
.form4 {width:100%;height:200px;font-size:18px;}
#formButton {width:320px;margin-left:220px;}
#sbmtBTN {border:none;width:100%;padding:10px 0;text-align:center;background-color:#ED1C24;
color:#fff;font-size:15px;}
/*-----------------company-------------------*/
#corporateTT {width:440px;margin-bottom:25px;margin-left:auto;}
#aboutCorpBG {width:1000px;text-indent:-9999px;height:270px;background:url('../images/company/bg.jpg') no-repeat top center;
background-size:auto 100%;position:absolute;left:0;right:0;margin:0 auto;top:-100px;}
#companyMain {width: 100%;background-color: #F2F2F2;position: relative;padding-top: 250px;
padding-bottom: 80px;margin-bottom:0px;}
#companyTB {width:1000px;margin:45px auto 55px auto;border-collapse:collapse;
font-size:14px;}
#companyTB th {width:120px;padding:15px 0;}
#companyTB td {padding:15px 0;}
#gmapArea {width:1000px;margin:35px auto 0 auto;height:350px;}
#gmapArea iframe {width:100%;height:100%;}
#companyBlock {width:100%;padding:85px 0 100px 0;background:url('../images/company/bg3.png') no-repeat 0 0;
background-size:cover;}
#companySection {width:1000px;margin:0 auto;overflow:hidden;}
#companySection div {width:300px;float:left;margin-right:48px;margin-bottom:0;}
#companySection div:last-child {float:right;margin-right:0;}
#companySection div h2 {width:100%;border-bottom:solid 2px #F2F2F2;font-size:16px;padding-bottom:15px;
margin-bottom:20px;}
#companySection div p {font-size:14px;}
#companyGreeting {width:100%;background-color:#F2F2F2;padding:90px 0 100px 0;}
#greetingBox {width:1000px;margin:0 auto 120px auto;overflow:hidden;}
#greetingBox h2 {font-size:22px;float:left;width:330px;}
#greetingBox p {width:555px;float:right;font-size:14px;}
#greetingBox p span {display:block;width:100%;text-align:right;padding-top:40px;}
#credoBox {width:1000px;margin:0 auto;height:270px;background:url('../images/company/bg2.jpg') no-repeat top center;
background-size:cover;position:relative;}
#credoBox p {font-size:25px;color:#fff;width:500px;text-align:center;
position:absolute;left:0;top:50%;right:0;margin:auto;transform: translateY(-50%);}


@media screen and (max-width: 840px) {
/*-------top-------*/
#spHead {width:100%;background-color:#fff;position:relative;}
#top-head {top: -100px;position: absolute;width: 100%;margin: 100px auto 0;
padding: 30px 0 0;line-height: 1;z-index: 999;}
#top-head a,
#top-head {color: #fff;text-decoration: none;}
#top-head .inner {position: relative;}
#top-head .logo {float:left;text-align:left;font-size: 36px;height:55px;padding-top:10px;}
#global-nav ul {list-style: none;position: absolute;right: 0;bottom: 0;font-size: 14px;}
#global-nav ul li {float: left;}
#global-nav ul li a {padding: 0 30px;}
#top-head.fixed {margin-top: 0;top: 0;position:fixed;padding-top: 10px;height: 60px;background: #fff;
background: rgba(255,255,255,.7);transition: top 0.65s ease-in;-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;}
#top-head.fixed .logo {font-size: 24px;color: #000;}
#top-head.fixed #global-nav ul li a {color: #333;padding: 0 20px;}
#nav-toggle {display: none;position: absolute;right: 12px;top: 20px;width: 34px;height: 36px;
cursor: pointer;z-index: 101;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block;position: absolute;height: 2px;width: 100%;background: #000;left: 0;
-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}
#top-head,
.inner {width:100%;padding:0;margin:0 auto;}
.inner:after {content: "";clear: both;display: block;}
#top-head {top:0;position:relative;margin-top: 0;}
#top-head.fixed {padding-top: 0;background: transparent;}
#mobile-head {background: #fff;width: 100%;height: 65px;z-index: 999;position: relative;}
#top-head.fixed .logo,
#top-head .logo {position: absolute;left: 5%;top:0%;width:60%;}
#global-nav {position: absolute;top: -860px;background:rgba(222,226,222,0.9);width: 100%;text-align: center;
padding: 100px 0 10px 0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
#global-nav ul {list-style: none;position: static;right: 0;bottom: 0;font-size:16px;}
#global-nav ul li {float: none;position: static;}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {width: 100%;display: block;color: #000;padding: 20px 0;}
#nav-toggle {display: block;}
.open #nav-toggle span:nth-child(1) {top: 11px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);
transform: rotate(315deg);}
.open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
.open #nav-toggle span:nth-child(3) {top: 11px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);
transform: rotate(-315deg);}
.open #global-nav {-moz-transform: translateY(860px);-webkit-transform: translateY(860px);transform: translateY(860px);}
/*--------------------top-------------------*/
@keyframes extend{from{height:0;opacity:0}to{height:30px;opacity:1}}
#topWrap {padding-bottom:0px;}
#topTitle {width:70%;margin:90px auto;}
.index_top_scroll {width:90%;height:50px;}
#topMainBox {margin-top:-20px;background:url('../images/bg3.jpg') no-repeat 0 0;background-size:cover;
padding:100px 0 0 0;}
#mainImg {display:none;}
#topMessage {width:85%;margin:0 auto;}
#topMessage div {width:100%;position:static;padding:50px 8% 40px 8%;}
#topMessage div h2 {width:170px;margin-bottom:40px;}
#topMessCop {font-size:14px;margin-bottom:20px;line-height:2.5em;}
#topMessButon {margin:0px auto 10px auto;}
#topMessButon a {padding:12px 0;font-size:14px;}
#topContBox {width:100%;padding:80px 0 50px 0;}
#topContWrap {width:90%;margin:0 auto;}
#topTT2 {width:238px;margin:0;margin-bottom:15px;}
#topMinTT {text-align:left;}
#topContInner {width:100%;margin:0 auto 50px auto;overflow:hidden;}
#topContInner div {width:100%;float:none;margin-right:0px;margin-bottom:60px;}
#topContInner div:last-child {margin-bottom:0;}
.topIcon {width:60%;margin:0 auto 25px auto;}
#mihama {width:100%;}
#mihama a {padding:12px 0;}
#topSec2 {width:100%;padding:55px 5% 40px 5%;background-size:cover;}
#topTT3 {width:230px;margin-bottom:20px;}
#topSec2Inner {width:100%;margin:0 auto;}
#topSec2Box {width:100%;overflow:hidden;padding-bottom:0px;}
.topWorkBox {width:100%;float:none;background-color:#fff;padding:40px 5% 25px 5%;margin-right:0px;
margin-bottom:40px;}
.topWorkBox:last-child {margin-right:0;}
.topWorkBox h3 {padding-bottom:10px;margin-bottom:10px;}
.topWorkBox p {margin-bottom:30px;}
.topWorkBox h4 {width:100%;text-align:center;font-size:13px;}
.topWorkBox h4 a {padding:10px 0;}
#moreLink {width:100%;}
#moreLink a {padding:12px 0;}
#topSec3 {width:100%;margin:0 auto;padding:40px 0 0 0;}
#topTT4 {width:170px;margin-bottom:30px;margin-left:5%;}
#topBottomBtn div {width:100%;float:none;}
#topBottomBtn div:first-child {padding:25px 0;}
#topBottomBtn div:last-child {padding:25px 0;}
#topBottomBtn div:first-child p {width:80%;margin:0 auto;}
#topBottomBtn div:last-child p {width:80%;margin:0 auto;}	
#foot {width:100%;background-color:#f2f2f2;padding:40px 0 10px 0;}
#footInner {width:90%;margin:0 auto;overflow:hidden;padding-bottom:15px;}
#footLeft {width:100%;float:none;}
#footLeft h3 {width:200px;}
#footRight {width:100%;float:none;padding-bottom:20px;}
#footNav {width:100%;text-align:left;}
#footNav li {margin-right:20px;margin-bottom:20px;}
#footNav li.ftNav2 {width:35px;}
#cpRight {width:90%;margin:0 auto;text-align:left;}
/*--------------about-----------------*/
#aboutWrapp {width:100%;}
#aboutTopBox {width:90%;margin:50px auto;}
#aboutTT {width:40%;}
#aboutMinTT span {padding-top:20px;}
#aboutMinTT {margin-bottom:140px;width:50%;}
#aboutMihama {padding-top:210px;padding-bottom:50px;margin-bottom:50px;}
#aboutMihamaBG {width:90%;margin:0 auto;height:270px;background-size:auto 100%;top:-100px;}
.aboutSubTT {width:90%;margin:0 auto 5px auto;}
.aboutSubTT2 {width:90%;margin:0 auto;font-size:12px;margin-bottom:15px;}
.portrateLine {width:90%;margin:0 auto 20px auto;}
#aboutMihama p.portrateLine {width:90%;margin:0 auto 20px auto;}
.aboutHeadTT {font-weight:normal;width:90%;margin:0 auto 15px auto;}
#aboutMihama p {width:90%;font-size:14px;}
#aboutComp {width:100%;}
.aboutCopy1 {margin:0 auto 40px auto;width:90%;}
.aboutTitles {display:inline-block;padding:8px 10px;margin-bottom:30px;margin-left:5%;font-weight:normal;}
#aboutMerit {width:90%;padding-bottom:30px;}
#aboutMerit div {width:100%;float:none;margin-right:0px;}
.abMeritNum {margin-bottom:10px;}
.abMeritCop {margin-bottom:50px;}
#aboutMerit div h5 {margin-bottom:15px;}
#aboutMerit2 {width:90%;padding-bottom:60px;padding-top:60px;}
#aboutMerit2 div {width:100%;float:none;padding:80px 5% 20px 5%;margin-bottom:95px;}
#aboutMerit2 div:last-child {float:none;margin-bottom:0;}
#aboutMerit2 div h4 {font-size:17px;}
#aboutFlow {width:100%;margin:0 auto;padding-bottom:60px;}
#abFlowleft {width:90%;float:none;margin:0 auto 50px auto;}
.yaz {font-size:16px;}
#abFlowRight {width:95%;float:none;margin:0 auto;}
#aboutCustomer {padding:40px 0 40px 0;}
#customerInner {width:90%;margin:0 auto;}
#customerTT {font-size:20px;font-weight:normal;}
#customerCop {font-size:14px;margin-bottom:30px;}
.customerBox {width:100%;padding:30px 5%;margin-bottom:20px;}
.customerBox h5{width:100%;float:none;font-size:15px;margin-bottom:20px;}
.customerBox p {border-top:solid 2px #F2F2F2;border-left:none;float:none;width:100%;padding-left:0;font-size:14px;
padding-top:20px;}
/*-------------------jobList----------------------*/
#jobTT {width:255px;margin-bottom:25px;margin-left:auto;}
#aboutJobBG {width:90%;background-size:auto 100%;margin:0 auto;}
.jobListBox {width:90%;margin:0 auto;padding:40px 5%;margin-top:50px;}
.jobListTitle {font-size:18px;}
.jobListIcon li {margin-bottom:15px;}
#aboutMihama p.jobInfoCopy {font-size:14px;}
#jobListbtn {width:90%;}
#jobListbtn	div {width:100%;}
#jobListbtn	div:first-child {float:none;margin-bottom:20px;}
#jobListbtn	div:last-child {float:none;}
/*------------------contact----------------*/
#contactTT {width:122px;margin-bottom:25px;margin-left:auto;}
#aboutContactBG {width:90%;background-size:auto 100%;margin:0 auto;}
#aboutMihama p#contactRead {font-size:18px;width:90%;}
#contactBlock {width:90%;}
#contactBlock div {width:100%;float:none;padding:30px 5% 20px 5%;margin-bottom:25px;}
#contactBlock div:last-child {float:none;margin-bottom:0;}	
#aboutMihama h3.contactTels {font-size:35px;text-align:center;}
#contactFormBox {width:90%;}
#contactFormBox h3 {font-size:18px;}
#contactFormCop {font-size:14px;margin-bottom:40px;}
#contactTB {margin-bottom:30px;}
#contactTB th {width:100%;padding:15px 0 5px 0;display:block;}
#contactTB th span {color:#ED1C24;}
#contactTB td {padding:0 0 10px 0;display:block;}
.form1 {width:100%;}
.form2 {width:100%;}
.form3 {width:50%;}
.form4 {width:100%;height:150px;}
#formButton {width:100%;margin-left:0px;}
/*----------------company---------------------*/
#corporateTT {width:250px;}
#aboutCorpBG {width:90%;background-size:auto 100%;margin:0 auto;}
#companyTB {width:90%;margin:25px auto 40px auto;}
#companyTB th {width:100%;display:block;padding:15px 0 0 0;}
#companyTB td {width:100%;display:block;padding:5px 0 20px 0;}
#gmapArea {width:90%;margin:35px auto 0 auto;height:auto;position:relative;padding-top:99%;}
#gmapArea iframe {width:100%;height:100%;position:absolute;top:0;left:0;}
#companyBlock {width:100%;padding:50px 0 60px 0;}
#companySection {width:90%;}
#companySection div {width:100%;float:none;margin-right:0px;margin-bottom:50px;}
#companySection div:last-child {float:none;margin-right:0;}
#companySection div p {font-size:15px;}
#companyGreeting {padding:50px 0 60px 0;}
#greetingBox {width:90%;margin:0 auto 60px auto;}
#greetingBox h2 {font-size:20px;float:none;width:100%;font-weight:normal;
margin-bottom:30px;}
#greetingBox p {width:100%;float:none;font-size:15px;}
#credoBox {width:90%;margin:0 auto;height:auto;padding-top:100%;background-size:cover;}
#credoBox p {font-size:20px;width:95%;}
}

@media screen and (max-width: 840px) {
.spOnly {display:block;}
.pcOnly {display:none;}

}