@charset "UTF-8";
/* CSS Document */

/*共通*/
*{}
#winsize2{ position: fixed; z-index: 999; background: #000; color: #fff;} 

h1{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif", "Sawarabi Mincho";*/
	color: #fff; 
	font-size: 500%;
	}
h2{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif", "Sawarabi Mincho";*/
	letter-spacing: 0.2em;
	padding: 0 0 0.2em;
	border-bottom:4px solid #DC6B00;
	position: relative;
	margin:10px 0 1em 0;
	color: #2a83a2;
	font-size: 250%;
	letter-spacing: -2px;
}
/*h2 .s8{display:block; border-left: solid 8px #aa0000; padding-left:10px;}*/

h2:before{
content:"";
display:block;
width:33%;
border-bottom:4px solid #00ADBB;
position:absolute;
bottom:0;
margin-bottom:-4px;
}

h2:after{
content:"";
display:block;
width:33%;
border-bottom:4px solid #F7AB00;
position:absolute;
left:33%;
bottom:0;
margin-bottom:-4px;
}

h3 {
	position: relative;
	padding: 0 .5em .5em 2em;
	border-bottom: 1px solid #ccc;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	/*font-family: "Sawarabi Mincho";*/
}
h3::before,
h3::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
h3::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(150, 150, 150, .5);
}
h3::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(210, 210, 210, .5);
}



h4{
	/*font-family: "Sawarabi Mincho"*/
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	}
ul{}
li{ font-size: 115%; color: #666;}
dl{}
dt{ font-size: 150%;}
dd{ font-size: 115%;}
table{}
tr{}
th{}
td{}
p{}



/*共通項目*/
header{ margin-bottom: 0.25em;}
.header_wrapper0{ background: url(../common/img/header_back.jpg) repeat-x;}
.header_wrapper1{ background: url(../common/img/header_menu.jpg) repeat-x; padding: 1em 0 0 0;}
.header_wrapper1 ul{ padding: 0 0 0 0.5em;}
.header_wrapper1 ul li{ 
	font-size: 125%; 
	margin-right: 2em; 
	font-family: "Rounded Mplus 1c";
	background:url(../common/img/menu_arrow.png) no-repeat;
	padding: 0 0 0 1em;
	}
.header_wrapper1 ul li a {color: #fff;}

.nav_waku .row{ margin: 1em 0; padding: 0 0 0.5em 0;}
.tel_number{
	font-family: 'Oswald', sans-serif;
	font-size:400%;
	font-weight:500;
	font-stretch: extra-condensed;
	padding: 0 0 0 0.5em;
	background:url(../common/img/tel.jpg) no-repeat;
}
.uketsuke{ margin:0 0 0 1em;}
.block_h1{ background: #ccc;}
.column_waku{ margin:4em 0;}

#rogo{ font-size: 175%; font-weight: 300;
}

 #pageTop {
      position: fixed;
      bottom: 20px;
      right: 20px;
    }

    #pageTop a {
      display: block;
      z-index: 999;
      padding: 8px 0 0 8px;
      border-radius: 30px;
      width: 35px;
      height: 35px;
      background-color: #9FD6D2;
      color: #000;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
    }

     

    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.7;
    }


footer{ 
	background:#eee;
	padding: 1em 0;
	}
footer ul {
  margin: 0;
  padding: 0 0 0.75em 0;
  text-align: center;
  border-bottom: 1px dotted #ccc;
}
footer ul li {
  list-style-type: none;
  display: inline-block;
  margin: 0 10px 0 0;
}
footer address{ text-align: center; margin-top: 1em;
}
.column{ margin:1em 0 2em 0;}
.caption{ margin: 0 1em;}

/*-------------個別ページ-------------*/
/*top*/

body.top ul.sample{}
body.top ul.sample{ padding: 0;}
body.top ul.sample li{}
body.top ul.sample li img{ max-width: 100%; height: auto; margin: 0px auto;}


body.top .block_h1 .container{
	/*background:url(../top/img/main01.jpg) no-repeat;*/
	height: 100%;
	width: 100%;
	}
body.top .block_h1 .container h1{
	-webkit-writing-mode: vertical-rl;
  	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	position:relative;
	top: 0px;
	left:45%;
	background-color: rgba(0,0,0,0.6);
	padding: 1em 1em 0.5em 1em;
	height:550px;
	margin: 0 0 0 0 ;
	}
body.top .top_work p img{ width: 100%; }
body.top .top_work .col-md-3{ text-align: center; font-size: 115%;}
body.top dl{ margin: 0 0 0 0;}
body.top dl dt{ font-size: 130%;}
body.top dl dd{ margin: 0 0 2em 1.5em;}
body.top .col-md-3 p{ color:#666;}
body.top .information{ margin:2em 0 2em 0;}
body.top .information ul{}
body.top .information ul li{
	margin-bottom: 0.5em; 
	border-bottom: 1px dotted #666;
	list-style: none;
	padding: 0.5em
	}
body.top .information .date{
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	background: #00ADBB;
	padding: 0.25em 1.5em;
	margin: 0 2em 0 0;
	color: #fff;
	}
body.top .information .title{}
body.top .topbutton_01{ background: url(../top/img/cm01.jpg) repeat-x; height: 60px; margin-bottom: 0.25em; padding: 1.25em 0 0 0;}
body.top .topbutton_02{ background: url(../top/img/cm02.jpg) repeat-x; height: 60px; margin-bottom: 0.25em; padding: 1.25em 0 0 0;}
body.top .topbutton_03{ background: url(../top/img/cm03.jpg) repeat-x; height: 60px; margin-bottom: 0.25em; padding: 1.25em 0 0 0;}
body.top .topbutton_04{ background: url(../top/img/cm04.jpg) repeat-x; height: 60px; margin-bottom: 0.25em; padding: 1.25em 0 0 0;}
body.top .topbutton_01 a,body.top .topbutton_02 a,body.top .topbutton_03 a,body.top .topbutton_04 a{ color:#fff;}
body.top dl { padding: 1em; background:url(../top/img/dl_back.jpg) no-repeat;}

/*会社概要*/
body.company .block_h1 .container h1{
	position: relative;
	top:150px;
	background-color: rgba(0,0,0,0.6);
	}
body.company .column_waku{ margin:4em 0;}
body.company .block_h1 .container{
	background:url(../company/img/main01.jpg) no-repeat;
	height: 300px;
	}
body.company .work p img{ width: 100%; }
body.company table{ font-size: 120%; width: 75%; margin: 0px auto;}
body.company table tr{}
body.company table tr th{ padding: 0.25em 2em 0.25em 0.25em; text-align: right; font-weight: normal; border-bottom: 1px solid #ccc;}
body.company table tr td{ padding: 0.25em 0.25em 0.25em 2em; text-align: left; border-bottom: 1px solid #ccc; }

body.company ul.timeline{ width:75%; margin: 0px auto;}
.timeline {  list-style: none;}
.timeline > li {  margin-bottom: 60px;}
.timeline > li {  overflow: hidden;  margin: 0;  position: relative;}
.timeline-date {  width: 110px;  float: left;  margin-top: 20px;}
.timeline-content {  width: 75%;  float: left;  border-left: 3px #e5e5d1 solid;  padding-left: 30px;}
.timeline-content:before {  content: '\2022';  font-size: 60px;  position: absolute;  left: 100px;  color: #6fc173;}
.timeline-content:before {  content: '';  width: 12px;  height: 12px;  background: #6fc173;  position: absolute;  left: 106px;  top: 24px;  border-radius: 100%;}

/*事業内容*/
body.business{}
body.business .block_h1 .container h1{
	position: relative;
	top:150px;
	background-color: rgba(0,0,0,0.6);
	}
body.business .block_h1 .container{
	background:url(../work/img/main01.jpg)no-repeat;
	height: 300px;
	}
body.business .work p img{ width: 100%; }
body.business .column_waku{ margin:4em 0;}

body.business .column_waku dl{ margin: 0 0 0 1em;}
body.business .column_waku dl dt{
	position: relative;
	padding: 0 .5em .5em 1.7em;
	border-bottom: 1px solid #ccc;
}
body.business .column_waku dl dt::after {
	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
body.business .column_waku dl dd{ margin: 0 0 0 2em;}


/*お問い合わせ*/
body.contact .block_h1 .container h1{
	position: relative;
	top:150px;
	background-color: rgba(0,0,0,0.6);
	}
body.contact .block_h1 .container{
	background:url(../contact/img/main01.jpg)no-repeat;
	height: 300px;
	}
body.contact .work p img{ width: 100%; }
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
.wrapHINAGATA p{ font-size:110%;}
.wrapHINAGATA ul li ul li{ font-size:100%;}
body.contact form p{ display: block; padding: 0.5em 0; text-align: center;}

/*採用情報*/
body.recruit .block_h1 .container h1{
	position: relative;
	top:150px;
	background-color: rgba(0,0,0,0.6);
	}
body.recruit .block_h1 .container{
	background:url(../recruit/img/main01.jpg)no-repeat;
	height: 300px;
	}

.oubo ul{ margin: 0 0 0 2em;}
.oubo ul.list-inline li{
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	background: #2a4073;
	margin-bottom: 0.5em;
	padding: 0.5em 1em;
}
.oubo ul.list-inline li a{ color:#fff;}
.oubo p{ text-align: center;}
.oubo ul {
  margin: 0;
  padding: 0 0 0.75em 0;
  text-align: center;
}
.oubo  ul li {
  list-style-type: none;
  display: inline-block;
  margin: 0 10px 0 0;
}




#slideshow {
   position:relative;
   width:100%;
   height:500px;
}
#slideshow li {
   position:absolute;
   height:500px;
   margin:-10px 0 0 0;
   padding:0;
   background-position:center top;
   background-repeat:no-repeat;
}

.br-sp { display:none; }
.br-xs { display:none; } 


@media screen and  ( max-width:991px) {
.nav_waku{ text-align:center;}
#rogo{ font-weight:600;}
.information .br-sp{ display:inline;}
h1{ font-size:320%;}

body.company .block_h1 .container h1{}
body.company table tr th{ width:25%;}
body.company table tr td .br-sp{ display: inline;}
.tel-waku{ width:350px; margin: 0px auto;}
.br-xs { display:none; } 
}






@media screen and  ( max-width:767px) {
.br-sp { display:inline; } 
.br-xs { display:inline; } 
#tel{ text-align:center;}
.tel_number{ font-size:200%; font-weight: bold;text-align: center;}
.tel-waku{ width:250px; margin: 0px auto;}

.block_h1{ height:250px;}
.block_h1 .container{
	height: 250px;
	}
h1{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif", "Sawarabi Mincho";*/
	color: #fff; 
	font-size: 180%;
	}
.block_h1 .container h1{ text-align: center;	}


body.contact .block_h1 .container,
body.recruit .block_h1 .container,
body.business .block_h1 .container,
body.company .block_h1 .container{
background-size: 600px 250px;
	}

body.contact .block_h1 .container h1,
body.recruit .block_h1 .container h1,
body.business .block_h1 .container h1,
body.company .block_h1 .container h1{
padding: 0.5em 0;
	}




body.top div.area_h1.container-fluid.vegas-container{ height:300px;}
body.top .block_h1{ height:100%;}
body.top .block_h1 .container{
	/*background:url(../top/img/main01.jpg) no-repeat;*/
	height: 100%;
	margin: 0; padding: 0;
	}
h1{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif", "Sawarabi Mincho";*/
	color: #fff; 
	font-size: 200%;
	}
body.top .block_h1 .container h1{
	-webkit-writing-mode: vertical-rl;
  	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	position:relative;
	top: 0px;
	left:45%;
	background-color: rgba(0,0,0,0.6);
	padding: 1em 1em 0.5em 1em;
	height:300px;
	margin: 0 0 0 0 ;
	}
h2{ 
	letter-spacing: 0.2em;
	padding: 0 0 0.2em;
	border-bottom:4px solid #DC6B00;
	position: relative;
	margin:10px 0 1em 0;
	color: #2a83a2;
	font-size: 175%;
	letter-spacing: -2px;
	text-align: center;
}
body.top .information ul{ margin:0 0 0 -30px;}
body.top .information ul li{ text-align: center;}
.header_wrapper1 ul li{ 
	font-size: 85%; 
	margin-right: 0.5em; 
	padding: 0 0 0 0.5em;
	background:none;
	}
body.top dl { padding: 0em; background:url(../top/img/dl_back.jpg) no-repeat;}
body.top dl dd { margin-left: 1em;}

body.company .block_h1 .container,
body.business .block_h1 .container,
body.recruit .block_h1 .container,
body.contact .block_h1 .container{ margin:0; padding:0;}
div.area_h1.container-fluid{ padding:0; margin:0;}

body.contact table { margin: 0 1em 0 0;}
body.contact table th{ display: block; width:95%; background: none; border: none; border-bottom: 1px dotted #ccc;}
body.contact table td{ display: block; width:95%; border: none;}
textarea {    max-width:300px;}
body.contact form p{ display: block; padding: 0.5em 0; text-align: left;}
#formWrap{ width: 80%;}
body.contact .column_waku{ width:100%; margin: 0px auto;}

/*company*/
body.company table { margin: 0 1em 0 0;}
body.company table th{ display: block; width:95%; background: none; border: none; border-bottom: 1px dotted #ccc;}
body.company table td{ display: block; width:95%; border: none;}
body.company .column_waku{ width:100%; margin: 0px auto;}
body.company table { width: 100%;}
table.company-table tr{}
body.company table tr th{ width:100%; text-align: left; border-left: 6px solid #666;}
table.company-table tr td{}

body.company ul.timeline{ width:100%; margin: 0px auto;}
.timeline-content {  width: 95%;  float: left;  border-left: 3px #e5e5d1 solid;  padding-left: 30px;}
ul.timeline{-webkit-padding-start: 10px;}
}