/*
* Theme Name: p-wing2025
* Version: 1.5 (40th)
* Author: K.Yamada（kaokaori@me.com）
* Description: PROJECT WING  Theme
*/

@import url('//use.typekit.net/vjr3une.css'); /*chalfont 700 900*/

/*	RESETS NL4.0.0base
============================== */
html, body, main, div, p, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, ruby { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
ol, ul, li { list-style: none; }
a img, form, fieldset { border: none; }
input, button, select { vertical-align: middle; }
textarea { vertical-align: top; overflow: auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .dpb { display: block; }
audio, canvas, progress { display: inline-block; }
progress { vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template, .nt, .alt { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline-width: 0; }
a:hover { text-decoration: none; }
abbr { cursor: help; border-bottom: 1px dotted #bbb; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong, .bt { font-weight: 700; }
.bbt { font-weight: 900; }
dfn, .itlc { font-style: italic; }
mark { background: yellow; color: black; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border-style: none; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
optgroup { font-weight: bold; }
button, input, select { overflow: visible; } /*Edge, IE*/
button, input, select, textarea { margin: 0; } /*Firefox and Safari*/
button, select { text-transform: none; } /*Edge, Firefox, and IE*/
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }
[disabled] { cursor: default; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /*Android 4, iOS*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /*Firefox*/
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /*Edge and IE ...etc*/
textarea { overflow: auto; } /*IE*/
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } /*IE10-*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /*Chrome*/
[type="search"] { -webkit-appearance: textfield; } /*Chrome and Safari*/
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /*Chrome and Safari on OS X*/
pre { overflow: auto; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; display: table;}
q:after, blockquote:after { clear: both; }
q::after, blockquote::after { content: ""; display: block; clear: both;}
.clearfix:before, .clearfix:after { content: ""; content: none; display: table;}
.clearfix:after { clear: both; }
.clearfix::after { content: ""; display: block; clear: both;}
.tCenter, .ct { text-align: center;}
.tLeft, .lt { text-align: left;}
.tRight, .rt { text-align: right;}
@media print { .noprint { display: none;} }
/*txt*/
.nt { display: none;}
.bt { font-weight: bold; font-weight: 600;}
.ut { font-weight: lighter;}
.br_rsmp, .br_wsmp, .br_tablet, .br_pc, .br_wpc, .br_bwpc, .br_rsmpi, .br_wsmpi, .br_tableti, .br_pci, .br_wpci, .br_pci, .br_bwpci { display: none; }
.br_smp { display: -webkit-block; display: block; }
.br_smpi { display: -webkit-inline; display: inline; }
@media (min-width: 480px) { 
.br_smp, .br_smpi { display: none; } 
.br_rsmp { display: -webkit-block; display: block; } 
.br_rsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 640px) { 
.br_rsmp, .br_rsmpi { display: none; } 
.br_wsmp { display: -webkit-block; display: block; } 
.br_wsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 768px) { 
.br_wsmp, .br_wsmpi { display: none; } 
.br_tablet { display: -webkit-block; display: block; } 
.br_tableti { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1000px) { 
.br_tablet, .br_tableti { display: none; } 
.br_pc { display: -webkit-block; display: block; } 
.br_pci { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1200px) { 
.br_pc, .br_pci { display: none; } 
.br_wpc { display: -webkit-block; display: block; } 
.br_wpci { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1400px) { 
.br_wpc, .br_wpci { display: none; } 
.br_bwpc { display: -webkit-block; display: block; } 
.br_bwpci { display: -webkit-inline; display: inline; } 
}
br { letter-spacing: 0; }
.ct { text-align: center;}
.lt { text-align: left;}
.rt { text-align: right;}
/*_size*/
.f300 { font-size: 300%;}
.f240 { font-size: 240%;}
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f180 { font-size: 180%;}
.f170 { font-size: 180%;}
.f160 { font-size: 160%;}
.f150 { font-size: 150%;}
.f140 { font-size: 140%;}
.f130 { font-size: 130%;}
.f125 { font-size: 125%;}
.f120, .big { font-size: 120%;}
.f110 { font-size: 110%;}
.f105 { font-size: 105%;}
.f100 { font-size: 100%;}
.f95 { font-size: 95%;}
.f90, .small { font-size: 90%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f82 { line-height: normal; font-size: 82% !important;}
.f80 { line-height: normal; font-size: 80% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f65 { line-height: normal; font-size: 65% !important;}
.f64 { line-height: normal; font-size: 64% !important;}
.f60 { line-height: normal; font-size: 60% !important;}
/*_height*/
.lh100 { line-height: 100%;}
.lh110 { line-height: 110%;}
.lh120 { line-height: 120%;}
.lh130 { line-height: 130%;}
.lh140 { line-height: 140%;}
.lh150 { line-height: 150%;}
.lh160 { line-height: 160%;}
.lh170 { line-height: 170%;}
.lh180 { line-height: 180%;}
.lh200 { line-height: 200%;}
.lh230 { line-height: 230%;}
/*space*/
.pd0 { padding: 0;}
.pd1 { padding: 1em;}
.pdtb1 { padding: 1em 0;}
.pdt1 { padding-top: 1em;}
.pdt3 { padding-top: 3em;}
.pdt0 { padding-top: 0;}
.pdt05 { padding-top: .5em;}
.pdb05 { padding-bottom: .5em;}
.pdb0 { padding-bottom: 0;}
.pdb1 { padding-bottom: 1em;}
.pdb3 { padding-bottom: 3em;}
.pdl1 { padding-left: 1em;}
.pd05 { padding: .5em;}
.mgat { margin: auto;}
.mgtb1 { margin: 1em auto;}
.ls-1 { letter-spacing: -.1em;}
.ls-2 { letter-spacing: -.2em;}
.ls-05 { letter-spacing: -0.05em;}
.ls-075 { letter-spacing: -0.075em;}
.ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: .1em;}
.ls2 { letter-spacing: .2em;}
/*color*/
.black { color: rgba(0, 0, 0, 1);}
.col { color: rgba(0, 99, 142, 1);}
.col1 { color: rgba(0, 79, 122, 1);}
.col08 { color: rgba(0, 99, 142, .6);}
.col0 { color: rgba(0, 145, 208, 1);}
.red { color: rgba(232, 37, 37, 1);}
a .red { color: rgba(237, 42, 42, 1); font-weight: bold;}
.komet { color: rgba(0, 99, 142, .8);}
a { text-decoration: none;}
a:link { color: rgba(0, 145, 208, 1);}
a:visited { color: rgba(0, 145, 208, 1);}
a:active { color: rgba(111, 177, 63, 1);}
a:hover { color: rgba(0, 105, 168, 1);}

/*etc*/
@media print { .noprint { display: none;} }
.cover { width: 100%; height: 100%; background: url(images/cover.png) repeat; display: block; position: absolute; top: 0; left: 0; }
.cover img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.nt_txt { font-size: 0; width: 0; height: 0; overflow: hidden; opacity: 0;}
/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 2500ms;}


/*	COMMON
============================== */
html { overflow-y: visible; min-height: 100%;}
body { width: 100%; position: relative; margin: 0!important; background-color: rgba(255, 255, 255, 1); color: rgba(0, 99, 142, 1); font-family: "noto-sans-cjk-jp", sans-serif; font-weight: 400; font-style: normal; position: relative; z-index: 0; overflow-x: hidden;}
body.fixed { position: fixed; width: 100%; height: 100%; left: 0;}
/*main*/
.container { box-sizing: border-box; width: 100%; min-height: 100vh; font-size: 80%; margin: 0 auto; position: relative; z-index: 10; padding-bottom: 260px;}
.container0 { padding-bottom: 60px;}
/*for_W640-*/
@media (min-width: 640px) { 
.container { font-size: 95%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
.container { font-size: 100%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
.container { font-size: 110%;}
}
/*for_W1100-*/
@media (min-width: 1100px) { 
.container { font-size: 120%;}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
.container { font-size: 130%;}
}
/*for_W1300-*/
@media (min-width: 1300px) { 
.container { font-size: 140%;}
}
/*for_W1400-*/
@media (min-width: 1400px) { 
.container { font-size: 150%;}
}

/*	footer
============================== */
#all_footer { box-sizing: border-box; width: 100%; padding: 1em 0 4em 0; background-color: rgba(207, 241, 255, .2); position: absolute; left: 0; bottom: 0;}
#all_footer { box-sizing: border-box; width: 100%; padding: 1em 0 2em 0; background-color: rgba(207, 241, 255, .2); position: absolute; left: 0; bottom: 0;  height: 260px;}
#all_footer0 { box-sizing: border-box; width: 100%; padding: 1em 0 2em 0; background-color: rgba(207, 241, 255, .2); position: absolute; left: 0; bottom: 0;  height: 60px;}
#footer_mw { width: 100%; max-width: 1400px; margin: 0 auto;}
#sub_lnk { width: 92%; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
#sub_lnk #ppsk { width: 75%; flex-basis: 75%; text-align: left; font-size: 85%;}
#sub_lnk #ppsk a:hover { opacity: .8;}
#sub_lnk #icons { width: 25%; flex-basis: 25%; max-width: 90px; display: flex; flex-flow: row nowrap; justify-content: flex-end;}
#sub_lnk #icons .icon_lnk { width: 50%; flex-basis: 50%;}
#sub_lnk #icons .icon_lnk a { display: block; width: 100%; height: 0; padding-top: 84.848484848484848%; padding-top: -webkit-calc(112 / 132 * 100%); padding-top: calc(112 / 132 * 100%); background-repeat: no-repeat; background-size: contain;}
#sub_lnk #icons #icon_access a { background-image: url(images/icon_access.png);}
#sub_lnk #icons #icon_contact a { background-image: url(images/icon_contact.png);}
#sub_lnk #icons .icon_lnk a:hover { opacity: .8;}
#logo_c-sp { width: 30%; max-width: 140px; margin: 1em auto;}
#logo_c-sp #logo_c-img { width: 100%; height: 0; padding-top: 61.162079510703364%; padding-top: -webkit-calc(400 / 654 * 100%); padding-top: calc(400 / 654 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(images/logo_c.png);}
#copyright { text-align: center; font-size: 90%; font-weight: 700; color: rgba(21, 136, 187, 1);}
/*for_W768-*/
@media (min-width: 768px) { 
#sub_lnk { width: 96%; align-items: flex-start;}
#sub_lnk #ppsk { width: 40%; flex-basis: 40%; font-size: 75%;}
#sub_lnk #icons { width: 25%; flex-basis: 25%; max-width: 120px;}
#logo_c-sp { margin: -3em auto 1em auto;}
#copyright { font-size: 75%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#all_footer { font-size: 110%; padding: 2em 0 4em 0;}
}
/*for_W1400-*/
@media (min-width: 1400px) { 
#all_footer { font-size: 90%; padding: 2em 0 4em 0;}
}

/*	header
============================== */
#ind_header { width: 100%; height: 0; padding-top: 70%; background-repeat: no-repeat; background-size: cover; background-position: right center; position: relative; z-index: 10;}
#con_header { width: 100%; height: 0; padding-top: 12%; position: relative; z-index: 10; background-color: rgba(255, 255, 255,1);}
#logo_sp { width: 40%; max-width: 400px; position: absolute; top: .35em; left: 1%; z-index: 100;}
#logo_img { width: 100%; height: 0; padding-top: 25%; padding-top: -webkit-calc(250 / 1000 * 100%); padding-top: calc(250 / 1000 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(images/logo.png); position: absolute; top: 0; left: 0;}
#con_header #logo_img { background-image: url(images/logo2.png);}
#con_header #logo_img a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#about_txt { width: 54%; position: absolute; top: 54%; right: 2%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: left; z-index: 100;}
#about_txt dt { padding-bottom: 1em; font-weight: 700; color: rgba(0, 145, 208, 1); font-size: 90%;}
#about_txt dd { font-size: 82% !important; line-height: 160%; padding-bottom: 1em;}
#about_txt .link a { display: inline-block; float: right; padding-right: 4em; font-size: 72%; border-bottom: 1px solid rgba(0, 145, 208, 1); position: relative;}
#about_txt .link a::after { content: ''; width: 12px; height: 6px; aspect-ratio: cos(30deg); clip-path: polygon(0 0,100% 100%,0 100%); background: rgba(0, 145, 208, 1); position: absolute; bottom: 0; right: 0;}
#about_txt .link a;hover { opacity: .8;}
/*40th*/
.a40th_sp { width: 96%; max-width: 640px;}
.a40th { width: 100%; height: 0; padding-top: 15.640599%; padding-top: -webkit-calc(188 / 1202 * 100%); padding-top: calc(188 / 1202 * 100%); background-repeat: no-repeat; background-size: contain;}
#v1_40th { background-image: url(images/v1_40th.svg);}
#v2_40th { background-image: url(images/v2_40th.svg);}
#v3_40th { background-image: url(images/v3_40th.svg);}
#v4_40th { background-image: url(images/v4_40th.svg);}
/*for_W480-*/
@media (min-width: 480px) { 
#ind_header { padding-top: 53.472222222222222%; padding-top: -webkit-calc(1540 / 2880 * 100%); padding-top: calc(1540 / 2880 * 100%);}
#about_txt { width: 43%; position: absolute; top: 54%; right: 1%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: left; z-index: 100;}
#about_txt .link a { margin-right: 3%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#about_txt { width: 40%; right: 2%; font-size: 110%;}
#about_txt dt { font-size: 100%;}
#about_txt dd { font-size: 78% !important; line-height: 170%; padding-bottom: 2em;}
#about_txt .link a { font-size: 60%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#logo_sp { width: 30%;}
#about_txt dt { font-size: 100%;}
#about_txt { z-index: 100000;}
}
/*for_W1100-*/
@media (min-width: 1100px) { 
#about_txt dt { font-size: 110%;}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
#about_txt { font-weight: 700;}
#about_txt dt { font-size: 120%;}
}


/*	nav
============================== */
#nav { display: block; position: fixed; top: 0; right: 0; z-index: 15000;}
#openbtn_sp { display: block; width: 22px; height: 18px; position: fixed; top: .75em; right: 2%; z-index: 10000; cursor: pointer;}
#openbtn_sp #openbtn { width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0;}
#openbtn_sp #openbtn span { display: inline-block; transition: all .4s; box-sizing: border-box;}
#openbtn_sp #openbtn span { position: absolute; left: 0; width: 100%; height: 3px; background-color: rgba(0, 145, 208, 1);}
#openbtn_sp #openbtn span:nth-of-type(1) { top: 0;}
#openbtn_sp #openbtn span:nth-of-type(2) { top: calc(50% - 1.5px);}
#openbtn_sp #openbtn span:nth-of-type(3) { bottom: 0;}

#closebtn_sp { width: 24px; height: 24px; position: fixed; top: .7em; right: 2%; z-index: 15000; cursor: pointer;}
#closebtn_sp #closebtn span { display: inline-block; transition: all .4s; box-sizing: border-box; position: absolute; left: 0; width: 100%; height: 3px; background-color: rgba(0, 145, 208, 1);}
#closebtn_sp #closebtn span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg); top: 0; right: 0;}
#closebtn_sp #closebtn span:nth-of-type(2) { -webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg); top: 20px; right: 0;}

#menuset { overflow-x: hidden; overflow-y: auto; display: none; height: 100vh; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000000000; center; background: rgba(255, 255, 255, .96);}
.headmnset { width: 100%; position: absolute; top: 80px; left: 0; z-index: 1200; padding-bottom: 8em;} 
.headmnset > ul { width: auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.headmnset > ul > li { padding: 1em; margin: 0; display: block; letter-spacing: .05em; font-size: 120%; font-weight: 900; white-space: nowrap;}
.headmnset > ul > li .jmn { font-size: 75%; font-weight: lighter; color: rgba(0, 145, 208, 1);}
.headmnset > ul > li > ul { padding-top: .5em; padding-left: 1em; font-weight: 400; font-size: 80%;}
.headmnset > ul > li > ul > li { padding: .25em 0;}
.headmnset > ul > li > ul > li > a { position: relative; display: inline; color: rgba(0, 145, 208, 1);}
.headmnset a:hover { opacity: .8;}

#mn_about #about_li, #mn_business #business_lnk, #mn_recruit #recruit_li, #mn_contact #contact_li { opacity: .6; cursor: default; pointer-events: none;}

/*for_W1000-*/
@media (min-width: 1000px) { 
#nav { width: 64%; position: absolute; top: 0; right: 0; z-index: 10000;}
#openbtn_sp, #closebtn_sp { display: none;}
#menuset { display: block; position: absolute; background: rgba(255, 255, 255, 0);}
.headmnset { top: 20px; left: 0; padding-bottom: 0; display: flex; flex-flow: row nowrap; justify-content: flex-end;} 
.headmnset > ul { width: 100%; position: absolute; top: 0; left: 0; transform: translateX(0); -webkit-transform: translateX(0); display: flex; flex-flow: row nowrap; justify-content: space-around;}
.headmnset > ul > li { padding: 0; margin: 0; font-size: 100%; font-weight: 700; line-height: 110%; text-align: center;}
.headmnset > ul > li .jmn { display: block; font-size: 64%;}
.headmnset > ul > li > ul { display: none;}
.headmnset > ul > li#business_lnk a #business_lnk-txt { padding-right: 16px; position: relative;}
.headmnset > ul > li#business_lnk a #business_lnk-txt::after { content: '▼'; font-size: 55% !important; position: absolute; top: .5em; right: 0; color: rgba(0, 145, 208, 1);}
#pc_bsns { box-sizing: border-box; width: 23%; position: absolute; top: 3.5em; left: 27%; background-color: rgba(255, 255, 255, .6); margin: 0; padding: 0; text-align: center; font-size: 72% !important; z-index: 100000; display: none;}
#pc_bsns li { text-align: left; border-bottom: 1px solid rgba(0, 145, 208, 1); padding: .75em 0 .75em .5em;}
#pc_bsns li a { display: block;}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
.headmnset > ul > li { padding: .5em 0; margin: 0; display: block; letter-spacing: .05em;}
#pc_bsns { font-size: 68% !important; top: 5em;}
}

/*	chat_link
============================== */
#chat_set { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center;}
#chat_lnk { display: inline-block; width: 75px; margin: 2px 5px 0 0;} 
#chat_lnk div { display: block; width: 100%; height: 0; padding-top: 38.601036269430052%; padding-top: -webkit-calc(149 / 386 * 100%); padding-top: calc(149 / 386 * 100%); background-repeat: no-repeat; background-size: contain;}
#chat_lnk a:hover { opacity: .8;}


/*	contents
============================== */
#contents { width: 100%;}
.con_set { width: 100%; padding-bottom: 1em;}
.con_set h2 { text-align: center; padding: 1em 0 .5em 0; font-size: 140%; font-weight: 900; letter-spacing: .1em; color: rgba(79, 119, 136, 1);}
/*for_W768-*/
@media (min-width: 768px) { 
.con_set { font-size: 110%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
.con_set { font-size: 120%;}
}

/*	top_business
============================== */
#business ul { width: 92%; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
#business li { width: 100%; flex-basis: 100%; padding-bottom: 1em;}
#business li a { display: block; width: 100%; background-color: rgba(207, 241, 255, .2); display: flex; flex-flow: row nowrap; align-items: center;}
#business li a:hover { opacity: .8;}
#business li a .img_sp, #business li a .txt_sp { display: block; width: 50%; flex-basis: 50%;}
#business li a .img_sp .img_bg { width: 100%; height: 0; padding-top: 44%; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;}
#business li a .img_sp .img_bg .bs_name { width: 100%; text-align: center; font-size: 110%; font-weight: 700; color: rgba(255, 255, 255, 1); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-shadow: 0px 4px 4px rgba(79, 119, 136, .75);}
#business li a .img_sp .img_bg .bs_name::before { content: '▲'; display: inline-block; color: rgba(0, 145, 208, 1); transform: rotate(90deg);}
#business li a .txt_sp { width: 100%; position: relative;}
#business li a .txt_sp .bs_txt { box-sizing: border-box; width: 90%; text-align: left; font-size: 90%; line-height: 140%; color: rgba(79, 119, 136, 1); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
/*for_W768-*/
@media (min-width: 768px) { 
/*business*/
#business ul { width: 96%; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
#business li { width: 32%; flex-basis: 32%; padding-bottom: 3em;}
#business li a { background-color: rgba(207, 241, 255, 0); flex-flow: row wrap;}
#business li a .img_sp, #business li a .txt_sp { width: 100%; flex-basis: 100%;}
#business li a .img_sp .img_bg .bs_name { font-size: 100%;}
#business li a .txt_sp .bs_txt { width: 100%; text-align: center; font-size: 70%; line-height: 140%; position: absolute; top: 1em; left: 0; transform: translate(0, 0); -webkit-transform: translate(0, 0); padding: 0 0 2em 0;}
}

/*	top_recruit
============================== */
#recruit { background-repeat: no-repeat; background-size: 100% 100%;}
#recruit h2 { color: rgba(255, 255, 255, 1);}
#recruit #wt_sp { width: 92%; padding-bottom: 26.5%; padding-bottom: -webkit-calc(530 / 2000 * 100%); padding-bottom: calc(530 / 2000 * 100%); margin: 0 auto; background-color: rgba(255, 255, 255, 1); background-repeat: no-repeat; background-size: contain; background-position: center bottom;}
#recruit #wt_sp .rec_txt { width: 90%; margin: 0 auto; padding: 1.5em 0 0 0; text-align: center; line-height: 180%;}
#recruit #wt_sp .rec_txt0 { padding: 0;}
#recruit #wt_sp #flow_lnk { padding: 1em 16px 1em 0;}
#recruit #wt_sp #flow_lnk a { display: inline-block; margin: 1em auto; text-align: center; padding: 1em 5px 1em 30px; background: linear-gradient(to right,  rgba(45,181,255,1) 0%,rgba(111,177,63,1) 100%); color: rgba(255, 255, 255, 1); font-size: 95%; font-weight: 700; position: relative;}
#recruit #wt_sp #flow_lnk a:hover { opacity: .8;}
#recruit #wt_sp #flow_lnk a::before { content: ''; width: 18px; height: 100%; aspect-ratio: cos(30deg); clip-path: polygon(0 0, 100% 50%, 0 100%); background-color: rgba(255, 255, 255, 1); position: absolute; top: 0; left: 0;}
#recruit #wt_sp #flow_lnk a::after { content: ''; width: 18px; height: 100%; aspect-ratio: cos(30deg); clip-path: polygon(0 0, 100% 50%, 0 100%); background-color: rgba(111,177,63,1); position: absolute; top: 0; right: -18px;}
/*for_W768-*/
@media (min-width: 768px) { 
#recruit #wt_sp { width: 96%; font-size: 85%; padding-top: 1em; letter-spacing: .1em;}
#recruit #wt_sp #flow_lnk { padding: 1em 28px 1em 0;}
#recruit #wt_sp #flow_lnk a { letter-spacing: .1em; padding: 1em 55px 1em 80px;}
#recruit #wt_sp #flow_lnk a::before { width: 30px;}
#recruit #wt_sp #flow_lnk a::after { width: 30px; right: -30px;}
}

/*	unit
============================== */
.unit { width: 100%;}
.unit h2 { display: block;}
.unit h2 .img_sp { display: block; width: 100%; height: 0; padding-top: 28.266666666666667%; padding-top: -webkit-calc(106 / 375 * 100%); padding-top: calc(106 / 375 * 100%); position: relative;}
.unit h2 .img_sp .title_img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.unit h2 .img_sp .title_img .title_txt { display: block; width: 80%; color: rgba(255, 255, 255, 1); position: absolute; top: 50%; left: 10%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 150%; font-weight: 900;}
.unit h2 .img_sp .title_img .title_txt .jtxt { display: block; font-weight: 400; font-size: 62% !important; letter-spacing: .05em;}
.unit h2 .gds_sp { display: block; width: 100%; height: 0; padding-top: 16%; position: relative; background: linear-gradient(to right, rgba(0,145,208,0.2) 0%,rgba(254,255,255,0.4) 40%,rgba(254,255,255,0.4) 60%,rgba(0,145,208,0.2) 100%);}
.unit h2 .gds_sp .title_txt { display: block; width: 80%; text-align: center; color: rgba(0, 99, 142, .4); position: absolute; top: 50%; left: 10%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 150%; font-weight: 900;}
.unit h2 .gds_sp .title_txt .jtxt { display: block; font-weight: 400; font-size: 62% !important; letter-spacing: .05em; color: rgba(0, 89, 171, 1);}
/*for_W768-*/
@media (min-width: 768px) { 
.unit h2 .gds_sp { padding-top: 14%;}
.unit h2 .img_sp .title_img .title_txt, .unit h2 .gds_sp .title_txt { font-size: 180%;}
.unit h2 .img_sp .title_img .title_txt .jtxt, .unit h2 .gds_sp .title_txt .jtxt { font-size: 45% !important;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
.unit h2 .gds_sp { padding-top: 12%;}
.unit h2 .img_sp .title_img .title_txt, .unit h2 .gds_sp .title_txt { font-size: 220%;}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
.unit h2 .gds_sp { padding-top: 11%;}
.unit h2 .img_sp .title_img .title_txt, .unit h2 .gds_sp .title_txt { font-size: 280%;}
.unit h2 .img_sp .title_img .title_txt .jtxt, .unit h2 .gds_sp .title_txt .jtxt { font-size: 35% !important;}
}

/*unit_kkm*/
.unit .kkm { border: 2px solid; border-image: linear-gradient(to right, rgba(0,145,208,0.75) 0%,rgba(111,177,63,0.75) 100%); border-image-slice: 1; padding: 1em; margin: 2em auto; position: relative;}
.unit .kkm h3 { display: inline-block; font-size: 120%; color: rgba(79, 119, 136, .75); background-color: rgba(255, 255, 255, 1); padding: 0 1em; position: absolute; top: -0.8em; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); letter-spacing: .1em; white-space: nowrap;}
.unit .kkm .nkm { padding: 2em 1em;}
.unit .kkm dl { width: 100%; margin: 0 auto; border: 0;}
.unit .kkm dt { width: 100%; font-size: 95%; color: rgba(0, 145, 208, .9); padding-bottom: .25em; letter-spacing: .05em;}
.unit .kkm dd { width: 100%; padding-bottom: 1.25em; letter-spacing: .025em;}
.unit .kkm dd:last-child { padding-bottom: 0;}
/*for_W768-*/
@media (min-width: 768px) { 
.unit .kkm .nkm { padding: 3em 1em;}
.unit .kkm dl { display: flex; flex-flow: row wrap; justify-content: center;}
.unit .kkm dt { width: 20%; text-align: right;}
.unit .kkm dd { box-sizing: border-box; width: 80%; padding-left: 2em;}
}

/*inner_unit*/
.inner_unit { width: 90%; max-width: 1200px; margin: .5em auto 1em auto; padding: .25em 0;}
.inner_unit a { position: relative; z-index: 10000;}

/*	unit_about
============================== */
#unit_about #access h3 { letter-spacing: 0;}
#unit_about #access dl { text-align: center;}
#unit_about #access dt { display: inline-block; width: auto; padding: .75em 1em; margin: 0 auto .5em auto; background-color: rgba(0, 99, 142, .65); color: rgba(255, 255, 255, 1); font-size: 90%;}
#unit_about #access dd { text-align: left;}
#unit_about #access .map_sp { width: 100%; max-width: 850px; text-align: center; margin: 1em auto;}
#unit_about #access .map_sp .nearest { font-size: 85%;}
#unit_about #access .map { box-sizing: border-box; width: 100%; height: 0; padding-top: 100%; margin: .5em auto; position: relative; overflow: hidden; z-index: 10000; border: 1px solid rgba(45, 181, 255, .5);}
#unit_about #access .map iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
/*for_W640-*/
@media (min-width: 640px) { 
#unit_about #access .map { padding-top: 60%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#unit_about h2 .img_sp { padding-top: 21.666666666666667%; padding-top: -webkit-calc(312 / 1440 * 100%); padding-top: calc(312 / 1440 * 100%);}
#unit_about #access .map { padding-top: 40%;}
#unit_about #access dl { display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start;}
#unit_about #access dt { padding: .5em 1em;}
#unit_about #access dd { text-align: left;}
}

/*	unit_business
============================== */
#unit_business #smn { display: none;}
#unit_business .inner_unit { margin: .75em auto 1em auto;}
#unit_business h3 { display: block;}
#unit_business h3 .simg_sp { display: block; width: 100%; height: 0; padding-top: 20.588235294117647%; padding-top: -webkit-calc(70 / 340 * 100%); padding-top: calc(70 / 340 * 100%); position: relative;}
#unit_business h3 .simg_sp .stitle_img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center center;}
#unit_business h3 .simg_sp .stitle_img .stitle_txt { display: block; width: 80%; color: rgba(255, 255, 255, 1); position: absolute; top: 50%; left: 10%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; font-size: 110%; font-weight: 700; letter-spacing: .1em; text-shadow: 0px 4px 4px rgba(79, 119, 136, .75);}
/*_nkm*/
#unit_business .nkm dl { margin: 1em 0; font-size: 95%;}
#unit_business .nkm dt { padding: .75em; border: 1px solid rgba(0, 145, 208, .75); border-bottom: 0; border-right: 0; font-weight: 700; color: rgba(0, 99, 142, 1); letter-spacing: .1em;}
#unit_business .nkm dd { padding: 1.25em 1.25em 2.5em 1.25em; border: 1px solid rgba(0, 145, 208, .75); border-left: 0; position: relative; color: rgba(79, 119, 136, 1); letter-spacing: .05em; font-size: 98%;}
#unit_business .nkm .nnm_line { display: none;}
#unit_business .nkm .result { padding: 1em 0; color: rgba(0, 99, 142, 1);}
#unit_business .nkm .wimg { width: 90%; max-width: 600px; margin: 1em auto 0 auto;}
#unit_business .nkm .wimg_sp0 { width: 100%; text-align: center;}
#unit_business .nkm .wimg_sp { width: 100%; height: 0; padding-top: 80%; position: relative;}
#unit_business .nkm .img_ssp { box-sizing: border-box; border: 6px solid rgba(255, 255, 255, 1); box-shadow: 0 2px 8px 0 rgba(79, 119, 136, .3);}
#unit_business .nkm .img_ssp0 { width: 74%; margin: 1em auto 0 auto;}
#unit_business .nkm .img_ssp1 { width: 74%; position: absolute; top: 0; right: 0;}
#unit_business .nkm .img_ssp2 { width: 74%; position: absolute; bottom: 0; left: 0;}
#unit_business .nkm .simg { width: 100%; height: 0; padding-top: 66.666666666666667%; padding-top: -webkit-calc(500 / 750 * 100%); padding-top: calc(500 / 750 * 100%); background-repeat: no-repeat; background-size: contain;}
/*for_W768-*/
@media (min-width: 768px) { 
#unit_business h3 .simg_sp .stitle_img .stitle_txt { font-size: 120%;}
#unit_business #smn { display: block; text-align: center; padding: 2em 0 1em 0; font-size: 90%; letter-spacing: .05em; position: relative; z-index: 2000;}
#unit_business #smn ul { display: flex; flex-flow: row nowrap; justify-content: center;}
#unit_business #smn li span { padding: 0 1em; position: relative; font-size: 95%;}
#unit_business #smn li span::before { content: '▼'; font-size: 60%; color: rgba(171, 231, 255, 1); position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

#unit_business .nkm dt, #unit_business .nkm dd { border: 0;}
#unit_business .nkm dt { width: 25%; padding: .25em .5em; text-align: center; font-size: 110%;}
#unit_business .nkm .skk_set { box-sizing: border-box; padding: 2em; border-left: 1px solid rgba(0, 145, 208, .75); border-bottom: 1px solid rgba(0, 145, 208, .75);}
#unit_business .nkm .nnm_set { display: flex; flex-flow: row nowrap; justify-content: space-between; border-bottom: 1px solid rgba(0, 145, 208, .75); padding: 0;}
#unit_business .nkm .nnm_line { display: block; width: 25%;}
#unit_business .nkm .nnm_line .lines { width: 100%; height: 100%; background-color: rgba(0, 145, 208, .75); clip-path: polygon(0 0, 100% 0%, 0 100%); position: relative;}
#unit_business .nkm .nnm_line .lines .line { width: calc(100% - 1px); height: calc(100% - 1px); background-color: rgba(255, 255, 255, 1); clip-path: polygon(0 0, calc(100% - 1px) 0, 0 calc(100% - 1px)); position: absolute; top: 1px; left; 0;}
#unit_business .nkm .nnm_amr { box-sizing: border-box; display: block; width: 72%; padding: 2em 0;}
#unit_business .nkm .wimg { width: 100%; text-align: center;}
#unit_business .nkm .wimg_sp0 { max-width: 560px; margin: 0 auto;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#unit_business .nkm .wimg_sp0 { max-width: 600px;}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
#unit_business h3 .simg_sp .stitle_img .stitle_txt { font-size: 140%;}
#unit_business .nkm dt { font-size: 120%;}
#unit_business .nkm .result_set, #unit_business .nkm .result_set0, #unit_business .nkm .result_set00 { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start;}
#unit_business .nkm .skk_set { padding-right: 0;}
#unit_business .nkm .result, #unit_business .nkm .infotxt { width: 50%; padding-right: 1em; font-size: 95%;}
#unit_business .nkm .result_set00 .infotxt { width: 62%; padding-right: 1em; font-size: 95%;}
#unit_business .nkm .wimg { width: 50%;}
#unit_business .nkm .result_set00 .wimg { width: 38%; margin: 0 auto;}
#unit_business .nkm .result_set0 .wimg { margin: 0 auto;}
#unit_business .nkm .img_ssp0 { width: 90%; margin: 0 auto;}
#unit_business .nkm .result_set00 .result { width: 100%;}
}

/*	unit_recruit
============================== */
#unit_recruit h4 { display: block; text-align: center;}
#unit_recruit .nkm { padding: 1.25em; position: relative; letter-spacing: .05em;}
#unit_recruit .nkm #conditions { width: 100%;}
#unit_recruit .nkm #conditions ul { width: 98%; margin: 1em auto; display: flex; flex-flow: row wrap; justify-content: center;}
#unit_recruit .nkm #conditions li { width: 100%; margin-bottom: 2em;}
#unit_recruit .nkm #conditions li:last-child { margin-bottom: 0;}
#unit_recruit .nkm #conditions .job-title_set { width: 96%; margin: 0 auto; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center;}
#unit_recruit .nkm #conditions .job-title_txt { width: 50%; text-align: left; font-size: 130%; color: rgba(45, 181, 255, 1); white-space: nowrap;}
#unit_recruit .nkm #conditions .job-title_txt:before { content: ' [';}
#unit_recruit .nkm #conditions .job-title_txt:after { content: '] ';}
#unit_recruit .nkm #conditions .job-title_img { width: 50%; height: 0; padding-top: 50%; background-repeat: no-repeat; background-size: contain;}
#unit_recruit .nkm #conditions .info_area { border: 3px solid; border-image: linear-gradient(to right, rgba(0,145,208,0.75) 0%,rgba(111,177,63,0.75) 100%); border-image-slice: 1; margin: 15px auto 0 auto; position: relative; padding: 1.5em 1em; text-align: center; color: rgba(0, 89, 171, 1); font-size: 90%;}
#unit_recruit .nkm #conditions .info_area:before { content: ''; width: 22px; height: 14px; clip-path: polygon(50% 0, 100% 100%, 0 100%); background: linear-gradient(to right,  rgba(0,145,208,0.75) 0%,rgba(111,177,63,0.75) 100%); position: absolute; top: -14px; left: calc(50% - 11px);}
/*for_W480-*/
@media (min-width: 480px) { 
#unit_recruit .nkm #conditions .job-title_txt { width: 45%; text-align: center; font-size: 150%;}
#unit_recruit .nkm #conditions .job-title_img { width: 55%;}
#unit_recruit .nkm #conditions .info_area { font-size: 100%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#unit_recruit .nkm #conditions ul { width: 100%; margin: 2em auto 0 auto; flex-flow: row nowrap; justify-content: space-between;}
#unit_recruit .nkm #conditions li { width: 32%; margin-bottom: 0; display: flex; flex-flow: row wrap; flex-direction: column;}
#unit_recruit .nkm #conditions .job-title_txt { width: 60%; text-align: right; font-size: 90%; display: flex; align-items: stretch;}
#unit_recruit .nkm #conditions .job-title_img { width: 40%; padding-top: 40%;}
#unit_recruit .nkm #conditions .info_area { box-sizing: border-box; width: 100%; border: 2px solid; border-image: linear-gradient(to right, rgba(0,145,208,0.75) 0%,rgba(111,177,63,0.75) 100%); border-image-slice: 1; padding: 1em .5em; margin: 15px auto 0 auto; position: relative; padding: 1.5em .5em; text-align: center; color: rgba(0, 89, 171, 1); font-size: 80% !important; flex-grow: 1;}

#unit_recruit #requirements .nkm { padding: 3em 0;}
#unit_recruit #requirements dt { width: 18%; text-align: right;}
#unit_recruit #requirements dd { box-sizing: border-box; width: 82%; padding-left: 2em;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#unit_recruit #intro { text-align: center;}
#unit_recruit .nkm #conditions .job-title_txt { text-align: right; font-size: 100%;}
}

#unit_recruit #flow { text-align: center;}
#unit_recruit .flow_title { width: 85%; max-width: 460px; display: block; margin: 1em auto;}
#unit_recruit .flow_title .step { width: calc(100% - 36px); display: block;margin: 0 auto; text-align: center; padding: 1em 0; background: linear-gradient(to right,  rgba(45,181,255,1) 0%,rgba(111,177,63,1) 100%); color: rgba(255, 255, 255, 1); font-size: 120%; font-weight: 700; position: relative;}
#unit_recruit .flow_title .step::before { content: ''; width: 18px; height: 100%; aspect-ratio: cos(30deg); clip-path: polygon(0 50%, 100% 0, 100% 100%); background-color: rgba(45, 181, 255, 1); position: absolute; top: 0; left: -18px;}
#unit_recruit .flow_title .step::after { content: ''; width: 18px; height: 100%; aspect-ratio: cos(30deg); clip-path: polygon(0 0, 100% 50%, 0 100%); background-color: rgba(111,177,63,1); position: absolute; top: 0; right: -18px;}
#unit_recruit #flow .nkm { padding: 1em 0 0 0;}
#unit_recruit .flow_txt { width: 100%; margin: 0 0 2.5em 0;}
/*for_W768-*/
@media (min-width: 768px) { 
#unit_recruit .flow_title .step { padding: .5em 0; font-size: 130%;}
#unit_recruit .flow_txt { margin: .75em 0 3em 0;}
}

#unit_recruit #faq { text-align: left; margin: 2em auto .5em auto;}
#unit_recruit #faq .nkm { padding: 1.25em 1em .5em 1em; letter-spacing: .025em;}
#unit_recruit #faq .faq_set { display: flex; flex-direction: column;}
#unit_recruit #faq .faq_q { box-sizing: border-box; position: relative; display: block; margin: 1.5em 0 .5em 0; border: solid 1px rgba(0, 145, 208, .3); border-right: solid 3px rgba(0, 145, 208, .3); border-bottom: solid 3px rgba(0, 145, 208, .3); border-radius: 30px; padding: .35em .25em 1em .75em; color: rgba(0, 145, 208, 1); font-weight: 700;}
#unit_recruit #faq .faq_q .fkds { width: 12px; height: 10px; clip-path: polygon(0 50%, 100% 0, 100% 100%); background-color: rgba(0, 145, 208, .3); position: absolute; top: 50%; left: -12px; margin-top: -5px;}
#unit_recruit #faq .faq_q .fkds:before { content: ""; width: 11px; height: 6px; clip-path: polygon(0 50%, 100% 0, 100% 100%); background-color: rgba(255, 255, 255, 1); position: absolute; top: 1px; left: 2px; }
#unit_recruit #faq .faq_q .qtxt { font-size: 180%; font-weight: 900; color: rgba(45, 181, 255, 1);}

/*#unit_recruit #faq .faq_a { width: 100%; display: flex; flex-flow: row-reverse nowrap; justify-content: space-around; align-items: stretch; position: relative;}*/
#unit_recruit #faq .faq_a { width: 100%; }
#unit_recruit #faq .faq_a .faqp_sp { width: 50%; float: right;}
#unit_recruit #faq .faq_a .faqp { width: 100%; height: 0; padding-top: 170.638297872340426%; padding-top: -webkit-calc(802 / 470 * 100%); padding-top: calc(802 / 470 * 100%); background-repeat: no-repeat; background-size: contain;}
/*
#unit_recruit #faq .faq_a #faq_m1 { background-image: url(images/faq_m1.png);}
#unit_recruit #faq .faq_a #faq_m2 { background-image: url(images/faq_m2.png);}
#unit_recruit #faq .faq_a #faq_m3 { background-image: url(images/faq_m3.png);}
#unit_recruit #faq .faq_a #faq_f1 { background-image: url(images/faq_f1.png);}
#unit_recruit #faq .faq_a #faq_f2 { background-image: url(images/faq_f2.png);}
#unit_recruit #faq .faq_a #faq_f3 { background-image: url(images/faq_f3.png);}
*/
#unit_recruit #faq .faq_a .faqp_txtsp { box-sizing: border-box; width: 74%; position: relative; display: block; margin: 1.5em 0; border: solid 1px rgba(0, 145, 208, .3); border-left: solid 3px rgba(180, 230, 144, .75); border-bottom: solid 3px rgba(180, 230, 144, .75); border-radius: 30px; padding: .35em .75em 1em .75em; background-color: rgba(255, 255, 255, 1); color: rgba(62, 141, 4, 1); font-weight: 700; float: left; margin-top: -75%;}
#unit_recruit #faq .faq_a .faqp_txtsp .fkds { width: 12px; height: 10px; clip-path: polygon(0 0, 100% 50%, 0 100%); background-color: rgba(0, 145, 208, .3); position: absolute; top: 30px; right: -12px;}
#unit_recruit #faq .faq_a .faqp_txtsp .fkds:before { content: ""; width: 11px; height: 6px; clip-path: polygon(0 0, 100% 50%, 0 100%); background-color: rgba(255, 255, 255, 1); position: absolute; top: 1px; right: 2px; }
#unit_recruit #faq .faq_a .atxt { font-size: 180%; font-weight: 900; color: rgba(140, 218, 83, 1);}
#unit_recruit #faq .faq_a .nametxt { text-align: right; color: rgba(125, 164, 96, 1); padding: 1em .75em 0 0;}
#unit_recruit #faq { padding-bottom: 0;}
/*for_W480-*/
@media (min-width: 480px) { 
#unit_recruit #faq .faq_set { font-size: 105%; padding-bottom: .5em;}
#unit_recruit #faq .faq_q { padding: .85em 1.5em 1.5em 1.5em;}
#unit_recruit #faq .faq_a .faqp_txtsp { padding: .85em 1.5em 1.5em 1.5em; font-size: 100%; letter-spacing: .05em; left: 0;}
#unit_recruit #faq .faq_a .nametxt { padding: 1em .25em 0 0;}
}
/*for_W640-*/
@media (min-width: 640px) { 
#unit_recruit #faq .faq_a .faqp_sp { width: 30%;}
#unit_recruit #faq .faq_a .faqp_txtsp { width: 80%; margin-top: -45%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#unit_recruit #faq .faq_set { display: flex; flex-direction: column;}
#unit_recruit #faq .faq_q { width: 60%; display: inline-block; padding: .35em 1.5em 1em 1.5em;}
#unit_recruit #faq .faq_a .faqp_sp { width: 30%; margin: -6em 0 0 0;}
#unit_recruit #faq .faq_set:last-child .faq_a .faqp_sp { margin-bottom: 8em;}
#unit_recruit #faq .faq_a .faqp_txtsp { width: 70%; margin: 1.5em 0; padding: .35em 1.5em 1em 1.5em; top: 0; left: 50%;transform: translateX(-50%); -webkit-transform: translateX(-50%);}
}

/*	unit_contact
============================== */
#unit_contact .telephone { padding-left: 22px; position: relative;}
#unit_contact .telephone::before { content: ''; width: 14px; height: 14px; background-repeat: no-repeat; background-size: contain; background-image: url(images/telephone.png); position: absolute; top:0; left: 0;}
#unit_contact .tel_txt { display: none;}
#unit_contact .toiawase_btn { text-align: center; padding-bottom: 1em;}
#unit_contact .toiawase_btn .btn a { display: inline-block; margin: 1em auto; text-align: center; padding: .75em 60px; background: linear-gradient(to right,  rgba(45,181,255,1) 0%,rgba(111,177,63,1) 100%); color: rgba(255, 255, 255, 1); font-size: 120%; font-weight: 700; border-radius: 50px; position: relative; z-index: 1000;}
#unit_contact .toiawase_btn .btn a:hover { opacity: .8;}
#unit_contact .popup { padding-left: 22px; position: relative; white-space: nowrap;}
#unit_contact .popup::before { content: ''; width: 14px; height: 14px; background-repeat: no-repeat; background-size: contain; background-image: url(images/popup.png); position: absolute; top:50%; left: 0; margin-top: -7px;}
#unit_contact #chat_lnk { display: inline-block; width: 60px; margin: 2px 5px 0 0;} 
/*for_W640-*/
@media (min-width: 640px) { 
#unit_contact .telephone::before { width: 16px; height: 16px;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#unit_contact #toiawase { text-align: center;}
#unit_contact #toiawase dl { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center;}
#unit_contact #toiawase dt { padding: .5em 1em;}
#unit_contact #toiawase dd { text-align: left;}
#unit_contact a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none;}
#unit_contact .telephone::before { display: none;}
#unit_contact .tel_txt { display: inline-block;}
#unit_contact #chat_lnk { display: inline-block; width: 80px; margin: 4px 5px 0 0;} 
}

/*_form*/
#mailform { padding-bottom: 0;}
#mailform .nkm { max-width: 900px; margin: 0 auto;}
.cform { width: 100%; margin: 0 auto;}
.cform th { padding: .5em; text-align: left;}
.cform td { font-size: 110%; line-height: 180%; padding: 0 0 1em .5em; text-align: left;}
.cform input[type='tel'], .cform input[type='text'], .cform input[type='email'], .cform textarea, .cform select { padding: .75em 1em; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(204, 204, 204, 1); border-radius: 10px;}
.cform .stext-sp { max-width: 300px;}
.cform .sstext-sp { max-width: 160px;}
.cform input[name='post'] { width: 60%; max-width: 160px;}
.cform textarea { font-size: 0.8rem;}
.cform select { width: 50%; background-color: rgba(255, 255, 255, 1); margin-bottom: .5em;}
.cform .submit-btn input { background-color: rgba(88, 102, 173, 1); border: 0; color: #ffffff; font-size: 1.1em; font-weight: bolder; margin: 0 auto; padding: 10px 35px; border-radius: 3px; cursor: pointer; text-align: center;}
.cform .submit-btn { text-align: center; margin-top: 20px; cursor: pointer;}
.cform .submit-btn input:hover { background: rgba(88, 102, 173, 0.8); color: rgba(255, 255, 255, 1); cursor: pointer;}
.cform .required-srt { font-size: .85em; font-weight: 700; padding: 2px 6px; border-radius: 5px; margin-right: 10px; background: rgba(111, 177, 63, 1); color: rgba(255, 255, 255, 1);}
.cform .privacy_overf { box-sizing: border-box; width: 100%; height: 300px; overflow: hidden; overflow-y: auto; border: 1px solid rgba(204, 204, 204, 1); padding: 1em; font-size: 90%;}
.cform .privacy_overf dd { line-height: 140%; font-size: 95%;}
.cform .privacy_overf dd ul li { list-style: disc; margin-left: 1.5em; padding-left: .25em;}
.cform .checkbtn_sp { padding: .5em 0;}
.cform .checkbtn_sp input[type="checkbox"] { margin: 0 5px 5px 0; width: 18px; height: 18px;}
.cform .checkbtn_sp label { font-size: .9em; padding- left: 1em; font-weight: 700;}
.cform button { padding: 0; border: none; outline: none; font: inherit; color: inherit; background: none; font-family : inherit;}
.cform .btn { display: inline-block; margin: 1em auto; text-align: center; padding: .75em 60px; color: rgba(255, 255, 255, 1); font-size: 120%; font-weight: 700; border-radius: 50px; background: linear-gradient(to right,  rgba(45,181,255,1) 0%,rgba(111,177,63,1) 100%); cursor: pointer; border: 0;}
.cform .btn0 { background: rgba(200, 200, 200, 1); cursor: default; pointer-events: none;}
.wpcf7-not-valid-tip { font-size: 80%;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border: 0; color: rgba(220, 50, 50, 1); text-align: center;}
.wpcf7-response-output { text-align: center; padding: 1em 0;}
.confirm td { color: rgba(100, 100, 100, 1);}
/*for_W768-*/
@media (min-width: 768px) { 
.cform .privacy_overf dl { flex-flow: row wrap;}
.cform .privacy_overf dt { width: 100%; text-align: left; padding-bottom: 0;}
.cform .privacy_overf dd { width: 100%; font-size: 90%; padding-left: 0;}
}

/*                                unit_privacy_policy, unit_term-kiyaku
============================== */
#privacy_policy dt, #kiyaku dt { font-size: 110%; color: rgba(0, 145, 208, 1);}
#privacy_policy dd ul li { list-style: disc; margin-left: 1.5em; padding-left: .25em; font-size: 90%;}
#kiyaku ol li { list-style: decimal; margin-left: 1.75em; padding-left: .5em; padding-bottom: .25em;}
#kiyaku ol li::marker { font-weight: 700; color: rgba(0, 145, 208, .5);}
/*for_W768-*/
@media (min-width: 768px) { 
#privacy_policy .nkm, #kiyaku .nkm { max-width: 900px; margin: 0 auto;}
#privacy_policy dl, #kiyaku dl { flex-flow: row wrap;}
#privacy_policy dt, #kiyaku dt { width: 100%; text-align: left; padding-bottom: .25em;}
#privacy_policy dd, #kiyaku dd { width: 100%; font-size: 90%; padding-left: 0; line-height: 160%;}
}

.wpcf7 p { display: inline;}

/*radio*/
input[type="radio"] { position: relative; width: 16px; height: 16px; border: 1px solid #999; border-radius: 50%; vertical-align: -2px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="radio"]:checked:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9px; height: 9px; border-radius: 50%; background: #999; content: '';}

/*for_W768-*/
@media (min-width: 768px) { 
/*tel_link*/
.telephone {pointer-events: none;}
}

.EmbeddedViralLink__StyledIframe-k8s5dy-0 fLOJfY { display: none;}

/*title_text-anm*/
.mv_catch { display: inline-block; animation: catchmv 1.8s ease-in-out forwards; animation-delay: 1.5s; opacity: 0; left: -10%;}
.mv_title { display: inline-block; font-size: 150%; animation: titlemv .8s ease-in-out forwards; animation-delay: 2.4s; opacity: 0; transform: scale(1.5, 1.5);}
.mv_text { display: inline-block; animation: textmv 2s ease-in-out forwards; animation-delay: 4s; opacity: 0; }
#ttabt { animation: textmv 2s ease-in-out forwards; animation-delay: 4s; opacity: 0; }
@keyframes catchmv { 0% { opacity: 0; margin-left: -10%; } 100% { opacity: 1; margin-left: 0; } }
@keyframes titlemv { 0% { opacity: 0; transform: scale(1.5, 1.5); } 100% { opacity: 1; transform: scale(1, 1); } }
@keyframes textmv { 0% { opacity: 0; } 100% { opacity: 1; } }