body {
  -webkit-text-size-adjust: 100%;
	padding-top: 110px;
	background-color: #fff;
	font-size: 16px;
	line-height: 1.8;
	font-family: -apple-system, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;
}
@media (max-width: 1024px) {
	body {
		padding-top: 90px;
	}
}
@media (max-width: 767px) {
	body {
		padding-top: 80px;
	}
}


/*clearfix*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 0.5em !important;
}
.mt10 {
	margin-top: 1em !important;
}
.mt15 {
	margin-top: 1.5em !important;
}
.mt20 {
	margin-top: 2em !important;
}
.mt30 {
	margin-top: 3em !important;
}
.mt40 {
	margin-top: 4em !important;
}
.mt50 {
	margin-top: 5em !important;
}
.mt60 {
	margin-top: 6em !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 0.5em !important;
}
.mb10 {
	margin-bottom: 1em !important;
}
.mb15 {
	margin-bottom: 1.5em !important;
}
.mb20 {
	margin-bottom: 2em !important;
}
.mb30 {
	margin-bottom: 3em !important;
}
.mb40 {
	margin-bottom: 4em !important;
}
.mb50 {
	margin-bottom: 5em !important;
}
.mb60 {
	margin-bottom: 6em !important;
}

.pt0 {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: 0.5em !important;
}
.pt10 {
	padding-top: 1em !important;
}
.pt15 {
	padding-top: 1.5em !important;
}
.pt20 {
	padding-top: 2em !important;
}
.pt30 {
	padding-top: 3em !important;
}
.pt40 {
	padding-top: 4em !important;
}
.pt50 {
	padding-top: 5em !important;
}
.pb0 {
	padding-bottom: 0 !important;
}
.pb5 {
	padding-bottom: 0.5em !important;
}
.pb10 {
	padding-bottom: 1em !important;
}
.pb15 {
	padding-bottom: 1.5em !important;
}
.pb20 {
	padding-bottom: 2em !important;
}
.pb30 {
	padding-bottom: 3em !important;
}
.pb40 {
	padding-bottom: 4em !important;
}
.pb50 {
	padding-bottom: 5em !important;
}
.pb60 {
	padding-bottom: 6em !important;
}


.mr10 {
	margin-right: 10px !important;
}
.pr0 {
	padding-right: 0 !important;
}
.pr5 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pl0 {
	padding-left: 0 !important;
}
.pl5 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}

.no-padding {
	padding: 0 !important;
}
.no-padding-BothSides {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.no-margin {
	margin: 0 !important;
}

.pull-right {
    float: right;
}

.TextLeft {
	text-align: left !important;
}
.TextRight {
	text-align: right !important;
}
.TextCenter {
	text-align: center !important;
}
@media (max-width: 767px) {
	.TextSmCenter {
		text-align: center !important;
	}
}

.Text10 {
	font-size: 10px !important;
}
.Text11 {
	font-size: 11px !important;
}
.Text12 {
	font-size: 12px !important;
}
.Text13 {
	font-size: 13px !important;
}
.Text14 {
	font-size: 14px !important;
}
.Text16 {
	font-size: 16px !important;
}
.Text18 {
	font-size: 18px !important;
}
.Text21 {
	font-size: 21px !important;
}
.Text24 {
	font-size: 24px !important;
}
.Text30 {
	font-size: 30px !important;
}
.Text40 {
	font-size: 40px !important;
}
.Text1em {
	font-size: 1em !important;
}
.Text2em {
	font-size: 2em !important;
}
.Text3em {
	font-size: 3em !important;
}
.fa {
	font-size: 24px;
}

.TextBold,
.bold{
	font-weight: bold !important;
}
.TextNormal {
	font-weight: normal !important;
}

.TextWhite {
	color: #fff !important;
}
.TextBlack {
	color: #000 !important;
}
.TextBlue {
	color: #217fc4 !important;
}
.TextNBlue {
	color: #1d4871 !important;
}
.TextDBlue {
	color: #003366 !important;
}
.TextLRed {
	color: #ff2600 !important;
}
.TextRed {
	color: #cc0000 !important;
}
.TextOrange {
	color: #fabd03 !important;
}
.TextlightOrange {
	color: #ff9900 !important;
}
.TextMincho {
	font-family:  "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* ページ内アンカー位置調整 */
.anchor{
	padding-top:140px;
	margin-top:-140px;
}


/* Bootstrap 480pxのブレイクポイント追加
   ---------------------------------------------------------------------------*/


/* .row の左右のネガティブマージンを0にする */
.row--nopadding {
  margin-left: 0;
  margin-right: 0;
}

/* .row--nopadding の中にあるカラムの左右のパディングを0にする */
.row--nopadding > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

/* [+] col-xxs- */
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
@media (max-width: 479px) {
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
        float: left;
    }
    .col-xxs-12 {
        width: 100%;
    }
    .col-xxs-11 {
        width: 91.66666667%;
    }
    .col-xxs-10 {
        width: 83.33333333%;
    }
    .col-xxs-9 {
        width: 75%;
    }
    .col-xxs-8 {
        width: 66.66666667%;
    }
    .col-xxs-7 {
        width: 58.33333333%;
    }
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-5 {
        width: 41.66666667%;
    }
    .col-xxs-4 {
        width: 33.33333333%;
    }
    .col-xxs-3 {
        width: 25%;
    }
    .col-xxs-2 {
        width: 16.66666667%;
    }
    .col-xxs-1 {
        width: 8.33333333%;
    }
    .col-xxs-pull-12 {
        right: 100%;
    }
    .col-xxs-pull-11 {
        right: 91.66666667%;
    }
    .col-xxs-pull-10 {
        right: 83.33333333%;
    }
    .col-xxs-pull-9 {
        right: 75%;
    }
    .col-xxs-pull-8 {
        right: 66.66666667%;
    }
    .col-xxs-pull-7 {
        right: 58.33333333%;
    }
    .col-xxs-pull-6 {
        right: 50%;
    }
    .col-xxs-pull-5 {
        right: 41.66666667%;
    }
    .col-xxs-pull-4 {
        right: 33.33333333%;
    }
    .col-xxs-pull-3 {
        right: 25%;
    }
    .col-xxs-pull-2 {
        right: 16.66666667%;
    }
    .col-xxs-pull-1 {
        right: 8.33333333%;
    }
    .col-xxs-pull-0 {
        right: auto;
    }
    .col-xxs-push-12 {
        left: 100%;
    }
    .col-xxs-push-11 {
        left: 91.66666667%;
    }
    .col-xxs-push-10 {
        left: 83.33333333%;
    }
    .col-xxs-push-9 {
        left: 75%;
    }
    .col-xxs-push-8 {
        left: 66.66666667%;
    }
    .col-xxs-push-7 {
        left: 58.33333333%;
    }
    .col-xxs-push-6 {
        left: 50%;
    }
    .col-xxs-push-5 {
        left: 41.66666667%;
    }
    .col-xxs-push-4 {
        left: 33.33333333%;
    }
    .col-xxs-push-3 {
        left: 25%;
    }
    .col-xxs-push-2 {
        left: 16.66666667%;
    }
    .col-xxs-push-1 {
        left: 8.33333333%;
    }
    .col-xxs-push-0 {
        left: auto;
    }
    .col-xxs-offset-12 {
        margin-left: 100%;
    }
    .col-xxs-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-xxs-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-xxs-offset-9 {
        margin-left: 75%;
    }
    .col-xxs-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-xxs-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-xxs-offset-6 {
        margin-left: 50%;
    }
    .col-xxs-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-xxs-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-xxs-offset-3 {
        margin-left: 25%;
    }
    .col-xxs-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-xxs-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-xxs-offset-0 {
        margin-left: 0;
    }
}
/* [+] hidden-xxs */
@media (max-width: 479px) {
    .hidden-xxs {
        display: none !important;
    }
}
/* [+] visible-xxs and visible-xxs- */
.visible-xxs {
    display: none !important;
}
.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block {
    display: none !important;
}
@media (max-width: 479px) {
    .visible-xxs {
        display: block !important;
    }
    table.visible-xxs {
        display: table;
    }
    tr.visible-xxs {
        display: table-row !important;
    }
    th.visible-xxs,
    td.visible-xxs {
        display: table-cell !important;
    }
    .visible-xxs-block {
        display: block !important;
    }
    .visible-xxs-inline {
        display: inline !important;
    }
    .visible-xxs-inline-block {
        display: inline-block !important;
    }
}



/* Bootstrap gutter
   ---------------------------------------------------------------------------*/

/*カラム落ち調整.rowにFlexboxを当てる*/
.flex {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari6.1以降 */
	flex-wrap: wrap;
}

/*gridのgutter調整*/

/*↓タレントリスト用*/
.row0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row0 > div {
  padding-right: 0px;
  padding-left: 0px;
}
/*↑タレントリスト用*/

.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-0 > div {
  padding-right: 0px;
  padding-left: 0px;
}
.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-10 > div {
  padding-right: 5px;
  padding-left: 5px;
}
.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-20 > div {
  padding-right: 10px;
  padding-left: 10px;
}
.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}
.row-30 > div {
  padding-right: 15px;
  padding-left: 15px;
}
.row-40 {
  margin-left: -20px;
  margin-right: -20px;
}
.row-40 > div {
  padding-right: 20px;
  padding-left: 20px;
}
.row-50 {
  margin-left: -25px;
  margin-right: -25px;
}
.row-50 > div {
  padding-right: 25px;
  padding-left: 25px;
}
.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
/*.row-0::before, .row-0::after,
.row-10::before, .row-10::after,
.row-20::before, .row-20::after,
.row-30::before, .row-30::after,
.row-40::before, .row-40::after,
.row-50::before, .row-50::after {
    content: " ";
    display: table;*/
}
.row-0::after,
.row-10::after,
.row-20::after,
.row-30::after,
.row-40::after,
.row-50::after {
    clear: both;
}



/*
|--------------------------------------------------------------------------
| Contents 
|--------------------------------------------------------------------------
*/	

.ln-doc-example {
	padding: 45px;
	border: 10px solid #eaeaea;
	border-radius: 0;
}

p.PrivacyPolicy,
address.PrivacyPolicy {
	font-size:12px;
}
ul.PrivacyPolicy,
ol.PrivacyPolicy {
	font-size:12px;
	padding-left:15px;
}

.button,
.button-back {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.button::before,
.button::after,
.button-back::before,
.button-back::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after,
.button-back,
.button-back::before,
.button-back::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	background-color: #999933;
	color: #fff;
}
.button:hover {
	background-color: #cccc33;
}
.button:active {
	background-color: #666600;
}
.button-back {
	background-color: #cccccc;
	color: #fff;
}
.button-back:hover {
	background-color: #e5e5e5;
}
.button-back:active {
	background-color: #999999;
}

.contact-check {
	padding-bottom: 7px;
	margin-bottom: 30px;
	border-bottom: thin solid #e5e5e5;
}
.Input-item {
	font-weight: 700;
	padding-bottom: 20px;
}
.Input-contents {
	padding-bottom: 20px;
}

div.attention {
    border: thin solid #e5e5e5;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 30px 30px 15px;
}
div.attention ul {
    padding-left: 20px;
}
div.attention ul li {
    margin-bottom: 15px;
}

.products {
	padding: 30px 40px 20px;
	border: thin solid #ccc;
	background-color: #CCCC66;
	text-align: center;
}
.products h3 {
	font-weight:700;
}
.products h4 {
	line-height: 1.8;
	text-transform: lowercase;
}



/*
|--------------------------------------------------------------------------
| Navi customization 
|--------------------------------------------------------------------------
*/	

.navbar-brand {
    padding: 20px 0 10px;
}
.menu-header .navbar-brand img {
	height: 70px;
}
@media (max-width: 1024px) {
	.navbar-brand {
    padding: 20px 0;
	}
	.menu-header .navbar-header .navbar-toggle {
    margin: 25px 0 0;
	}
}
@media (max-width: 767px) {
	.menu-header .navbar-brand img {
		height: 40px;
	}
}
@media (max-width: 325px) {
	.menu-header .navbar-brand img {
		height: 36px;
	}
}
.menu-header .nav li:last-child {
    background-color: #af1e23;
	margin-left: 20px;
}
.menu-header .nav li:last-child:hover {
    background-color: #d0343a;
}
.navbar-nav>li>a.campany {
    color: #fff;
}
.navbar-nav>li>a.campany:visited {
    color: #fff;
}
.navbar-nav>li>a.campany:hover {
    color: #fff;
}
@media (max-width: 1024px) {
	.menu-header .nav li:last-child {
		margin-left: 0;
	}
}


/*
|--------------------------------------------------------------------------
| Revolution slider customization 
|--------------------------------------------------------------------------
*/	

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
	width:100%;
	position:relative;
	padding:0;
}

#rs-slider-fullscreen, #rs-slider-elements, #rs-slider-fullwidth{
	visibility: hidden;
	height:100%;
}
.fullscreenvideo video, .html5-fullscreen, .no-video-playback-capabilitites, .video-flash {
	width:100%;
	height:100%;
}
/* typography */

#rs-slider-fullscreen h1,
#rs-slider-fullscreen .h1,
#rs-slider-fullscreen h2,
#rs-slider-fullscreen .h2,
#rs-slider-fullscreen h3,
#rs-slider-fullscreen .h3,

#rs-slider-elements h1,
#rs-slider-elements .h1,
#rs-slider-elements h2,
#rs-slider-elements .h2,
#rs-slider-elements h3,
#rs-slider-elements .h3,

#rs-slider-fullwidth h1,
#rs-slider-fullwidth .h1,
#rs-slider-fullwidth h2,
#rs-slider-fullwidth .h2,
#rs-slider-fullwidth h3,
#rs-slider-fullwidth .h3 {
	margin: 0;
	padding: 0;
}

#rs-slider-fullscreen h1.x-large,
#rs-slider-elements h1.x-large,
h1.x-large {
	/*padding-bottom: 0.25em;*/
	/*padding-bottom: 10px;*/
	margin-bottom: 0;
}

h1.h1-vfs {
	font-size: 24px;
	/*padding-bottom:10px;*/
	/*line-height: 1;*/
}

h2.h2-vfs {
	font-size: 12px;
}

.page-header.large {
  height: 100px;
}
@media (min-width: 768px) {
	.page-header.large {
    height: 150px;
	}
}
@media (min-width: 1025px) {
	.page-header.large {
    height: 200px;
	}
}

@media (min-width: 768px) {
	h1.h1-vfs	{
		font-size: 40px;
	}
	h2.h2-vfs	{
		font-size: 21px;
	}
	#rs-slider-fullwidth h3,
	#rs-slider-fullwidth .h3	{
		font-size: 14px;
	}
	#rs-slider-fullwidth .btn,
	#rs-slider-fullwidth .btn.large	{
		white-space: nowrap;
		font-size: 16px;
		padding: 23px 45px;
	}
	.slider-btn-wrapper {
	 padding-top:40px!important;
	}
}
@media (min-width: 992px) {
	h1.h1-vfs	{
		font-size: 48px;
	}
}


@media (min-width: 1200px) {
	body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li > a.btn.border {
		color: #222;
		border-color: #222;
	}
	h2.h2-vfs
	{
		font-size: 24px;
	}

}

/*** OVerride, add class=".custom-nekoskin" to the slider container ***/

/* overide round style settings */

.custom-neko-skin .tp-leftarrow.round,
.custom-neko-skin .tp-rightarrow.round {
	background:none!important;
	line-height: 40px;
	text-align:center;
	opacity:0.2;
}

.custom-neko-skin .tp-leftarrow.round:hover,
.custom-neko-skin .tp-rightarrow.round:hover{
	opacity:1;
}

.custom-neko-skin .tp-rightarrow.round:before,
.custom-neko-skin .tp-leftarrow.round:before{
	font-family: 'custom-icons';
	color:white;
	font-size: 40px;
}

.custom-neko-skin .tp-rightarrow.round:before{
	content: '\e8cc';
}

.custom-neko-skin .tp-leftarrow.round:before{
	content: '\e8cd';
}

.custom-neko-skin .tp-bullets.simplebullets.round .bullet {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #FFF;
	display: inline-block;
	margin: 0 5px;
	opacity: 0.5;
}
.custom-neko-skin .tp-bullets.simplebullets.round .bullet:hover,
.custom-neko-skin .tp-bullets.simplebullets.round .bullet.selected {
	cursor:pointer;
	opacity: 1;
}

/* overide preview4 style settings */
.custom-neko-skin .tp-bullets.preview4 .bullet {
	background: none!important;
	border: 2px solid #FFF!important;
	width: 10px!important;
	height: 10px!important;
	margin: 5px;
}

.custom-neko-skin .tp-bullets.preview4 .bullet:hover,
.custom-neko-skin .tp-bullets.preview4 .bullet.selected 
{
	background: #fff!important;
	width: 10px!important;
	height: 10px!important;
	border: 2px solid #FFF!important;;
}


/*
|--------------------------------------------------------------------------
| bloc images
|--------------------------------------------------------------------------
*/	



.image-about {
	background-image: url(../about/images/headerBg-about.jpg);
}
/*** adjust some icons ***/

/** single portfolio **/
#back-to-portfolio i:before{
	margin-right: 17px;
}

/** NEKO AJAX a bouger dans le framework **/
.neko-Ajax-loader{
	overflow:hidden;
	position: relative;
}

.neko-Ajax-loader .swiper-preloader {
	position: absolute;
	left: 0;
	bottom: -300px;
	z-index: 1;
	text-align: center;
	line-height: 100px;
	background: rgba(255, 255, 255, .6);
	height: 100px;
	width: 100%;
	opacity: 0;
	font-size: 25px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.neko-Ajax-loader .swiper-preloader.visible {
	bottom: 0px;
	opacity: 1;
	/*z-index: 1;*/
}

@media (max-width: 1025px) {
	
	.swiper-horizontal .swiper-scrollbar{
		height:30px;
		bottom:auto;
		top:0;
		background: rgba(255,255,255,.6);
	}

	.swiper-horizontal  .swiper-scrollbar-drag{
		background: rgba(0,0,0,.6);
	}
}

/* image position absolute on home */
.img-absolute {
	position:relative;

}

.img-absolute .img-absolute-wrapper{
	position: absolute;
	top:0;
	left:0;
}

.img-absolute-spacer {
	height:100px;
}


/*** coming soon ***/

#coming-soon-3 label {
	display:none;
}

#coming-soon-3 .form-control {
	color:white;
	font-weight: bold;
}

.logo-coming-soon {
width:200px;
}

@media (max-width: 1199px) {
	h2 {
		/*text-align:left;*/
	}
	#call-to-action h2 {
		/*text-align:center;*/
	}
	
}


@media (min-width: 1199px) {
	p.PrivacyPolicy,
	address.PrivacyPolicy {
		padding-right:80px;
	}
	ul.PrivacyPolicy,
	ol.PrivacyPolicy {
		padding-right:80px;
		
	}
}

@media (max-width: 767px) {
	section h1 {
		font-size:24px;
		letter-spacing: 0;
	}
	.heading:after {
		height: 10px;
		top: -100px;
		font-size: 100px;
	}
	div.attention {
		font-size:13px;
		padding: 30px 10px;
	}
}




dl.dl-horizontal {
	margin: 10px 0 30px;
}
.dl-horizontal dt {
	font-size:13px;
	font-weight:normal;
	text-align: left;
}
.dl-horizontal dd {
	margin-bottom: 15px;
	padding-bottom:15px;
	text-align:left;
	border-bottom: 1px solid var(--line);
}
@media (min-width: 768px) {
	.dl-horizontal dt {
		width: 100px;
		color: var(--red);
		font-weight: 600;
		float:left;
	}
	.dl-horizontal dd {
		margin-left: 0;
		padding-left: 160px;
	}
}
@media (max-width: 767px) {
	.dl-horizontal dt {
    padding-bottom: 10px;
		color: var(--red);
		font-weight: 600;

;
	}
}

/*
|--------------------------------------------------------------------------
| Top customization 
|--------------------------------------------------------------------------
*/

#top-info .dl-horizontal dt {
	padding-bottom: 5px;
	font-size:14px;
	text-align: left;
	color: #999;
}
#top-info .dl-horizontal dd {
	margin-bottom: 15px;
	padding-bottom: 12px;
}
#top-info .dl-horizontal dd {
	margin-bottom: 15px;
	padding-bottom: 12px;
}
@media (min-width: 768px) {
	#top-info .dl-horizontal dt {
		width: 100px;
		float:left;
	}
	#top-info .dl-horizontal dd {
		padding-left: 120px;
	}
}
@media(max-width:767px) {
	#top-info .dl-horizontal dt {
		font-size:18px;
		padding-bottom:15px;
	}
	#top-info .dl-horizontal dd {
		margin-left: 0;
	}

}


.box-icon {
  padding: 15px 15px 0 15px;
}
@media(max-width:991px) and (min-width: 768px)  {
	.box-icon {
		padding: 0;
	}
}




/*
|--------------------------------------------------------------------------
| Work 
|--------------------------------------------------------------------------
*/


#work {
	
}
#work h2 {
	font-size: 30px;
	margin: 90px 0 70px;
	padding-bottom: 10px;
	line-height: 1;
	border-bottom: thin solid #ccc;
}
#work h2.under_title2 {
    font-size: 60px;
    line-height: 72px;
    font-weight: 300;
	border: none;
}
#work h2 span {
	display: block;
	margin-top: 10px;
	padding-top: 10px;
	color: #af1e23;
	font-size: 14px;
	font-weight: normal;
}

#work .h2-ciecle {
    font-size: 30px;           /* 文字サイズ指定 */
    position: relative;        /* 位置調整 */
    padding: 40px 0 10px;  
	z-index: 0;
	border-bottom: 2px solid #f7ced0; 
}
#work .h2-ciecle:after {
    content: '';               /* 空白の要素を作る */
    background-color: #f7ced0;  /* 背景色指定 */
    display: block;            /* ブロック要素にする */
    position: absolute;        /* 位置調整 */
    left: -12px;                   /* 位置調整 */
    height: 120px;               /* 高さ指定 */
    width: 120px;                /* 幅指定 */
    border-radius: 50%;        /* 丸くする */
    top: -10px;                     /* 位置調整 */
    z-index: -1;               /* 重なり調整 */
}
#work .h2-triangle {
    font-size: 30px;               /* 文字サイズ指定 */
    position: relative;            /* 位置調整 */
    padding: 40px 0 10px;  
	z-index: 0;
	border-bottom: 2px solid #e4f6d4; 
}
#work .h2-triangle:before {
    content: '';                   /* 空白の要素を作る */
    width: 0;                       /* 幅指定 */
    height: 0;                      /* 高さ指定 */
    border-style: solid;            /* 三角を作る */
    border-width: 0 50px 130px 80px; /* 三角を作る */
    border-color: transparent transparent #e4f6d4 transparent;  /* 三角を作る */
    position:  absolute;            /* 位置調整 */
    z-index:  -1;                   /* 重なり調整 */
    transform: rotate(10deg);       /* 回転 */
    top: -32px;                     /* 位置調整 */
    left: -10px;                     /* 位置調整 */
}
#work .h2-square {
    font-size: 30px;           /* 文字サイズ指定 */
    position: relative;        /* 位置調整 */
    padding: 40px 0 10px;
	z-index: 0;
	border-bottom: 2px solid #a3d0e4; 
}
#work .h2-square:after {
    content: '';               /* 空白の要素を作る */
    background-color: #a3d0e4;  /* 背景色指定 */
    display: block;            /* ブロック要素にする */
    position: absolute;        /* 位置調整 */
    left: -10px;                   /* 位置調整 */
    height: 100px;               /* 高さ指定 */
    width: 100px;                /* 幅指定 */
    top: -10px;                     /* 位置調整 */
    z-index: -1;               /* 重なり調整 */
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
}

.workbox01, .workbox02 ,.workbox03 {
    background: none;
    border: 4px double #af1e23;
    margin: 10px 0;
    padding: 20px;
    position: relative;
}
@media(max-width:991px) {
	.workbox01, .workbox02 ,.workbox03 {
		margin: 30px 0;
	}
}
.workbox01:before {
	font-size: 16px;
	font-weight: bold;
    background-color: #fff;
    content: 'オザキ社員の一日';
    padding: 2px 10px;
    position: absolute;
    top: -21px;
    left: 30px;
    text-align: center;
}
.workbox02:before {
	font-size: 16px;
	font-weight: bold;
    background-color: #fff;
    content: '企画部の主な仕事';
    padding: 2px 10px;
    position: absolute;
    top: -21px;
    left: 30px;
    text-align: center;
}
.workbox03:before {
	font-size: 16px;
	font-weight: bold;
    background-color: #fff;
    content: '業務部の主な仕事';
    padding: 2px 10px;
    position: absolute;
    top: -21px;
    left: 30px;
    text-align: center;
}
.box30 {
    margin: 80px 0 60px;
    background: #f1f1f1;
    box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.6em;
    background: #af1e23;
    padding: 8px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}
.box30 .inner {
    padding: 40px;
    margin: 0;
}
@media(max-width:767px) {
	.box30 .inner {
		padding: 20px;
	}
}
.clock {
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
}
.clock img {
	width: 24px;
	margin-top: -2px;
	margin-right: 5px;
}
.clock span {
	color: #3399ff;
}

.box01 {
    margin: 60px auto;
    padding: 20px;
	background-size: 10px 10px;
    background-color: #fae7e7;
    background-image: linear-gradient(45deg,#af1e23 25%,transparent 25%,transparent 50%,#af1e23 50%,#af1e23 75%,transparent 75%,transparent);
}
.box01_inner {
	background: #fff;
	padding: 25px;
}
.box01 h3 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.6;
	display: inline;
	/*box-shadow:  -3px -6px 0 -3px #dc878a inset;*/
	background: linear-gradient(transparent 65%, #ffde00 0%);
}
.box01 h3:after {
	clear: both;
}
@media(max-width:1199px) {
	.box01 h3 {
		font-size: 25px;
	}
}
@media(max-width:767px) {
	.box01 h3 {
		text-align: center;
	}
}
@media(max-width:767px) {
	.box01 {
		padding: 10px;
	}
	.box01_inner {
		padding: 15px;
	}
}
ul {
	padding-left: 25px;
}
ul li {
	margin-bottom: 10px;
	line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| Message 
|--------------------------------------------------------------------------
*/


.under_title {
    font-size: 72px;
    line-height: 78px;
    font-weight: 300;
    margin-top: 28px;
}
#Message {
	margin-top: -140px;
	background-color: #ededed;
}
@media(max-width:767px) {
	#Message {
		background-color: #fafafa;
	}
}
#Message00 {
	margin-top: -500px;
}
h2.voice {
	font-size: 30px;
	text-align: center;
	color: #af1e23;
	line-height: 1.2;
	padding: 0.1em 0 0.5em;
	border-top: solid 3px #af1e23;
	border-bottom: solid 3px #af1e23;
}
h2.voice span {
	font-size: 18px;
	font-weight: normal;
}
.message .TextBlockRight {
    /*background-color: rgba(252,251,248,.9);*/
    background-color: rgba(255,255,255,.9);
    margin-top: 70px;
    padding: 40px 31px 50px 35px;
}
.message .TextBlock {
    background-color: rgba(255,255,255,.9);
    padding: 40px 31px 50px 35px;
}
.message .TextBlockLeft {
    /*background-color: rgba(252,251,248,.9);*/
    background-color: rgba(255,255,255,.9);
    margin-top: 70px;
    padding: 40px 31px 50px 35px;
}
.message h2 {
    font-size: 30px;
    margin-bottom: 30px;
}
.message h3 {
    font-size: 18px;
    font-weight: bold;
	text-align: right;
    margin-bottom: 0;
}
.message h3.position {
    text-align: right;
    margin: 0 0 24px;
}
.message p.office {
    text-align: right;
    margin-bottom: 0;
}
.message p.join {
    font-size: 13px;
    text-align: right;
    margin-bottom: 0;
}


@media(max-width:1199px) {
	.under_title {
    font-size: 64px;
    line-height: 70px;
	}
	#work h2.under_title2 {
    font-size: 38px;
    line-height: 50px;
	}
	#Message00 {
		margin-top: -400px;
	}
}
@media(max-width:991px) {
	.under_title {
    font-size: 48px;
    line-height: 50px;
		text-align: center;
	}
	#work h2.under_title2 {
    font-size: 22px;
    line-height: 36px;
		letter-spacing: -1px;
	}
	#Message {
		margin-top: 0;
	}
}
@media(max-width:767px) {
	.under_title {
    font-size: 24px;
    line-height: 30px;
		text-align: center;
		font-weight: bold;
	}
	.under_title2 {
    font-size: 30px;
    line-height: 36px;
		font-weight: bold;
	}
	#Message00 {
		margin-top: 0;
	}
	.message h2 {
    font-size: 22px;
	}
}



/*
|--------------------------------------------------------------------------
| About / Requirements 
|--------------------------------------------------------------------------
*/

h2.welfare {
	color: #af1e23;
}
#requirements h3 {
	font-weight: bold;
}
.table th {
	white-space: nowrap;
}
.table td {
	background-color: #fff;
	background: #fafafa;
	line-height: 2;
}
.table .innerTable th {
	background: none;
	color: #222222;
	border: none;
	font-weight: normal;
	padding-right: 30px;
	vertical-align: top;
}
table.innerTable td {
	border: none !important;
	line-height: 2;
	vertical-align: top;
}
.table .innerTable td.pay {
		padding: 0 8px;
}


#requirements dl.dl-horizontal {
	margin: 20px 0 0;
}
@media (max-width: 991px) {
	/*dl.dl-horizontal:first-child {
		margin-bottom: 40px;
	}*/
	.mb-sm {
		margin-bottom: 50px !important;
	}
}
@media (min-width: 768px) {
	#requirements .dl-horizontal dt {
		width: auto;
		float:left;
		line-height: 2;
	}
	#requirements .dl-horizontal dd {
		padding-left: 60px;
		line-height: 2;
	}
}
@media (max-width: 767px) {
	#requirements .dl-horizontal dt {
		font-weight: bold;
		margin-bottom: 8px;
	}
}
@media(max-width:767px) {
	{
		padding: 20px;
		border: none;
	}
	.table {
		border: none;
	}
	.innerTable th.innerTh {
		padding-right: 30px;
		vertical-align: top;
	}
	.table td {
		padding: 8px 0;
		background: none;
		border: none;
	}
	.table th:not(.innerTh) {
		display: block;
	}
	.table td:not(.innerTd) {
		display: block;
	}
	.table .innerTable th {
		/*padding-right: 10px;*/
	}
	.table .innerTable td {
		padding: 0;
	}
	.table .innerTable td.pay {
		padding: 0 6px;
		font-size: 13px;
	}
}
@media(min-width:768px) {
	 .innerTable th {
		padding-right: 30px;
		 white-space: nowrap;
		 vertical-align: top;
	}
	 .innerTable td.pay {
		padding: 0 5px;
	}
}



/*
|--------------------------------------------------------------------------
| Form 
|--------------------------------------------------------------------------
*/	


.form-control {
  padding: 6px 10px;
  height: 40px;
  font-size: 16px;
}
/* Start Contact Form */
.form-control {
  border: 1px solid #eeeeee;
	height: 46px;
  background: #ffffff;
}
.form-control:focus {
  border-color: #909090;
}
.form-control.error {
  border-color: #d9534f;
  color: #d9534f;
}
.form-control.primary {
  border-color: #f28500;
  background: #f28500;
  color: #ffffff;
}
label.error {
  color: #d9534f;
}
.form-gray-fields .form-control {
  background-color: #f2f2f2;
  border-color: #e9e9e9;
  color: #333;
}
.form-gray-fields .form-control:focus {
  background-color: #eeeeee;
}
/* End Contact Form */

.required {
    margin-left: 5px;
    padding: 4px 7px;
    font-size: 10px;
    line-height: 1.0;
    color: #fff;
    background-color: #CC3305;
    display: inline-block;
    border-radius: 3px;
}
.form-group {
	text-align: left;
}
/*入力テキストの位置調整*/
.input-lg {
    padding: 5px 10px;
	border-radius: 0;
}
/*textarea入力テキストの位置調整*/
.input-llg {
    padding-top: 20px;
}
.form-control.input-lg {
    resize: vertical;
 /*font-size: 1.1em;*/
}
.form-control2 {
	display: inline-block;
	width: 85%;
}
/*フローティングラベル調整*/
/*cssを読み込む必要あり
https://cdn.rawgit.com/tonystar/bootstrap-float-label/v3.0.1/dist/bootstrap-float-label.min.css*/
.has-float-label .form-control:placeholder-shown:not(:focus)+* {
    font-size: 0.9em;
    opacity: .5;
    top: .3em;
    font-weight: 400;
}
.has-float-label label, .has-float-label>span {
    position: absolute;
    cursor: text;
    font-size: 75%;
    opacity: 0.4;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -8px;
    left: 16px;
    z-index: 3;
    line-height: 1.2;
    padding: 0 1px;
}
.has-float-label label::after, .has-float-label>span::after {
    background: none;
}

div.attention {
    border: thin solid #ccc;
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 30px 30px 15px;
	line-height: 1.8;
}
div.attention ul li {
    margin-bottom: 15px;
}
@media(max-width:767px) {
	/*form#mailformpro label {
		margin-top: 0;
	}*/
}


/* form -------------*/
p.formIitem {
	padding-top: 10px;
}
label {
	/*padding: 10px 0 0;*/
}
#contact-check label {
	padding: 0;
}
select {
	vertical-align:middle;
}
select::-ms-expand {
	display: none;
}
h5.contact {
    font-size: 42px !important;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    padding: 0;
    display: inline-block;
}
h5.contact i {
	color: #ccc;
}
.select-box {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #e9e9e9;
}
.select-box select {
	line-height: 1.3;
	width: 100%;
	padding: 10px 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(../images/arrow-select.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#e9e9e9 100%);
	background: url(../images/arrow-select.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#e9e9e9 100%);
	background-size: 20px, 100%;
}
.select-box2 select {
	line-height: 1.3;
	width: 85%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(../images/arrow-select.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#e9e9e9 100%);
	background: url(../images/arrow-select.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#e9e9e9 100%);
	background-size: 20px, 100%;
	display: inline-block;
}
.mfp_element_select-one {
	line-height: 1.3;
	padding: 10px 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(../images/arrow-select.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#e9e9e9 100%);
	background: url(../images/arrow-select.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#e9e9e9 100%);
	background-size: 20px, 100%;
}
.BoxedArticle-privacy {
	margin: 20px 0;
	padding: 20px 40px 10px;
	border: 1px solid #e5e5e5;
}
.BoxedArticle-privacy h6 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.BoxedArticle-privacy p.agree {
	font-size: 12px;
	margin-bottom: 10px;
}
@media(max-width:767px) {
	h5.contact {
    	font-size: 36px !important;
	}
	.BoxedArticle-privacy {
	padding: 20px 20px 10px;
	}
	.mfp_element_select-one {
		padding: 10px 20px;
	}
}

input[type=checkbox] {
	margin-right: 10px;
	-ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}


/* 各ベンダープレフィックスが取れた標準版 */
.form-control:placeholder-shown,
.form-control2:placeholder-shown{
    color: #999;
	font-size: 14px;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
.form-control::-webkit-input-placeholder,
.form-control2::-webkit-input-placeholder{
    color: #999;
	font-size: 14px;
}
/* Firefox 18- */
.form-control:-moz-placeholder,
.form-control2:-moz-placeholder{
    color: #999;
	opacity: 1;
}
/* Firefox 19+ */
.form-control::-moz-placeholder,
.form-control2::-moz-placeholder{
    color: #999;
	opacity: 1;
}
/* IE 10+ */
.form-control:-ms-input-placeholder,
.form-control2:-ms-input-placeholder{
    color: #999;
}

 /* Mailform pro 4 調整 -------------*/
.mfp_element_all {
	    max-width: 100%;
}
/*labelタグの位置調整*/
form#mailformpro label {
	margin-top: 13px;
	white-space: normal;
	font-weight: normal;
}
form#mailformpro label.mfp_not_checked {
    border: none;
}
div.mfp_err {
    padding: 0 0 0 10px;
    background: none;
}
@media(max-width:767px) {
	table#mfp_confirm_table tr th {
		display: block;
    	width: 100%;
	}
	table#mfp_confirm_table tr td {
		display: block;
    	width: 100%;
	}
}
.btn.large {
    padding: 23px 45px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 0;
}
.btn.default {
    color: red;
    color: #ffffff;
    background-color: #af1e23;
    border-color: #aa8e53;
}
.btn:not(.border) i:before {
    margin-right: 12px;
}
.mfp_element_submit {
	background: none;
}


/*
|--------------------------------------------------------------------------
| Footer customization 
|--------------------------------------------------------------------------
*/	

.logo-footer {
	width: 360px;
}
.cta-box-text h1 {
    font-size: 30px;
}
.cta-box-text h2 {
    font-size: 18px;
	margin: 0;
}