@charset "UTF-8";
/* CSS Document */
.forPC{ display: block;}
.forSP{ display: none;}

html,body,div,span,iframe,h1,h2,h3,h4,h5,p,a,img,ul,li,table,tr,th,td,tbody,footer,header,main,nav,section {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	list-style: none;
	text-decoration: none;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	width: 100%;
} #header_inner,.main_contact,#section02_inner,#company {
	width: 960px;
	margin: 0 auto;
} #header_inner {
	width: 100%;
	height: 85px;
	position: relative;
	overflow: hidden
} #header_logo,#header_contact,#header_text {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
} #header_logo {
    width: 0px;
    height: 40px;
    left: 19px;
    float: left;
    margin-right: 0px;
} #header_contact {
	width: 155px;
	height: 51px;
	right: 0;} #header_contact_inner {
	display: block;
	width: 102px;
	height: 24px;
	text-align: center;
	padding: 14px 26px 13px 27px;
	background-color: #ff0600;
	transition: 0.4s;
} #header_contact_inner:hover {
	transform: scale(1.1,1.1);
} #header_contact_inner p {
	color: #fff;
} #header_text {
	width: 243px;
	height: 29px;
	right: 155px;
} #header_text p {
	font-size: 0.9rem;
} #main_image {
	display: table;
	width: 100%;
	height: 482px;
	background-size: cover;
} #main_image_inner {
	width: 100%;
	height: 482px;
	position: relative;
	background: url(https://d2l930y2yx77uc.cloudfront.net/production/uploads/images/6432841/picture_pc_e9cd48501e8ad5f03a13bfefcf9e1f19.jpg) no-repeat;
	background-size:cover;
}
h1 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 500px;
	height: 85px;
	margin: auto;
	color: #ccc;
	font-size: 4.3rem;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.scroll {
	height: 87px;
	width: 100%;
	background-color: #aaa;
	position: relative;
	display: table;
}
.scroll:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	bottom: -14px;
	border-top: 43px solid #aaa;
	border-right: 60px solid transparent;
	border-left: 60px solid transparent;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
}
h2 {
	color: #fff;
	font-size: 1.9rem;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
nav {
	height: 396px;
	width: 100%;
	margin: 0 auto;
} #main_nav {
	width: 67.5%;
	min-width: 687px;
	height: 396px;
	overflow: hidden;
	margin: 0 auto;
	padding: 88px 0;
} #main_nav li {
	float: left;
	height: 225px;
	width: 225px;
	border: 2px solid #000;
	border-radius: 50%;
	position: relative;
} #main_nav li:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 22px;
	right: 0;
	left: 0;
	width: 21px;
	height: 21px;
	margin: auto;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	transform: rotate(45deg);
} #main_nav li:last-of-type {
	float: none;
	margin: 0 auto;
} #main_nav li:nth-of-type(2) {
	float: right;
} #main_nav a {
	color: #000;
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 50%;
	text-align: center;
	padding: 83px 0 100px;
}
.contents {
	overflow: hidden;
}
.left {
	float: left;
	height: 400px;
	width: 50%;
	background-repeat: no-repeat;
	background-size: cover;
} #photo01 {
	background-image: url(https://d2l930y2yx77uc.cloudfront.net/production/uploads/images/6432843/picture_pc_0c274de1b76f4063c7ce088be3b57004.jpg);
} #photo02 {
	background-image: url(https://d2l930y2yx77uc.cloudfront.net/production/uploads/images/6432845/picture_pc_3d21e88b8ee49951e3c0931173a8f8ed.jpg);
}
.right {
	float: right;
	width: 50%;
	height: 400px;
}
.text {
	background-color: #aaa;
}
.contents p,h4 {
	margin: 30px 120px 0 21px;
	color: #fff;
}
h4 {
	font-size: 1.25rem;
}
#header_inner #header_logo img {
    margin-right: 0px;
    margin-top: 0px;
    margin-left: 45px;
}
header #header_inner nav {
    width: auto;
	float: right;
}
#header_inner nav ul {
width: 500px;
padding-top:30px;
vertical-align: top;
}
nav ul li {
    width: auto;
    display: inline-block;
    margin-right: 15px;
	vertical-align: top;
}
nav ul{
display: table;
margin: 0 35px;
padding: 0 ;
width: 80%;
text-align: center;
}
nav li{
display: table-cell;
min-width: 50px;
}
nav a{
display: block;
width: 100%;
text-decoration: none;
color: #000000;
padding-bottom: 1px;
}
nav li.current{
border-bottom: 3px solid #3C5347;
}
nav li.menu:hover{
color: #3C5347;
border-bottom: 3px solid #3C5347;
}
nav ul li:last-child{margin-right: 0;}
nav ul li img{ margin-top: -6px;
}

.contents-wrap h2 {
    display: block;
    width: 100%;
    color: black;
	font-size: 39px;
	font-weight: 600;	
}
.contents-wrap hr{
	background-color: #FFF;
	border: 0px none;
	border-bottom:3px solid #3C5347; 
	width: 100px;
	padding-bottom: 70px;
}
.contents-wrap P {
	text-align: center;
	margin: 20px auto;
	}
.contents-wrap ul{
	width: 100%;
	max-width: 980px;
	margin: auto auto;
	text-align: center;
}
.contents-wrap ul li{
	width: 100%;
	max-width: 300px;
	display: inline-block;
    vertical-align: top;
	padding: 0 10px;
	box-sizing: border-box;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin:  0 10px;
	margin-top: 35px;	
}
.contents-wrap ul li:nth-child(4),
.contents-wrap ul li:nth-child(5){ margin-top: 50px;}
.contents-wrap ul li img{
	vertical-align: bottom;
	margin-bottom: 0;
	padding-bottom: 0;
	
	}
.contents-wrap ul li h3{
	font-size: 20px;
	font-weight: 700;
}
.contents-wrap ul li p{
	text-align: left;
	margin-top: -3px;
}
.btn-flat-simple {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #3C5347;
  background: #ECECEC;
  transition: .4s;
}

.btn-flat-simple:hover {
  background: #73A579;
  color: white;
}
li .top-contents-service-img img {
    padding-top: 20px;
}
ul li .top-contents-text {
    margin-bottom: 15px;
}
#div01{
	margin-top: 85px;
	}
#div01 .img {
	float: left;
	width: 50%;
	background-image: url("../images/white.jpg");
	background-size: cover;
	height: 300px;
	}
#div01 .right {
	float: right;
	width: 50%;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #3C5347;
	}
#div01 .right .box {
	height: 100px;
	margin-right: 230px;
	}
#div01 .right .box h2{
	font-size: 50px;
	color: #ffffff;
	}
#div01 .right .box h3{
	font-size: 22px;
	color: #FFFFFF;
	line-height: 10px;
	}
#div02 .img {
	float: right;
	width: 50%;
	background-image: url("../images/black.jpg");
	background-size: cover;
	height: 300px;
	}
#div02 .left {
	float: left;
	width: 50%;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #73A579;
	}
#div02 .left .box {
	height: 100px;
	margin-left: 230px;
	}
#div02 .left .box h2{
	font-size: 50px;
	color: #ffffff;
	}
#div02 .left .box h3{
	font-size: 22px;
	text-align: right;
	color: #FFFFFF;
	line-height: 10px;
	}
.contents-text{
	width: 100%;
	max-width: 980px;
	margin: auto auto;
	overflow: hidden;
	margin-top: 70px;
}
.contents-text #leftbox{
	width: 48%;
	float: left;
	}
#leftbox h2{
	font-size: 39px;
	font-weight: 600px;
	margin: 0 0;
	padding: 0 0;
	text-align: left;
	}
#leftbox hr{
	margin: -8px 0 20px 0;
	padding: 0 0;
	float: left;
	width: 28px;
	}
.contents-text #rightbox{
	width: 48%;
	float: right;
	}
#rightbox h2{
	font-size: 39px;
	font-weight: 600px;
	margin: 0 0;
	padding: 0 0;
	text-align: left;
	}
#rightbox hr{
	margin: -8px 0 20px 0;
	padding: 0 0;
	float: left;
	width: 28px;
	}
.map iframe{
	margin-top: 33px;
	}
.main_contact{
	background-color: #BCBCBC;
	width: 100%;
	overflow: hidden;
	margin-top: 80px;
	}
.contact_center_text p{
	font-size: 25px;
	font-weight: 600;
	}
.main_contact_inner{
	width: 100%;
	max-width: 600px;
	margin: auto auto;
	}
.contact_left_inner{
	float: left;
	width: 286px;
	}
.contact_left_inner p{
	color: #000000;
	font-size: 30px;
	}
.contact_right_inner{
	float: right;
	width: 233px;
	overflow: hidden;
	}
.contact_right_inner p{
	color: #000000;
	font-size: 30px;
	}
.contact_right_inner p a{
	font-size: 20px;
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid #000000;
	margin-left: 5px;
	color: #000000;
	}
.contact_right_inner p a:hover{
	background-color: #000000;
	color: #FFFFFF;
	}
footer{
	background-color: #000000;
	overflow: hidden;
}
.footer-text{
	width: 100%;
	padding: 20px 0;
	overflow: hidden;	
}
.privacy {
	float: left;
	color: #FFFFFF;
	padding: 0 20px;
}
.privacy a{
	color: #FFFFFF;
	text-decoration: underline;
}
.privacy-mark {
	width: 600px;
	float: right;
}
.privacy-mark p{
	float: left;
	color: #FFFFFF;
	}
.copyright{
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	padding-bottom: 10px;
}
.contents-text #leftbox img {
    margin-bottom: 0px;
    bottom: 0px;
    top: 0px;
}
.center-text h2{
	display: block;
    width: 100%;
    color: black;
	font-size: 39px;
	font-weight: 600;
	text-align: center;
	}
.company hr{
	background-color: #FFF;
	border: 0px none;
	border-bottom:3px solid #3C5347; 
	width: 100px;
	padding-bottom: 80px;
	}
.recruit hr{
	background-color: #FFF;
	border: 0px none;
	border-bottom:3px solid #3C5347; 
	width: 100px;
	padding-bottom: 80px;
	}
.privacy_policy hr{
	background-color: #FFF;
	border: 0px none;
	border-bottom:3px solid #3C5347; 
	width: 100px;
	padding-bottom: 80px;
	}
.information hr{
	background-color: #FFF;
	border: 0px none;
	border-bottom:3px solid #3C5347; 
	width: 100px;
	padding-bottom: 80px;
	}
.head-text {
	margin: 20px auto;
}
.head-text p{
	text-align: center;
	margin: 5px auto;
}
.center-text01 p{
	text-align: left;
	margin: 0 auto;
	}
.center-text02 p{
	text-align: left;
	margin: auto;
	}
.center-text03 p{
	font-size: 18px;
	text-align: right;
	margin: 20px 0;
	font-weight: 600;
	}
.center-text04 p{
	text-align: left;
	margin: 0 auto;
	}
.center-text05 p{
	text-align: right;
	line-height: 0;
	font-weight: 600;
	}
.center-text07 p{
	text-align: left;
	}
.center-text07 h2{
	color: #000000;
	display: block;
    width: 100%;
    color: black;
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	}
.center-text08 {
	text-align: left;
	margin: 20px auto;
	}
.center-text09 h2{
	text-align: left;
	margin: 20px 0 0 0;
	}
.center-text09 p{
	text-align: left;
	margin: auto;
	}
.center-text10 h2{
	text-align: left;
	margin: 20px 0 0 0;
	}
.center-text10 p{
	text-align: left;
	margin: auto;
	}
.center-text11 h2{
	text-align: left;
	margin: 20px 0 0 0;
	}
.center-text11 p{
	text-align: left;
	margin: auto;
	}
.center-text11 a{
	color: #000000;
	text-decoration: underline;
	}
.center-text12 h2{
	text-align: left;
	margin: 20px 0 0 0;
	}
.center-text12 p{
	text-align: left;
	margin: auto;
	}
.center-text13 h2{
	text-align: left;
	margin: 20px 0 0 0;
	}
.center-text13 p{
	text-align: left;
	margin: auto;
	}
.center-text14 p{
	text-align: left;
	}
.center-text14 h2{
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	padding: 30px 0 0 0;
	}
.center-text15 p{
	text-align: left;
	}
.center-text15 h2{
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	padding: 30px 0 0 0;
	}
.center-text16 p{
	text-align: left;
	}
.center-text16 h2{
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	padding: 30px 0 0 0;
	}
.center-text17 p{
	text-align: left;
	}
.center-text17 h2{
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	padding: 30px 0 0 0;
	}
.center-text18 p{
	text-align: left;
	}
.center-text18 h2{
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	padding: 30px 0 0 0;
	}
.center-text18 a{
	color: #000000;
	text-decoration: underline;
	}
.center-text19 p{
	text-align: left;
	}
.center-text19 h2{
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	padding: 30px 0 0 0;
	}
.center-text20 {
	padding:  90px 0;
	padding-right: 20px;
	margin: 20px auto;
	}
.center-text20 p{
	text-align: right;
	margin: 5px 0;
	font-weight: 600;
	}
.center-text21 {
	padding: 150px 0;
	padding-right: 20px;
	margin: 20px auto;
	}
.center-text21 p{
	text-align: right;
	margin: 5px 0;
	font-weight: 600;
	}
.center-text22 {
	padding: 120px 0;
	padding-right: 20px;
	margin: 20px auto;
	}
.center-text22 p{
	text-align: right;
	margin: 5px 0;
	font-weight: 600;
	}
.center-text23 {
	padding: 95px 0;
	padding-right: 20px;
	margin: 20px auto;
	}
.center-text23 p{
	text-align: right;
	margin: 5px 0;
	font-weight: 600;
	}
.center-text24 {
	padding: 120px 0;
	padding-right: 20px;
	margin: 20px auto;
	}
.center-text24 p{
	text-align: right;
	margin: 5px 0;
	font-weight: 600;
	}
.center-text25{
	text-align: left;
	margin: 20px auto;
	}
.center-text26{
	text-align: left;
	margin: 20px auto;
	}
.center-text26 a{
	color: #000000;
	text-decoration: underline;
	}
.company-table{
	width: 100%;
	max-width: 850px;
	margin: 40px auto;
	}
.company-table a{
	color: #000000;
	text-decoration: underline;
	}
.indent{
	padding-left: 48px;
	}
.indent02{
	padding-left: 42px;
	}
table{
  width: 100%;
  border-collapse: collapse;
}
table tr{
  border-bottom: solid 2px white;
}
table tr:last-child{
  border-bottom: none;
}
table th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #73A579;
	font-weight: 600;
  color: #FFFFFF;
  padding: 10px 20px;
}
table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #73A579;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
table td{
  text-align: left;
  width: 70%;
  background-color: #eee;
  padding: 10px 30px;
}
#main-top{
	width: 100%;
	height: 300px;
	position: relative;
	background-color: #555555;
}
#main-top h1{
	font-size: 50px;
	font-weight: 600;
	height: 60px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto auto;
	color: #FFFFFF;
	}
.company-table{
	margin: 8px auto;
	margin-bottom: 80px;
	}
.main-text-company h1{
	margin-bottom: 20px;
}
.main-text-company hr{
	margin-top: -110px;
	width: 250px;
	position: absolute;
	left: 0;
	right: 0;
	color: #FFFFFF;
}
.main-img-company {
	width: 100%;
	background-image: url("../images/white+.jpg");
	background-size: cover;
	height: 300px;
}
.company{
	width: 100%;
	max-width: 980px;
	margin: auto auto;
	}
.main-text-recruit h1{
	margin-bottom: 20px;
}
.main-text-recruit hr{
	margin-top: -110px;
	width: 250px;
	position: absolute;
	left: 0;
	right: 0;
	color: #FFFFFF;
}
.main-img-recruit {
	width: 100%;
	background-image: url("../images/blacktop.jpg");
	background-size: cover;
	height: 300px;
}
.recruit{
	width: 100%;
	max-width: 980px;
	margin: auto auto;
	}
.main-text-contact h1{
	margin-bottom: 20px;
}
.main-text-contact hr{
	margin-top: -110px;
	width: 350px;
	position: absolute;
	left: 0;
	right: 0;
	color: #FFFFFF;
}
.main-img-contact {
	width: 100%;
	background-image: url("../images/top3.jpg");
	background-size: cover;
	height: 300px;
	opacity: 0.6;
}
.contact{
	width: 100%;
	max-width: 980px;
	margin: auto auto;
	}
.main-text-privacy_policy h1{
	margin-bottom: 20px;
}
.main-text-privacy_policy hr{
	margin-top: -110px;
	width: 550px;
	position: absolute;
	left: 0;
	right: 0;
	color: #FFFFFF;
}
.main-img-privacy_policy {
	width: 100%;
	background-image: url("../images/top2.jpg");
	background-size: cover;
	height: 300px;
	opacity: 0.6;
}
.privacy_policy{
	width: 100%;
	max-width: 980px;
	margin: auto auto;
	}
.main-text-service h1{
	margin-bottom: 20px;
}
.main-text-service hr{
	margin-top: -110px;
	width: 250px;
	position: absolute;
	left: 0;
	right: 0;
	color: #FFFFFF;
}
.main-img-service {
	width: 100%;
	background-image: url("../images/service.jpg");
	background-size: cover;
	height: 300px;
	opacity: 0.6;
}
.service{
	width: 100%;
	max-width: 980px;
	margin: auto auto;
	text-align: center;
}
.service-all{
	padding-top: 18px;
}
.service-img {
	width: 100%;
	background-image: url("../images/planning.jpg");
	background-size: cover;
	height: 250px;
}
.service-img02{
	width: 100%;
	background-image: url("../images/production.jpg");
	background-size: cover;
	height: 250px;
}
.service-img03{
	width: 100%;
	background-image: url("../images/management.jpg");
	background-size: cover;
	height: 250px;
}
.service-img04{
	width: 100%;
	background-image: url("../images/digital.jpg");
	background-size: cover;
	height: 250px;
}
.service-img05{
	width: 100%;
	background-image: url("../images/music.jpg");
	background-size: cover;
	height: 250px;
}
.main-text-information h1{
	margin-bottom: 20px;
}
.main-text-information hr{
	margin-top: -110px;
	width: 250px;
	position: absolute;
	left: 0;
	right: 0;
	color: #FFFFFF;
}
.main-img-information {
	width: 100%;
	background-image: url("../images/top3.jpg");
	background-size: cover;
	height: 300px;
	opacity: 0.6;
}
.information{
	width: 100%;
	max-width: 980px;
	margin: auto auto;
	text-align: center;
}
.information img{
	margin-bottom: 80px;
}
#leftbox02{
	width: 48%;
	float: left;
	}
#rightbox02{
	width: 48%;
	float: right;
	}
.br{
height: 30px;
}
.box_srcollbar {
	overflow: auto;
	width:100%;
	height:80px;
	padding:5px;
	border:1px solid #000;
	background-color:#F9F9F9;
	font-size:15px;
	text-align: center;
	color: #000000;
	box-sizing: border-box;
}
.box_title{
	border:1px solid #3C5347;
	padding:5px;
	box-sizing: border-box;
	width:100%;
	font-weight:bold;
	font-size:18px;
	background-color:#3C5347;
	color:#fff;
	text-align: center;
	margin: -7px 0;
}
.box_srcollbar ul{
	width: 100%;
	text-align: center;
	max-width:550px;
	margin: auto auto;
	}
.box_srcollbar ul li{
	width: 100%;
	}
.box_srcollbar ul li time{
	width: 110px;
	float: left;
	text-align: left;
	display: block;
	}
.box_srcollbar ul li p{
	width: calc( 100% - 110px);
	text-align: left;
	display: block;
	box-sizing: border-box;
	float: left;
	color: #000000;
	}
.box_srcollbar a{
	color: #000000;
	margin-right: 10px;
	text-decoration: underline;
	}
.money {
	font-size: 25px;
	font-weight: 600;
	}
@media (max-width: 768px){
}