@media screen and (max-width: 640px) {
body { min-width: 320px; }

#zoom_box { display:none; }
.contents { width:100% !important; padding:0; min-width:300px; box-sizing: border-box; }
#top .contents { padding:0 10px; }
.sp_no { display:none; }
.pc_no { display:block; }
br.pc_no { display:inline-block; }


.maximage { height:400px; overflow:hidden; }
.maximage.pc { display:none; }
.maximage.sp { display:block; }
body .mc-cycle, div.mc-image { height:400px !important; overflow:hidden; border-radius:0;  }


.bg_slider.pc { display:none; }
.bg_slider.sp { display:block; margin-top:100px; }
.bg_slider { width:100% !important; height:70vw !important; border-radius:0; }
.bg_slider > div { height:70vw; min-width:300px; min-height:210px; }


#preloadedImages {
width: 0px;
height: 0px;
display: inline;
background-image: url(https://www.kitahari-mc.jp/common/img/p001b_sp.webp);
background-image: url(https://www.kitahari-mc.jp/common/img/p002b_sp.webp);
background-image: url(https://www.kitahari-mc.jp/common/img/p004b_sp.webp);
}

/*--HEAD--*/
.header { left:0; }
.ht { width:auto; height:auto; padding:10px 0 5px 0; margin:0; background:#fff; background:rgba(255,255,255,1); display:block; border-radius:0; }
.ht .title { display:block; float:none; width:280px; height:40px; background-size:contain; text-align:center; margin:0 auto; }
/*.ht .title img { width:300px; height:auto; }*/
.ht .address { display:block; float:none; margin:0; padding:5px; text-align:center; font-size:0.8em; }
.ht .tel { background:url(../img/i_tel.png) no-repeat left center; background:url(../img/i_tel.svg) no-repeat left center; background-size:24px; display:none; }
.ht .contact { background:url(../img/i_contact.svg) left center /22px no-repeat; display:none; }
.ht .access { background:url(../img/i_access.svg) left center /22px no-repeat; display:none; }

.sp_menu { position:relative; display:block; padding:0; margin:0; background:#8fc21f; background:rgba(143,194,31,0.85); }
.sp_menu a { display:inline-block; padding:10px 0 10px 40px; margin:0; color:#fff; border-left:1px solid rgba(255,255,2551,0.3); text-indent:-9999px; border-bottom:none;  box-sizing: border-box; line-height:1.25em; }
.sp_menu .tel { width:170px; background:url(../img/i_tel_w.png) no-repeat 10px center; background:url(../img/i_tel_w.svg) no-repeat 10px center; background-size:24px; text-indent:0; border:none; }
.sp_menu .contact { float:right; width:50px; background:url(../img/i_contact_w.png) no-repeat center center; background:url(../img/i_contact_w.svg) no-repeat center center; background-size:22px; }
.sp_menu .access { float:right; width:50px; background:url(../img/i_access_w.png) no-repeat center center; background:url(../img/i_access_w.svg) no-repeat center center; background-size:24px; }
.sp_menu .menu { float:right; width:50px; background:url(../img/i_menu_w.png) no-repeat center center; background:url(../img/i_menu_w.svg) no-repeat center center; background-size:24px; }
.sp_menu .hm_sp { background:url(../img/i_menu_w.png) no-repeat center center; background:url(../img/i_menu_w.svg) no-repeat center center; background-size:24px; }

.hm_sp { margin:0; padding:0; background:rgba(143,194,31,0.9); list-style:none; /*display:flex;*/ flex-flow:column wrap; border-top:1px solid rgba(255,255,2551,0.9); display:none; }
.hm_sp li a { background:#8fc21f url(../img/i_arrow_w01.png) no-repeat 20px center; background:url(../img/i_arrow_w01.svg) no-repeat 20px center; background-size:10px; display:block; color:#fff; text-decoration:none; padding:0 0 0 45px; line-height:50px; font-size:1.2em; border:none; }
.hm_sp li:hover > a, .hm_sp li a:hover, .hm_sp li a:active { background:#1b9d3f url(../img/i_arrow_w01.png) no-repeat 20px center; background:rgba(108,164,7,0.9) url(../img/i_arrow_w01.svg) no-repeat 20px center; background-size:10px; }

.hm { display:none; }


/*--サイト内検索--*/
.search_box02 { display:none;  }
.search_box02 form { padding:2px; margin:0; background:#8fc21f; border-radius:2rem; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; max-width:220px; }
.search_box02 input { background:#fff; line-height:1.5rem; padding:0.25rem 1rem; margin:auto; border:none; box-sizing:border-box; font-size:1rem; border-radius:1rem 0 0 1rem; width:calc(100% - 2.5rem); } 
.search_box02 button { width:2.5rem; height:2rem; border:none; background:url(../img/i_search.svg) center center /24px no-repeat; border-radius:0 1rem 1rem 0; cursor:pointer; }
.search_box02 button:hover { background:#6ca407 url(../img/i_search.svg) center center /24px no-repeat; }




.t_heart { top:calc(110px + 30vw); right:20%; background:url(../img/t_heart_sp.png) no-repeat; background-size:cover; margin-right:-75px; width:150px; height:120px; }


/*--SIDE--*/
.side { position:relative; top:calc(100px + 65vw); margin-bottom:calc(-30vw + 120px) ; width:100%; margin-top:0px; z-index:1000; }

.time_box .time br { display:none; }
.time_box strong { display:inline-block; width:5em; }
.time_box span { white-space:nowrap; }

.b_recruit03 { display: flex; flex-flow: row wrap; justify-content: space-between; align-items:center; margin:0 0 20px 0; padding:10px 15px; list-style:none; min-height:60px;  border-radius:15px; box-sizing:border-box; box-shadow:0 2px 5px rgba(0,0,0,0.1); border:3px solid #8fc21f !important; background: linear-gradient(135deg,  #fff 0%,#fff 40%, rgba(143,194,31,0.15) 40%, rgba(143,194,31,0.15) 100%);
 font-size: 1.25rem; }
.b_recruit03 span { font-size: clamp(0.9rem,4vw,1rem); }



/*--ARTICLE/--*/
.article {top:100vw; position:relative; width:100%; }

.info_box {  margin-bottom:30px; padding:0; }
.info_box .tab li a { font-size:1.0em; line-height:1.25; }
.info_box .tab li a br { display:inline; }
.info_box .panel { padding:20px 10px; }
.info_box .panel dl { margin:0 0 20px 0; }
.info_box .panel dl dt { float:none; width:auto; padding:0; }
.info_box .panel dl dd { margin-left:0; font-weight:bold; text-indent:0; }

.i_new { position:relative; left:auto; }
 
.guide_box { display:none; }
.side .b_box { display:none; }


/*--FOOTER/--*/
.footer { font-size:0.8em; padding:0 10px; }

.fm { float:none; margin:auto; }
.fm li { width:49%; }
.fm li a { padding:5px; text-align:center; margin:0 -1px 0 0; }
.fm li a:hover { text-decoration:underline; }

.copyright { float:left; width:100%; padding:10px 0; text-align:center; }




/*--TEMPLATE--*/
.temp .header { }
.temp .maximage { height:320px !important; display:none; }
.temp .mc-cycle, .temp div.mc-image { height:300px !important; }
.temp .skippr { height:300px !important; display:none; }
.temp .side { display:none; }
.temp .article { top:160px; }

.temp .contents img { width:100%; height:auto; }
.temp .contents img.no { width:auto !important; height:auto; }
.temp .contents img.per60 { width:60% !important; height:auto; }
.temp .contents img.per50 { width:50% !important; height:auto; }
.temp .contents img.per40 { width:40% !important; height:auto; }
.temp .contents img.per25 { width:25% !important; height:auto; }
.temp .contents img.per20 { width:20% !important; height:auto; }
.temp .contents img.per15 { width:15% !important; height:auto; }

.navibar { padding:5px 0; font-size:12px; }
hr { margin:1rem -3%;}

.text_box { margin-bottom:15px;  border-radius:0; box-shadow:none; border:none; border-bottom:1px solid #ccc; }
.text_box img.head { margin:-20px -3.2% -10px -3.2% !important; width:106.4%; }

.imgL, .mceContentBody .imgL { float:none; margin:0 0 10px 0; max-width:360px; }
.imgR, .mceContentBody .imgR { float:none; margin:0 0 10px 0; max-width:360px; }


/*---- 画像回り込みセット ----*/
.mceContentBody .box_l { width:100%; margin:0 0 40px 0; }
.mceContentBody .box_l .photo { float:none !important; width:100%; max-width:100% !important; margin:0 0 0.5rem 0 !important;  box-sizing: border-box; }
.mceContentBody .box_l .photo img { width:100%; padding:0; height:auto; margin-bottom:10px; }
.mceContentBody .box_l .txt { float:none; width:100%; padding:0; overflow:hidden; }

.mceContentBody .box_r { width:100%; margin:0 0 40px 0; }
.mceContentBody .box_r .photo { float:none !important; width:100%; max-width:100% !important; margin:0 0 0.5rem 0 !important; }
.mceContentBody .box_r .photo img { width:96%; margin:0 1.5% 10px 1.5%; padding:0; height:auto; }
.mceContentBody .box_r .txt { float:none; width:100%; padding:0; overflow:hidden; }

/*2列ボックス*/
.LR_box { float:none !important; width:100% !important; margin:0; padding:0 0 1.2rem 0; }

/*ページ内リンク*/
ul.page_link li { float:none !important; width:100% !important; }


/*---- INDEX ----*/
.index_box { float:left; padding:10px; border-bottom:1px solid #ddd; margin:0 -3.2% !important; width:106.4%;  box-sizing: border-box; }
.index_box .title { background:url(../img/i_arrow_g01.svg) left top calc(1.35rem - 10px) /10px no-repeat; }
.index_box .commont { display:none; }


h1, .mceContentBody h1 { margin:0 -3.2% 20px -3.2% !important; padding:10px; font-size:1.6em !important; }
h2, .mceContentBody h2 { margin:0 0 10px 0; font-size:1.6em !important; }
h3, .mceContentBody h3 { margin:0 0 10px 0; font-size:1.4em !important; }
h4, .mceContentBody h4 { margin:0 0 10px 0; font-size:1.2em !important; }
h5, .mceContentBody h5 { font-size:1.0em !important; }

table { width:100% !important; min-width:200px; }
tr { }
tbody th { background:#fff; white-space:normal !important; }
/*.mceContentBody .tbl01 th, */.mceContentBody .tbl02 th { text-align:center !important; background:#f6f6f6; display:inline-block; width:100% !important; float:left; word-break:break-all !important; word-wrap:break-word !important; padding:5px 2%; line-height:1.5 !important; margin-bottom:-1px;  box-sizing: border-box; }
/*.mceContentBody .tbl01 td, */.mceContentBody .tbl02 td { display: inline-block; width:96%; float:left; word-break:break-all !important; word-wrap:break-word !important; padding:2% !important; line-height:1.5 !important; margin-bottom:-1px; }

.mceContentBody .tbl01 td .tbl03 th, .mceContentBody .tbl01 td .tbl03 td, 
.mceContentBody .tbl02 td .tbl01 th, .mceContentBody .tbl02 td .tbl01 td, 
.mceContentBody .tbl02 td .tbl03 th, .mceContentBody .tbl02 td .tbl03 td {width:auto; float:none; display:table-cell !important; }


th[nowrap] { word-break:break-all !important; word-wrap:break-word !important; }
td[nowrap="true"] {/* white-space:normal; */}
img[align="absmiddle"] { vertical-align:middle; }
th img, td img { width:100%; height:auto; }
th img.no, td img.no { width:auto !important; height:auto; }

.tbl02 { border:none; }


.scroll{ overflow:auto; white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/ margin-bottom:20px;}
.scroll::-webkit-scrollbar{ height:5px; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-track{ background:#F1F1F1; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-thumb { background: #BBB;/*tableにスクロールバーを追加*/}
.scroll table { margin-bottom:5px !important; }


.resp100 { width:100%; }
.resp90 { width:90% !important; }
.resp80 { width:80% !important; }
.resp70 { width:70% !important; }
.resp66 { width:66.6% !important; }
.resp60 { width:60% !important; }
.resp50 { width:50% !important; }
.resp49 { width:49% !important; }
.resp48 { width:48% !important; }
.resp47 { width:47% !important; }
.resp40 { width:40% !important; }
.resp33 { width:33.3% !important; }
.resp32 { width:32% !important; }
.resp30 { width:30% !important; }
.resp20 { width:20% !important; }
.resp10 { width:10% !important; }


.resp_no { display: none; }
.resp_ma { margin:auto !important; }
.resp_column { flex-flow: column wrap; }



.mceContentBody .sp_fs1, #ContsBox .sp_fs1 { font-size:0.75rem !important; }
.mceContentBody .sp_fs2, #ContsBox .sp_fs2 { font-size:0.8rem !important; }
.mceContentBody .sp_fs3, #ContsBox .sp_fs3 { font-size:1rem !important; }
.mceContentBody .sp_fs4, #ContsBox .sp_fs4 { font-size:1.25rem !important; }
.mceContentBody .sp_fs5, #ContsBox .sp_fs5 { font-size:1.5rem !important; }
.mceContentBody .sp_fs6, #ContsBox .sp_fs6 { font-size:1.7rem !important; }
.mceContentBody .sp_fs7, #ContsBox .sp_fs7 { font-size:1.9rem !important; }

}