/*
Theme Name: LSCorporate
Author: Takeshi
Description:
Version: 1.0
*/

/* reset
--------------------------------------------------*/

html, body, div, span, applet, object, 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, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,  tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* common
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, li, a, tr, th, td, input, article{
	color:#3e3a39;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;

}

p{
	word-wrap: break-all;
	line-height:1.5em;
}

.center{
	text-align:center;
}

.cc{
	text-align:center;
	margin-bottom:70px;
}
@media screen and (min-width: 640px) {
.sp{
	display:none;
}
}
.red{
	color:#e6386f;
}
.green{
	color:#16a05c;
}
.orange{
	color:#ed7938;
}

.blue{
	color:#4767af;
}

.white{
	color:#fff;
}

.yellow{
	color:#f4ec51;
}

.white{
	color:#fff;
}

.redBg{
	padding:7px 0;
	background:#e6386f;
}

.greenBg{
	padding:7px 0;
	background:#16a05c;
}

.orangeBg{
	padding:7px 0;
	background:#ed7938;
}


.yellowBg{
	padding:7px 0;
	background:#f4ec51;
}

.blueBg{
	padding:7px 0;
	background:#4767af;
}

.grayBg{
	padding:7px 0;
	background:#3e3a39;
}

.redHr{
	background-color:#e6386f;
	height:1px;
	border:none;
	width:200px;
	margin:20px auto;
}

.greenHr{
	background-color:#16a05c;
	height:1px;
	border:none;
	width:200px;
	margin:20px auto;
}

.orangeHr{
	background-color:#ed7938;
	height:1px;
	border:none;
	width:200px;
	margin:20px auto;
}

.blueHr{
	background-color:#4767af;
	height:1px;
	border:none;
	width:200px;
	margin:20px auto;
}

.yellowHr{
	background-color:#f4ec51;
	height:1px;
	border:none;
	width:200px;
	margin:20px auto;
}

.topHr{
	width:200px;
	margin:30px auto;
}

.subHr{
	width:200px;
	margin:20px auto;
}

.orangeHover{
	color:#ed7938;
	transition:0.5s;
}

.redHover{
	color:#e6386f;
	transition:0.5s;
}

.blueHover{
	color:#4767af;
	transition:0.5s;
}

.blueBorder{
	border-top:1px solid #4767af;
	border-bottom:1px solid #4767af;
}
.redBorder{
	border-top:1px solid #e6386f;
	border-bottom:1px solid #e6386f;
}


.highHr{
	margin:25px 0;
}

.number{
	color:#16a05c;
}

.contWrapper {
	padding:100px 0 100px 0;
	width:1000px;
	margin:0 auto;
}

.contWrapper .contCat {
	text-align:center;
}

.contWrapper h2 {
	font-size:200%;
	font-weight:bold;
	margin-bottom:25px;
}

.contWrapper .conts{
	margin-top:30px;
}



.doubleCont{
	width:50%;
	float:left;
	padding:10px;
	box-sizing:border-box;
}



.tripleCont{
	width:33%;
	float:left;
	padding:10px;
	box-sizing:border-box;
}

.quadCont{
	width:25%;
	float:left;
	padding:10px;
	box-sizing:border-box;
}


.clearfix:after{
   display:block;
   clear:both;
   height:1px;
   visibility:hidden;
   content:".";
   overflow:hidden;
	font-size:0.1em;
	line-height:0
}
.clearfix {
    min-height: 0;

}

.paralax01 {
  	height:20vh;
	width:auto;
	background-image: url("img/top/paralax01.jpg");
	background-size:cover;
	background-attachment: fixed;
}

.paralax02 {
  	height:20vh;
	width:auto;
	background-image: url("img/top/paralax02.jpg");
	background-size:cover;
	background-attachment: fixed;
}

.paralax03 {
  	height:20vh;
	width:auto;
	background-image: url("img/top/paralax03.jpg");
	background-size:cover;
	background-attachment: fixed;
}

img{
	width:100%;
	height:auto;
}

a{
	text-decoration:none;
}

a:hover{
	cursor:pointer;
}




/*--------------------------------------------------
	 gNav
--------------------------------------------------*/

.gNav_common{
	background-image:url("img/common/cover.jpg");
	background-size:cover;
	border-bottom:solid 5px #16a05c;
	position:relative;
	z-index:101;
}

.gNav {
	text-align:center;
	width:1000px;
	margin:0 auto 0 auto;
	padding:50px 0 0 0;
}

.gNav_content {
	float:left;
}

.gNav_content li {
	float:left;
	width:33%;
}

.gNav_content li a{
	font-size:80%;
	font-weight:bold;
	color:#fff;
}

.gNav_content li:hover{
	background:#fff;
	transition:0.2s;
}

.gNav_content li:hover > a{
	color:#16a05c;
	transition:0.2s;
}

.gNav_left, .gNav_right {
	width:43%;
	border-top:solid 1px #fff;
	padding-top:15px;
	margin-top:30px;
}

.gNav_center{
	width:14%;
}

.gNav_center img{
	width:80px;
	height:80px;
}


.pageCat{
	text-align:center;
}

.pageCat h1{
	color:#fff;
	font-size:300%;
	margin:30px 0;
}

/*--------------------------------------------------
	 header
--------------------------------------------------*/
.header{
	width:100vw;
	background-color:rgba(255,255,255,0.8);
	top:0;
	position:absolute;
	z-index:99;
}


.header .colorfulBorder{
	width:100%;
	height:2px;
	padding:0;
}

.header nav{
	padding:0 200px;
	box-sizing:border-box;
}

.header li{
	float:left;
	width:14%;
	text-align:center;
	padding:12px 0;
	font-weight:bold;
	font-size:80%;
}

.header li.lang{
	background:#16a05c;
}

.header li.lang a{
	color:#fff;
}

.header a:hover{
	transition:0.5s;
	color:rgba(230,56,111,1.0);
}

.fixed {
	position: fixed;
	top:0px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
}

.bar_fixed {
	position: fixed;
	top:0px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
}

.notFound{
	font-size:200%;
	text-align:center;
	padding:100px 0;
}


/*--------------------------------------------------
	 humberger
--------------------------------------------------*/

#navToggle {
    display:none;
    position:absolute;
    right:13px;
    top:13px;
    width:30px;
    height:25px;
    cursor:pointer;
    z-index:5000;
}
#navToggle div {position:relative}
#navToggle span {
    display:block;
    position:absolute;
    width:100%;
    border-bottom:solid 3px #999;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}

.spHeader{
    width:100%;
    z-index:2;
    position:fixed;
    background:rgba(255,255,255,.7);
    display:table;
    font-size:0;
    line-height:0;
	display:none;
}

.spHeader nav {
		display:table-cell;
    text-align:right;
    vertical-align:bottom

}

.spHeader ul {
    font-size:13px;
    margin:0 10px 10px 0}
.spHeader ul li {
    margin-left:3px;
    display:inline-block}
.spHeader ul li::after {content:' |'}
.spHeader ul li:last-child::after {content:''}
.spHeader ul li a {color:inherit}


.year{
    display:block;
    cursor:pointer;
    color:#16a05c;
}

.month{
	margin-left:1em;
    display:none;

 }

 .wp-pagenavi{
 	margin-top:35px;
 }


/*--------------------------------------------------
	 footer
--------------------------------------------------*/
#footer {
	background-image:url("img/common/footer.jpg");
	background-size:contain;
	border-top:solid 5px #16a05c;
	color:#fff;
}

#footer h5{
	color:#fff;
	font-size:160%;
	margin-bottom:15px;
	font-weight:bold;
}

#footer p{
	font-size:90%;
	color:#fff;
}

#footer .logo{
	text-align:center;
}

#footer .contWrapper{
	padding:30px 0;
}

#footer img{
	width:60%;
	margin-bottom:30px;
}


#footer li.menu{
	float:left;
	width:14.2%;
	line-height:20px;
	text-align:center;
	font-size:75%;
}

#footer a{
	color:#fff;
}

#footer .policy{
	text-align:center;
}

#footer .policy p{
	color:#fff;
}

/*--------------------------------------------------
	 #top
--------------------------------------------------*/
.main-visual {
    height: 100%;
    width:100vw;
    background-size: cover;
    text-align: center;
    position: absolute;
    overflow: hidden;
    top:0;
    z-index:101;
}

.main-visual video {
    margin: 0 auto;
    width: 100%;
}

#top #topCont01 {
	height:100vh;
	width:100vw;
	position:relative;
	z-index:102;
	background-image:url("img/top/first_view.png");
	background-size:cover;
}

#top h1{
	font-size:200%;
}

#top #topCont01 .gNav_content li a{
	color:#16a05c;
}


#top #topCont01 .gNav_content li a:hover{
	transition:0.5s;
	color:rgba(230,56,111,1.0);
}

#top #topCont01 .gNav_left, #topCont01 .gNav_right {
	border-top:solid 1px #16a05c;
}

#top #topCont01 .cc {
	margin-top:25vh;
	padding:30px 0;
	display:none;
}

#top #topCont01 .cc .cc_eng{
	font-size:240%;
	font-weight:bolder;

}

#top #topCont01 .cc .cc_jap p{
	font-size:170%;
	font-family:"Yu Gothic";
	background:rgba(255,255,255,0.4);
}

#top #topCont01 .scrollBtn{
	text-align:center;
}

#top #topCont01 .cc img{
	width:70px;
	height:auto;
	margin:0 auto 0 auto;
	position:relative;
	top:80px;
}

#top #topCont02 .vrcx{
	position:relative;
	bottom:100px;
}


#top #topCont02 .vrcmp{
	position:relative;
	bottom:100px;
}

#top #topCont02 .serviceBtn{
	background:#4767af;
	text-align:center;
	padding:15px 0;
	color:#fff;
	border:2px solid #4767af;
}

#top #topCont02 .serviceBtn a{
	color:#fff;
}

#top #topCont02 .serviceBtn:hover{
	background:#fff;
	border-radius:0px;
	transition:0.5s;
}

#top #topCont02 .serviceBtn:hover > a{
	color:#4767af;
	transition:0.5s;
}


#top #topCont03 .contWrapper {
	padding:50px 0;
}

#top #topCont03 .contWrapper h2 {
	margin-bottom:15px;
	font-size:200%;
}

#top #topCont03 time{
	color:#16a05c;
	font-size:65%;
	font-weight:bold;
}

#top #topCont03 .infoTitle{
	width:85%;
}

#top #topCont03 .infoTitle p{
	margin-bottom:5px;
	font-weight:bold;
	font-size:90%;
}

#top #topCont03 .infoBlock{
	width:50%;
	float:left;
	padding-right:30px;
	box-sizing:border-box;
}

#top #topCont03 .pressWrapper{
	background:#f6f6f6;
}

#top .moreBtn{
	float:right;
	border-radius:15px;
	background:#e6386f;
	text-align:center;
	border:1px solid #e6386f;
}

#top .moreBtn p{
	color:#fff;
	font-size:75%;
	padding:2px 20px;
}

#top .moreBtn:hover{
	background:#fff;
	transition:0.3s;
}

#top .moreBtn:hover > p{
	color:#e6386f;
	transition:0.3s;
}


#top .moreBtn:hover + #top .moreBtn p{
	color:#e6386f;
}


#top #topCont02 .serviceDescription{
	margin-top:10px;
}

#top #topCont02 .serviceDescription p{
	font-size:75%;
}

#top #topCont02 .serviceDescription p.theme{
	font-size:120%;
	margin-bottom:1em;
	font-weight:bold;
	text-align:center;
}


#top #topCont02 .businessImg{
	text-align:center;
	margin:30px 0;
}

#top #topCont02 .businessImg h3{
	margin:15px;
	font-weight:bold;
}

#top #topCont02 .businessImg img{
	height:auto;
	width:70%;
	margin:0 auto 10px 0;
}

#top #topCont02 .serviceImg{
	height:50px;
}

#top #topCont02 .serviceImg img{
	width:50%;
}

#top #topCont02 .serviceLogo{
	text-align:center;
}

#top #topCont02 .serviceLogo img{
	height:30px;
	width:auto;
}

#top #topCont02 .serviceDescription img{
	width:50%;
	height:auto;
	margin:0;
}


#top #topCont03 .infoDescription{
	margin-top:15px;
	font-size:75%;
}

#top #topCont04 .newsList{
	padding:10px;
	background:#f6f6f6;
	margin-bottom:7px;
	font-size:80%;
}
#top #topCont04 .newsList a{
	display:inline-block;
	width:820px;
}

#top #topCont04 time{
	display:inline-block;
	width:160px;
	vertical-align:top;
}

#top #topCont05 .blogDescription p{
	font-size:75%;
}

#top #topCont05 .blogTitle{
	margin:8px 0;
}

#top #topCont05 .blogTitle time{
	color:#fff;
}

#top #topCont05 .blogTitle .title{
	margin:5px 0 0 0;
}
#top #topCont05 .blogTitle .info{
	box-sizing:border-box;
	position:relative;
	top:-10px;
}

#top #topCont05 .blogTitle .info a{
	font-size:75%;
	color:#fff;
	margin-right:5px;
}


#top #topCont05 .blogImg{
	overflow:hidden;
	width:100%;
	max-height:200px;
	min-height:200px;
}

#top #topCont05 .blogImg img{
	width:100%;
}

#about #aboutCont01 {
	text-align:left;
	background-image: url(img/about/ceo.jpg);
	background-size:cover;
	background-position:center;
}
#about #aboutCont01 article{
	width:60%;
	margin:50px 0 100px 0;
	text-shadow:1px 1px 1px #fff;
}

#about #aboutCont01 img.signature{
	width:200px;
	height:auto;
}


#about #aboutCont01 h3{
	margin:100px 0 10px 0;
	font-size: 170%;
    font-weight: bold
}


#about #aboutCont03 h2{
	text-align:center;
}

#about #aboutCont03 h3{
	text-align:center;
	font-size:130%;
	margin-bottom:15px;
	padding:15px 0;
}

#about #aboutCont05{
	background-image:url("img/about/aboutCover.jpg");
	background-size:cover;
}

#about #aboutCont05 table{
	text-align:left;
	width:100%;
	table-layout:fixed;
	line-height:1.5em;
}

#about #aboutCont05 tr{
	width:100%;
	word-wrap:break-word;
}

#about #aboutCont05 th{
	width:20%;
	padding:10px 0 10px 10px;
	font-weight:bold;
}

#about #aboutCont05 td{
	width:80%;
}

#service #serviceCont01{
	background-image:url("img/service/particle.png");
	background-size:cover;
	background-position:center;
}

#service #serviceCont01 article{
	line-height:2em;
}

#service #serviceCont01 .conts{
	text-align:center;
}


#service #serviceCont01 .eco_system{
	position:relative;
}

#service #serviceCont02 .serviceDescription{
	margin-top:10px;
}

#service #serviceCont02 .serviceDescription p{
	font-size:75%;
}

#service #serviceCont02 .serviceDescription p.theme{
	font-size:120%;
	margin-bottom:1em;
	font-weight:bold;
	text-align:center;
}


#service #serviceCont02 .businessImg{
	text-align:center;
}

#service #serviceCont02 .businessImg h3{
	font-weight:bold;
}

#service #serviceCont02 .businessImg img{
	height:auto;
	width:70%;
	margin:0 auto 10px 0;
}

#service #serviceCont02 .serviceImg{
	height:50px;
}

#service #serviceCont02 .serviceImg img{
	width:50%;
}

#service #serviceCont02 .serviceLogo{
	text-align:center;
}

#service #serviceCont02 .serviceLogo img{
	height:30px;
	width:auto;
}

#service #serviceCont02 .serviceDescription img{
	width:50%;
	height:auto;
	margin:0;
}



#recruit #recruitCont01 h4{
	text-align:center;
	font-size:100%;
	font-weight:bold;
	margin:15px 0 0 0;
}

#recruit #recruitCont01 .cont p{
	font-size:75%;
}

#recruit #recruitCont01 .ships{
	text-align:center;
}

#recruit #recruitCont01 img{
	width:50%;
	height:auto;
}

#recruit h3{
	text-align:center;
	font-size:200%;
	font-weight:bold;
	margin:15px 0;
}

#recruit #recruitCont01 h3{
	text-align:center;
	font-size:600%;
	margin:0;
	font-weight:normal;
	color:#ccc;
	text-align:left;
}

#recruit #recruitCont01 .influence .inf_jap{
	font-size:150%;
	font-weight:bold;
}

#recruit .recruitCC{
 background-image:url("img/recruit/recruitCC.jpg");
 background-size:cover;
 height:500px;
}

#recruit #recruitCont02 .career, #recruit #recruitCont02 .newbie{
	text-align:center;
	overflow:hidden;
	width:100%;
	height:300px;
	margin:0 auto;
}

#recruit #recruitCont02 h4{
	font-size:150%;
	font-weight:bold;
	margin:15px 0;
}

#recruit #recruitCont02 img{
	width:100%;
	height:auto;
}

#recruit #recruitCont02 h4.layer{
	position: absolute;
    line-height: 300px;
    z-index: 10;
    width: 480px;
    margin: 0;
    text-align: center;
    font-size: 200%;
    color: rgba(255,255,255,0);
}

#recruit #recruitCont02 h4.careerlayer:hover{
	background:rgba(22, 160, 92,0);
	transition:0.7s;
	color: rgba(22, 160, 92,0);
}

#recruit #recruitCont02 h4.newlayer:hover{
	background:rgba(230, 56, 111,0);
	color:rgba(230, 56, 111,0);
	 transition:0.7s;
}

#recruit #recruitCont02 h4.careerLayer{
    color: rgba(255,255,255,1);
    background:rgba(22, 160, 92, .4);

}

#recruit #recruitCont02 h4.newLayer{
    color: rgba(255,255,255,1);
    background:rgba(230, 56, 111, .4);
}

#recruit #recruitCont02 img{
	-webkit-filter: blur(0);
	filter: blur(0);
	width:500px;
	transition:0.7s;
}
#recruit #recruitCont02 h5{
	font-size:150%;
	margin-top:15px;
}

#recruit #recruitCont02 .sc{
	text-align:center;
	background-image:url("img/recruit/scTop.jpg");
	background-size:cover;
	background-position:center;
	padding:100px 0;
	margin: 0 10px;

}




#recruit #recruitCont02 .sc h5{
	color:#fff;
}
#recruit #recruitCont02 .sc p{
	color:#fff;
	margin-top: 20px;
  letter-spacing: 1em;
}

#interview #interviewCont01 h2{
	padding-bottom:10px;
	margin:0;
}

#interview #interviewCont01 .mainWrap{
	width:100%;
	height:auto;
	overflow:hidden;
	position:absolute;
	top:500px;
}

#interview #interviewCont01 .titleWrap{
	width:1000px;
	margin:0 auto;
	position:relative;
	z-index:5;
}

#interview #interviewCont01 .titleWrap h3{
	font-size:300%;
}

#interview #interviewCont01 .namae{
	font-size:150%;
	display:inline;
	margin-right:5px;
}

#interview #interviewCont01 .name{
	font-size:100%;
	display:inline;
}

#interview #interviewCont01 hr{
	width:200px;
	text-align:left;
}

#interview #interviewCont01 p.title{
	font-size:200%;
	width:55%;
	font-weight:bold;
	margin-bottom:25px;
}

#interview #interviewCont01 article{
	margin-top:100px;
}

#interview .profiel{
	background: #ededed;
	padding: 30px;
	margin-bottom: 20px;
	line-height:1.5em;
}

#interview article h3{
	font-size:120%;
	color:#16a05c;
	border-bottom:1px solid #16a05c;
	padding-bottom:8px;
	margin:15px 0;
	font-weight:bold;
}

#interviews .cont{
	overflow:hidden;
	height:450px;
}

#interviews .thumbnail{
	height:230px;
	overflow:hidden;
}

#interviews .thumbnail img{
	width:100%;
	overflow:hidden;
}

#interviews p.occupation{
	position: relative;
    top: -15px;
    left: -10px;
    z-index: 5;
    display: inline-block;
    padding: 3px 15px;
    color: #fff;
    font-size:80%;
}

#interviews p.intern {
	background:#4767af;
}

#interviews p.newbie {
	background:#16a05c;
}

#interviews p.tech {
	background:#f4ec51;
}

#interviews p.admin {
	background:#ed7938;
}

#interviews p.planner {
	background:#e6386f;
}

#interviews p.business {
	background:#3e3a39;
}

#interviews p.title {
	font-size:100%;
	font-weight:bold;
}
#interviews p.name {
	font-size:85%;
}

#interviews h2{
    padding-bottom: 10px;
    margin:0;
}


#blog #blogCont01 article h3{
	font-size:200%;
	color:#16a05c;
	border-top:1px solid #16a05c;
	border-bottom:1px solid #16a05c;
	padding:15px;
	margin:15px 0;
	font-weight:bold;
}

#blog #blogCont01 article h4{
	font-size:170%;
	color:#16a05c;
	border-bottom:1px solid #16a05c;
}

#blog #blogCont01 article a{
	color:#16a05c;
}

#blog #blogCont01 article p{
	font-size:100%;

}


#occupation #occupationCont01 .cont{
	width:70%;
	padding-right:30px;
	box-sizing:border-box;
	margin-right:0;
	float:left;
}

#occupation .sidebar{
	width:30%;
	float:left;
	margin:0;
}

#occupation h2{
	color:#16a05c;
}

#occupation h3{
	font-size:120%;
	font-weight:bold;
	margin-bottom:20px;
	text-align:left;
}

#occupation table{
	text-align:left;
	width:100%;
	border:1px solid black;
	table-layout:fixed
}
#occupation tr{
	width:100%;
	word-wrap:break-word;
}

#occupation th{
	width:20%;
	background-color:#eeeeee;
	border:1px solid #C0C0C0;
	padding:10px 0 10px 10px;
	vertical-align:middle;
}

#occupation td{
	width:80%;
	border:1px solid #C0C0C0;
	padding:10px 0 10px 10px;
}

#occupation .applyBtn{
	margin:0 auto 100px auto;
	width:25%;
	background:#e6386f;
	text-align:center;
	padding:15px 0;
	border-radius:20px;
	color:#fff;
	border:2px solid #e6386f;
}

#occupation .applyBtn a{
	color:#fff;
}



#occupation .applyBtn:hover{
	background:#fff;
	border-radius:0px;
	transition:0.5s;
}

#occupation .applyBtn:hover > a{
	color:#e6386f;
	transition:0.5s;
}

#blog{
	background:#f6f6f6;
}

#blog #blogCont01 .conts{
	width:80%;
	padding-right:30px;
	box-sizing:border-box;
	margin-right:0;
	float:left;
}
#blog #blogCont01 .cont{
	width:100%;
	margin-bottom:15px;
	border:1px solid #eee;
	background:#fff;
	padding:8px;
	box-sizing:border-box;
}

#blog #blogCont01 .cat a{
	padding:3px;
	border:1px solid #e6386f;
	box-sizing:border-box;
	text-align:center;
	color:#e6386f;
	font-size:75%;
	border-radius:5px;
	margin-bottom:10px;
}

#blog #blogCont01 .blog_detail article{
	font-size:80%;
}


#blog #blogCont01 h2{
	margin:10px 0;
	font-size:100%;
}

#blog #blogCont01 article .articleTop{
	margin-bottom:20px;
}


#blog #blogCont01 article h2{
	font-size:130%;
}

#blog #blogCont01 article h3{
	font-size:130%;
	color:#16a05c;
	border-top:1px solid #16a05c;
	border-bottom:1px solid #16a05c;
	padding:10px;
	margin:15px 0;
	font-weight:bold;
}

#blog #blogCont01 article h4{
	font-size:170%;
	color:#16a05c;
	border-bottom:1px solid #16a05c;
}

#blog #blogCont01 article a{
	color:#16a05c;
}

#blog #blogCont01 article p{
	font-size:100%;
}

#blog #blogCont01 time{
	margin-top:5px;
	font-size:80%;
	display:inherit;
}

#blog #blogCont01 .blog_img{
	width:30%;
	float:left;
	padding-right:15px;
	box-sizing:border-box;
}

#blog #blogCont01 .blog_detail{
	width:70%;
	float:left;
}

#blog #blogCont01 .cat a{
	margin-right:7px;
}

#blog #blogCont01 .blog_archive{
	width:100%;
}

#blog #blogCont01 .blog_archive time{
	display:inline-block;
	width:16%;
}

#blog #blogCont01 .blog_archive .ttl{
	display:inline-block;
	width:83%;
	font-size:80%;
}

#info #infoCont01 .conts{
	width: 80%;
	padding-right: 30px;
	box-sizing: border-box;
	margin-right: 0;
	float: left;
}
#info #infoCont01 .cont{
	padding:10px
}

#info #infoCont01 time{
	display:inline-block;
	width:100px;
	font-size:75%;
}

#info #infoCont01 h2{
	font-size:100%;
	margin:7px 0;
	line-height:1.5em;
}

#info #infoCont01 .cat{
	display:inline-block;
	text-align:center;
	padding:2px ;
	width:100px;
}

#info #infoCont01 .cat a{
	color:#fff;
	font-size:75%;
}

#info #infoCont01 .news{
	background:#4767af;
}

#info #infoCont01 .press{
	background:#16a05c;
}

#info #infoCont01 .media{
	background:#e6386f;
}

#info #infoCont01 h2{
	font-size:100%;
	margin:10px 0 0px 0;
	line-height:1.5em;
}

#info #infoCont01 .articleTop h2{
	font-size:150%;
	margin:10px 0;
}

#info #infoCont01 .articleMain{
	margin-top:20px
}

#info #infoCont01 .infoArticle{
	width:100%;
}

#info #infoCont01 article a{
	color:#16a05c;
}

.sidebar h2{
	margin:10px 0;
	font-size:100%;
}

.sidebar{
	width:20%;
	float:left;
	margin-top:30px;
}

.sidebar .search-form p{
	display:inline;
}

.sidebar input{
	width:100%;
}

.sidebar h3{
	font-size:120%;
	font-weight:bold;
}
.sidebar li{
	line-height:1.5em;
	color:#16a05c;
}

.sidebar input{
	padding:5px 0;
	margin-bottom:20px;

}

.sidebar .popular, .sidebar .category, .sidebar .popular, .sidebar .archive{
	margin-top:30px;
}

.sidebar .popular li{
	margin-top:15px;
}


.sidebar .popular h4{
	font-size:75%;
	width:100%;
	box-sizing:border-box;
}

.sidebar .popular img{
	width:100%;
	margin:0;
}


/*--------------------------------------------------
	 #cvWrapper
--------------------------------------------------*/

#cvWrapper{
	text-align:center;
	background-color:#f6f6f6;
}


#cvWrapper .cvBtn {
	border:3px solid #4767af;
	color:#3e3a39;
	line-height:3em;
	font-weight:bold;
	background:#fff;
}



#cvWrapper .contWrapper .tripleCont{
	padding:0px;
	width:25%;
	margin:0 4%;
}

#cvWrapper .contWrapper {
	padding:100px 0 100px 0;
}

#cvWrapper .cvBtn:hover{
	color:#4767af;
	transition:0.5s;
}



#wantedWrap h3{
	margin-bottom:25px;
	font-size:200%;
	text-align:center;
	font-weight:bold;
}

#wantedWrap h4{
	font-weight:bold;
	margin-bottom:15px;
}


#wantedWrap  ul li {
	list-style-type: none;
	position: relative;
	color:#16a05c;
	padding:3px;
}

#wantedWrap  li:after {
	display: block;
	content: '';
	position: absolute;
	top: .6em;
	left: -1em;
	width: 5px;
	height: 5px;
	background-color:#16a05c;
}

#wantedWrap li a:hover{
	color:#16a05c;
}

#contact {
	background-color:#f6f6f6;
}

#contact .wpcf7 {
	background:#fafafa;
	border:1px solid #ddd;
	padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px;
	border-radius:10px; margin:0 0 30px 0;
}

#contact .wpcf7 p {
	padding:20px 20px 0; margin:0; font-size:100%;
}
#contact .wpcf7 input, .wpcf7 textarea {
	border:1px solid #ccc;
	padding:8px;
	font-size:100%;
}
#contact .wpcf7 textarea {
	width:97.5%;
	height:300px;
}
#contact .wpcf7 input.wpcf7-submit {
   cursor:pointer;
   color:#fff;
   font-weight:bold;
   font-size:100%;
   width:200px;
   height:45px; margin:0 auto;
   display:block;
   background:#16a05c;
}

#contact .wpcf7 input.wpcf7-submit:active {
	bottom:-2px; position:relative;
}
#contact .wpcf7 input:focus, .wpcf7 textarea:focus {
	border:1px solid #009de1;
}
#contact .wpcf7-captchac {
	border:1px solid #ccc;
}


#contact .wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
#contact .wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
#contact .wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#contact .wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
#contact .wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}

#contact .wpcf7 .required { color: #e6386f;}
#contact .wpcf7 .any{ color: #4767af;}


#sc h2{
	text-align:center;
	font-size:25px;
	letter-spacing:0.3em;
	margin-bottom:80px;
}

#sc #scTop{
	background-image:url("img/recruit/scTop.jpg");
	background-size:cover;
	background-position:center;
	text-align:center;
	color:#fff;
	position:relative;
	z-index:100;
}

#sc #scTop .contWrapper{
	padding:200px 0;
}

#sc #scTop h1{
		font-size:30px;
		color:#fff;
		letter-spacing:0.3em;
		font-weight:bold;
}
#sc #scTop p.eng{
	font-size:8px;
		letter-spacing:1em;
		margin:15px 0;
		color:rgba(255,255,255,0.5);
}
#sc #scTop p.sub{
	font-size:40px;
	letter-spacing:2.5em;
	color:#fff;
	margin-left:2.5em;
	font-weight:bold;
}

#sc #scCont02{
	background-color:#ff80f8;
	text-align:center;
}

#sc #scCont02 .contWrapper{
	background-image:url("img/recruit/scCircle.png");
	background-size:70%;
	background-position:center;
	background-repeat:no-repeat;
}

#sc #scCont02 p{
	color:#fff;
	line-height:2.5em;
	font-size:75%;
}

#sc #scCont03 ul li {
	list-style-type: none;
	position: relative;
	color:#16a05c;
	padding:3px;
}

#sc #scCont03 h4{
	font-weight:bold;
	margin-bottom:15px;
}

#sc #scCont03 li:after {
	display: block;
	content: '';
	position: absolute;
	top: .6em;
	left: -1em;
	width: 5px;
	height: 5px;
	background-color:#0b8aa1;
}

#sc #scCont03 li a:hover{
	color:#ff80f8;
}

#sc #scCont03 p{
	text-align:center;
}

#sc #scCont04{
	background-color:#eeeeee;
}

#sc #scCont04 .flow{
	background-color: #0b8aa1;
    width: 18%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding: 30px 50px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.2em;
    margin: 0 1%;
}


#sc #scCont05{
	background-image:url("img/recruit/scBottom.jpg");
	background-size:cover;
	background-position:center;
}

#sc #scCont05 h2{
	color:#fff;
}

#sc #scCont05 p{
	text-align:center;
	color:#fff;
}

#sc #scCont05 .cont{
	text-align:center;
}
#sc #scCont05 .scBtn{
	padding:10px 100px;
	background:#fff;
	font-weight:bold;
	margin-top:50px;
}

#sc #scCont05 .scBtn:hover{
	background:#eee;
	transition:0.3s;
}