@import "../common/owl.carousel.css";
@import "../common/owl.theme.css";
@import "../common/owl.transitions.css";
@import "../common/sky-forms.css";


@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?98ap01');
	src:url('../fonts/icomoon.eot?#iefix98ap01') format('embedded-opentype'),
		url('../fonts/icomoon.woff?98ap01') format('woff'),
		url('../fonts/icomoon.ttf?98ap01') format('truetype'),
		url('../fonts/icomoon.svg?98ap01#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-facebook2:before {
	content: "\ea8d";
}

.icon-instagram:before {
	content: "\ea90";
}

.icon-twitter:before {
	content: "\ea91";
}



/* Breakpoints */
@highdensity: ~"only screen and (-webkit-min-device-pixel-ratio: 1.5)",
              ~"only screen and (min--moz-device-pixel-ratio: 1.5)",
              ~"only screen and (-o-min-device-pixel-ratio: 3/2)",
              ~"only screen and (min-device-pixel-ratio: 1.5)";
@mobile:      ~"only screen and (max-width: 529px)";
@tablet:      ~"only screen and (min-width: 530px) and (max-width: 949px)";
@desktop:     ~"only screen and (min-width: 950px) and (max-width: 1128px)";
@desktop-xl:  ~"only screen and (min-width: 1129px)";

*{
	word-break:break-all;
	margin: 0px;padding: 0px;
}
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
article{
	width: 100%;text-align: center;
	padding: 20px 0px 20px 0px;
	display: block;
	background-color: #9fadc5;
	background-color: #87c47a;
	background-color: #86c3d9;
	strong{font-size: 42px; }
}

.sectionType1{
	background-color:#f0e6d5;
}
.sectionType2{
	background-color:#fffdf1;
}


.lines-on-sides {
    // display: table;
    // text-align: center;
    // white-space: nowrap;
    // &:after,
    // &:before {
    //     content: '';
    //     display: table-cell;

    //     width: 50%;
    //     background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 2px), transparent calc(50% + 2px));
    //     background: -ms-linear-gradient(transparent 100%, currentColor 50%, currentColor calc(50% + 2px), transparent calc(50% + 2px));

    //     // background-clip: padding;
    // }
 
    // &:after {
    //     border-left: 1em solid transparent;
    // }
 
    // &:before {
    //     border-right: 1em solid transparent;
    // }
}

.subTitle{
	width: 100%;text-align: center;
	/*font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro";*/
	padding: 20px 0px 20px 0px;
	strong {
		font-size: 2.5em; 

		  display: flex;
	    align-items: center;
	    text-align: center; /* for no-flexbox browsers */
	}
	strong:before,
	strong:after {
		border-top: 1px solid;
		content: "";
		display: inline; /* for IE */
		flex-grow: 1;
	}

	strong:before {
		margin-right: 0.5em;
	}

	strong:after {
		margin-left: 0.5em;
	}

}

.page{
	width: 100%;
	height: 80vh;
}
.page2{
	width: 100%;
	height: 120%;
	display: inline-block;
	padding: 50px 0px 20px 0px;
}
.topic{
	width: 100%;
	max-width: 980px;
	margin: 0px auto;
	em{
		font-size: 3.5em;
		position: relative;
		font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro";
		display: inline-block !important;
		background-color: rgba(200,200,200,0.6);
		padding: 10px 20px 10px 20px;
		font-weight: bolder;
		border-radius: 20px;  
		-webkit-border-radius: 20px; /* Safari,Chrome */
	}
	@media screen and (max-width : 768px){
	    em{ font-size : 25%;} 
	}

}

.partner{
	width: 100% ;

	display: block;
	max-width: 980px;
	text-align: center;
	margin: 0px auto;
}
.profile{

	width: 50% !important;
	img{
		width: 100%;
		max-width: 400px;
		margin: 0px auto;
		display: block;
		border:2px solid #DDDDDD;
	}
	strong{
		margin:30px 0px 30px 0px;
		display: block;
		font-size: 36px;
		font-weight: lighter;
	}
	p{
		font-size: 18px;
		line-height: 40px;
		font-weight: lighter;
	}
	@media @mobile{float: left;}
	position:static;

	float: left;
}
.ps-1{
	float: left;
	margin-top: 32vh;

}


.ps-2{
	float: right;
	margin-top: 10vh;
}
.ps-3{
	float: right;
	margin-top: 32vh;
}
.ps-4{
	float: left;
	margin-top: 10vh;
}
.closed-form {
	width: 100%;
}
.title{
	// border: 5px solid #000000;
	color: #FFFFFF;
	width: 100% ;

	height: 100vh;

	background-image: url('../img/top_img.jpg');

	display: table-cell;
	vertical-align: middle;
	text-align:center;



	.bg-black{
		width: 100vw;
		height: 50vh;
		background-color: rgba(0,0,0,0.4);
		display: table-cell;
		vertical-align: middle;
		text-align:center;
		position: relative;
	}
	.bg-closed{
		background-color: rgba(255, 255, 28, 0.8);
		margin: auto;
		padding: 20px;
		text-align: center;
		width: 50%;
		color: #000;
	}
	.closed-img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	
	span{
		font-size: 43px;

		display:block;
		text-decoration: underline;
		padding-bottom: 20px;
	}
	strong{
		font-size: 75px;
		line-height: 200px;
		em{
			font-size: 75px;
			color: #ffff00;
		}
	}
	p{font-size: 35px;}

}
.sub{
	height: 30vh;
	width: 100%;max-width: 980px;
	margin: 20px auto 0 auto;
}

.suggest{

	height: 100%;
	/*width: 100%;*/
	text-align: right;
	
	color: #FFFFFF;
	display: inline-block;
	padding-top: 2vh;

	span{
		font-size: 43px;
		/*font-size: 1em;*/
		display:block;
		text-decoration: underline;
		padding-bottom: 20px;
	}
	strong{
		font-size:1.3em;
		line-height: 32px;
		
	}
	em{
			font-size: 1em;
			color: #ffff00;
	}
	p{
	font-size: 2.2em;}
	float: right;
	.center{
		text-align: center;
	}
	/*.right{
		
		width: 100%;
	}*/
}
.market{
	background-image: url('../img/bk_2.jpg');
}
.management{
	background-image: url('../img/bk_3.jpg');
}
.planning{
	background-image: url('../img/bk_4.jpg');
}
.working{
	background-image: url('../img/bk_5.jpg');
}
 h2,strong,dd,dt{font-size: 43px;}
#main{
	width: 100%;
	position: relative;	
	margin-top: -20px;
	div{	
		
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
	}
}

.service{
	padding:0px 0px 60px 0px;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro";	

	strong{
		font-size: 36px;
		line-height: 60px;
	}
	p{
		font-size: 23px;
		line-height: 55px;
		em{
			font-size: 28px;
			font-weight: bolder;
		}
	}
	.rich{
		width: 100%;
		background-color: #ffff00;;
		padding:30px 0px 30px 0px;
		font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro";	
	}
}
.recruit{
	dl{
		width: 100%;
		max-width: 980px;
		margin: 0 auto;

		dt{

			float: left;
			width: 160px;
			font-size: 22px;
			line-height: 60px;
			text-align: right;
			margin-right: 40px;
			border-bottom: solid 1px #;
		}
		dd{
			display:block;
			line-height: 60px;
			text-align: left;
			font-size: 22px;
			border-bottom: solid 1px #;

		}
		em{
			font-size: 18px;
		}
	}
}
.form{
	width: 100%;
	max-width: 980px;
	height: auto;
	margin: 0px auto;
	padding: 30px 0px 30px 0px;
	text-align: center;
	font-size: 20px;
	position: relative;

	.form-group{
		text-align: center;
	}
	label{
		display: inline-block;
		width: 100%;
		margin: 5px 0px 5px 0px;
	}
	input[type="submit"]{
		font-size: 30px;
		height:auto;


	}


}
.topLine{
	padding-top: 20px;
	padding-bottom: 20px;

}
.bottomLine{
	// padding-top: 5px;
	padding-bottom: 5px;	
}
.dark{
	background-color: #360308;
}
.bottomLine{
	background-color: #FFFFFF;

	a{ color: #360308;}
	p{text-align: center;color: #360308;}

	ul{ width: 100%; color: #360308;}
	li{ float: left;}
	span{
		font-size: 30px !important;
		color: #360308;
	}
}
.icon{  
	display: block;  
	padding-top: 20px;
	padding-bottom: 20px;
	span{
		/*padding-left: 20px;*/
		/*padding-right: 20px;*/
		font-size: 50px;
		margin: 20px;
	}
}
@media screen and (max-width : 768px){

	.suggest{
		display: inline-block !important;
		width: 100% !important;
		padding-top: 2%;
		span{font-size: 20px !important; padding-bottom: 0px !important;}
		strong{font-size: 35px !important;line-height: 35px!important;}
		em{font-size: 30px !important;}
		p{font-size: 14px !important;}


	}
	.subTitle{
		strong {
			font-size: 2.0em !important; 
		}
	}
	.bg-black,.bg-closed{
		span{font-size: 20px !important; padding-bottom: 0px !important;}
		strong{font-size: 24px !important;line-height: 50px!important;}
		em{font-size: 30px !important;}
		p{font-size: 14px !important;}

	}
	article{

		padding: 20px 0px 20px 0px;
		display: block;
		strong{font-size: 20px; }
	}
	.service{ 
		padding-bottom: 10px;
		strong{
			font-size: 18px;
			line-height: 30px;
		}
		p{
			font-size: 11px;
			line-height: 20px;
			em{
				font-size: 14px;
				font-weight: bolder;
			}
		} 
	}
	.ps-1{ margin-top: 40px !important; font-size: 20px !important;} 
	.ps-2{ margin-top: 40px !important; font-size: 20px !important;} 
	.ps-3{ margin-top: 40px !important; font-size: 20px !important;} 
	.ps-4{ margin-top: 40px !important; font-size: 20px !important;} 
	.page2{ height: auto !important;}
	.profile{
		float: none;
		width: 100%;
		/*height: 300px;*/
		display: inline-block;
		strong{
			font-size: 20px;
		}
		p{
			font-size: 12px;
			line-height: 12px;
			font-weight: lighter;
		}
	}
	.recruit{
		dl{
			dt{ font-size: 20px !important; width: 100% !important; text-align: center !important;line-height: 30px;}
			dd{ font-size: 20px !important; width: 100% !important; text-align: center !important;line-height: 30px; padding:8px 0px 8px 0px;}
			em{font-size: 15px;}
		}
	}
	.page{
		height: 100%;
	}
	.sub{
		height: 30%;
	}
	.title{
		height: 100%;
		.bg-black{
			height: 50%;
		}
	}
}


/*201507*/
.top-wrapper{
	margin: auto;
	max-width: 920px;
}
.num {
	position: absolute;
	top: 20px;
	left: 0;
}
.close-y {
	text-align:center;
}
.close-y img {
		position: absolute;
		top: 300px;
		width: 70%;
		z-index:9999;
		left:20%;
}
.close-t {
	position: absolute;
	top: 30%;
	left: 15%;
	right: 15%;
	background-color: #FFEF00;
	font-size: 50px;
	font-weight:bold;
	-moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
	z-index: 999;
	color: #000;
	padding: 20px;
	opacity: 0.9;
}
.close-t span {
	color: #FF1D21;
}
.close-t span.in {
	color: #6D6D6D;
	font-size: 50%;
	font-weight: normal;
}
@media screen and (max-width : 768px){
	.close-t {
	font-size: 22px;
}
}

.top-btn {
	text-align: right;
	display: block;
	margin-right: 50px;
}
.top-btn-inner {
	text-align: center;
	display: inline-block;
}
.top-btn a {
	display: block;
	padding: 10px 20px;
	background-color: rgba(255,255,255,0.8);
	border: 2px solid #FFF;
	border-radius: 5px;
}
.title02{
	color: #FFFFFF;
	width: 100% ;
	position: relative;
	height: 100vh;

	background-image: url('../img/top_img02.jpg');

	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
	.bg-black{
		width: 100vw;
		height: 50vh;
		/*background-color: rgba(0,0,0,0.4);*/
		display: table-cell;
		vertical-align: middle;
		text-align:center;
		position: relative;
	}
.top01 {
	font-size: 50px;
	font-weight: bold;
}
.top01 strong {
	color: #fff10a;
	font-size: 60px;
}
.top01 strong span{
	color: #ff0c6d;
}
.top01 p {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro";
}
.top02 {
	font-size: 30px;
	color: #090e4d;
}
.top02 span {
	color: #f0092a;
}
.top03 {
	font-size: 30px;
	color: #000;
	text-align: right;
	padding-right: 50px;
}
.top03 span {
	font-size: 40px;
}
/*.top01 strong, .top02, .top03{
filter:dropshadow(color=#FFF,offX= 0,offY=-1)
dropshadow(color=#FFF,offX= 1,offY= 0)
dropshadow(color=#FFF,offX= 0,offY= 1)
dropshadow(color=#FFF,offX=-1,offY= 0);
 
-webkit-text-stroke-color: #FFF;
-webkit-text-stroke-width: 1px;
 
text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
}*/
@media screen and (max-width : 768px){
	.bg-black span,.bg-black p {
	font-size: 20px !important;
}
.num img {
	width: 130px;
}
	.top01 strong {
	font-size: 20px !important;
}
.top01 span {
	font-size: 20px !important;
}
	.top02 {
	font-size: 20px !important;
}
.top02 span::before{
	content: "\A";
	white-space: pre;
}
	.top03 {
	font-size: 20px !important;
}
.top03 p{
	margin-bottom: 0;
}
.top03 span {
	font-size: 20px !important;
}
.point-item p,.top-btn,.service p,.point p,.point-message,.contact, .youtube,.recruit dl dd,.recruit dl dt  {
	font-size: 15px !important;
}
.top-btn {
	margin-bottom: 10px;
	margin-right: 30px;
}
.top-btn a {
	padding: 5px 10px;
}

}
.service p {
	margin: 30px 0;
	line-height: 1.8;
}
.sectionType3{
	background-color:#4ca0e7;
	margin-top: 20px;
	color: #FFF;
}
.sectionType4{
	background-color:#ffb018;
	color: #FFF;
}
.point01{
	background-image: url('../img/point01.jpg');
}
.point02{
	background-image: url('../img/point02.jpg');
}
.point03{
	background-image: url('../img/point03.jpg');
}
.point04{
	background-image: url('../img/point04.jpg');
}
.point05{
	background-image: url('../img/point05.jpg');
}
.point p {
	font-size: 22px;
	text-align: center;
	margin: 20px 0;
}
.point-item .page {
	margin: 20px 0;
	position: relative;
}
.point-item p {
	font-size: 22px;
	text-align: center;
} 
.point-item .topic{
	background-color: rgba(255, 255, 255, 0.8);
    border-radius: 20px;
    display: inline-block !important;
    font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro";
    font-size: 3.5em;
    font-weight: bolder;
    padding: 10px 20px;
	text-align: center;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	margin:auto auto;
}
.point-item p.point-title {
	font-weight: bold;
	font-size: 110%;
} 
.point-item p span {
	color: #ffb018;
} 
.point-message {
	font-size: 22px;
	text-align: center;
	margin: 100px 0 100px;
}
.point-message span {
	color: #ffb018;
}
.staff {
	text-align: center;
}
.staff img{
	width: 100%;
	max-width: 890px;
	padding: 30px 0;
}
.contact, .youtube {
	text-align: center;
	font-size: 22px;
	margin: 20px 0 40px;
}
.contact p, .youtube p {
	margin: 15px 0;
}
.contact .btn a {
	padding: 20px 40px;
	display: block;
	border-radius: 5px;
	background: #4ca0e7;
	color: #FFF;
	font-size: 22px;
}
.contact .btn a:hover {
	opacity: 0.8;
}
.youtube {
	margin-bottom: 70px;
}
.movie-wrapp {
	margin: 0 auto 30px;
	max-width: 560px;
	max-height: 315px;
}
.movie-inner {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin: auto;
}
.movie-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bnr-contents {
	background: #FFECD2;
	padding: 15px;
	text-align: center;
	margin-top: 40px;
}
.bnr-contents p {
	font-weight: bold;
	font-size: 22px;
	color: #FFA10D;
}
.bnr-contents img, .bnr-contents iframe {
	width: 100%;
	max-width: 360px;
}
.bnr-contents img:hover {
	opacity: 0.8;	
}
.bnr-item {
	float: left;
	width: 33.33333%;
}
.bnr-item iframe {
	margin-bottom: 15px;
}
.youtube-link {
	display: inline-block;
	border-radius: 5px;
	color: #FFF;
	background: #e52d27;
	padding: 5px 10px;
	font-size: 85%;
}
.youtube-link:hover {
	background: #b31217;
	color: #FFF;
}

@media screen and (max-width : 1195px){
	.bnr-item {
	float: none;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
	}
}
.attention {
	font-size: 85%;
	color: #E4060A;
	margin-bottom: 20px;
	display: inline-block;
}