@media screen and (max-width:960px) {
html { }
body { min-width:320px; padding:0; font-size:1em; overflow-x:hidden; }

.pc_no { display:block; }
br.pc_no { display:inline-block; }
.sp_no, br.sp_no { display:none; }
span.sp_no { display:none; }

p { line-height:1.8; }


/*-- ARTICLE/ --*/
.article { padding:0 1em;  }
.full_bg { padding-left:calc(50vw - 48%); padding-right:calc(50vw - 48%); }

/*--SP MENU/--*/
.sp_menu { display:block; width:60px; height:60px; position:fixed; top:5px; right:5px; cursor:pointer; transition:.2s; z-index:2000; border-radius:50%; }
.sp_menu div { width:40%; height:3%; background-color:#07c; position:absolute; transition:.2s; } 
.sp_menu div:nth-child(1) { top:25%; left:30%; }
.sp_menu div:nth-child(2) { top:40%; left:30%; }
.sp_menu div:nth-child(3) { top:55%; left:30%; }
.sp_menu.on { background:#fff; }
.sp_menu.on div:nth-child(1) { top:40%; left:30%; transform: rotate(-45deg); }
.sp_menu.on div:nth-child(2) { opacity:0; }
.sp_menu.on div:nth-child(3) { top:40%; left:30%; transform: rotate(45deg); }
.sp_menu::after { content:"MENU"; color:#07c; display:block; width:100%; text-align:center; position:absolute; font-size:0.6em; letter-spacing:1px; top:60%; }
.sp_menu.on::after { content:"CLOSE"; color:#07c; }


.header { flex-direction:column; padding:0 1em 0.5em 0.75em; position:fixed; top:0; left:0; right:0; z-index:500; background:url(../img/bg.png); background:#fff6e7; /*box-shadow:10px 10px 10px rgba(0,0,0,0.1);*/ border-radius:0 0 50% 50%/0 0 1em 1em ; }
.header .logo { font-size:0.75em; }
.header .title { max-width:14rem; padding:0.5rem 0; }
.h_shadow { box-shadow:0 10px 10px rgba(0,0,0,0.1); } 

/*-- MENU/ --*/
.hm { width:100%; display:none; text-align:center; background:url(../img/bg.png); background:#fff6e7; height:22rem; position:fixed; /*top:65px;*/ top:4.4rem; left:0; right:0; z-index:1000; border-radius:0 0 50% 50% / 0 0 2em 2em; box-shadow:0 10px 10px rgba(0,0,0,0.1); }
.hm ul { position:relative; left:50%; transform:translate(-50%,0); height:22rem; text-align:center; box-sizing:border-box; padding:1.5rem 3rem; }
.hm ul li { display:inline-block; margin:0 auto; padding:0 3px; height:100%; text-align:left; }
.hm ul li a { padding:1.5rem 0.5rem 0.5rem 0.5rem; }


.ulink { top:auto; box-sizing:border-box; margin:auto; margin:0 0 0.5em 0; border-top:5.5rem solid #fff6e7; }
.ulink .tel_box { display:flex; flex-flow:row wrap; justify-content:center; padding:0 0 0.5em 0; }
.ulink .tel_box dl { padding:0 1em 0 0; }
.ulink .tel_box dd { letter-spacing:normal; }
.ulink ul { display:none; }

body.logged-in .header, body.logged-in .ulink { top:32px; }
body.logged-in .sp_menu { top:calc(0.5rem + 32px); }
body.logged-in .hm { top:calc(4.4rem + 32px); }


/*-- MAIN/ --*/
.main { display:block; position:relative; margin:120px 0 8vw 0; margin:0 0 8vw 0; }
.main_img { width:calc(100% +  1em); margin:0 -1em 0 0; overflow:hidden; }
.main_img svg { width:120%; height:60vw; left:0; top:0; }
.main .t_copy { font-size:7.5vw; bottom:-0.5em; left:0; }
.anchor { /*height:90px; margin-top:-90px;*/ }

.service_box .service.s01::before { top:-2em; left:-2vw; }
.service_box .service.s02::before { top:-2em; left:-2vw; }
.service_box .service.s03::before { top:-2em; left:-2vw; }
.service_box .service.s04::before { top:-1em; right:-2vw; }
.service_box .service.s05::before { top:-1em; right:-2vw; }
.service_box .service.s06::before { top:-1em; right:-2vw; }
.service_box .service h4 span { font-size:1.25rem; }

/*-- important --*/
.important_box { padding:1em; }
	
/*-- FOOT/ --*/
.footer { }
.copyright { padding-bottom:6em; }


.f_ulink { position:fixed; display:block; z-index:100; top:auto; bottom:0; left:0; width:100vw; background:#007bbb; border-radius:50% 50% 0 0 / 1em 1em 0 0; padding:0.5em 0 0 0 ; margin:0; box-sizing:border-box; }
.f_ulink ul { border-left:none; list-style:none; width:100%; margin:0; padding:0; text-align:left; box-sizing:border-box; }
.f_ulink ul li { display:inline-block; width:8em; }
.f_ulink ul li a { display:block; padding:1em 0 1em 1em; color:#fff !important; font-size:0.9em }
.f_ulink ul li a::before { content:""; display:inline-block; width:20px; height:20px; margin:0 0.15em 0 0; vertical-align:middle; background:url(../img/i_white.svg) center center /14px no-repeat; opacity:1; }
.f_ulink ul li.active {  }

.pagetop { position:fixed; background:none; z-index:2000 !important; left:auto; top:auto; bottom:1em; right:5px; transform:translate(0,0); word-break:break-all; display:block; width:60px; height:3em; padding:1em 0 0 0; font-size:0.7em;color:#fff !important; box-sizing:border-box; }
.pagetop::after { width:20px; height:20px; border-top:2px solid #fff; border-right:2px solid #fff; box-sizing:border-box; }
.pagetop:hover { color:#fff !important; opacity:0.8; cursor:pointer; }
.pagetop:hover::after { border-color:#fff; }

.footer .LCR_box { width:49%;}
.footer .LCR_box:first-child { width:100%; margin-bottom:1em; }

body.test .pagetop { background:none; }


/*-- TEMPLATE ------------------------------------------------------------------------------------------*/

/*-- ARTICLE/ --*/
body.cate .contents, body.temp .contents { display:block; width:100%; }


.article img { max-width:100%; height:auto; }
.article img.no { width:auto !important; height:auto; }
.article div[style^="margin"] { margin-left:0 !important; }
.article p[style^="padding"] { padding-left:0 !important; }
.article h5[style^="padding"] { padding-left:0 !important; }

img.full { width:calc(100% + 40px); max-width:100vw; margin-left:-20px; margin-right:-20px; }


/*-- HEAD/ --*/
.hero_img { margin:0 -1em 0 -14vw; overflow:hidden; }
.hero_img svg { height:48vw; min-height:0; left:0; top:0; }
.hero_img h1 { position:absolute; top:50%; transform:translate(0,-55%); left:15vw; right:1em; letter-spacing:normal;  }
.hero_img .svg_img { width:120vw !important; }

.navibar { position:relative; }
.navibar .l_side { display:none; }
.navibar ul { width:100%; margin:0 auto; padding:0; }


/*-- INDEX --*/
.left_img img { margin:0; padding:0; margin-bottom:1em; margin-right:0; max-width:100%; height:auto; }

.section img { float:none; }
.section .text_box { padding:0; }

h1 { font-size:2.2em; }
h2 { font-size:2.0em; letter-spacing:normal; }
h3 { font-size:1.8em; letter-spacing:normal; }
h4 { font-size:1.6em; letter-spacing:normal }
h5 { font-size:1.4em; letter-spacing:normal }
h6 { font-size:1.2em; letter-spacing:normal }


h2 .comment, .mceContentBody h2 .comment { font-size:0.5em; letter-spacing:normal }

h3 + .box_l, h3 + .box_r { margin:0 auto 1em auto;  }
h3 + .box_l .txt, h3 + .box_r .txt { position:relative; padding:1em 0 2em 0; }
h3 + .box_l.full .photo img, h3 + .box_r.full .photo img { margin-top:0;  }


img[align="absmiddle"] { vertical-align:middle; }
th img, td img { max-width:100%; height:auto; }
th img.no, td img.no, #map img { width:auto !important; height:auto; }





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

.box_r, .mceContentBody .box_r { width:100%; margin:0 0 40px 0; }
.box_r .photo, .mceContentBody .box_r .photo { display:block; float:none; width:100% !important; max-width:100%; padding:0; margin-left:0; margin-bottom:1.5em; box-sizing:border-box; }
.box_r .photo img, .mceContentBody .box_r .photo img { max-width:100%; padding:0; height:auto; }
.box_r .photo img.no, .mceContentBody .box_r .photo img.no { display:block; margin:0 auto 10px auto; }
.box_r .txt, .mceContentBody .box_r .txt { padding:0; }

.box_l.full, .box_r.full { width:calc(100% + 60px); margin:0 -30px 40px -30px; padding:30px; }
.box_l.full .photo { padding:0; margin:0 -30px 1.5em -30px; width:calc(100% + 60px) !important; max-width:calc(100% + 60px) !important; }
.box_r.full .photo  { padding:0; margin:0 -30px 1.5em -30px; width:calc(100% + 60px) !important; max-width:calc(100% + 60px) !important; }
.box_l.full.txt, .box_r.full.txt { width:100%; }



/*-- FORM SELECT/ --*/
.easy-select-box .esb-displayer { min-width:2.5em; }


.col3 { column-count:2; }



/*-- SIDE --*/
.side { display:block; width:100%; float:none; padding-top:4em; background:url(../img/l_03.png) left 6px /144px repeat-x; }
.side ul li { display:inline-block; vertical-align:top; width:49%; }

	
.contents, body.temp .contents { display:block; width:100%; }
body.temp .text_area { display:block; width:100%; }


body.info .side { display:block; width:100%; }
body.info .contents { display:block; width:100% ; }

body.info .text_area .index_box { width:100%; }
body.info .text_area .index_box .icon { width:80px !important; height:auto; margin:0 0.5em 0 0; }
body.info .text_area .index_box .txt { width:calc(100% - 80px - 1.5em); }
body.info .side li { width:100%; }
body.info .side .year { display:inline-block; vertical-align:top; width:49%; padding:1%; box-sizing:border-box; }
body.info .side .category { display:inline-block; vertical-align:top; width:49%; padding:1%; box-sizing:border-box; }

body.cate .contents { /*width:96vw; margin:0 -3vw;*/ }

body.recruit.ar .side ul li { display:inline-block; vertical-align:top; width:100%; }

}

@media screen and (max-width:782px) {
body.logged-in .header, body.logged-in .ulink { top:46px; }
body.logged-in .sp_menu { top:calc(0.5rem + 46px); }
body.logged-in .hm { top:calc(4.4rem + 46px); }
}

@media screen and (max-width:600px) {
	#wpadminbar { position:fixed !important; }
}

@media screen and (max-width:640px) {
/*-- MAIN/ --*/
.main { display:block; position:relative; margin-top:150px; margin-top:0; }
.anchor { /*height:160px; margin-top:-160px;*/ }

/*-- concept --*/
.concept_box { text-align:left; }
.concept_box .b_want {  font-size:1.2em; padding:0.75em 1em 0.75em 6em; }
.concept_box .b_want::after { right:calc(50% - 16px); right:2em; top:calc(100% - 1.75em); }
body.top h3 { text-align:left; background:url(../img/l_01.png) bottom left /144px no-repeat; }


/*-- お知らせ --*/
.info_box { text-align:center; }
.info_box h2 { display:inline-block; }
/*.info_box .LR_box:nth-of-type(2) {  padding-left:20px; padding-right:20px; }*/



/*-- SERVICE_BOX--*/
.service_box { background:#fff; padding-top:1em; padding-bottom:1em; border-radius:70% 30% 30% 70% / 2em 2em 2em 2em; }
.service_box .service { flex-direction:column; align-items:center; text-decoration:none; color:#3f3b3b; }
.service_box .service.s01, .service_box .service.s03,
.service_box .service.s02, .service_box .service.s04,
.service_box .service.s05, .service_box .service.s06 { flex-flow:column; }
.service_box .service .photo { max-width:90vw; }
.service_box .service .photo img { width:90vw; }
.service_box .service .txt { max-width:80vw; padding:0 0 1em 0; }
.service_box .service.s01 .photo,
.service_box .service.s02 .photo,
.service_box .service.s03 .photo,
.service_box .service.s04 .photo,
.service_box .service.s05 .photo,
.service_box .service.s06 .photo { margin:0; }

.service_box .service.s01::before { left:auto; top:59vw; right:0; }
.service_box .service.s02::before { /*top:59vw; right:0;*/ left:auto; top:59vw; right:0; }
.service_box .service.s03::before { left:auto; top:59vw; right:0; }
.service_box .service.s04::before { top:59vw; right:0; }
.service_box .service.s05::before { top:59vw; right:0; }
.service_box .service.s06::before { top:59vw; right:0; }

/*-- FOOT/ --*/
.footer { padding-top:2em; }



.navibar ul { font-size:0.8em; letter-spacing:normal; }

.box_l.full, .box_r.full { width:calc(100% + 30px); margin:0 -15px 30px -15px; padding:15px; }
.box_l.full .photo { margin:0 -15px 1.5em -15px; width:calc(100% + 30px) !important; max-width:calc(100% + 30px) !important; }
.box_r.full .photo  { margin:0 -15px 1.5em -15px; width:calc(100% + 30px) !important; max-width:calc(100% + 30px) !important; }


/*-- INFO/ --*/
.info_box dt { float:none; width:100%; }
.info_box dd { margin:0; }
.fb_box { width:90%; }
.fb_iframe_widget { /*width:90%;*/ display:block !important; margin:auto; }

/*-- HEAD/ --*/
.hero_img { margin-top:0; }


/*-- INDEX --*/
.index_box, body.no_menu .index_box, .index_box.triple, body.magazine .index_box { width:49%; padding:1.5%; box-sizing:border-box; }
.index_box .icon { /*height:calc((45vw - 2em) * (2/3)); max-height:calc((45vw - 2em) * (2/3));*/ }

body.departments .contents .index_box { width:48%; }


.LR_box { width:100% !important; padding:20px 0; margin:0; overflow:visible !important; }
.LCR_box, .LCR_box2 { width:100% !important; padding:20px 0; margin:0; overflow:visible !important; }

/*WordPress*/
.aligncenter { display:block;margin: 0 auto;}
.alignright { float:none; display:block; margin:0 auto 1em auto; }
.alignleft { float:none; display:block; margin:0 auto 1em auto; }
img[class*="wp-image-"],
img[class*="attachment-"] { max-width: 100%; height: auto; }
img.alignright, img.alignleft { max-width:100%; }



.col2 { column-count:1; }


.sub_menu { display:none; }
	
/*利用料金*/
.tab ul li { padding:0.75em 0.75em 0.75em 2em; width:50%; border-bottom:none; box-sizing:border-box; }
.tab ul li.select { border-bottom:2px solid #bbb; border-radius:1em; }


.footer .LCR_box { width:100%; }
.footer .LCR_box:first-child { margin-bottom:0; }

.table01 th, .table01 td,.table02 th, .table02 td, .table03 th, .table03 td { padding:10px 5px; letter-spacing:normal; }



}


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


/*-- INDEX --*/
.index_box, body.no_menu .index_box, body.info .index_box, .index_box.triple { width:calc(100% + 2em); padding:4%; box-sizing:border-box; margin:0 -1em; border-radius:0; }
.index_box .icon { /*height:calc((90vw - 2em) * (2/3)); max-height:calc((90vw - 2em) * (2/3));*/ }

.col3 { column-count:1; }

.concept_box .b_with { padding:1em 1em 2em 1.2em; font-size:1.5em; }
.concept_box .b_with::after { right:calc(50% - 16px); top:auto; bottom:1em; display:inline-block; width:32px; height:8px; background:url(../img/i_arrow02.svg) center center /cover no-repeat; }

/*-- HEAD/ --*/
.hero_img {  }
.hero_img svg {  }
.hero_img h1 { font-size:1.8em; }

.concept_box .b_want { font-size:1em; margin:0.5em -1em; }
.concept_box .b_want:hover { margin:0.6em -1em 0.4em -1em; }

}

@media screen and (max-width:360px) {
/*.tel_box .address { padding:10px; }*/
.service_box h4 .sub { font-size:0.45em; }
	
body.info .text_area .index_box { width:100vw; margin:0 -5.5%; }
body.info .text_area .index_box a { padding:1em; }

.hero_img h1 br { /*display:none;*/ }


}