@charset "UTF-8";
/*松村歯科クリニック SP&tablet 768px*/
/*-----------------------------
　CSS RESET
-------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0; }
html{ overflow-y: scroll; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
ol, ul{ list-style:none; }
fieldset, img{ border:0; }
table{ border-collapse: collapse; border-spacing:0; }
caption, th{ text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var{ font-style: normal; font-weight: normal; }
a {outline:none;}

li { line-height:120%; zoom:1; font-size:0px; }
#content br { letter-spacing:0px; }

img {max-width:100%;}
/*-----------------------------
　Clearfix
-------------------------------*/

/* For modern browsers */
.clearfix:before, .clearfix:after { content:""; display:block; overflow:hidden; }
.clearfix:after { clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }



/*---------------------------
　Layout
-------------------------------*/
body { text-align:center; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}

.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb12{margin-bottom:12px;}
.mb13{margin-bottom:13px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb22{margin-bottom:22px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb64{margin-bottom:64px;}
.mb70{margin-bottom:70px;}
.mb75{margin-bottom:75px;}
.mb80{margin-bottom:80px;}
.mb85{margin-bottom:85px;}
.mb100{margin-bottom:100px;}

.mt30{margin-top:30px;}

.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }

.pb5 { padding-bottom:5px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }
.pb55 { padding-bottom:55px; }
.pb75 { padding-bottom:75px; }

.pl39 { padding-left:39px; }
.pl501 { padding-left:501px; }

.pR{position:relative;}

.bw964 { width:964px; padding: 0px 3px; margin:0px auto; }
.bw970 { width:970px; margin:0px auto; text-align:left; }

.taC { text-align:center; }
.taR { text-align:right; }

.fL { float:left; }
.fR { float:right; }

.fCR { color:#FF0000; }
.fCG { color:#99cc99; }
.fCY { color:#f4f492; }

.fo-w-bold { font-weight:bold;}

h2 {font-size:1.62rem;}
h3 {font-size:1.5rem;}
h4 {font-size:1.37rem;}
h5 {font-size:1.25rem;}
h6 {font-size:1.12rem;}

.mida0 { font-size:1.4rem;}
.mida1 { font-size:1.2rem;}
.mida2 { font-size:1rem;}
.mida3 { font-size:.8rem;}
.mida4 { font-size:.6rem;}
.komidashi { border-left: solid 5px #79b49a; text-indent: 0.3rem; color: #666666; font-weight: bold; }

p { font-size:.875rem;}

#content .lh120 { line-height:120%; }
.tel { font-size:1.2rem; font-weight:bold; color:#4a9a98;}
.newsmida {font-size:1rem; font-weight:bold; color:#4a9a98;}
.caption { font-size:.7rem; line-height:150%; font-weight:bold; color:#666666; letter-spacing:0.5px; text-align:justify; text-justify:inter-ideograph; }

/*--Spmenu--*/

/*--Spmenu end--*/







/*-- TOP START --*/

/*-- reserv Bnr --*/
  @media screen and (max-width: 600px) {
    
#reserv { display: none;}
#reserv-side { display: none;}
#reserv-sp { width:100%; padding:0; margin:0px auto; text-align:center; position:fixed; bottom: 0;　z-index:10010; }
}
/*-- reserv Bnr --*/

#top { width:100%; padding:0; margin:0px auto; text-align:left; }
.topmain { width:100%; padding: 0px 3px; margin:0px auto; }
.icLink { position: absolute; z-index:9999; display:block; width:80%; height:80px; top:240px; left:0px; background-image:url(../images/top/spacer.gif); }
#top #header img { max-width:100%;}
#top #header { width:100%; height:auto; margin:0 auto 20px auto;/*0 19px -8px;*/ }
#top #header .lb001 { _float:left; width:100%; }
#top #header .lb001 .icBnr-01 { width:100%; height:auto; }
#top #header .lb001 .icBnr-02 { width:100%; height:auto; }

#top #header .rb001 { display:none; }
/*#top #header .rb001 .slide { width:487px; height:420px; }
#top #header .rb001 .slide li { width:487px; height:78px; padding-top:342px; }
#top #header .rb001 .slide .i001 { background:url(../images/top/t003_01.jpg) no-repeat left top; }
#top #header .rb001 .slide .i002 { background:url(../images/top/t003_02.jpg) no-repeat left top; }
#top #header .rb001 .slide .i003 { background:url(../images/top/t003_03.jpg) no-repeat left top; }*/
#top #content { width:100%;}
#top #content .navi001 { float:left; width:96%; /*padding-right:40px;*/ margin:0 0 40px 0;}
#top #content  h2 { border-bottom: solid 1px #dadada; padding-bottom:10px; }
#top #content .navi001 li a { padding:12px 0px; background:url(../images/top/dbg001.jpg) repeat-x left bottom; display:block; }
#top #content .navi001 .irg001 a { height:62px; }
#top #content .navi001 .irg001 img { position:absolute; left:0px; top:12px; }
#top #content .navi002 { float:left; width:96%; }
#top #content .navi002 li a { font-size:12px; line-height:20px; font-weight:normal; text-decoration:none; color:#333333; padding:12px 0px; display:block; }
#top #content .navi002 .bt001 a { padding:12px 0px; background:url(../images/top/dbg001.jpg) repeat-x left bottom; display:block; }
/*#top #footer { width:950px; padding:0px 10px; margin:0px auto; text-align:left; }
#top #footer .lb001 { float:left; padding-left:20px; }
#top #footer .lb001 p { font-size:11px; line-height:14px; font-weight:normal; color:#333333; vertical-align: middle; display:block; height:14px; }
#top #footer .lb001 p img { vertical-align: middle; position:relative; top:-2px; }
#top #footer .rb001 { float:right; padding-top:2px; padding-right:8px; }
#top #footer .bT { border-top: solid 1px #e5e5e5; padding-bottom:12px; }
#top #footer .lb002 { float:left; padding-left:22px; padding-top:20px; }
#top #footer .rb002 { float:right; width:719px; }
#top #footer .rb002 ul {  border-bottom: solid 1px #e5e5e5; padding-left:19px; margin-bottom:10px; }
#top #footer .rb002 ul li { float:left; padding-right:34px;}
#top #footer .FB { float:left; width:225px; padding-top:32px; }
#top #footer .bnr { float:left; width:455px; }
#copy { border-top: solid 1px #ededed; background-color:#fafafa; padding:9px 0px 12px 0px; width:96%;}
#copy .bw970 img { margin-left:30px; }*/

/*topのフッタ*/
#top #footer ul { padding:0 0 1.8rem 20px; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin:0 auto 1.8rem auto;}
#top #footer ul li { float:left; padding-right:34px;display:block; font-size: .9rem; margin:1.8rem 1rem 0 0;}
#top #footer ul li a { text-decoration:none; color:#000;}
#top #footer ul .lc { padding:0px; }
#top #footer #copy { font-size:.6rem; color:#333; padding-left:16px; width:96%; margin:0 auto;}
#top #footer .lb001 { /*float:left; width:142px;*/ padding-left:22px; width:96%;text-align:left; }
#top #footer .rb001 { /*float:left; */}
#top .fW001B { /*position: relative;*/ height:140px; width:96%;}
#top .fW001 { /*position:absolute; left:0px; top:0px;*/ width:96%; }
#top .fW002B { /*position: relative; */height:35px; width:96%; }
#top .cpy {text-align:left; }
#top #footer .bnr {  margin:16px auto;}
#top #footer .bnr-simokita { padding:20px 10px 20px 0px; margin:0px auto; text-align: center;}
/*topのフッタ*/

/*-- TOP END --*/
    
/*-- ALL START --*/
#content { width:100%; padding:0px 10px; margin:0px auto; text-align:left; }
#sNavi { display: none;}
/*#sNavi h1 { padding: 20px 0px 40px 29px; }
.sNaviA { position:absolute; left:200px; top:1px; }
#sNavi ul { width:200px; border-bottom: solid 1px #cccccc; }
#sNavi ul li { height:40px; border-top: solid 1px #cccccc; cursor:pointer; }
#sNavi ul li a { height:40px; width:200px; display:block; }*/
#mainContent {  float:left; width:100%; /*padding-left:1px; padding-top:45px;*/ }

#gNavi { padding-left:39px; display:none;  }
#gNavi li { float:left; position:relative;  font-size: .9rem; color: #000;margin-right: 26px;}
#gNavi li a {font-size: .9rem; color: #000;margin-right: 26px; text-decoration: none;}
#gNavi li div { height:56px; }
#gNavi li ul { position:absolute; z-index:10; left:0px; top:56px; padding-bottom:18px; background-color:#FAFAFA; /*display:none; */}
#gNavi li li { float:none; height:auto; background-color:#FFFFFF; }
#mainContent .pan p { padding:0 16px; /*font-size:11px;*/ font-size: 0.687rem; line-height:14px; font-weight:normal; color:#333333; vertical-align: middle; display:block; height:14px; text-align: left; }
#mainContent .pan p img { vertical-align: middle; position:relative; top:-1px; }
#mainContent .pan p a { text-decoration:none; color:#999999; }
#content #footer ul { padding:0 0 1.8rem 20px; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin:0 auto 1.8rem auto;}
#content #footer ul li { float:left; padding-right:34px;display:block; font-size: .9rem; margin:1.8rem 1rem 0 0;}
#content #footer ul li a { text-decoration:none; color:#000;}

#content #footer ul .lc { padding:0px; }
#content #footer #copy { font-size:.6rem; color:#333; padding-left:16px; width:96%; margin:0 auto;}
#content #footer .lb001 { /*float:left; width:142px;*/ padding-left:22px; width:96%;}
#content #footer .rb001 { /*float:left; */}
.pagetop { text-align:right; width:96%; margin:20px 0;}

#content .fW001B { /*position: relative;*/ height:140px; width:96%;}
#content .fW001 { /*position:absolute; left:0px; top:0px;*/ width:96%; }
#content .fW002B { /*position: relative; */height:35px; width:96%; }
#content #copy { font-size:.6rem; color:#333; /*position:absolute; left:0px; top:0px;*/ padding-left:16px; width:96%;}
#content #copy img { margin-left:60px; }

.cpy {font-size:.6rem; color:#333; width:96%;border-top: solid 1px #ededed; background-color:#fafafa; padding:9px 0px 12px 16px; }
.oW001B { height:64px; }
.oW001 { position:absolute; left:0px; top:0px; width:100%; background-color:#F2F2F2; }
.dlXB001 { background:url(../images/all/dlX_010.gif) repeat-x left bottom; }
.borB001 { border-bottom: solid 1px #cccccc; }
.borT001 { border-top: solid 1px #CCCCCC; }
#c02, #c03, #c04, #c05 { margin:30px auto;}
p { /*font-size:13px;*/ font-size: 0.875rem; line-height:26px; font-weight:normal; color:#333333; letter-spacing:0.5px; text-align:justify; text-justify:inter-ideograph; }
.table001 th { font-size:13px; line-height:26px; font-weight:normal; color:#000000; letter-spacing:0.5px; text-align:left; }
.table001 td { font-size:13px; line-height:26px; font-weight:normal; color:#333333; letter-spacing:0.5px; text-align:left; padding-bottom:25px; }
.sBnrInq { background:url(../images/all/sBnrbg001.gif) no-repeat left top; width:200px; height:143px; padding-top:90px; padding-left:20px; }

.list-item {
  position: relative;
  padding-left: 10px; white-space: nowrap; margin: 0 0 10px 0;
}
.list-item:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #666;
}

/*-- ALL END --*/


/*-- MESSAGE START --*/
#message  h2 { width:90%; margin:0 auto 10px auto; padding:.6em 16px; font-size:1.6rem;background-color:#F2F2F2; }
#message .sNavi001 { background-image:url(../images/message/sNavi001_ov.gif); }
#message .sNavi002 { background-image:url(../images/message/sNavi002_ov.gif); }
#message .sNavi003 { background-image:url(../images/message/sNavi003_ov.gif); }
#message .sNavi004 { background-image:url(../images/message/sNavi004_ov.gif); }
#message #c01 .lb001 { float:left; width:90%;  margin-bottom:30px; text-align:center; }
#message #c01 .rb001 { float:left; width:96%; /*padding-left:40px;*/ }
#message #c02 .lb001 { float:left; width:90%; margin-bottom:30px; }
#message #c02 .rb001 { float:right; width:96%; text-align:center;}
#message #c02 .lb002 { float:left; width:90%;margin-bottom:30px; text-align:center; }
#message #c02 .rb002 { float:left; width:96%; /* padding-left:40px;*/ }
#message #c03 .lb001 { float:left; width:90%;margin-bottom:30px; text-align:center;   }
#message #c03 .rb001 { float:right; width:96%; }
#message .c02T003B { width:96%; height:400px; }
#message .c02T003 { position:absolute; z-index:99999; }
#message .c02T003 .fp { width:506px; height:68px; background:url(../images/message/c02T003.png) no-repeat left top; }
#message .slideY001 { left:0px; top:130px; }
#message .slideY001 img { max-width:96%; height:auto;}
#message .slideY002 img { max-width:80%; height:auto;}
#message .c02T009B { height:406px; }
#message .c02T008 { position:absolute; left:0px; top:0px; z-index:2; }
#message .c02T009 { position:absolute; left:0px; top:139px; z-index:2; width:78%;}
#message .c02T009 .fp { width:451px; height:146px; background:url(../images/message/c02T009.png) no-repeat left top; }
#message .c02I004 { position:absolute; left:0px; top:0px; z-index:1; }
/*-- MESSAGE END --*/


/*-- INFORMATION START --*/
#information h2 { width:90%; margin:0 auto 10px auto; padding:.6em 16px; font-size:1.6rem;background-color:#F2F2F2; }
#information .sNavi001 { background-image:url(../images/information/sNavi001_ov.gif); }
#information .sNavi002 { background-image:url(../images/information/sNavi002_ov.gif); }
#information .sNavi003 { background-image:url(../images/information/sNavi003_ov.gif); }
#information .sNavi004 { background-image:url(../images/information/sNavi004_ov.gif); }
#information .sNavi005 { background-image:url(../images/information/sNavi005_ov.gif); }
#information .photos { border:solid 1px #CCCCCC; padding: 30px; }
#information .photos img {max-width: 80%;}
#information .photos .aL { float:left; padding-top:100px; cursor:pointer; }
#information .photos .aR { float:right; padding-top:100px; cursor:pointer; }
#information .photos .pT { padding-left:65px; text-align:left; }
#information .photos .pI { }
#information .photos .pC { text-align:left; }
#information .thumbs { display:none; }
#information .thumbs001 { background:url(../images/information/c02T002.gif) no-repeat left top; height:108px; padding-left:168px; }
#information .thumbs002 { background:url(../images/information/c02T003.gif) no-repeat left top; height:108px; padding-left:168px; }
#information .thumbs003 { background:url(../images/information/c02T004.gif) no-repeat left top; height:108px; padding-left:168px; }
#information .thumbs004 { background:url(../images/information/c02T005.gif) no-repeat left top; height:108px; padding-left:168px; }
#information .thumbs005 { background:url(../images/information/c02T006.gif) no-repeat left top; height:108px; padding-left:168px; }
#information .thumbs006 { background:url(../images/information/c02T007.gif) no-repeat left top; height:108px; padding-left:168px; }
#information .thumbs007 { background:url(../images/information/c02T008.gif) no-repeat left top; height:108px; padding-left:168px; }
#information .thumbs008 { background:url(../images/information/c02T009.gif) no-repeat left top; height:108px; padding-left:168px; }
#information .thumbs .thumbs009 { background:url(../images/information/c02T010.gif) no-repeat left top; height:108px; padding-left:168px; margin-bottom:0px; }
#information .thumbs ul { margin-bottom:30px; }
#information .thumbs li { float:left; padding-right:30px; position:relative; }
#information .thumbs li div { position:absolute; left:0px; top:0px; display:none; }
#information .thumbs .selected div { display:block; }
#information .thumbs .lc { padding-right:0px; }
#information #c01 .lb001 { float:left; width:180px; }
#information #c01 .rb001 { float:right; padding-left:80px; width:410px; }
#information #c01 .bg001 { /*background:url(../images/information/c01I001.jpg) no-repeat right top;*/ }
#information #c04 .bg001 { /*background:url(../images/information/c04I001.jpg) no-repeat right top;*/ }
#information #c04 .lb001 { float:left; width:287px; margin-top:19px; }
#information #c04 .rb001 { float:right; width:199px; padding:13px 0px; }
#information #c05 .lb001 { float:left; width:96%; padding:6px 0px; }
#information #c05 .rb001 { float:left; width:96%; padding:6px 0px; /*border-left:solid 1px #CCCCCC; */}
#information #c05 .rb001 p { padding-left:15px; }
.gmap {height: 0;overflow: hidden;padding-bottom: 56.25%;position: relative;}
.gmap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
/*-- INFORMATION END --*/


/*-- RECRUIT START --*/
#terms h2  { width:90%; margin:0 auto 10px auto; padding:.6em 16px; font-size:1.6rem;background-color:#F2F2F2; }
#recruit .sNavi001 { background-image:url(../images/recruit/sNavi001_ov.gif); }
#recruit .sNavi002 { background-image:url(../images/recruit/sNavi002_ov.gif); }
#recruit .sNavi003 { background-image:url(../images/recruit/sNavi003_ov.gif); }
#recruit .sNavi004 { background-image:url(../images/recruit/sNavi004_ov.gif); }
#recruit .sNavi005 { background-image:url(../images/recruit/sNavi005_ov.gif); }
#recruit #c01 li { font-size:13px; line-height:20px; font-weight:normal; color:#333333; letter-spacing:0.5px; text-align:justify; text-justify:inter-ideograph; padding-left:30px; margin-bottom:14px; }
#recruit #c01 .c01N001 { background:url(../images/recruit/c01N001.gif) no-repeat left top; }
#recruit #c01 .c01N002 { background:url(../images/recruit/c01N002.gif) no-repeat left top; }
#recruit #c01 .c01N003 { background:url(../images/recruit/c01N003.gif) no-repeat left top; }
#recruit #c01 .c01N004 { background:url(../images/recruit/c01N004.gif) no-repeat left top; }
#recruit #c01 .c01N005 { background:url(../images/recruit/c01N005.gif) no-repeat left top; margin-bottom:0px; }
#recruit #c01 .c01N005 { background:url(../images/recruit/c01N005.gif) no-repeat left top; margin-bottom:0px; }
#recruit #c01 .bB001 { border: solid 1px #CCCCCC; padding:30px 0px 30px 58px; }
#recruit #c01 .lb001 { float:left; width:223px; }
#recruit #c01 .rb001 { float:left; }
#recruit .lb000 { float:left; width:96%; text-align:center; margin-bottom:30px; }
#recruit .rb000 { float:left; padding-right:10px; width:96%; }
#recruit .rb000 p { /*font-size:12px; line-height:24px;*/ font-weight:normal; color:#333333; letter-spacing:0.5px; text-align:justify; text-justify:inter-ideograph; }
#recruit .inqBox { margin-top:24px; }
#recruit .inqBox p { font-size:13px; background:url(../images/recruit/bb.gif) no-repeat left 7px; padding-left:18px; margin-bottom:15px; }
/*-- RECRUIT END --*/

/*-- NEWS START --*/
#news h2 { width:90%; margin:0 auto 10px auto; padding:.6em 16px; font-size:1.6rem;background-color:#F2F2F2; }
#news .sNavi001 { background-image:url(../images/news/sNavi001_ov.gif); }
#news #c01 .lb001 { float:left; width:172px; padding-top:8px; padding-right:35px; }
#news #c01 .rb001 { float:left; width:460px; }

#news #c01 .lb002 {
	float: left;
	width: 40%;
	padding-right: 35px;
}
#news #c01 .rb002 { float:left; width:40%; }

#news .nDate { font-size:13px; line-height:120%; font-weight:bold; color:#666666; letter-spacing:0.5px; text-align:justify; text-justify:inter-ideograph; margin-bottom:20px; }
#news .nTitle { font-size:13px; line-height:150%; font-weight:bold; color:#333333; letter-spacing:0.5px; text-align:justify; text-justify:inter-ideograph; margin-bottom:20px; }
#news .nText { font-size:12px; line-height:180%; font-weight:normal; color:#666666; letter-spacing:0px; text-align:justify; text-justify:inter-ideograph; margin-bottom:25px; }
#news .nLink a { font-size:12px; line-height:150%; font-weight:bold; color:#666666; letter-spacing:0px; text-align:justify; text-justify:inter-ideograph; text-decoration:none; background:url(../images/news/c01A001.gif) no-repeat left 5px; padding-left:11px; }
#news .nLink a:hover { color:#000000; }
#news #content .lc { margin:0px; }
/*-- NEWS END --*/

/*-- INQUIRY START --*/
#inquiry  h2 { width:90%; margin:0 auto 10px auto; padding:.6em 16px; font-size:1.6rem;background-color:#F2F2F2; }
#inquiry .sNavi001 { background-image:url(../images/inquiry/sNavi001_ov.gif); }
#inquiry .sNavi002 { background-image:url(../images/inquiry/sNavi002_ov.gif); }
#inquiry .form td { padding-bottom:15px; }
#inquiry .form td .tb001 { border: solid 1px #BBBBBB; width:212px; padding:2px; font-size:12px; line-height:120%; font-weight:normal; color:#333333; }
#inquiry .form td .tb002 { border: solid 1px #BBBBBB; width:282px; padding:2px; font-size:12px; line-height:160%; font-weight:normal; color:#333333; }
#inquiry .form .pb30 { padding-bottom:30px; }
#inquiry .form .fCR { font-size:12px; display:none; }
#inquiry #c02 .lb001 { float:left; width:298px; }
#inquiry #c02 .rb001 { float:left;}
#inquiry #fCheck { padding-top:30px; }
/*-- INQUIRY END --*/

/*-- CASE START --*/
.sakujyo { display:none;}
#case { width:100%;}
#case .sNavi001 { background-image:url(../images/case/sNavi001_ov.gif); }
#case .sNavi002 { background-image:url(../images/case/sNavi002_ov.gif); }
#case #c01 h3 { cursor:pointer; }
#case #c02 .b001 { /*background: url(../images/case/c02BG001.gif) repeat-y left top;*/ padding-left:1px; }
#case #c02 .b001 li { /*width:229px;*/ float:left; widht:96%;  }
#case #c02 .b001 li a { width:320px; /*max-width:100%;*/ height:auto; float:left; padding:19px 19px 19px 19px; margin:1px 1px -2px 0px;  text-decoration:none; background-color:#FFFFFF; color:#333333; border: solid 1px #E5E5E5;}
#case #c02 h3 { margin:0 auto 20px 0;}
#case #c02 .b001 img { width:100%;margin-bottom:30px;}
#case #c02 .b001 li div {  }
#case #c02 .b001 li .caseNum { font-size:12px; line-height:120%; height:28px; }
#case #c02 .b001 li .caseT { line-height:160%; height:62px;  }
#case #c02 .b001 li .caseN { font-size:12px; line-height:120%; }

#case h2 { width:90%; margin:0 auto 10px auto; padding:.6em 16px; font-size:1.6rem;  /*position:absolute;*/ background-color:#F2F2F2; }
#case #mainContent h3 img { max-width:690px; overflow:hidden; }
#case #mainContent .sign {  width:100%; text-align:right; margin:0 0 70px 0; font-size:.9rem;}
#case #mainContent .w100 {  width:96%; margin:0 auto; }
.fro {max-widh:96%; overflow:hidden;}
/*-- CASE END --*/

/*-- CASE CONTENT START --*/
#caseContent h2 { width:90%; margin:0 auto 10px auto; padding:.6em 16px; font-size:1.6rem;  /*position:absolute;*/ background-color:#F2F2F2; }
#caseContent .sNavi001 { background-image:url(../images/case/caseAll/sNavi001_ov.gif); }
#caseContent .sNavi002 { background-image:url(../images/case/caseAll/sNavi002_ov.gif); }
#caseContent .sNavi003 { background-image:url(../images/case/caseAll/sNavi003_ov.gif); }
#caseContent .sNavi004 { background-image:url(../images/case/caseAll/sNavi004_ov.gif); }
#caseContent .sNavi005 { background-image:url(../images/case/caseAll/sNavi005_ov.gif); }
#caseContent .sNavi006 { background-image:url(../images/case/caseAll/sNavi006_ov.gif); }
#caseContent .sNavi007 { background-image:url(../images/case/caseAll/sNavi007_ov.gif); }
#caseContent .sNavi008 { background-image:url(../images/case/caseAll/sNavi008_ov.gif); }
#caseContent .sNavi009 { background-image:url(../images/case/caseAll/sNavi009_ov.gif); }
#caseContent .sNavi010 { background-image:url(../images/case/caseAll/sNavi010_ov.gif); }
#caseContent .caseTi { border-left: 4px solid #79b49a; padding:0 0 0 4px; margin:0 0 20px 0;}
#caseContent .lightBoxBG { width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:9999; background-color:#FFFFFF; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity:0.8; display:none;  }
#caseContent .lightBox { width:96%; height:auto; position:absolute; left:0px; top:0px; z-index:10000; border: solid 5px #CCCCCC; background-color:#FFFFFF; display:none; }
#caseContent .lightBox .closeBt { text-align:left; padding:24px 0 24px 17px; cursor:pointer; }
#caseContent .lightBox .lightContent { overflow:hidden; height:451px; }
#caseContent .lightBox .lightContentP { padding:10px 0px 0px 10px; width:96%; }
#caseContent .lightBox .Kranke { margin:0 auto 30px 0; padding:20px 0; width:96%; border-top: solid 1px #cccccc;border-bottom: solid 1px #cccccc; }
#caseContent .lightBox .lb001 { /*float:left; width:204px;*/ padding:6px auto; }
#caseContent .lightBox .rb001 { /*float:right; width:279px; */padding:6px auto; /*border-left:solid 1px #CCCCCC;*/ }
#caseContent .lightBox .lightT001 { font-size:14px; }
#caseContent .lightBt { cursor:pointer; width:216px; }
#caseContent #case01,#case02,#case03,#case04,#case05,#case06,#case07,#case08,#case09,#case10, .cB { border:solid 1px #cccccc; background:/*url(../images/case/caseAll/cBG001.gif) repeat-x left top*/ #000000; text-align:center; padding:18px 10px 0px 10px; width:80%; height:auto/*679px*/; display:none; margin:0 auto; }

/*.cB { border:solid 1px #cccccc; background: #000000; text-align:center; padding:18px 10px 0px 10px; width:80%; height:auto; display:none; margin:0 auto; }*/

#caseContent .aL { float:left; padding-top: 417px; cursor:pointer; }
#caseContent .aR { float:right; padding-top: 417px; cursor:pointer; }
#caseContent .cCB { width:96%; /*margin:0px auto; */display:none;  }
#caseContent .cI { position:relative; height:auto/*300px*/; width:96%;  margin:20px 0 10px 0;}
#caseContent .cTxB { height:300px; /*position:relative; */text-align:center; width:0 auto; width:86%;margin:0 26px 30px auto;}
#caseContent .cTxBS { height:239px; padding-bottom:10px; width:434px; position:absolute; left:0px; top:0px; }
#caseContent .cTxBS .cTx { width:96%;  }/*{ width:400px;  }*/
#caseContent .cTx { line-height:180%; color:#FFFFFF; letter-spacing:0px; width:86%;  margin:0 auto 20px auto;}
#caseContent .cCBF { width:96%; margin:0px auto 20px auto; padding-top:10px; display:block;}
#caseContent .cCBF p { color:#CCCCCC; }
#caseContent .cCBF .cNum { width:100%; text-align:center; border-top:dotted 1px; border-color:#fff; padding:10px 0 0 0; display:block; overflow:hidden; margin:20px 0;}
#caseContent .cTH { /*background:url(../images/case/caseAll/thBG001.gif) repeat left top; */}
#caseContent .cTH li { width:108px; height:145px; float:left; position:relative; margin-right:10px; cursor:pointer; }
#caseContent .cTH li div { width:108px; position:absolute; left:0px; top:0px; display:none; }
#caseContent .cTH .selected div { display:block; }
#caseContent .cTH .lc { margin-right:0px; }
#caseContent .cTH .th001 { background:url(../images/case/caseAll/thN001.gif) no-repeat left 108px; }
#caseContent .cTH .th002 { background:url(../images/case/caseAll/thN002.gif) no-repeat left 108px; }
#caseContent .cTH .th003 { background:url(../images/case/caseAll/thN003.gif) no-repeat left 108px; }
#caseContent .cTH .th004 { background:url(../images/case/caseAll/thN004.gif) no-repeat left 108px; }
#caseContent .cTH .th005 { background:url(../images/case/caseAll/thN005.gif) no-repeat left 108px; }
#caseContent .cTH .th006 { background:url(../images/case/caseAll/thN006.gif) no-repeat left 108px; }
#caseContent .cTH .th007 { background:url(../images/case/caseAll/thN007.gif) no-repeat left 108px; }
#caseContent .cTH .th008 { background:url(../images/case/caseAll/thN008.gif) no-repeat left 108px; }
#caseContent .cTH .th009 { background:url(../images/case/caseAll/thN009.gif) no-repeat left 108px; }
#caseContent .cTH .th010 { background:url(../images/case/caseAll/thN010.gif) no-repeat left 108px; }
#caseContent .cTH .th011 { background:url(../images/case/caseAll/thN011.gif) no-repeat left 108px; }
#caseContent .cTH .th012 { background:url(../images/case/caseAll/thN012.gif) no-repeat left 108px; }
#caseContent .cTH .th013 { background:url(../images/case/caseAll/thN013.gif) no-repeat left 108px; }
#caseContent .cTH .th014 { background:url(../images/case/caseAll/thN014.gif) no-repeat left 108px; }
#caseContent .cTH .th015 { background:url(../images/case/caseAll/thN015.gif) no-repeat left 108px; }
#caseContent .cTH .th016 { background:url(../images/case/caseAll/thN016.gif) no-repeat left 108px; }
#caseContent .cTH .th017 { background:url(../images/case/caseAll/thN017.gif) no-repeat left 108px; }
#caseContent .cTH .th018 { background:url(../images/case/caseAll/thN018.gif) no-repeat left 108px; }
#caseContent .cTH .th019 { background:url(../images/case/caseAll/thN019.gif) no-repeat left 108px; }
#caseContent .cTH .th020 { background:url(../images/case/caseAll/thN020.gif) no-repeat left 108px; }
#caseContent .cTH .th021 { background:url(../images/case/caseAll/thN021.gif) no-repeat left 108px; }
#caseContent .cTH .th022 { background:url(../images/case/caseAll/thN022.gif) no-repeat left 108px; }
#caseContent .cTH .th023 { background:url(../images/case/caseAll/thN023.gif) no-repeat left 108px; }
#caseContent .cTH .th024 { background:url(../images/case/caseAll/thN024.gif) no-repeat left 108px; }

#caseContent .cI .mC { position:absolute; overflow:hidden; width:auto; }
#caseContent .cI .irg { position:absolute; }
#caseContent #case10 .cCB02 .cI .mC  { left:98px; top:71px; }
#caseContent #case10 .cCB02 .cI .mC .fp { display:none; background: url(../images/case/case10/mc002.png) no-repeat left top; height:120px; width:420px; }
#caseContent #case10 .cCB05 .cI .mC { left:91px; top:80px; }
#caseContent #case10 .cCB05 .cI .mC .fp { display:none; background: url(../images/case/case10/mc005.png) no-repeat left top; height:174px; width:427px; }
#caseContent #case10 .cCB12 .cI .mC { left:290px; top:15px; }
#caseContent #case10 .cCB12 .cI .mC .fp { display:none; background: url(../images/case/case10/mc012.png) no-repeat left top; height:119px; width:246px; }

#caseContent #case09 .cCB01 .cI .mC { left:144px; top:68px; }
#caseContent #case09 .cCB01 .cI .mC .fp { display:none; background: url(../images/case/case09/mc001.png) no-repeat left top; height:138px; width:370px; }
#caseContent #case09 .cCB03 .cI .mC { left:5px; top:40px; }
#caseContent #case09 .cCB03 .cI .mC .fp { display:none; background: url(../images/case/case09/mc003.png) no-repeat left top; height:157px; width:479px; }
#caseContent #case09 .cCB13 .cI .mC { left:185px; top:-12px; }
#caseContent #case09 .cCB13 .cI .mC .fp { display:none; background: url(../images/case/case09/mc013.png) no-repeat left top; height:138px; width:303px; }
#caseContent #case09 .cCB14 .cI .irg { left:381px; top:65px; }
#caseContent #case09 .cCB15 .cI .irg { left:381px; top:65px; }

#caseContent #case08 .cCB01 .cI .mC { left:-12px; top:83px; }
#caseContent #case08 .cCB01 .cI .mC .fp { display:none; background: url(../images/case/case08/mc001.png) no-repeat left top; height:154px; width:540px; }
#caseContent #case08 .cCB03 .cI .mC { left:12px; top:44px; }
#caseContent #case08 .cCB03 .cI .mC .fp { display:none; background: url(../images/case/case08/mc003.png) no-repeat left top; height:141px; width:516px; }
#caseContent #case08 .cCB07 .cI .mC { left:88px; top:77px; }
#caseContent #case08 .cCB07 .cI .mC .fp { display:none; background: url(../images/case/case08/mc007.png) no-repeat left top; height:178px; width:445px; }
#caseContent #case08 .cCB08 .cI .mC { left:108px; top:37px; }
#caseContent #case08 .cCB08 .cI .mC .fp { display:none; background: url(../images/case/case08/mc008.png) no-repeat left top; height:153px; width:406px; }
#caseContent #case08 .cCB10 .cI .mC { left:38px; top:102px; }
#caseContent #case08 .cCB10 .cI .mC .fp { display:none; background: url(../images/case/case08/mc010.png) no-repeat left top; height:114px; width:480px; }
#caseContent #case08 .cCB16 .cI .irg { left:400px; top:66px; }
#caseContent #case08 .cCB17 .cI .irg { left:400px; top:66px; }

#caseContent #case07 .cCB04 .cI .mC { left:300px; top:48px; }
#caseContent #case07 .cCB04 .cI .mC .fp { display:none; background: url(../images/case/case07/mc004.png) no-repeat left top; height:97px; width:234px; }
#caseContent #case07 .cCB05 .cI .mC { left:-21px; top:64px; }
#caseContent #case07 .cCB05 .cI .mC .fp { display:none; background: url(../images/case/case07/mc005.png) no-repeat left top; height:224px; width:552px; }
#caseContent #case07 .cCB06 .cI .mC { left:57px; top:97px; }
#caseContent #case07 .cCB06 .cI .mC .fp { display:none; background: url(../images/case/case07/mc006.png) no-repeat left top; height:128px; width:444px; }
#caseContent #case07 .cCB08 .cI .mC { left:232px; top:90px; }
#caseContent #case07 .cCB08 .cI .mC .fp { display:none; background: url(../images/case/case07/mc008.png) no-repeat left top; height:153px; width:291px; }
#caseContent #case07 .cCB12 .cI .mC { left:-24px; top:33px; }
#caseContent #case07 .cCB12 .cI .mC .fp { display:none; background: url(../images/case/case07/mc012.png) no-repeat left top; height:183px; width:529px; }
#caseContent #case07 .cCB10 .cI .irg { left:400px; top:66px; }

#caseContent #case06 .cCB02 .cI .mC { left:119px; top:-22px; }
#caseContent #case06 .cCB02 .cI .mC .fp { display:none; background: url(../images/case/case06/mc002.png) no-repeat left top; height:160px; width:412px; }
#caseContent #case06 .cCB03 .cI .mC { left:142px; top:157px; }
#caseContent #case06 .cCB03 .cI .mC .fp { display:none; background: url(../images/case/case06/mc003.png) no-repeat left top; height:131px; width:372px; }
#caseContent #case06 .cCB05 .cI .mC { left:99px; top:112px; }
#caseContent #case06 .cCB05 .cI .mC .fp { display:none; background: url(../images/case/case06/mc005.png) no-repeat left top; height:130px; width:406px; }
#caseContent #case06 .cCB08 .cI .mC { left:225px; top:110px; }
#caseContent #case06 .cCB08 .cI .mC .fp { display:none; background: url(../images/case/case06/mc008.png) no-repeat left top; height:113px; width:293px; }

#caseContent #case05 .cCB01 .cI .mC { left:50px; top:125px; }
#caseContent #case05 .cCB01 .cI .mC .fp { display:none; background: url(../images/case/case05/mc001.png) no-repeat left top; height:97px; width:480px; }
#caseContent #case05 .cCB02 .cI .mC { left:85px; top:-8px; }
#caseContent #case05 .cCB02 .cI .mC .fp { display:none; background: url(../images/case/case05/mc002.png) no-repeat left top; height:190px; width:404px; }
#caseContent #case05 .cCB06 .cI .mC { left:266px; top:94px; }
#caseContent #case05 .cCB06 .cI .mC .fp { display:none; background: url(../images/case/case05/mc006.png) no-repeat left top; height:133px; width:253px; }
#caseContent #case05 .cCB07 .cI .mC { left:21px; top:65px; }
#caseContent #case05 .cCB07 .cI .mC .fp { display:none; background: url(../images/case/case05/mc007.png) no-repeat left top; height:97px; width:509px; }
#caseContent #case05 .cCB08 .cI .mC { left:57px; top:111px; }
#caseContent #case05 .cCB08 .cI .mC .fp { display:none; background: url(../images/case/case05/mc008.png) no-repeat left top; height:112px; width:473px; }
#caseContent #case05 .cCB10 .cI .mC { left:21px; top:66px; }
#caseContent #case05 .cCB10 .cI .mC .fp { display:none; background: url(../images/case/case05/mc010.png) no-repeat left top; height:110px; width:491px; }
#caseContent #case05 .cCB12 .cI .mC { left:26px; top:104px; }
#caseContent #case05 .cCB12 .cI .mC .fp { display:none; background: url(../images/case/case05/mc012.png) no-repeat left top; height:100px; width:491px; }
#caseContent #case05 .cCB14 .cI .mC { left:47px; top:75px; }
#caseContent #case05 .cCB14 .cI .mC .fp { display:none; background: url(../images/case/case05/mc014.png) no-repeat left top; height:108px; width:457px; }
#caseContent #case05 .cCB15 .cI .mC { left:43px; top:87px; }
#caseContent #case05 .cCB15 .cI .mC .fp { display:none; background: url(../images/case/case05/mc015.png) no-repeat left top; height:125px; width:469px; }

#caseContent #case04 .cCB01 .cI .mC { left:3px; top:75px; }
#caseContent #case04 .cCB01 .cI .mC .fp { display:none; background: url(../images/case/case04/mc001.png) no-repeat left top; height:107px; width:526px; }
#caseContent #case04 .cCB03 .cI .mC { left:34px; top:19px; }
#caseContent #case04 .cCB03 .cI .mC .fp { display:none; background: url(../images/case/case04/mc003.png) no-repeat left top; height:125px; width:500px; }
#caseContent #case04 .cCB04 .cI .mC { left:2px; top:2px; }
#caseContent #case04 .cCB04 .cI .mC .fp { display:none; background: url(../images/case/case04/mc004.png) no-repeat left top; height:79px; width:501px; }
#caseContent #case04 .cCB05 .cI .mC { left:90px; top:17px; }
#caseContent #case04 .cCB05 .cI .mC .fp { display:none; background: url(../images/case/case04/mc005.png) no-repeat left top; height:202px; width:448px; }
#caseContent #case04 .cCB06 .cI .mC { left:-19px; top:30px; }
#caseContent #case04 .cCB06 .cI .mC .fp { display:none; background: url(../images/case/case04/mc006.png) no-repeat left top; height:131px; width:553px; }
#caseContent #case04 .cCB08 .cI .mC { left:0px; top:31px; }
#caseContent #case04 .cCB08 .cI .mC .fp { display:none; background: url(../images/case/case04/mc008.png) no-repeat left top; height:141px; width:507px; }
#caseContent #case04 .cCB09 .cI .mC { left:22px; top:61px; }
#caseContent #case04 .cCB09 .cI .mC .fp { display:none; background: url(../images/case/case04/mc009.png) no-repeat left top; height:130px; width:507px; }
#caseContent #case04 .cCB10 .cI .mC { left:13px; top:37px; }
#caseContent #case04 .cCB10 .cI .mC .fp { display:none; background: url(../images/case/case04/mc010.png) no-repeat left top; height:117px; width:521px; }
#caseContent #case04 .cCB11 .cI .mC { left:24px; top:83px; }
#caseContent #case04 .cCB11 .cI .mC .fp { display:none; background: url(../images/case/case04/mc011.png) no-repeat left top; height:144px; width:483px; }
#caseContent #case04 .cCB15 .cI .mC { left:24px; top:21px; }
#caseContent #case04 .cCB15 .cI .mC .fp { display:none; background: url(../images/case/case04/mc015.png) no-repeat left top; height:108px; width:500px; }
#caseContent #case04 .cCB16 .cI .mC { left:30px; top:15px; }
#caseContent #case04 .cCB16 .cI .mC .fp { display:none; background: url(../images/case/case04/mc016.png) no-repeat left top; height:219px; width:508px; }
#caseContent #case04 .cCB18 .cI .irg { left:400px; top:66px; }

#caseContent #case03 .cCB01 .cI .mC { left:2px; top:70px; }
#caseContent #case03 .cCB01 .cI .mC .fp { display:none; background: url(../images/case/case03/mc001.png) no-repeat left top; height:117px; width:529px; }
#caseContent #case03 .cCB02 .cI .mC { left:-15px; top:173px; }
#caseContent #case03 .cCB02 .cI .mC .fp { display:none; background: url(../images/case/case03/mc002.png) no-repeat left top; height:118px; width:521px; }
#caseContent #case03 .cCB03 .cI .mC { left:3px; top:3px; }
#caseContent #case03 .cCB03 .cI .mC .fp { display:none; background: url(../images/case/case03/mc003.png) no-repeat left top; height:87px; width:503px; }
#caseContent #case03 .cCB10 .cI .mC { left:-5px; top:10px; }
#caseContent #case03 .cCB10 .cI .mC .fp { display:none; background: url(../images/case/case03/mc010.png) no-repeat left top; height:91px; width:505px; }

#caseContent #case02 .cCB10 .cT { position:relative; height:56px; }
#caseContent #case02 .cCB10 .cT img { position:absolute; left:0px; top:0px; max-width:80%; }

#caseContent #case02 .cCB01 .cI .mC { left:299px; top:70px; }
#caseContent #case02 .cCB01 .cI .mC .fp { display:none; background: url(../images/case/case02/mc001.png) no-repeat left top; height:120px; width:245px; }
#caseContent #case02 .cCB02 .cI .mC { left:224px; top:108px; }
#caseContent #case02 .cCB02 .cI .mC .fp { display:none; background: url(../images/case/case02/mc002.png) no-repeat left top; height:173px; width:291px; }
#caseContent #case02 .cCB03 .cI .mC { left:42px; top:0px; }
#caseContent #case02 .cCB03 .cI .mC .fp { display:none; background: url(../images/case/case02/mc003.png) no-repeat left top; height:258px; width:478px; }
#caseContent #case02 .cCB04 .cI .mC { left:167px; top:100px; }
#caseContent #case02 .cCB04 .cI .mC .fp { display:none; background: url(../images/case/case02/mc004.png) no-repeat left top; height:179px; width:353px; }
#caseContent #case02 .cCB05 .cI .mC { left:111px; top:88px; }
#caseContent #case02 .cCB05 .cI .mC .fp { display:none; background: url(../images/case/case02/mc005.png) no-repeat left top; height:174px; width:423px; }
#caseContent #case02 .cCB07 .cI .mC { left:106px; top:61px; }
#caseContent #case02 .cCB07 .cI .mC .fp { display:none; background: url(../images/case/case02/mc007.png) no-repeat left top; height:148px; width:393px; }
#caseContent #case02 .cCB10 .cI .mC { left:144px; top:33px; }
#caseContent #case02 .cCB10 .cI .mC .fp { display:none; background: url(../images/case/case02/mc010.png) no-repeat left top; height:164px; width:363px; }
#caseContent #case02 .cCB12 .cI .mC { left:5px; top:95px; }
#caseContent #case02 .cCB12 .cI .mC .fp { display:none; background: url(../images/case/case02/mc012.png) no-repeat left top; height:150px; width:524px; }
#caseContent #case02 .cCB16 .cI .mC { left:13px; top:129px; }
#caseContent #case02 .cCB16 .cI .mC .fp { display:none; background: url(../images/case/case02/mc016.png) no-repeat left top; height:120px; width:490px; }
#caseContent #case02 .cCB22 .cI .mC { left:161px; top:22px; }
#caseContent #case02 .cCB22 .cI .mC .fp { display:none; background: url(../images/case/case02/mc022.png) no-repeat left top; height:115px; width:330px; }
#caseContent #case02 .cCB23 .cI .mC { left:122px; top:14px; }
#caseContent #case02 .cCB23 .cI .mC .fp { display:none; background: url(../images/case/case02/mc023.png) no-repeat left top; height:140px; width:369px; }

#caseContent #case01 .cCB01 .cI .mC { right:0; top:0; }
#caseContent #case01 .cCB01 .cI .mC .fp { display:none;background: url(../images/case/case01/mc001sp.png) no-repeat left top; height:300px; width:400px;/*height:80px; width:203px;*/ }
#caseContent #case01 .cCB02 .cI .mC { right:0; top:0; }
#caseContent #case01 .cCB02 .cI .mC .fp { display:none;background: url(../images/case/case01/mc002sp.png) no-repeat left top; height:300px; width:400px; }
#caseContent #case01 .cCB03 .cI .mC { right:-20px; top:-20px; }
#caseContent #case01 .cCB03 .cI .mC .fp {display:none; background: url(../images/case/case01/mc003sp.png) no-repeat left top; height:300px; width:400px; }
#caseContent #case01 .cCB04 .cI .mC { left:0; top:-50px; }
#caseContent #case01 .cCB04 .cI .mC .fp {display:none; background: url(../images/case/case01/mc004sp.png) no-repeat left top; height:300px; width:400px; }
#caseContent #case01 .cCB05 .cI .mC { right:-64px; top:-50px; }
#caseContent #case01 .cCB05 .cI .mC .fp { display:none;background: url(../images/case/case01/mc005sp.png) no-repeat left top; height:300px; width:400px; }
#caseContent #case01 .cCB06 img { max-width:80%;}
#caseContent #case01 .cCB06 .cI .mC { right:30px; top:40px; }
#caseContent #case01 .cCB06 .cI .mC .fp { display:none;background: url(../images/case/case01/mc006sp.png) no-repeat left top; height:370px; width:250px; }
#caseContent #case01 .cCB07 .cI .mC { right:0; top:0; }
#caseContent #case01 .cCB07 .cI .mC .fp { display:none;background: url(../images/case/case01/mc007sp.png) no-repeat left top; height:300px; width:400px; }
#caseContent #case01 .cCB08 .cI .mC { right:0; top:0; }
#caseContent #case01 .cCB08 .cI .mC .fp { display:none;background: url(../images/case/case01/mc008sp.png) no-repeat left top; height:300px; width:400px; }
#caseContent #case01 .cCB09 .cI .mC { right:0; top:0; }
#caseContent #case01 .cCB09 .cI .mC .fp { display:none; background: url(../images/case/case01/mc009sp.png) no-repeat left top; height:300px; width:400px; }
#caseContent #case01 .cCB10 .cI .mC { right:-80px; top:0; }
#caseContent #case01 .cCB10 .cI .mC .fp { display:none; background: url(../images/case/case01/mc010sp.png) no-repeat left top; height:300px; width:400px; }

#caseContent #case01 .cCB06 .cI { height:371px; }
#caseContent #case01 .cCB06 .cTxB { height:178px; }

#caseContent #case01 ,#case02 ,#case03 ,#case04 ,#case05 ,#case06 ,#case07 ,#case08 ,#case09 ,#case10, .cI { width:90%; margin:20px 0 10px 0; }
#caseContent #case01 ,#case02 ,#case03 ,#case04 ,#case05 ,#case06 ,#case07 ,#case08 ,#case09 ,#case10, .cT p { font-size:1.2rem; font-weight:400; text-align:left; color:#fff;}
#caseContent #case01 ,#case02 ,#case03 ,#case04 ,#case05 ,#case06 ,#case07 ,#case08 ,#case09 ,#case10, .cI img { width:90%; margin:20px 0 10px 0; }


#recruit h2 { width:90%; margin:0 auto 10px auto; padding:.6em 16px; font-size:1.6rem;background-color:#F2F2F2; }

/* スマホの横スクロール */
.cTH {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 12px 8px;
  display: -ms-flexbox;
  display: flex; }

/* 画面幅が768px以上の場合、横スクロールを解除 */
@media screen and (min-width: 768px) {
  .cTH {
    overflow-x: inherit;
    padding: 0 8px 6px; } }

.cTH > li {
  width: 100%;
  min-width: 140px; }

/*@media screen and (min-width: 768px) {
  .cTH > li {
    min-width: inherit; } }*/

.cTH > li:not(:last-child) {
  margin-right: 5px; }

.cTH > li:last-child {
  padding-right: 5px; }

/*@media screen and (min-width: 768px) {
  .cTH > li:last-child {
    padding-right: 0; } }*/

.hcTH img {
  vertical-align: bottom; }
  
  
  
/*-- CASE CONTENT END --*/
    
    @media screen and (max-width: 768px) {
/*///ハンバーガーメニュー////*/
nav.globalMenuSp {
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    background: #fff;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
 
nav.globalMenuSp ul {
    background: #ccc;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #333;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em 0; text-decoration:none;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}
    
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 30px;
    top: 12px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    z-index: 100001;
/*    background: #43abb2;*/
    text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #39cf36;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle span:nth-child(1) {
    top: 9px;
}
 
.navToggle span:nth-child(2) {
    top: 18px;
}
 
.navToggle span:nth-child(3) {
    top: 27px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
}