@charset "utf-8";
/*
Theme Name: kaibun
Theme URI: http://notnil-creative.com/
Description: WordPress構築ベーステーマ
Author: Takuro Hishikawa (@HissyNC)
Version: 1.0
*/


/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: middle; margin-right: 10px;}
.ie6 input {vertical-align: middle;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: inherit;}
a:hover {color: inherit;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}


/* HTML5 Reset end
-------------------------------------------------------------------------------*/


/*
Standard Classes
Author:Takuro Hishikawa
*/
strong{font-weight:bold}
.nomargin{margin:0!important}
.noborder{border:0!important}
.alignleft{text-align:left}
.aligncenter{text-align:center}
.alignright{text-align:right}
.clearboth{clear:both}
.clearleft{clear:left}
.clearright{clear:right}
img.alignleft,.floatleft{float:left;margin:0 10px 10px 0}
img.alignright,.floatright{float:right;margin:0 0 10px 10px}

*{
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo, sans-serif;
	box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-rendering: geometricPrecision;
    -moz-text-rendering: geometricPrecision;
    -ms-text-rendering: geometricPrecision;
    -o-text-rendering: geometricPrecision;
    -moz-osx-font-smoothing: grayscale;
    color: #111;
}

h1, h2, h3, h4{
	font-family: 'Ubuntu', 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo, sans-serif;
}

a{
	transition: .3s;
}
a:hover{
	opacity: 0.6;
}

body{
	background: url(images/common/bg-stripe-white.png);
}

.wrap{
	width: 980px;
	margin: 0 auto;
	position: relative;
}
div#content{
	overflow: hidden;
}

/*** index ***/

.mainV{
	position: relative;
}
.mainV:before{
	content: '';
	width: 100%;
	height: 860px;
	background: url(images/common/bg-stripe-green.png);
	transform: skewY(-8deg);
    position: absolute;
    top: -180px;
    left: 0;
    z-index: -1;
}
.main-inner{
	overflow: hidden;
}
.mainV-wrap{
	width: 1110px;
	margin: 0 auto;
	height: 750px;
	position: relative;
}
.home h1{
	font-size: 58px;
	color: #fff;
	padding-top: 240px;
	position: relative;
	z-index: 100;
}
.home h1 span{
	font-size: 32px;
	color: #fff;
	display: block;
	margin-top: 20px;
}
.mainV-wrap img.main-img{
	position: absolute;
	top: 120px;
	right: -180px;
}
.sp-main-img{
	display: none;
}
a.to-scroll{
	display: table;
	position: absolute;
	left: 0;
	bottom: 200px;
}
.hidden-wrap{
	overflow: hidden;
	position: relative;
}
.index-about .hidden-wrap{
	top: -40px;
}
.index-about .wrap{
	height: 540px;
}
.index-about img{
	position: absolute;
	top: 0px;
	right: -140px;
}
.index-about img.sp{
	display: none;
}
.home h2{
	font-size: 36px;
	color: #73BE5E;
	font-weight: 700;
	display: flex;
	align-items: baseline;
	column-gap: 10px;
}
.home h2 span{
	font-size: 20px;
	color: #73BE5E;
}
.index-about h2{
	padding: 140px 0 40px;
}
.index-about p{
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 30px;
	position: relative;
	z-index: 100;
}

a.more-btn{
	font-size: 24px;
	letter-spacing: 0.05em;
	position: relative;
	font-family: 'Ubuntu', 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo, sans-serif;
}

a.more-btn:before{
	content: '';
	width: 24px;
	height: 27px;
	background: url(images/index/arrow.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 1px;
	right: -40px;
}

.index-service{
	background: url(images/common/bg-stripe-black.png);
	transform: skewY(-8deg);
	position: relative;
    top: -50px;
}

.index-service .wrap{
	transform: skewY(8deg);
	height: 540px;
}

.index-service h2{
	padding: 140px 0 40px;
}

.index-service p{
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 30px;
	color: #fff;
	position: relative;
	z-index: 100;
}

.index-service .more-btn, .index-recruit .more-btn{
	color: #fff;
}

.index-service .more-btn:before,
.index-recruit .more-btn:before{
	content: '';
    width: 24px;
    height: 27px;
    background: url(images/index/arrow-white.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 1px;
    right: -40px;
}

.index-service img{
	position: absolute;
	top: 70px;
	right: -130px;
}
.index-service img.sp{
	display: none;
}

.index-info h2 {
	margin-top: 130px;
}

.index-info table {
	margin: 40px 0 100px;
	border-collapse: separate;
	border-spacing: 0 11px;
}

.index-info table td,
.index-info table th {
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
}

.index-info table th {
	font-size: 18px;
	letter-spacing: 0.05em;
	color: #73BE5E;
	text-align: left;
}

.index-info table td {
	font-size: 18px;
	padding-left: 100px;
}

.index-recruit {
	position: relative;
	padding-bottom: 100px;
}
.index-recruit .wrap{
	height: 730px;
}
.index-recruit:before{
	content: '';
	width: 100%;
	height: 1000px;
	background: url(images/common/bg-stripe-blue.png);
	transform: skewY(-8deg);
	position: absolute;
	top: 0;
	left: 0;
}
.index-recruit h2 {
    padding-top: 160px;
    color: #fff;
}
.index-recruit h2 span {
    color: #fff;
}
.recruit-copy {
	color: #fff;
	font-size: 38px;
	font-weight: bold;
	margin-top: 30px;
}
.recruit-copy span{
	position: relative;
	color: #fff;
}
.recruit-copy span:nth-of-type(1):before{
	content: 'MOTION';
	font-size: 14px;
	color: #fff;
	position: absolute;
    top: -18px;
    left: 0;
    display: block;
    text-align: center;
    width: 100%;
}
.recruit-copy span:nth-of-type(2):before{
	content: 'EMOTION';
	font-size: 14px;
	color: #fff;
	position: absolute;
    top: -18px;
    left: 0;
    display: block;
    text-align: center;
    width: 100%;
}
.recruit-copy-s{
	color: #fff;
	font-size: 28px;
	margin-top: 20px;
	line-height: 1.8em;
	margin-bottom: 30px;
	font-weight: bold;
	position: relative;
	z-index: 100;
}
.recruit-copy-s span{
	position: relative;
	color: #fff;
}
.recruit-copy-s span:before{
	content: 'ENERGY';
	font-size: 11px;
	position: absolute;
	top: -32px;
	left: 0;
	display: block;
	text-align: center;
	width: 100%;
}
.recruit-bg{
	position: absolute;
	bottom: 0;
	right: -130px;
}
.recruit-bg.sp{
	display: none;
}

/* エントリー固定ボタン */

a.float-btn {
	display: none;
}

/*** page ***/

.page-main{
	position: relative;
}
.page-main:before{
    content: '';
    width: 100%;
    height: 700px;
    background: url(images/common/bg-stripe-green.png);
    transform: skewY(-8deg);
    position: absolute;
    top: -180px;
    left: 0;
    z-index: -1;
}
.page-main:after{
	content: '';
	width: 100%;
	height: 780px;
	background: url(images/common/bg-stripe-black.png);
	transform: skewY(-8deg);
	position: absolute;
	top: -180px;
	left: 0;
	z-index: -2;
}
.page-main-inner{
	overflow: hidden;
}
.page-main .wrap{
	position: relative;
	width: 1110px;
	margin: 0 auto;
	height: 750px;
}
.page-main h1{
	font-size: 48px;
	color: #fff;
	padding-top: 180px;
	font-weight: 500;
	display: flex;
	align-items: baseline;
	column-gap: 10px;
	position: relative;
	z-index: 100;
}
.page-main h1 span {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}
.page-main h1 + p{
	display: block;
	color: #fff;
	font-size: 44px;
	margin-top: 40px;
	font-weight: bold;
	position: relative;
	z-index: 100;
}
.page-main img{
	position: absolute;
	top: 60px;
	right: -48px;
}
.page-main img.sp{
	display: none;
}
.page-template-default h2{
	color: #73BE5E;
	font-size: 36px;
	padding: 120px 0 40px;
	display: flex;
	align-items: baseline;
	column-gap: 10px;
}
.page-template-default h2 span{
	font-size: 20px;
	color: #73BE5E;
}
.page-template-default footer{
	margin-top: 270px;
}

/*** about ***/

.ceo-img{
	width: 270px;
	height: 320px;
	position: relative;
	float: left;
}
.ceo-img img{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.message-box{
	float: right;
	width: calc(100% - 300px);
}

.message-box h2{
	padding: 0 0 30px;
}

.message-box p{
	font-size: 16px;
	margin-bottom: 1em;
	line-height: 1.8;
}

.message-box p.ceo-name{
	text-align: right;
}
.message-box p.ceo-name span{
	font-size: 18px;
	margin-left: 1em;
}
.identity-img .pc {
	display: block;
}	
.identity-img .sp {
	display: none;
}	

table.comp-about th{
	font-size: 18px;
	font-weight: 500;
	text-align: left;
	vertical-align: text-top;
	padding: 10px 40px 10px 0;
	white-space: nowrap;
}

table.comp-about th .flex-cell{
	display: flex;
	justify-content: space-between;
}

table.comp-about td{
	font-size: 18px;
	line-height: 1.8em;
	padding: 10px 0;
	font-weight: 500;
}

table.comp-about td .flex{
	display: flex;
	flex-wrap: wrap;
}
table.comp-about td ul{
	width: 100%;
}

table.comp-history th{
	font-size: 18px;
	text-align: left;
	vertical-align: text-top;
	padding: 6px 40px 6px 0;
	font-weight: 500;
	line-height: 1.8em;
}

table.comp-history td{
	font-size: 18px;
	padding: 6px 0;
	font-weight: 500;
	line-height: 1.8em;
}

table.comp-history td:nth-of-type(1){
	text-align: right;
	white-space: nowrap;
	padding-right: 40px;
}
ul.access{
	margin-bottom: 30px;
}
ul.access li{
	font-weight: 500;
	font-size: 16px;
	line-height: 1.8em;
}
#about iframe{
	border: solid 1px #241D1B !important;
}

/*** service ***/

#service .page-main img{
	top: 145px;
}
.service-intro{
	margin-bottom: 30px;
}
.service-intro h2{
	padding-top: 0;
}
.service-intro p{
	font-size: 18px;
	margin-bottom: 1em;
	font-weight: 500;
	line-height: 1.8;
}
.service-icon{
	width: 250px;
	float: left;
}
.service-box{
	margin-top: 110px;
}
.service-content{
	width: calc(100% - 250px);
	float: left;
}
.service-content h3{
	font-size: 36px;
	font-weight: 500;
}
.service-content h3 span{
	display: block;
	font-size: 20px;
	font-weight: 600;
}

.service-box:nth-of-type(1) h3, .service-box:nth-of-type(1) h3 span{
	color: #F2B949;
}
.service-box:nth-of-type(2) h3, .service-box:nth-of-type(2) h3 span{
	color: #E35F57;
}
.service-box:nth-of-type(3) h3, .service-box:nth-of-type(3) h3 span{
	color: #50A6B1;
}

.service-content p{
	margin: 40px 0 20px;
	font-size: 18px;
	line-height: 1.8;
}

.service-content ul{
	background: #fff;
	border: solid 1px #241D1B;
	padding: 30px 60px;
	font-size: 18px;
	line-height: 1.8;
}

.service-content ul li{
	position: relative;
	padding-left: 30px;
}

.service-box:nth-of-type(1) ul li:before{
	content: '';
	width: 20px;
	height: 20px;
	background: url(images/service/icon01.png) no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 5px;
	left: 0;
}
.service-box:nth-of-type(2) ul li:before{
	content: '';
	width: 20px;
	height: 20px;
	background: url(images/service/icon02.png) no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 5px;
	left: 0;
}
.service-box:nth-of-type(3) ul li:before{
	content: '';
	width: 20px;
	height: 20px;
	background: url(images/service/icon03.png) no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 5px;
	left: 0;
}

/*** contact ***/

#contact h1{
    color: #73BE5E;
    font-size: 36px;
    padding: 120px 0 40px;
		display: flex;
		align-items: baseline;
		column-gap: 10px;
}
#contact h1 span {
	font-size: 20px;
	color: #73BE5E;
}

#contact p{
	font-size: 18px;
	line-height: 1.8;
}

#contact p a{
	color: #ED1C24;
	text-decoration: underline;
}

#contact form{
	width: 970px;
	margin: 0 auto;
}

#contact form table th{
	font-size: 18px;
	text-align: left;
	vertical-align: text-top;
	white-space: nowrap;
	padding: 8px 50px 8px 0;
}

#contact form table th span.red{
	background: #ED1C24;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 2px 6px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

#contact form table td{
	width: 100%;
}

input[type="text"], 
input[type="tel"], 
input[type="email"] {
	width: 100%;
	height: 44px;
	padding: 0 0.5em;
	border: solid 1px #241D1B;
	font-size: 15px;
}

textarea {
	width: 100%;
	padding: 0.5em;
	border: solid 1px #241D1B;
	font-size: 15px;
}

span.wpcf7-form-control-wrap.acceptance-775{
	display: block;
	border-top: solid 1px #241D1B;
	text-align: center;
	margin-top: 30px;
	padding-top: 10px;
}
#contact form table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 40px;
}
#post-num{
	width: 200px;
	margin-bottom: 20px;
}
span.post-mark {
    font-size: 20px;
    margin-right: 20px;
}
span.wpcf7-form-control-wrap.address{
	margin-top: 20px;
	display: block;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="reset"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="reset"]::focus,
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

ul.btn-center{
	text-align: center;
	margin-top: 90px;
}

ul.btn-center li{
	display: inline-block;
}

ul.btn-center li input{
	font-size: 20px;
	width: 250px;
	padding: 15px 0;
	text-align: center;
	border: solid 1px #241d1b;
}

ul.btn-center li input:first-of-type{
	margin-right: 20px;
}

span.consent-text{
	display: block;
	text-align: center;
	font-size: 16px;
}

span.consent-text a{
	 color: #ED1C24;
	text-decoration: underline;
}
span.center-error{
	text-align: center;
}

/***  privacy ***/

#privacy h1{
	font-size: 36px;
	color: #73be5e;
	padding-top: 120px;
	display: flex;
	align-items: baseline;
	column-gap: 10px;
}

#privacy h1 span{
	font-size: 20px;
	color: #73be5e;
}

#privacy #main h2{
	font-size: 26px;
	padding: 36px 0 30px;
}

#privacy #main h3{
	font-size: 20px;
	padding-bottom: 4px;
	border-bottom: solid 1px;
	margin-bottom: 10px;
}
#privacy .entry-content{
	font-weight: 600;
}
#privacy .entry-content p {
	font-size: 16px;
	margin-bottom: 2em;
}
#privacy .entry-content dl dt{
	font-size: 18px;
	margin-bottom: 1em;
	text-indent: -2.7em;
	margin-left: 2.7em;
}
#privacy .entry-content dl dd{
	margin-bottom: 2em;
	font-size: 16px;
	padding-left: 3em;
}
#privacy .entry-content dl .txt-indent {
	padding-left: 3.7em;
	text-indent: -1em;
}
#privacy p.right-text{
	text-align: right;
}
#privacy .entry-content dl dd ul li{
	padding-left: 2em;
	text-indent:-1em;
	margin-bottom: 1em;
}
#privacy .entry-content dl.indent dd{
	padding-left: 2em;
	text-indent:-1em;	
}
#privacy ul.privacy-info li{
	font-size: 16px;
	margin-bottom: 1em;
	padding-left: 2em;
	text-indent:-1em;
}


/***  security ***/

#security h1{
	font-size: 36px;
	color: #73be5e;
	padding-top: 120px;
	display: flex;
	align-items: baseline;
	column-gap: 10px;
}

#security h1 span{
	font-size: 20px;
	color: #73be5e;
}

#security #main h2{
	font-size: 26px;
	padding: 36px 0 30px;
}

#security #main h3{
	font-size: 20px;
	padding-bottom: 4px;
	border-bottom: solid 1px;
	margin-bottom: 10px;
}
#security .entry-content{
	font-weight: 600;
}
#security .entry-content p {
	font-size: 16px;
	margin-bottom: 2em;
}
#security .entry-content dl dt{
	font-size: 18px;
	margin-bottom: 1em;
	text-indent: -2.7em;
	padding-left: 2.7em;
}
#security .entry-content dl dd{
	margin-bottom: 2em;
	font-size: 16px;
	padding-left: 3em;
}
#security .entry-content dl dd.txt-indent {
	text-indent: -1em;
	padding-left: 4em;
}
#security .entry-content dl dd ul li{
	padding-left: 2em;
	text-indent:-1em;
	margin-bottom: 1em;
}
#security ul.security-info li{
	font-size: 16px;
	margin-bottom: 1em;
	padding-left: 2em;
	text-indent:-1em;
}
#security p.right-text{
	text-align: right;
}



/*** sitemap ***/

#sitemap h1	{
	color: #73BE5E;
	font-size: 36px;
	padding: 120px 0 40px;
	display: flex;
	align-items: baseline;
	column-gap: 10px;
}	

#sitemap h1	span {
	font-size: 20px;
	color: #73BE5E;
}

ul.site-map {
	font-size: 16px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.site-map > li {
	padding: 0 30px 30px 22px;
	position: relative;
}
ul.site-map > li:before{
	content: '';
    width: 17px;
    height: 17px;
	background: url(images/sitemap/icon-map.png) no-repeat;
	background-size: contain;
	position: absolute;
    top: 1px;
    left: -0px;
}
ul.site-map > li > ul{
	margin-left: 10px;
	margin-top: 20px;
}
ul.site-map > li > ul > li{
	margin-bottom: 10px;
	background: #ededed;
    padding: 4px;
}
p.thanks-message{
	margin-top: 20px;
    margin-bottom: 50px;
    font-weight: bold;
}

.span-inline {
	display: inline-block;
}

.span-inline::before {
	content: '' !important;
}

@media all and (-ms-high-contrast: none) {
  .recruit-copy span:nth-of-type(1):before, .recruit-copy span:nth-of-type(2):before {
    	top: -14px;
  }
  .recruit-copy-s span:before{
  	top: -31px;
  }