@media print, screen and (max-width:960px) {
html { }
body { min-width:320px; padding:0; font-size:1rem; overflow-x:hidden; border-top:8rem solid #fff; }

.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; margin:0;  }
.full_bg { padding-left:calc(50vw - 48%); padding-right:calc(50vw - 48%); }

/*--SP MENU/--*/
.sp_menu { display:block; width:4rem; height:4rem; position:fixed; top:3.75rem; right:2vw; cursor:pointer; transition:.2s; z-index:2000; border-radius:50%; }
.sp_menu div { width:40%; height:3%; background-color:#169B75; 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:#f9f6f3; }
.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:#169B75; display:block; width:100%; text-align:center; position:absolute; font-size:0.6rem; letter-spacing:1px; top:60%; }
.sp_menu.on::after { content:"CLOSE"; color:#169B75; }



/*-- HEADER/ --*/
.header { display:flex; align-items:flex-start; z-index:1000; transition:0.15s; position:fixed; top:0; width:100%; background:#fff; padding:1rem; }
.header .logo { background:url(../img/logo.png) left top /50px no-repeat; padding:0 0 0 60px; margin-left:0;  }
.header .logo strong { font-size:1.4rem; font-weight:300; letter-spacing:0.01rem; margin-bottom:0.25rem; }
.header .logo span {font-size:0.9rem;  }
.header .logo span.en { font-size:0.6rem; line-height:1.25; }
.h_shadow,.h_shadow2 { background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.1); transition:0.15s; } 

.hm { display:none; position:absolute; top:8rem; left:0; right:0; padding:1rem 0; width:100%; text-align:center; background:#f9f6f3; box-shadow:0 10px 10px rgba(0,0,0,0.1); }
.hm ul { -webkit-writing-mode:horizontal-tb; -ms-writing-mode:lr-tb; writing-mode:horizontal-tb; }
.hm ul li { display:inline-block; width:49%; padding:0; margin:0; letter-spacing:0.05rem; box-sizing:border-box; }
.hm ul li a { padding:0.25rem 1rem; }
.hm ul li a::before { content:""; position:absolute; top:calc(50% - 1px) !important; left:0 !important; border:none; border-left:none !important; border-top:2px solid #169B75; display:block; width:0.7rem !important; height:2px; box-sizing:border-box; }


.hm ul li a::before { content:""; position:absolute; top:-2.5rem; left:calc(50% - 1px); border-left:2px solid #169B75; display:block; width:2px; height:2rem; box-sizing:border-box; }

.hm ul li ul.sub li a { white-space: normal;  }


/*-- MAIN/ --*/
.section { }
.section .txt { width:50%; }
.section .photo { width:50%; }
.section .photo img { width:100%; }



/*-- INFO/ --*/
.info_box { flex-flow:column wrap; }
.info_box .info { width:100%; padding:0; margin:0 auto 4rem auto; }
.info_box .pr { width:100%; max-width:20rem; margin:0 auto; padding:0; }

/*20210526_CSS追加*/
.b_box { margin:2rem 2rem 0 2rem !important; }
.info_box { padding-top: 3rem !important; }


/*-- FOOT/ --*/
.footer { flex-flow:column wrap; padding:2.5rem 1rem; }
.footer .title { background:url(../img/logo.png) left top /50px no-repeat; padding:0 0 0 60px; margin-bottom:1rem; }
address { padding:1rem; margin:1rem; border:1px solid #ddd; letter-spacing:normal; }
.footer .fm { padding:0 1rem; }
.copyright { text-align:center; }


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 -1rem 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:1rem; 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; }


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

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

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


h1 .comment { display:block; font-size:1rem; font-weight:300; }
h2 .comment { display:block; font-size:1rem; font-weight:300; margin:0; }
h2 span.inner .comment { font-size:1rem; color:#2c3e50; }
h3 .comment { display:block; font-size:1rem; margin:0.25rem 0 0 0; font-weight:300; }
h4 .comment { display:block; font-size:1rem; font-weight:300; color:#2c3e50 }
h5 .comment { display:block; font-size:1rem; font-weight:300; color:#2c3e50; }



h3 + .box_l, h3 + .box_r { margin:0 auto 1rem auto;  }
h3 + .box_l .txt, h3 + .box_r .txt { position:relative; padding:1rem 0 2rem 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; }



/*-- 幅の広いテーブルにスクロール表示 --*/
.scroll, #calcResult { overflow:auto; }
.scroll::-webkit-scrollbar, #calcResult::-webkit-scrollbar { height:15px; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-track, #calcResult::-webkit-scrollbar-track { background:rgba(0,0,0,0.1); /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-thumb, #calcResult::-webkit-scrollbar-thumb { background:#bc6;/*tableにスクロールバーを追加*/}
.scroll table, #calcResult table { margin-bottom:20px !important; }
.scroll table th, .scroll table td { white-space:nowrap; }
.scroll table caption { display:inline-block; font-size:0.8rem; text-align:right; }




/*-- 画像回り込みセット/ --*/
.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.5rem; 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.5rem; 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.5rem -30px; width:calc(100% + 60px) !important; max-width:calc(100% + 60px) !important; }
.box_r.full .photo  { padding:0; margin:0 -30px 1.5rem -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.5rem; }


.col3 { column-count:2; }



/*-- SIDE --*/
.side { display:block; width:100%; float:none; padding-top:4rem; 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 {  }
body.temp .text_area { display:block; width:100%; }


/*相談したい*/
.sodan01, .sodan02 { display:none; }
.sodan03, .sodan04 { float:none; margin:0; max-width:200px; }



  .resp_fs10 { font-size: 1.0rem !important; }
  .resp_fs11 { font-size: 1.1rem !important; }
  .resp_fs12 { font-size: 1.2rem !important; }
  .resp_fs13 { font-size: 1.3rem !important; }
  .resp_fs14 { font-size: 1.4rem !important; }
  .resp_fs15 { font-size: 1.5rem !important; }
  .resp_fs16 { font-size: 1.6rem !important; }
  .resp_fs17 { font-size: 1.7rem !important; }
  .resp_fs18 { font-size: 1.8rem !important; }
  .resp_fs19 { font-size: 1.9rem !important; }
  .resp_fs20 { font-size: 2.0rem !important; }
  .resp_fs21 { font-size: 2.1rem !important; }
  .resp_fs22 { font-size: 2.2rem !important; }
  .resp_fs23 { font-size: 2.3rem !important; }
  .resp_fs24 { font-size: 2.4rem !important; }
  .resp_fs25 { font-size: 2.5rem !important; }
  .resp_fs26 { font-size: 2.6rem !important; }
  .resp_fs27 { font-size: 2.7rem !important; }
  .resp_fs28 { font-size: 2.8rem !important; }
  .resp_fs29 { font-size: 2.9rem !important; }
  .resp_fs30 { font-size: 3.0rem !important; }
  .fl, .fr { float: none; }
  .resp_center { margin-left: auto; margin-right: auto; }
  .resp_fl { float: left; }
  .resp_fr { float: right; }
  .resp_tl { text-align: left; }
  .resp_tr { text-align: right; }
  .resp_tc { text-align: center; }
  .resp_vt { vertical-align: top; }
  .resp_vm { vertical-align: middle; }
  .resp_vb { vertical-align: bottom; }
  .resp_w1 { width: 1% !important; }
  .resp_w2 { width: 2% !important; }
  .resp_w3 { width: 3% !important; }
  .resp_w4 { width: 4% !important; }
  .resp_w5 { width: 5% !important; }
  .resp_w6 { width: 6% !important; }
  .resp_w7 { width: 7% !important; }
  .resp_w8 { width: 8% !important; }
  .resp_w9 { width: 9% !important; }
  .resp_w10 { width: 10% !important; }
  .resp_w11 { width: 11% !important; }
  .resp_w12 { width: 12% !important; }
  .resp_w13 { width: 13% !important; }
  .resp_w14 { width: 14% !important; }
  .resp_w15 { width: 15% !important; }
  .resp_w16 { width: 16% !important; }
  .resp_w17 { width: 17% !important; }
  .resp_w18 { width: 18% !important; }
  .resp_w19 { width: 19% !important; }
  .resp_w20 { width: 20% !important; }
  .resp_w21 { width: 21% !important; }
  .resp_w22 { width: 22% !important; }
  .resp_w23 { width: 23% !important; }
  .resp_w24 { width: 24% !important; }
  .resp_w25 { width: 25% !important; }
  .resp_w26 { width: 26% !important; }
  .resp_w27 { width: 27% !important; }
  .resp_w28 { width: 28% !important; }
  .resp_w29 { width: 29% !important; }
  .resp_w30 { width: 30% !important; }
  .resp_w31 { width: 31% !important; }
  .resp_w32 { width: 32% !important; }
  .resp_w33 { width: 33% !important; }
  .resp_w34 { width: 34% !important; }
  .resp_w35 { width: 35% !important; }
  .resp_w36 { width: 36% !important; }
  .resp_w37 { width: 37% !important; }
  .resp_w38 { width: 38% !important; }
  .resp_w39 { width: 39% !important; }
  .resp_w40 { width: 40% !important; }
  .resp_w41 { width: 41% !important; }
  .resp_w42 { width: 42% !important; }
  .resp_w43 { width: 43% !important; }
  .resp_w44 { width: 44% !important; }
  .resp_w45 { width: 45% !important; }
  .resp_w46 { width: 46% !important; }
  .resp_w47 { width: 47% !important; }
  .resp_w48 { width: 48% !important; }
  .resp_w49 { width: 49% !important; }
  .resp_w50 { width: 50% !important; }
  .resp_w51 { width: 51% !important; }
  .resp_w52 { width: 52% !important; }
  .resp_w53 { width: 53% !important; }
  .resp_w54 { width: 54% !important; }
  .resp_w55 { width: 55% !important; }
  .resp_w56 { width: 56% !important; }
  .resp_w57 { width: 57% !important; }
  .resp_w58 { width: 58% !important; }
  .resp_w59 { width: 59% !important; }
  .resp_w60 { width: 60% !important; }
  .resp_w61 { width: 61% !important; }
  .resp_w62 { width: 62% !important; }
  .resp_w63 { width: 63% !important; }
  .resp_w64 { width: 64% !important; }
  .resp_w65 { width: 65% !important; }
  .resp_w66 { width: 66% !important; }
  .resp_w67 { width: 67% !important; }
  .resp_w68 { width: 68% !important; }
  .resp_w69 { width: 69% !important; }
  .resp_w70 { width: 70% !important; }
  .resp_w71 { width: 71% !important; }
  .resp_w72 { width: 72% !important; }
  .resp_w73 { width: 73% !important; }
  .resp_w74 { width: 74% !important; }
  .resp_w75 { width: 75% !important; }
  .resp_w76 { width: 76% !important; }
  .resp_w77 { width: 77% !important; }
  .resp_w78 { width: 78% !important; }
  .resp_w79 { width: 79% !important; }
  .resp_w80 { width: 80% !important; }
  .resp_w81 { width: 81% !important; }
  .resp_w82 { width: 82% !important; }
  .resp_w83 { width: 83% !important; }
  .resp_w84 { width: 84% !important; }
  .resp_w85 { width: 85% !important; }
  .resp_w86 { width: 86% !important; }
  .resp_w87 { width: 87% !important; }
  .resp_w88 { width: 88% !important; }
  .resp_w89 { width: 89% !important; }
  .resp_w90 { width: 90% !important; }
  .resp_w91 { width: 91% !important; }
  .resp_w92 { width: 92% !important; }
  .resp_w93 { width: 93% !important; }
  .resp_w94 { width: 94% !important; }
  .resp_w95 { width: 95% !important; }
  .resp_w96 { width: 96% !important; }
  .resp_w97 { width: 97% !important; }
  .resp_w98 { width: 98% !important; }
  .resp_w99 { width: 99% !important; }
  .resp_w100 { width: 100% !important; }
  .resp_m_o0, .resp_m_t0 { margin-top: 0; }
  .resp_m_o10, .resp_m_t10 { margin-top: 10px !important; }
  .resp_m_o20, .resp_m_t20 { margin-top: 20px !important; }
  .resp_m_o30, .resp_m_t30 { margin-top: 30px !important; }
  .resp_m_o40, .resp_m_t40 { margin-top: 40px !important; }
  .resp_m_o50, .resp_m_t50 { margin-top: 50px !important; }
  .resp_m_o60, .resp_m_t60 { margin-top: 60px !important; }
  .resp_m_o70, .resp_m_t70 { margin-top: 70px !important; }
  .resp_m_o80, .resp_m_t80 { margin-top: 80px !important; }
  .resp_m_l0 { margin-left: 0 !important; }
  .resp_m_l1 { margin-left: 1% !important; }
  .resp_m_l2 { margin-left: 2% !important; }
  .resp_m_l4 { margin-left: 4% !important; }
  .resp_m_r0 { margin-right: 0; }
  .resp_m_r1 { margin-right: 1% !important; }
  .resp_m_r2 { margin-right: 2% !important; }
  .resp_m_r4 { margin-right: 4% !important; }
  .resp_m_u0, .resp_m_b0 { margin-bottom: 0; }
  .resp_m_u10, .resp_m_b10 { margin-bottom: 1rem !important; }
  .resp_m_u20, .resp_m_b20 { margin-bottom: 2rem !important; }
  .resp_m_u30, .resp_m_b30 { margin-bottom: 3rem !important; }
  .resp_m_u40, .resp_m_b40 { margin-bottom: 4rem !important; }
  .resp_m_u50, .resp_m_b50 { margin-bottom: 5rem !important; }
  .resp_m_u60, .resp_m_b60 { margin-bottom: 6rem !important; }
  .resp_m_u70, .resp_m_b70 { margin-bottom: 7rem !important; }
  .resp_m_u80, .resp_m_b80 { margin-bottom: 8rem !important; }
  .resp_p_o0, .resp_p_t0 { padding-top: 0 !important; }
  .resp_p_o10, .resp_p_t10 { padding-top: 1rem !important; }
  .resp_p_o20, .resp_p_t20 { padding-top: 2rem !important; }
  .resp_p_o30, .resp_p_t30 { padding-top: 3rem !important; }
  .resp_p_o40, .resp_p_t40 { padding-top: 4rem !important; }
  .resp_p_o50, .resp_p_t50 { padding-top: 5rem !important; }
  .resp_p_o60, .resp_p_t60 { padding-top: 6rem !important; }
  .resp_p_o70, .resp_p_t70 { padding-top: 7rem !important; }
  .resp_p_o80, .resp_p_t80 { padding-top: 8rem !important; }
  .resp_p_l0 { padding-left: 0; }
  .resp_p_l1 { padding-left: 1% !important; }
  .resp_p_l2 { padding-left: 2% !important; }
  .resp_p_13 { padding-left: 3% !important; }
  .resp_p_l4 { padding-left: 4% !important; }
  .resp_p_r0 { padding-right: 0; }
  .resp_p_r1 { padding-right: 1% !important; }
  .resp_p_r2 { padding-right: 2% !important; }
  .resp_p_r3 { padding-right: 3% !important; }
  .resp_p_r4 { padding-right: 4% !important; }
  .resp_p_u0, resp_p_b0 { padding-bottom: 0; }
  .resp_p_u10, resp_p_b10 { padding-bottom: 1rem !important; }
  .resp_p_u20, resp_p_b20 { padding-bottom: 2rem !important; }
  .resp_p_u30, resp_p_b30 { padding-bottom: 3rem !important; }
  .resp_p_u40, resp_p_b40 { padding-bottom: 4rem !important; }
  .resp_p_u50, resp_p_b50 { padding-bottom: 5rem !important; }
  .resp_p_u60, resp_p_b60 { padding-bottom: 6rem !important; }
  .resp_p_u70, resp_p_b70 { padding-bottom: 7rem !important; }
  .resp_p_u80, resp_p_b80 { padding-bottom: 8rem !important; }

}









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

/*-- MAIN/ --*/
.main { padding-bottom:12rem; }
.main::before { display:none; }
.bg_main { position:absolute; top:0; right:0; bottom:calc(10% + 12rem) ; bottom:2vw; left:20%; background: rgb(0,136,204); background: linear-gradient(45deg, rgba(0,136,204,1) 0%,rgba(22,155,117,1) 100%); z-index:-1; }
.t_copy { color:#111; position:absolute; top:auto; bottom:0; right:auto; left:1.5rem; }
.t_copy strong { font-size:2.5rem; font-size: 5vw; display:block; line-height:1.2; margin-bottom:0.25rem; }
.t_copy::after { content:""; bottom:0; display:block; width:3rem; border-bottom:2px solid #2c3e50; }
.t_copy span, .t_copy p { font-size:0.9rem; }


/*20210608_CSS追加*/
.main { padding-bottom:0; }
.t_copy { color:#fff; }
.t_copy { right:auto; left:55%; top:37%; }
.t_copy::after { display:none; }


.section { padding:5rem 1.5rem;}
.sodan_box, .shiru_box, .tsukau_box, .support_box, .lifeevent_box,
.baby_box, .childcare_box, .career_box { display:flex; flex-flow:column wrap; }
.section .txt { width:100%; padding:0 0 1rem 0; }
.section .photo { width:100%; }
.section .photo img { width:100%; }


.anchor { /*height:160px; margin-top:-160px;*/ }

/*-- concept --*/
.concept_box { text-align:left; }
.concept_box .b_want {  font-size:1.2rem; padding:0.75rem 1rem 0.75rem 6rem; }
.concept_box .b_want::after { right:calc(50% - 16px); right:2rem; top:calc(100% - 1.75rem); }


/*-- お知らせ --*/
.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; }


.navibar ul { font-size:0.8rem; 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.5rem -15px; width:calc(100% + 30px) !important; max-width:calc(100% + 30px) !important; }
.box_r.full .photo  { margin:0 -15px 1.5rem -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%; }

/*-- HEAD/ --*/
.hero_box { padding-bottom:0; height:auto; }
.hero { width:90%; padding-top:30%; }
.hero::before { display:none; }
.bg_hero { position:absolute; top:0; right:0; bottom:auto; ;left:10%; padding-top:30%; background: rgb(0,136,204); background: linear-gradient(45deg, rgba(0,136,204,1) 0%,rgba(22,155,117,1) 100%); z-index:-1; }
.hero_box h2 { color:#111; position: relative;  padding:1rem 1.5rem 2rem 1.5rem; display:block; right:auto; left:0; }
.hero_box h2::after { content:""; position:relative; bottom:-0.5rem; display:block; height:2px; width:1.5rem; border-bottom:3px solid #2c3e50; }


/*-- INDEX --*/
.index_box, body.no_menu .index_box { width:49%; }
body.topics .index_box, body.ar .index_box, body.cgl .index_box { width:100%; }


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 1rem auto; }
.alignleft { float:none; display:block; margin:0 auto 1rem auto; }
img[class*="wp-image-"],
img[class*="attachment-"] { max-width: 100%; height: auto; }
img.alignright, img.alignleft { max-width:100%; }
.alignright video, .alignleft video { width:100%; max-width:60vw; }



.col2 { column-count:1; }

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


.section .txt h3 { padding-right:4.25rem }
.section .txt h3 .m { display:block; }
.section .txt h3 .comment { margin-right:-4rem; }
.m { display:block; cursor:pointer; z-index:10; transition:0.3s; }
.m::after { content:"開く"; width:4rem; height:4rem; border-radius:50%; position:absolute; top:-0.5rem; right:-0.5rem; display:inline-block; color:#169B75; font-size:1rem; line-height:1rem; padding:calc(1.5rem - 2px) 0; border:2px solid #169B75; font-weight:300; text-align:center; cursor:pointer; box-sizing:border-box; }
.m.i_close::after { content:"閉じる"; }
.m:hover::after { background:linear-gradient(45deg, rgba(22,155,117,1) 0%, rgba(0,136,204,1) 100%); border:0; padding:calc(1.5rem) 0; color:#fff;}

}







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


/*-- INDEX --*/
.index_box, body.no_menu .index_box, body.topics .index_box, body.ar .index_box, body.cgl .index_box { width:calc(100% + 2rem); box-sizing:border-box; margin:0 -1rem; border-radius:0; }
.index_box .icon { /*height:calc((90vw - 2rem) * (2/3)); max-height:calc((90vw - 2rem) * (2/3));*/ }

.col3 { column-count:1; }

.concept_box .b_with { padding:1rem 1rem 2rem 1.2rem; font-size:1.5rem; }
.concept_box .b_with::after { right:calc(50% - 16px); top:auto; bottom:1rem; 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.8rem; }

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

/*-- INFO/ --*/
.info_box .pr { max-width:60vw; }


}

@media screen and (max-width:360px) {
	
.sp_menu { right:0; }

.hm { top:7.5rem; }

/*-- HEADER/ --*/
.header .logo { background:url(../img/logo.png) left 0 /45px no-repeat; padding:0 0 0 50px;  }
.header .logo strong { font-size:1.4rem; line-height:1.125; }
.header .logo span { font-size:0.9rem; }
.header .logo span.en { font-size:0.6rem; }

.footer .title { background:url(../img/logo.png) left top /45px no-repeat; padding:0 0 0 50px; }


.ui-dialog { width:300px !important; }

}