/************************************************************/
/* Style:Title                                              */
/************************************************************/
.title{
    background         : #ffebeb;
	background-image   : url(../img/title_img.jpg);
	background-position: center bottom;  
	background-size    : 100%;

	display: block;

	align-items: center;
}
.title1{
	text-align: right;
	font-size: 6vmin;
	text-shadow: 3px 3px 3px #525252;
	color:rgba(255, 255, 255, 1.0);
	/*font-family:'HG創英角ﾎﾟｯﾌﾟ体';*/
	font-family: Hannari;

	padding-top  : 15%;
    padding-right:  5%
}
.title2{
	text-align: right;
	font-size: 3vmin;
	text-shadow: 3px 3px 3px #525252;
	color:rgba(255, 255, 255, 1.0);
	/*font-family:'HG創英角ﾎﾟｯﾌﾟ体';*/
	font-family: italianno;
    padding-right:  5%
}
/************************************************************/
/* Style:SubTitle                                           */
/************************************************************/
.subtitle{
	/*
    background         : #ffebeb;
	background-image   : url(../img/C00125-001B.jpg);
	background-position: center bottom;  
	background-size    : 100%;

	display: block;

	align-items: center;
	*/
	background-attachment: fixed;
	background-image: url(../img/C00125-001B.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 100vh;
	width: 100%;

	font-family: Hannari;
	font-size: 3vmin;
	color:white;
}
.subtitle::before {
	content: '';
	background-color: rgb(255, 255, 255, 0.2);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.subtitle1{
	text-align: left;
	font-size: 6vmin;
	text-shadow: 3px 3px 3px #525252;
	color:rgba(255, 255, 255, 1.0);
	font-family: Hannari;

	padding-top : 5%;
	padding-left: 5%;
}
.subtitle2{
	text-align: left;
	font-size: 6vmin;
	text-shadow: 3px 3px 3px #525252;
	color:rgba(255, 255, 255, 1.0);
	font-family: italianno;

	padding-left: 5%;
}

/************************************************************/
/* Style:特徴                                               */
/************************************************************/
.explanation{
	display        : block;
    text-align     : center;
	justify-content: center;
	padding-top    :  5%;	/* padding for menubar */
	padding-bottom :  5%;

	/*outline:solid 1px black;*/
}
.explanation h1{
	font-size  : 4vmin;
	font-family: Hannari;

	margin-bottom: 3%;
}
.explanation div{
	font-family: Hannari;

	margin-bottom: 3%;
}

/************************************************************/
/* Style:特徴                                               */
/************************************************************/
.feature{
	display        : block;
    text-align     : center;
	justify-content: center;
	padding-top    :  5%;	/* padding for menubar */
	padding-bottom : 10%;

	/*outline:solid 1px black;*/
}
.feature h1{
	font-size  : 6vmin;
	font-family: Hannari;

	margin-bottom: 3%;
}
/* <Contents Area>-----------------------*/
.fea_contents{
	display   : flex;
    text-align: center;

	width :  80%;
	height: 100%;
	margin:auto;

	position:relative;
	/*outline:solid 1px black;*/
}
.fea_contents img{
	width : 50%;
	height: auto;

	border-radius: 0px;

	position:relative;
	left    :5%;
	z-index :10;
}
.fea_contents h3{
	/*background-color: rgba(255, 255, 255, 0.5);*/

	text-decoration: none;
    text-align     : left;
	font-family: Hannari;
	font-size  : 4vmin;
    color      :rgb(0, 0, 0);
}
.fea_sub1{
	/*background-color: rgba(255, 255, 255, 0.5);*/

	text-decoration: none;
    text-align     : left;
	font-family: Hannari;
	font-size  : 3vmin;
    color      :rgb(0, 0, 0);

	position:absolute;
	left  :35%;
	top   :0%;

	padding:20px;
	z-index:50;
}
.fea_sub2{
	/*background-color: rgba(255, 255, 255, 0.5);*/

	text-decoration: none;
    text-align     : left;
	font-family: Hannari;
	font-size  : 3vmin;
    color      :rgb(0, 0, 0);

	position:absolute;
	left  :55%;
	top   :60%;

	padding:20px;
	z-index:50;
}
.fea_sub3{
	/*background-color: rgba(255, 255, 255, 0.5);*/

	text-decoration: none;
    text-align     : left;
	font-family: Hannari;
	font-size  : 3vmin;
    color      :rgb(0, 0, 0);

	position:absolute;
	left  :20%;
	top   :90%;

	padding:20px;
	z-index:50;
}
/*
.fea_contents img{
	width : 50%;
	height: auto;

	border-radius: 0px;

	position:relative;
	left    :50%;
	z-index :10;
}
.fea_contents ul{
	background-color: rgba(255, 255, 255, 0.5);

	text-decoration: none;
    text-align     : left;
	font-family: Hannari;
	font-size  : 4vmin;
    color      :rgb(0, 0, 0);

	position:absolute;
	left  :5%;
	top   :0%;

	width : 100%;
	height: 100%;
	padding:20px;
	z-index:50;
}
.fea_contents li{
	list-style-type: disc;
	margin-left: 24px;
	text-align: left;
}
.fea_contents p{
	font-family: Hannari;
	font-size  : 3vmin;
    color      :rgb(0, 0, 0);

	margin-top :1%;
	margin-left:5%;
}
*/
/************************************************************/
/* Style:教育                                                */
/************************************************************/
.education{
	display        : block;
    text-align     : center;
	justify-content: center;
	padding-top    :  5%;	/* padding for menubar */
	padding-bottom :  5%;

	width :100%;
	height:auto;

	/*outline:solid 1px black;*/
}
.education h1{
	font-size  : 6vmin;
	font-family: Hannari;

	margin-bottom: 3%;
}
/* <Contents Area>-----------------------*/
.edu_contents{
	display        : flex;
    text-align     : center;

	width :  80%;
	height: 100%;
	margin:auto;
	margin-left:15%;

	/*position:relative;*/
	/*outline:solid 1px black;*/
}
.edu_ctt1{
	display:block;
	width :  30%;
	/*outline:solid 1px black;*/
}
.edu_img{
	width : 90%;
	height: 50%;

	border-radius: 30px;

	margin-left:5px;
	margin-right:10px;
	/*
	position:relative;
	left    :  0%;
	z-index : 10;
	*/
}
.edu_img2{
	width : 30%;
	height: auto;

	border-radius: 30px;

	/*
	position:absolute;
	left    : 15%;
	top     : 75%;
	z-index : 20;
	*/
}
.edu_text{
	background-color: rgb(255, 255, 255, 0.5);
	border-radius: 0px;

	text-decoration: none;
    text-align: left;

	/*
	position:absolute;
	left    : 45%;
	top     : 10%;
	*/
	width  : 90%;
	padding: 10px;
	margin-left:10px;
	margin-right:10px;
	z-index: 50;
}
.edu_text h3{
	font-family: Hannari;
	font-size  : 3.5vmin;
    color      :rgb(0, 0, 0);
}
.edu_text p{
	font-family: Hannari;
	font-size  : 3vmin;
    color      :rgb(0, 0, 0);
}

/************************************************************/
/* Style:事業紹介                                            */
/************************************************************/
.business{
	display        : block;
    text-align     : center;
	justify-content: center;
	padding-top    :  2%;	/* padding for menubar */
	padding-bottom : 10%;

	width :100%;
	height:auto;

	/*outline:solid 1px black;*/
}
.business h1{
	font-size  : 6vmin;
	font-family: Hannari;

	margin-bottom: 3%;
}
/* <Contents Area>-----------------------*/
.bis_contents{
	display        : flex;
    text-align     : center;

	width :  80%;
	height: 50%;
	margin: auto;
	padding-top   : 2%;
	padding-bottom: 2%;

	/*outline:solid 1px black;*/
}
.bis_contents img{
	width : 40%;
	height: auto;

	border-radius: 0px;
	z-index:80;
}
.text1{
	/*background-color: rgb(247, 142, 142);*/
	border-radius: 2vmin;
	
	text-decoration: none;
    text-align     : left;
    color          :rgb(0,0,0);
	/*font-family:'HG創英角ﾎﾟｯﾌﾟ体';*/
	font-family: Hannari;
	font-size  : 3vmin;

	position:relative;
	left   :50px;
	top    :50px;
	width  : 70%;
	padding:  5%;
}
.text1 h3{
	font-family: Hannari;
	font-size  : 4vmin;
    color      :rgb(0,0,0);
}
.text2{
	/*background-color: rgb(247, 142, 142);*/
	border-radius: 30px;

	text-decoration: none;
    text-align     : left;
    color:rgb(0,0,0);
	/*font-family:'HG創英角ﾎﾟｯﾌﾟ体';*/
	font-family: Hannari;
	font-size  : 3vmin;

	position:relative;
	right :50px;
	top   :50px;
	width  : 70%;
	padding:  5%;
}
.text2 h3{
	font-family: Hannari;
	font-size  : 4vmin;
    color      :rgb(0,0,0);
}
/************************************************************/
/* Style:企業概要                                            */
/************************************************************/
.info{
	display        : block;
    text-align     : center;
	justify-content: center;
	padding-top    :  50px;	/* padding for menubar */
	padding-bottom :  10px;

	width :100%;
	height:auto;
}
.info h1{
	font-size:6vmin;
	font-family: Hannari;
}
.info h2{
	font-size  : 3vmin;
	font-family: Hannari;

	margin-top :  5%;
	margin-left: 15%;
}

/* <Contents Area>-----------------------*/
.info table{
	table-layout   : fixed;
    text-align     : left;
	justify-content: center;

	font-size  : 2vmin;
	font-family: Hannari;

	width: 60%;
	margin-top:5%;
    margin-left: auto;
    margin-right: auto;
}
.info th, td{
	border-bottom : 1px #b1b1b1 solid;
	margin :0;
	padding:30px;
}
.info th{
	width: 20%;
}
.info td{
    text-align: left;
	justify-content: center;
}
.info dl{
	display   : flex;
    text-align: left;
	margin:5px auto;
}
.info dt, dd{
	width:20%;
}
.info p{
    text-align: left;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
}
.info iframe{
	width:100%;
	height:auto;
	padding-top   :20px;
	padding-bottom:20px;
}

/************************************************************/
/* Style:企業概要                                            */
/************************************************************/
.sales{
	display        : block;
    text-align     : center;
	justify-content: center;
	padding-top    :   0px;	/* padding for menubar */
	padding-bottom : 100px;

	width :100%;
	height:auto;
}
.sales h1{
	font-size:6vmin;
	font-family: Hannari;
}
.sales h2{
	font-size  : 3vmin;
	font-family: Hannari;

	margin-top :  5%;
	margin-left: 15%;
}
.graph{
	display        : block;
    text-align     : center;
	justify-content: center;

	position:relative;
	width :60%;

	margin-top :  5%;
	margin-left: 20%;
}
.graph canvas{
	position:relative;
	/*outline:solid 1px red;*/
}

.sales table{
	table-layout   : fixed;
    text-align     : left;
	justify-content: center;

	font-size  : 2vmin;
	font-family: Hannari;

	width: 40%;
	margin-top:5%;
    margin-left: auto;
    margin-right: auto;
}

/************************************************************/
/* Style:採用情報                                            */
/************************************************************/
.recruit{
	display        : block;
    text-align     : center;
	justify-content: center;
	padding-top    :  50px;	/* padding for menubar */
	padding-bottom : 100px;

	width :100%;
	height:auto;
}
.recruit h1{
	font-size:6vmin;
	/*font-family:'HG創英角ﾎﾟｯﾌﾟ体';*/
	font-family: Hannari;
}
/* <Contents Area>-----------------------*/
.recruit table{
	table-layout   : fixed;
    text-align     : left;
	justify-content: center;

	font-size  : 2vmin;
	font-family: Hannari;

	width: 60%;
	margin-top:5%;
    margin-left: auto;
    margin-right: auto;
}
.recruit th, td{
	border-bottom : 1px #b1b1b1 solid;
	margin :0;
	padding:0;
	padding:30px;
}
.recruit th{
	width: 30%;
}
.recruit td{
    text-align: left;
	justify-content: center;
}
.recruit dl{
	display   : flex;
    text-align: left;
	margin:5px auto;
}
.recruit dt{
	width:30%;
}
.recruit dd{
	width:70%;
	margin-bottom:3%;
}
/************************************************************/
/* Style:お問い合わせ                                        */
/************************************************************/
.contact{
	display        : block;
    text-align     : center;
	justify-content: center;
	padding-top    :  50px;	/* padding for menubar */
	padding-bottom : 100px;

	width :100%;
	height:auto;
}
.contact h1{
	font-size:6vmin;
	font-family: Hannari;
}
/* <Contents Area>-----------------------*/
.ctt_contents{
	display        : block;
    text-align     : center;
	justify-content: center;

	width :70%;
	margin: 3% auto;
}
.ctt_info{
	font-size:3vmin;
	font-family: Hannari;
    text-align     : center;
	margin-bottom: 3%;
	width :30%;
	margin: 3% auto;

	/*outline:1px #b1b1b1 solid;*/
}
.ctt_contents img{
	width:calc;
	border-radius: 30px;
}
.ctt_contents p{
	font-size:4vmin;
	font-family: Hannari;
	margin: 2% auto;
}
.ctt_contents div{
    text-align : center;
	font-size  :2vmin;
	font-family: Hannari;

	width :100%;
	margin: 2% auto;
	padding-bottom: 5%;
}


/************************************************************/
/* Style:お知らせ                                            */
/************************************************************/
.notice{
	/*font-family:'HG創英角ﾎﾟｯﾌﾟ体';*/
	font-family: Hannari;
	font-size: 4vmin;
}

/************************************************************/
/* Style:労働者派遣における情報について                     */
/************************************************************/
.haken h2{
	font-family: Hannari;
	font-size  : 3vmin;
	margin-left: 15%;
	margin-bottom: 1%;
}
.haken div{
	font-family: Hannari;
	font-size  : 2vmin;
	margin-left: 15%;
}