/* CSS Document */
/*Reset*/

html{
	font-size:62.5%;
	height:100%;
	width:100%;
}
body{
	width:100%;
	max-width:640px;
	height:auto;
	margin: 0 auto;
	padding: 0  0;
	background:#fff;
	font-family: 'Noto Sans Japanese',"Hiragino Kaku Gothic ProN","游ゴシック",Yu Gothc, "メイリオ", sans-serif;
	color:#232323;
	font-size:18px;
	font-size:1.8rem;
	line-height: 1.9;
}

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height:100%;
	font-style: normal;
	font-weight:normal;
	font-size: 100%;
	text-align:left;
	list-style-type:none;
	border-collapse:collapse;
	vertical-align:top;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	overflow:hidden;
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
*+html .clearfix{min-height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.pc {
	display:none;
}
img,
input[type="image"]{
	width:100%;
	height:auto;
}

a{
	text-decoration:none;
}
p{
	line-height:1.6;
	padding-bottom:30px;
}

em{
	font-style:normal;
}
ul.radio{
	margin-top:15px;
}
ul.radio li{
	margin-right: 40px;
	display: inline-block;
	font-size:14px;
	font-size: 1.4rem;
}
ul.radio input{
	vertical-align: middle;
	line-height: 1;
}
/*ヘッダー*/
header{
	background:#fff;
    box-shadow:0 2px 3px rgba(0,0,0,0.1);
	position:fixed;
	top:0;
	left:0;
	width:100%;
    padding:3px 0 5px;
	z-index:3;
}
div.head_inner{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
}
h1{
	width:120px;
    padding:7px 0 7px 10px;
}
@media only screen and (max-width:768px){
div.head_inner{
display:block;
}
}
@media only screen and (min-width:768px){
h1{
width:180px;
height:auto;
margin-left:100px;
}
h1:hover{
opacity:0.7;
transition:all 0.5s;
}
header div.wrapper_min{
margin:0 auto;
overflow:hidden;
}
}

/*スマホ　ヘッダーメニュー*/
header nav{
	width:100%;
	position:relative;
}
header nav ul{
	background:#ee7325;
	overflow:hidden;
	width:100%;
	max-height:0;
	position:absolute;
	top:0;
	transition:all 500ms;
}
header nav.open ul{
	max-height:100em;
}
header nav ul li{
	display:block;
	font-size:12px;
	padding:17px 0 17px 15px;
}
header nav ul li+li{
	border-top:1px solid #fff;
}
header nav ul li a{
	color:#fff;
	display:block;
}
/*PC　ヘッダーメニュー*/
@media only screen and (min-width:768px){
header nav{
width:200px;
margin-right:100px;
}
header nav ul{
background:#FFF;
float:right;
display:table;
width:100%;
height:auto;
overflow:hidden;
position:relative;
top:0;
max-height:100em;
}
header nav ul li{
border-style:none;
padding:10px 5px;
font-weight:bold;
display:table-cell;
right:0;
margin-right:0;
text-align:right;
}
header nav ul li+li{
border:none;
}
header nav ul li a{
color:#515151;
font-size:14px;
font-weight:bold;
}
header nav ul li a:hover{
opacity:0.5;
transition:all 0.5s;
}
}


/*ヘッダーメニュー----------------------------------------*/

/*スマホ　ヘッダーメニューボタン*/
#buttonmenu{
	position:absolute;
	top:10px;
	right:10px;
	width:30px;
	height:30px;
}
@media only screen and (min-width:768px){
#buttonmenu{
display:none;
}
}
#buttonmenu span{
	height:4px;
	width:30px;
	display:block;
	background:#ee7325;
	position:absolute;
	top:13px;
	left:0;
	transition:all 500ms;
}
#buttonmenu span:before,
#buttonmenu span:after{
	content:"";
	height:4px;
	width:30px;
	display:block;
	background:#ee7325;
	position:absolute;
	transition:all 500ms;
}
#buttonmenu span:before{
	top:-10px;
}
#buttonmenu span:after{
	top:10px;
}
#buttonmenu.open span{
	transform:rotate(-45deg);
}
#buttonmenu.open span:before{
	top:0;
	transform:rotate(90deg);
}
#buttonmenu.open span:after{
	top:0;
	transform:rotate(-90deg);
}

p.firstview{
	padding-top:63px;
}


/*Solutions　事業内容---------------------------*/
#solutions{
	margin-top:0px;
	padding-top:62px;
}

#solutions div.title{
	width:100%;
	height:250px;
	top:0;
	left:0;
	right:0;
	background:url("../img/solutions.jpg") no-repeat right top/cover;
}
#solutions h2{
	margin:0px auto;
	width:85%;
	color:#ffffff;
	font-size:45px;
	font-size:4.5rem;
	font-weight:bold;
	line-height:0.7;
	text-align:center;
	padding-left:0;
	padding-right:0;
	padding-top:90px;
}

#solutions h2 em{
	font-size:22px;
	font-weight:600;
}

#solutions h3{
	width:60%;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:40px;
}
div.padding{
	padding-left:20px;
	padding-right:15px;
}
div.smallmenu ul{
	display:table;
	table-layout: fixed;
    width: 100%;
	background:#d50505;
	text-align:center;
}
div.smallmenu ul li {
	text-align:center;
	display: table-cell;
    vertical-align: middle;


}
div.smallmenu ul li a{
   color: #fff;
   display: block;
   font-size: 15px;
   text-decoration: none;
   padding: 20px 0;
}
div.smallmenu ul li + li {
  border-left: 2px solid #aa0009;
}


/*
.sankaku{
	width: 20px;
	height: 0;
	border: 20px solid transparent;
	border-bottom: 20px solid #f00;
	margin:auto;
}*/


.bprimg,
.hrimg{
	width:70%;
	margin:15px auto;
}

#solutions div.service:before{
	content: '';
	width:0;
	height:0;
	margin:0 0 0 -20px;
	display:block;
  border: 20px solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #d50505;
  border-left-color: transparent;
	position: absolute;
	top:-40px;
	left:50%;
}
#solutions div.service{
	padding: 15px 25px 15px 25px;
	position: relative;
	background:#d50505;
	line-height: 0;
}
#solutions div.service dl{
	margin: 15px 0;
	display: table;
	width: 100%;
}
#solutions div.service dt{
	display: table-cell;
	font-family: 'Teko', sans-serif;
	font-weight:100;
	font-size:50px;
	color:#ffffff;
	border-right:1px solid #ffffff;
	padding-right:20px;
}
#solutions div.service dd{
	padding: 0 0 0 20px;
    display: table-cell;
    color: #fff;
    line-height: 1.6;
}

#solutions div.service dd em{
	font-size:16px;
	line-height:0.7;
}


div.service dt em{
	letter-spacing: 2px;
}
#solutions ul.servise:before{
	content:'';
	width:0;
	height:0;
	margin:0 auto;
	text-align:center;
	display:block;

  border: 20px solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #d50505;
  border-left-color: transparent;
  right:0;
}

#solutions ul.servise{
	background:#d50505;
	padding:17px;

	margin-top:0;

}
#solutions ul.servise li{
	border: 1px solid #fff;
}


#solutions ul.servise li.number{
	margin-top:10px;
	float:left;
	width:20%;
	height:auto;

}
#solutions ul.servise li.text{
	margin-top:10px;
	float:right;
	width:76%;
	height:80px;
	color:#ffffff;
}
#solutions ul.servise li.text strong{
	font-size:20px;
	line-height:1.2;
}
#solutions ul.servise li.text em{
	font-size:15px;
	font-weight:400;
	line-height:1.5;
}


#item-list ul:after {
	content:'';
	clear:both;
	display:block;

}

#item-list ul li:nth-child(3n-1) {
	margin:0 2%;
}




#top_service h2{
	margin:0 auto;
	width:85%;
	color:#ee7325;
	font-size:65px;
	font-size:6.5rem;
	font-weight:bold;
	letter-spacing: 0.5rem;
	line-height:1.5;
	text-align:center;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
}
h2.service_orange,h2.company_white {
  margin: 40px auto 80px;
}
h2.service_orange img {
	width: 40%;
	height: auto;
	display: block;
	margin: 0 auto;
}

@media only screen and (max-width: 768px){
	h2.service_orange img {
	width: 60%;
}
}
h2.company_white img {
	width: 50%;
	height: auto;
	display: block;
	margin: 0 auto;
}
#top_service p{
	font-size: 16px;
	padding-bottom: 15px;
	text-align: justify;
}

p.morebutton{
	padding-top:20px;
	padding-bottom:50px;
}

#business_contents{
	padding-bottom:70px;
}

#business_contents ul{
	padding-top:50px;
	padding-bottom:20px;

}


#business_contents ul li img{
	margin:auto;
	text-align:center;
}



#business_contents ul li{
	width:83%;
	margin:0 auto;
	text-align:center;
}


#business_contents ul li strong{
	font-size:25px;
	line-height:3;
	text-align:center;
	display:block;
}

#business_contents ul li strong:after{
	content:'';
	background: #fb4830;
	height: 2px;
	width:50px;
	display:block;
	margin: -10px auto 15px auto;
}


#business_contents ul li em{
	text-align:left;
	font-size:18px;
	line-height:1.4;
	margin-left:0;

}



#merrit{
	background:#f4f4f4;
	padding-bottom:70px;
}

#merrit ul{
	padding-top:50px;
	padding-bottom:20px;

}


#merrit ul li img{
	margin:auto;
	text-align:center;
}



#merrit ul li{
	width:65%;
	margin:0 auto;
	text-align:center;
	text-align: justify;
}


#merrit ul li strong{
	font-size:25px;
	line-height:3;
	text-align:center;
	display:block;
}

#merrit ul li strong:after{
	content:'';
	border:2px solid #ee7325;
	width:50px;
	display:block;
	margin: -10px auto 15px auto;
}


#merrit ul li em{
	text-align:left;
	font-size:14px;
	font-size: 1.4rem;
	line-height:1.8;
	margin-left:0;

}



#top_company{
	padding:3rem 40px 5rem;
	width:auto;
	height:100%;
}
#top_company h2{
	padding-top:40px;
	padding-bottom:20px;
	margin:0 auto;
	padding-left:0;
	padding-right:0;
	color:#fff;
	display: inline-block;
	font-size:85px;
	font-size:8.5rem;
	font-weight:bold;
	letter-spacing: 0.5rem;
	line-height:1.5;
	width: auto;
}

#top_company p{
	text-align:center;
	color:#ffffff;
}













@media only screen and (min-width:768px){

#merrit ul li{
	height: 500px;
}


}









/*Vision＆Mission---------------------------*/
#vision{
	margin-top:0px;
	padding-top:62px;
	padding-bottom:30px;
}

#vision div.title{
	width:100%;
	height:250px;
	top:0;
	left:0;
	right:0;
	background:url("../img/vision.jpg") no-repeat right top/cover;
}
#vision h2{
	margin:0px auto;
	width:85%;
	color:#ffffff;
	font-size:45px;
	font-size:4.5rem;
	font-weight:bold;
	line-height:1;
	text-align:center;
	padding-left:0;
	padding-right:0;
	padding-top:60px;
}

#vision h2 em{
	font-size:22px;
	font-weight:600;
}
#vision div.contents{
	margin:70px auto;
}
#vision h4{
	text-align:center;
	font-size:28px;
	font-weight:bold;
	color:#d40505;
	margin-top:20px;
	margin-bottom:20px;
	line-height:1.3;

}
#vision h3{
	text-align:center;
	line-height:1.3;
	font-size:26px;
	font-weight:bold;
}
#vision p{
	padding:0;
}
section#vision{
	padding-bottom:70px;
}
section#mission{
	padding-top:70px;
	border-top:2px solid #D0CCCC;

}

/*アバウト--------------------------------------------------------------*/



#about{
	margin-top:0px;
	padding-top:62px;
}
#about div.title{
	width:100%;
	height:250px;
	top:0;
	left:0;
	right:0;
	background:url("../img/aboutsp.jpg") no-repeat center bottom/cover;
}
#about h2{
	margin:0px auto;
	width:85%;
	color:#ffffff;
	font-size:35px;
	font-size:3.5rem;
	font-weight:bold;
	line-height:1.1;
	text-align:center;
	padding-left:0;
	padding-right:0;

	padding-top:90px;
}

#about h2 em{
	font-size:22px;
	font-weight:600;
}

section#ict{
	margin-bottom:30px;
}
section#icthr h3{
    width:80%;
	margin:0 auto;
	padding-top:85px;
	padding-bottom:40px;
}

section#icthr h4{
	margin-left: auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:30px;
	text-align:center;
	font-size:33px;
	font-weight:bold;
}
section#icthr div.pc p{
	font-size:16px;
	line-height:2;

}
p.slid{
	margin: 0;
  height: 100px;
  width: 100%;
  display: block;
  background:url(../img/job.jpg)  repeat-x center top / cover;
  animation: head_back1 60s linear 0;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-direction: normal;

}

@keyframes head_back1{
    0% { background-position: 0px top }
    100% { background-position: 2000px top }
}


.skew {
    background: #d40505;
    padding: 50px 0;
    -webkit-transform: skew(0deg, -5deg);
    transform: skew(0deg, -5deg);
    }
    .content {
        width: auto;
        margin: 0 auto;
        -webkit-transform: skew(0deg, 5deg);
        transform: skew(0deg, 5deg);
        }
        .inner-box {
            width: auto;
            margin: 0 auto;
            color: #fff;
            text-align: center;

            }
section#icthr div.padding{
	margin:30px auto;
}

section#logomark p.hhrlogo {
	text-align:center;
	margin:0 auto;
}

section#logomark{
	color:#ffffff;
	padding-top:30px;
}

section#logomark h3{
	margin:30px auto;
	text-align:center;
	font-size:30px;
}

section#greeting h3{
	padding-top:20px;
	margin:30px auto;
	text-align:center;
	font-size:25px;
	color:#d40505;
	font-weight:bold;
}
section#greeting h4{

/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-weight:bold;
	font-size:30px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:0;
}
section#ceo{
	width:100%;
	background:url(../img/moriki_sp.jpg) no-repeat right top/contain;
	padding-bottom:60px;
}
section#ceo img{
	width:53%;
	margin-top:90px;
	margin-bottom:40px;
}

section#ceo h5{
	font-size:22px;
	font-weight:bold;
	border-left:3px solid #d40505;
	padding-left:13px;
	margin-bottom:10px;
	margin-top:10px;
}

section#ceo div.ryakureki{
	padding:5px 5px;
	margin-bottom:10px;
	background-color: rgba(255, 255, 255, 0.7)
}
section#greeting div.sp p{
	font-size:16px;
	padding-bottom:20px;
}
section#ceo div.ryakureki p{
	font-size:15px;
	padding-bottom:5px;
}
section#ceo div.keireki{
	padding:10px;
	background:#d40505;
	color:#ffffff;

}
section#ceo div.keireki p{
	padding-bottom:5px;
	font-size:12px;
}





/*プロフィール-----*/
section#companyprofile{
	width:auto;
	height:100%;
	background:url("../img/companyprofile.jpg") no-repeat right top/cover;
}
section#companyprofile h3{
	padding-top:40px;
	padding-bottom:20px;
	margin:0 auto;
	width:50%;
	color:#d40505;
	font-size:33px;
	font-size:3.3rem;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	padding-left:0;
	padding-right:0;
}



/*プロフィール------------------------------------------------------------*/

#profile{
	margin-top:0px;
	padding-top:62px;

}

#profile div.title{
	width:100%;
	height:250px;
	top:0;
	left:0;
	right:0;
	background:url("../img/about.jpg") no-repeat center top/cover;
}
#profile h2{
	margin:0px auto;
	width:85%;
	color:#ffffff;
	font-size:35px;
	font-size:3.5rem;
	font-weight:bold;
	line-height:1.1;
	text-align:center;
	padding-left:0;
	padding-right:0;

	padding-top:90px;
}

#profile h2 em{
	font-size:22px;
	font-weight:600;
}

#profile h3{
	font-size:40px;
	font-weight:bold;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:40px;
	color:#d30505;
	text-align:center;
}


#profile table{
	width:100%;
}
#profile div.profile table td p{
	padding-left: 1em;
    text-indent: -1em;
}
#profile th{
	width:100%;
	display:block;
	font-weight:bold;
}

#profile td{
	width:100%;
	display:block;
	padding-bottom:15px;
	text-align:left;
	line-height:1.2;
	margin-top:7px;
	margin-bottom:15px;
	border-bottom:1px solid #BDBBBB;

}

#profile tr{
	display:inline;
}
#profile td a{
	color:#000000;
}

#profile div.padding{
	display:table;

}


#access p{
	font-size:16px;
	margin-top:20px;
}

.ggmap {
	height:250px;
	overflow: hidden;
	width:100%;
}

.ggmap iframe{
	margin-top: -200px;
}


div.padding{
	padding-left:20px;
	padding-right:15px;
}



div.solutionsmenu ul{
	display:table;
	table-layout: fixed;
    width: 100%;
	background:#d50505;
	text-align:center;
}
div.solutionsmenu ul li {
	text-align:center;
	display: table-cell;
    vertical-align: middle;


}
div.solutionsmenu ul li a{
   color: #fff;
   display: block;
   font-size: 15px;
   text-decoration: none;
   padding: 20px 0;
}
div.solutionsmenu ul li + li {
  border-left: 2px solid #aa0009;
}



/*コンタクト------------------------------------------------*/

#contact{
	margin-top:0px;
	padding-top:62px;
}
#contact div.title{
	width:100%;
	height:250px;
	top:0;
	left:0;
	right:0;
	background:url("../img/contact.jpg") no-repeat center top/cover;
}

#contact div.formbutton div.soushin p.sp{
	margin-top:-20px;
	margin-bottom:30px;

}
#contact div.formbutton div.modoru p.sp{
	margin-top:30px;
}
#contact h2{
	margin:0px auto;
	width:85%;
	color:#ffffff;
	font-size:35px;
	font-size:3.5rem;
	font-weight:bold;
	line-height:1.1;
	text-align:center;
	padding-left:0;
	padding-right:0;
	padding-top:90px;
}

#contact h2 em{
	font-size:22px;
	font-weight:600;
}

#contact h3{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin-top:50px;
	color:#d40505;
	line-height:1.5;
}


#contact dl em{
	display:inline-block;
	vertical-align:middle;
	background: #d40505;
    font-size: 10px;
    padding: 3px 5px;
    margin-left: 10px;
	color:#ffffff;
}
#contact p.text{
	margin-top:20px;
	font-size:14px;
}
#contact form{
	padding:15px;
}
#contact form dl{
	margin-bottom:40px;
}
#contact form dd{
	margin-bottom:20px;
}
#contact form dt{
	margin-bottom:5px;
	font-size:14px;
}


#contact p.button{
	margin-top:20px;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="number"],select,input[type="age"], textarea {
	width:95%;
	background:#ffffff;
	padding:10px;
	font-size:14px;
	letter-spacing:0.1em;
	color:#636363;
	border:1px solid #AAA4A4;
}
dd select option{
	color:#636363;
}
.checkbox {
	margin:0 auto;
	text-align:center;
	padding-bottom:0;
}

div.thanks{
	margin-bottom:30px;
}
/*
.checkbox label {
    position: relative;
    line-height: 20px;
    padding: 2px 0 2px 32px;
    cursor: pointer;
}
.checkbox label:before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: url(../img/checkbox.jpg) no-repeat left top;
    background-size: 20px;
    position: absolute;
    top: 1px;
    left: 0;
	vertical-align:middle;
}

.checkbox label:after {
      content: "個人情報保護方針に同意する";
      font-size:0.75em;
    }
.checkbox input[type=checkbox]:checked + label:before{
	background:url(../img/checkbox.jpg) no-repeat left bottom;
	background-size:20px;
}

*/



/*リクルート------------------------------------------------*/


#recruit div.formbutton div.soushin p.sp{
	margin-top:-20px;
	margin-bottom:30px;

}
#recruit div.formbutton div.modoru p.sp{
	margin-top:30px;
}
#recruit{
	margin-top:0px;
	padding-top:62px;
}
#recruit div.title{
	width:100%;
	height: auto;
	/*
	height:250px;
	*/
	top:0;
	left:0;
	right:0;
	background:url("../img/recruit.jpg") no-repeat center top/cover;
}
#recruit h2{
	margin:0px auto;
	width:85%;
	color:#ffffff;
	font-size:35px;
	font-size:3.5rem;
	font-weight:bold;
	line-height:1.1;
	text-align:center;
	padding-left:0;
	padding-right:0;
	padding-top:60px;
}
#recruit h2 em{
	font-size:22px;
	font-weight:600;
}
#recruit dl em{
	display:inline-block;
	vertical-align:middle;
	background: #d40505;
    font-size: 10px;
    padding: 3px 5px;
    margin-left: 10px;
	color:#ffffff;
}
#recruit form{
	margin-top:10px;
	padding:15px;
}
#recruit form dl{
	margin-bottom:40px;
}
#recruit form dd{
	margin-bottom:20px;
}

#recruit form dt{
	margin-bottom:5px;
	font-size:14px;
}
#recruit form .confirm dd{
	padding:8px 0 0 0;
	margin-bottom:5px;
	font-size:14px;
}

#recruit p.button{
	margin-top:20px;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="number"],select,textarea {
	width:100%;
	background:#ffffff;
	padding:10px;
	font-size:14px;
	letter-spacing:0.1em;
	color:#636363;
	border:1px solid #AAA4A4;
	box-sizing:border-box;
}
#age{
	width:calc( 100% - 2em );
}
.checkbox {
	margin:0 auto;
	text-align:center;
	padding-bottom:0;
}


#recruit h3.entry{
	text-align:center;
	font-size:40px;
	font-weight:bold;
	margin-top:50px;
	color:#d40505;
	line-height:1.5;
}
#recruit p.text{
	margin-top:20px;
	font-size:14px;
}
h3.kakunin{
	text-align:center;
	font-weight:bold;
	margin-top:50px;
	color:#d40505;
	line-height:1.5;
	font-size:24px;
}


/*プライバシーポリシー------------------------------------------------*/

#privacy div.title  h2{
	margin:0px auto;
	color:#ffffff;
	font-size:28px;
	font-size:2.8rem;
	line-height:1.1;
	text-align:center;
	}
#privacy div.title {
	padding-top:120px;
	padding-bottom:60px;
	background:#d40505;
	margin-bottom:0;
	}
#privacy div.kiyaku{
	    margin:0 auto;
		margin-top:60px;
}
#privacy h3{
	font-size:25px;
	margin-top:40px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:2px solid #d40505;
}
#privacy h4{
	font-size:20px;
	margin-top:35px;
	margin-bottom:10px;
	line-height:1.4;
}
#privacy p{
	font-size:15px;
	line-height:1.2;
	padding-bottom:0;
	margin-bottom:15px;
}
#privacy p a{
	color:#000000;
}
#privacy p.seitei{
	margin-top:60px;
	margin-right:auto;
	padding-right:0;
}
#privacy div.jyouhou{
	margin:50px auto;
	padding-bottom:30px;
}
#privacy div.jyouhou p{
	padding-bottom:0;
	margin-bottom:10px;
}

/*ページトップへ---------------------------------------*/
div#pagetop{
	text-align:center;
}
div#pagetop p{
	padding-bottom:0;
}

/* div#pagetop img{
	width:30%;
} */
div#pagetop a{
	background:#2c2c2c;
	padding-top:25px;
	padding-bottom:20px;
	text-align:center;
	display:block;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
}
div#pagetop a:hover{
	opacity: 0.8;
	transition: 0.3s linear;
}
footer{
	background:#000;
	color:#ffffff;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
}
footer img{
	width:35%;
	margin-left:20px;
	margin-top:0;
	padding-top:20px;
	padding-bottom:20px;
}
footer ul li{
	color:#ffffff;
	padding: 0 10px;
	/* padding-top:20px;
	padding-bottom:20px; */
	/* border-top:1px solid #000000; */
}
footer ul a{
	color:#ffffff;
}
footer address{
	font-size:16px;
	/* background:#000000; */
	color: #fff;
	line-height: 1;
	text-align:center;
	/* padding:20px 0; */
	margin:0;
}









/*  最小幅。768pxよりちち小さい場合に適用
--------------------------------------------*/

@media only screen and (max-width : 768px){


#top_company h2{
  padding: 100px 0 80px;
	font-size: 11.5vw;
}




#recruit div.title p.sp_rcomment{

	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 30px 0;
	letter-spacing: 0.1em;

}

	#recruit div.title p.pc_rcomment{

		display: none;
	}

}

/*  最小幅。768pxより大きい場合に適用
--------------------------------------------*/

@media only screen and (min-width : 768px){


#recruit div.title p.pc_rcomment{

	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 30px 0;
	letter-spacing: 0.1em;

}

#recruit div.title p.sp_rcomment{

	display: none;

	}


  .br_sp:before{
    display: none;
  }
  .br_pc:before{
    content: "\A" ;
    white-space: pre ;
    }
  .sp{
    display: none;
  }
  .pc{
    display: block;
  }

  ul.t{
    margin: 80px 10px;
    display: table;
  }
  ul.t li.t{
    display: table-cell;
    width: 64%;
  }
  ul.t.contrary{
    direction: rtl;
  }
  ul.t.contrary li.t{
    direction: ltr;
  }
  ul.t li.t.img{
    padding:80px 10px 0 0;
    width: auto;
  }
.wrapper_min{
	min-width:768px;
	margin:0 auto;
	overflow:hidden;
}


body{
	width:100%;
	max-width: 100%;
	height:auto;
	margin:0 auto;
	padding:0  0;
	background:#fff;
	font-family: 'Noto Sans Japanese',"Hiragino Kaku Gothic ProN","游ゴシック",Yu Gothic,"メイリオ", sans-serif;
	color:#232323;
	font-size:18px;
	font-size:1.8rem;
	line-height: 1.9;
}


ul.t{
	margin:0;
  display: table;
}

ul.t li.t{
  display: table-cell;
}
li{
	list-style-type:none;
}

em{
	font-style:normal;
}



p.morebutton{
	width:239px;
	margin:0 auto;
}

div#pagetop{
	margin:0 auto;
}


/*ヘッダー*/

#buttonmenu{
	display:none;
}

header{
	width:100%;
	position:fixed;
	top:0;
	left: 0;
	z-index: 3;
	height:84px;
	/*border-bottom:4px solid #c0c1c8;*/
	box-shadow: 0 10px 10px rgba(0,0,0,0.3);
	background:#fff;
}


header nav ul{
	width:200px;
	height:auto;
	margin-right:120px;
  position:relative;
  top:0;
  max-height:100em;
  overflow:hidden;
	float:right;
	display:table;
	background:#FFFFFF;



}
header nav ul li{
	/*-border:1px solid #000000;-*/
	padding:33px 22px;
	font-weight:200;
	display:table-cell;
	right:0;
	margin-right:0;
	background:#FFFFFF;
	border-style:none;

}

header nav ul li+li{
	border-style:none;
}

header nav ul li a{
	color:#515151;
	font-size:18px;
	font-weight: bold;
}




/*小メニュ----------------------------------------------------*/

div.smallmenu{
    margin:0 auto;
    width:100%;
    background:#d50505;

  }
 div.smallmenu ul.t{
    margin:0 auto;
    width:1000px;
    display:table;
    table-layout:fixed;

  }
  div.smallmenu ul.t li.t{
    display:table-cell;
    font-size:20px;
    height:100%;
	border:#d50505;
  }
  div.smallmenu a{
    padding:20px 20px;
    display:block;
    color:#fff;
    position:relative;
    text-align:center;

  }

 div.smallmenu a:hover:before{
    top:0;
    left:0;
    content:'';
    position:absolute;
    display:block;
    height:100%;
    width:100%;
	background:#aa0009;
    transform:skewX(-10deg)
  }
 div.smallmenu a span{
    position:relative;
    z-index:10;
  }


/*TOP SERVICE*/

#top_service {
	width:850px;
	margin:0 auto;
	padding:60px 0;
}

#top_service h2{
	margin:auto;
	font-size:85px;
	padding-top:0;
}
#top_service h2.service_orange {
  margin: 40px auto 62px;
}




/*TOPメリット*/


#merrit {
	padding-top:20px;
	padding-bottom:60px;

}
#merrit div{
	display:table;
	table-layout:fixed;
	width:900px;
	margin:0 auto;
}

#merrit div ul{
	width:70px;
	display:table-cell;
	vertical-align:middle;
}
#merrit div ul li strong{
	font-size:24px;

}

#merrit div ul li em{
	font-size:14px;
}


/*TOPソリューション*/

#top_company{
	padding:8rem 40px 14rem;
}
#top_company h2{
	font-size:60px;
}

#top_company div.padding{
	width:850px;
	margin:0 auto;
}

#top_company h2.company_white {
  margin-bottom: 20px;
}

#top_company div.padding p{
	margin:0 auto;
	text-align:center;
	line-height:2;
}




/*vision------------------------------------------------------------------------------------------------------------------*/
#vision{
	margin-bottom:20px;
}
#vision div.title{
	padding-top:110px;
	padding-bottom:110px;
}
#vision div.title h2{
	margin-top:20px;
	font-size:72px;
	line-height:0.7;
	font-weight:bold;
}

#vision div.title h2 em{
	font-size:28px;
	font-weight:100;
}

#vision div.contents{
	width:900px;
	margin:60px auto;
	text-align:center;
	padding:50px auto;
}
#vision h3{

	margin-bottom:20px;
}
section#vision p{
	margin:0 auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:0;
}
section#mission p{
	margin:0 auto;
	text-align:center;
	padding-top:10px;
}
section#vision{
	     padding-top:30px;
		 padding-bottom:30px;
	margin:60px auto;
}
section#mission{
	margin:60px auto;
}
section#mission h3{
	margin-top:20px;
}
section#vision h4{

	margin:0 auto;
	width:616px;

}
section#mission h4{
	margin:0 auto;
	width:882px;

}


/*フッター----------------------------------------------------------------------*/
footer{
	background-color:#000;
	width:100%;
	height:auto;
	margin-bottom:0;
}



footer img{
	width:250px;
}
footer p{
	width:1000px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:10px;
	text-align:left;
}

div#footer_menu{
	width:1000px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:60px;
	background-color:#1b1b1b;
	border-top:2px solid #fff;
	text-align:center;
}
div#footer_menu img{
	width:150px;
	padding:0;
	margin-top:-10px;
	margin-left:0;
	margin-bottom:20px;
}
div#footer_menu dl{
	height:auto;
    display: inline-block;
	margin-left:11px;
	margin-right:11px;
	vertical-align:top;
	padding:0;
	}
div#footer_menu dl dt{
	padding-left:0;
	color:#fff;
	font-size:18px;
	font-size:1.8rem;
	font-weight:400;
	text-align:left;
}

div#footer_menu dl dd{
	vertical-align: top;
	text-align:left;
	font-size:13px;
	font-size:1.3rem;
	font-weight:200;
	margin-top:10px;
	color:#fff;
	line-height:2;
}
div#footer_menu a{
	color:#fff;
}

}


/***************************************

	 Bokuravo

***************************************/

.all_wrap{
	overflow: hidden;
}

.head_inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

/***************************************

first view

***************************************/

.fv_box{
	padding-bottom: 0;
	padding-top: 84px;
	position: relative;
	width: 100%;
}

.fv_text{
	color: #fff;
	font-size: 4.5vw;
	font-weight: bold;
	letter-spacing: 0.3rem;
	line-height: 1.5;
	text-align: center;
	position: absolute;
	top: 58%;
	left: 50%;
	transition:0.3s ease-in-out;
	transform: translate(-50%, -60%);
}

.fv_text_catch{
	white-space: nowrap;
}

.fv_text--small{
	display: block;
	font-size: 2.3vw;
	margin-top: 2rem;
	text-align: center;
}

@media only screen and (min-width:960px){
	.fv_text{
		font-size: 70px;
	}

	.fv_text--small{
		font-size: 18px;
	}
}

@media only screen and (max-width:768px){
	.head_inner{
		display: block;
	}
	.fv_box{
		padding-top: 52px;
	}
}

/***************************************

SERVICE

***************************************/

@media only screen and (max-width:768px){
	#top_service{
		padding-top: 68px;
		padding-bottom: 38px;
	}

	#top_service h2{
		font-size: 11.5vw;
		line-height: 2;
	}

	#top_service h2.service_orange{
    margin: 20px auto 50px;
	}

	#top_service p{
		padding-bottom: 14px;
	}
}


/***************************************

COMPANY

***************************************/

#top_company{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	flex-direction: row-reverse;
	height: 668px;
	overflow: hidden;
	padding: 0;
}

.company_prof_box{
	box-sizing: border-box;
	max-width: 524px;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.top_company_left{
	background: url("../img/company_img.jpg")no-repeat center / cover;
	height: 100%;
	width: 50%;
}

.top_company_right{
	background: #ee7325;
	height: 100%;
	padding: 60px 0 75px;
	text-align: center;
	width: 50%;
}

.company_prof_list{
	width: 100%;
	margin: 0 auto;
	padding-top: 4rem;
	padding-bottom: 4rem;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}


@media only screen and (max-width: 768px){
	.company_prof_list{
	padding-top: 3rem;
	padding-bottom: 3rem;
    padding-left: 0%; 
}
	.company_prof_list {
		width: 90%;
	}
	
}

.company_prof_dt,
.company_prof_dd{
	color: #fff;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.1rem;
	margin: 1rem 0;
	font-weight: bold;
}

.company_prof_dt{
	margin-right: 3%;
	text-align: right;
	width: 23%;
}

.company_prof_dd{
	width: 74%;
}

.company_prof_dd a{
	color: #fff;
}

div#pagetop img{
	vertical-align: baseline;
	width:auto;
}

@media only screen and (max-width:1100px){
	#top_company{
		flex-direction: column;
		height:auto;
	}

	.top_company_left{
		padding-top: 100%;
		background-position: center bottom;
	}

	.top_company_right{
		padding: 0;
	}

	.top_company_left,
	.top_company_right{
		width: 100%;
	}
}

@media only screen and (max-width:768px){
	.company_prof_list{
		margin: 0 auto;
		max-width: 100%;
				margin-bottom: 4em;

	}
}

@media only screen and (max-width:640px){
	.company_prof_list{
		display: block;
	}

	.company_prof_dt,
	.company_prof_dd{
		width: 100%;
	}

	.company_prof_dt{
		margin-right: 0;
		text-align: left;
	}

	.company_prof_dd{
		margin-bottom: 30px;
	}
}

/*merit*/
#merit{
	background:#f4f4f4;
    padding:15px 0 65px;
}
#merit ul{
	padding-top:65px;
}
#merit ul li{
	width:70%;/*65*/
	margin:0 auto;
	text-align:center;
}
#merit ul li img{
	margin:auto;
    width:80%;
    height:auto;
}
#merit ul li strong{
	display:block;
	font-size:24px;
	font-size:2.4rem;
	line-height:3;
	text-align:center;
}
#merit ul li strong:after{
	content:'';
	border:3px solid #ee7325;
	width:40px;
	display:block;
	margin:0 auto;
}
#merit ul li p{
	font-size:14px;
	font-size:1.4rem;
    font-style:normal;
	line-height:1.8;
	margin:10px 0 0;
	text-align:left;
}
@media only screen and (min-width:768px){
#merit div{
display:table;
table-layout:fixed;
width:100%;
max-width:850px;/*900*/
margin:0 auto;
}
#merit div ul{
display:table-cell;
vertical-align:middle;
}
#merit ul li{
min-height:500px;
}
#merit ul li img{
width:100%;
height:auto;
}
}


/***************************************

footer

***************************************/

footer ul{
	padding: 100px 0;
	text-align: center;
	width: 100%;
}

footer ul li{
	display: block;
	line-height: 1.8;
	text-align: center;
}

footer ul li a{
	display: block;
	font-size: 16px;
}

footer ul li a:hover{
	text-decoration: underline;
}

@media only screen and (min-width:768px){

	footer ul li{
		border-right: 1px solid #fff;
		display: inline-block;
		vertical-align: middle;
	}

	footer ul li:last-child{
		border-right: none;
	}

}

@media only screen and (max-width:768px){

	footer address{
		display: inline-block;
	}

	footer ul li{
		line-height: 1.2;
	}

}