@charset "utf-8";

#key{
	background: url(../img/company/h_key-js02.png) no-repeat center top /cover;
}

#sec1 {
	min-height: 924px;
	background: url(../img/company/sec1-bg.png) no-repeat center bottom, url(../img/company/sec1-bg-rp.png) repeat center top;
}
#sec1 .sec1-trans {
	position: relative;
	top: 102px;
	height: 218px;
}
#sec1 .sec1-trans .deco {
	position: absolute;
	top: 0;
	left: -235px;
	z-index: 9;
}
#sec1 .trans-inner {
	background: url(../img/company/sec1-js-bg.png) no-repeat center top/100% 506px;
	width: 120%;
	position: absolute;
	top: -160px;
	left: -10%;
	height: 1px;
	z-index: 1;
	transform: rotate(-7.5deg) translate(-100%, 0%);
	overflow: hidden;
	transition: transform .2s linear, height .2s linear .3s;
}
#sec1 .trans-inner.open {
	transform: rotate(-2.5deg) translate(0%, -20%);
	height: 506px;
}
#sec1 .sec1-title2 {
	position: absolute;
	top: 161px;
	left: 0;
	z-index: 99;
	transform: rotate(2deg);
}
#sec1 h3 {
	text-align: right;
	padding: 65px 0 0 0;
}
#sec1 .txt {
	padding-top: 55px;
	width: 308px;
	color: #000;
	margin-left: 687px;
}
#sec1 .txt p {
	padding-bottom: 40px;
}
#pr {
	background-image: url(../img/company/pr.jpg);
	width: 100%;
	min-height: 395px;
}
#sec2 {
	background: url(../img/company/sec2-bg.png) no-repeat center top, url(../img/company/sec2-bg01.png) repeat;
	position: relative;
	padding-bottom: 50px;
}
#sec2 .sec1-trans {
	position: relative;
	top: 156px;
	height: 218px;
}
#sec2 .sec1-trans .deco {
	position: absolute;
	top: 42px;
	right: -266px;
	z-index: 9;
}
#sec2 .trans-inner {
	background: url(../img/company/sec2-bg-js.png) no-repeat center top/100% 492px;
	width: 120%;
	position: absolute;
	top: -100px;
	left: -10%;
	height: 1px;
	z-index: 1;
	transform: rotate(-1.5deg) translate(0%, -20%);
	overflow: hidden;
	transition: transform .2s linear, height .2s linear .3s;
}
#sec2 .trans-inner.open {
	transform: rotate(2.5deg) translate(0%, -20%);
	height: 506px;
}
#sec2 .sec1-title2 {
	position: absolute;
	top: 87px;
	left: -9px;
	z-index: 9;
	transform: rotate(-2deg);
}
#sec2 .name {
	padding-top: 84px;
	padding-bottom: 31px;
}
#sec2 .sub {
	position: absolute;
	top: -218px;
	right: -53px;
	z-index: 9;
}
#sec2 .deco01 {
	position: absolute;
	pointer-events: none;
	top: -107px;
	right: -31px;
	z-index: 5;
}
#sec2 .txt {
	width: 497px;
	color: #000;
}
#sec2 .txt p {
	padding-bottom: 40px;
}
#sec3 {
	position: relative;
	min-height: 1487px;
}
#sec3:before {
	background: url(../img/company/sec3-bg.png) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	content: '';
	width: 100%;
	height: 1537px;
	top: -50px;
	left: 0;
}
#sec3 .sec1-trans .deco {
	position: absolute;
	left: -222px;
	transform: rotate(10deg);
	z-index: 9;
}
#sec3 .sec1-trans {
	position: relative;
	top: 72px;
	height: 218px;
	z-index: 6;
}
#sec3 .trans-inner {
	background: url(../img/company/sec2-bg-js.png) no-repeat center top/100% 492px;
	width: 120%;
	position: absolute;
	top: -100px;
	left: -10%;
	height: 1px;
	z-index: 1;
	transform: rotate(-10.5deg) translate(0%, -20%);
	overflow: hidden;
	transition: transform .2s linear, height .2s linear .3s;
}
#sec3 .trans-inner.open {
	transform: rotate(-12.5deg) translate(0%, -20%);
	height: 506px;
}
#sec3 .sec1-title2 {
	position: absolute;
	top: 177px;
	left: 18px;
	z-index: 9;
	transform: rotate(13.5deg) translate(0%, -20%);
}
#sec3 h3 {
	position: absolute;
	top: -342px;
	left: -39px;
	z-index: 9;
}
#sec3 .photo {
	position: absolute;
	top: 311px;
	left: -42px;
}
#sec3 .ttl {
	position: absolute;
	top: 42px;
	right: 0;
}
#sec3 .ttl01 {
	position: absolute;
	top: 216px;
	left: 54px;
	z-index: 9;
}
#sec3 .photo {
	position: absolute;
	top: 283px;
	left: -70px;
}
#sec3 dl.item01 {
	position: absolute;
	top: 580px;
	left: -13px;
}
#sec3 dl.item01 dd {
	opacity: 0;
	position: absolute;
    top: 35px;
    left: 56px;
	transition: all .5s linear;
}
#sec3 .btn-popup1{
	pointer-events: visible;
}
#sec3 .show1.open {
	opacity: 1;
	transition: all .5s linear;
	z-index: 9;
	pointer-events: visible;
}
#sec3 dl.item02 {
	position: absolute;
	top: 273px;
	right: 78px;
}
#sec3 dl.item02 dd {
	opacity: 0;
	position: absolute;
	top: 28px;
	right: -32px;
	transition: all .5s linear;
}
#sec3 .show3.open {
	opacity: 1;
	transition: all .5s linear;
	z-index: 9;
	pointer-events: visible;
}
#sec3 dl.item03 {
	position: absolute;
	top: 884px;
	right: -26px;
}
#sec3 dl.item03 dd {
	opacity: 0;
	position: absolute;
	top: 60px;
	right: 73px;
	transition: all .5s linear;
}
#sec3 .show2.open {
	opacity: 1;
	transition: all .5s linear;
	z-index: 9;
	pointer-events: visible;
}
#sec3 .box dl dt {
	cursor: pointer;
	position: relative;
	z-index: 9;
}
#sec3 .box dl dd {
	pointer-events: none;
}
p.txt-popup {
	position: absolute;
	top: 100px;
	left: 150px;
	color: #fff;
	width: 720px;
}
.close1, .close2, .close3, .close4 {
	position: absolute;
	top: 10px;
	right: 15px;
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
#sec3 .sec3-txt {
	padding: 132px 0 0 0;
	margin-left: 472px;
}
#sec4 {
	background: url(../img/company/sec4-bg.jpg) repeat;
	position: relative;
}
#sec4 .option {
	background: url(../img/company/sec4-bg-h2.jpg) no-repeat center top, url(../img/company/sec4-bg-rp.jpg) repeat;
	text-align: center;
	min-height: 130px;
	position: relative;
}
#sec4 .option h2 {
	padding-top: 17px;
}
#sec4 .option .deco {
	position: absolute;
	top: -173px;
	right: -143px;
}
#sec4 .row {
	position: relative;
	min-height: 1020px;
}
#sec4 .row dl.item01 {
	position: absolute;
	top: 87px;
	left: 19px;
}
#sec4 .row dl.item01 dt {
	position: absolute;
	top: -84px;
	left: -19px;
	cursor: pointer;
}
#sec4 .row dl.item02 {
	position: absolute;
	top: 308px;
	left: 19px;
}
#sec4 .row dl.item02 dt {
	position: absolute;
	top: -75px;
	right: 0;
	cursor: pointer;
}
#sec4 .row dl.item03 {
	position: absolute;
	top: 530px;
	left: 19px;
}
#sec4 .row dl.item03 dt {
	position: absolute;
	top: -60px;
	left: 0;
	cursor: pointer;
}
#sec4 .row dl.item04 {
	position: absolute;
	top: 780px;
	left: 19px;
	z-index: 2;
}
#sec4 .row dl.item04 dt {
	position: absolute;
	top: -80px;
	right: 0;
	cursor: pointer;
}




.sec4-show {
	background: url(../img/company/sec4-txt-bg.jpg) repeat;
	width: 740px;
}
#sec4 .sec4-show {
	display: none;
}
.wrap-txt {
	width: 330px;
	padding-top: 75px;
	margin-left: 380px;
	padding-bottom: 50px;
}
.wrap-txt .sec4-txt {
	padding-bottom: 30px;
	color: #fff;
}
.sec4-close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.sec4-img {
	position: absolute;
	top: 25px;
	left: 25px;
	text-align: center;
}
.sec4-img span{
	color:#fff;
	font-size:20px;
	position: relative;
	top:20px;
}
#sec5 {
	background: url(../img/company/sec5-bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	min-height: 786px;
}
#sec5 h2 {
	position: absolute;
	top: 0;
	left: 443px;
}
#sec5 h3 {
	position: absolute;
	top: 414px;
	left: 0;
}
.tabs-switch {
}
.tabs-switch .tab-link {
	width: 1100px;
	margin: 0 auto;
	margin-top: -83px;
	position: relative;
}
.tabs-switch .tab-link > * {
	cursor: pointer;
	float: left;
}
.tabs-switch .tab-content {
}
.tabs-switch[data=fade] .tab-content {
	min-height: 538px;
	position: relative;
}
.tabs-switch .tab-content > * {
	display: none;
}
.tabs-switch[data=fade] .tab-content > * {
	margin: auto;
	width: 100%;
	height: 100%;
	position: absolute;
}
#sec6 {
	position: relative;
}
#sec6 .main01 {
	background: url(../img/company/sec6_bg01-rp.jpg) repeat;
}
#sec6 .main02 {
	background: url(../img/company/sec6_bg02-rp.jpg) repeat;
}
#sec6 .main03 {
	background: url(../img/company/sec6_bg03-rp.jpg) repeat;
}
#sec6 .photo {
	position: absolute;
	top: 53px;
	left: -107px;
}
#sec6 .ttl {
	position: absolute;
	top: 87px;
	right: 120px;
}
#sec6 .txt {
	width: 479px;
	color: #fff;
	padding: 205px 0 90px;
	margin-left: 520px;
}
#sec6 .deco {
	position: absolute;
	top: 0;
	right: 80px;
	pointer-events: none;
}
#sec7 {
	background: url(../img/company/sec7-bg.jpg) repeat;
	position: relative;
	padding: 10px;
	padding-bottom:10px;
	box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.55);
}
#sec7 .content {
	border: solid 5px #8b8886;
	color: #fff;
	padding-bottom:160px;
}
#sec7 h2 {
	text-align: center;
	padding-top: 44px;
}
#sec7 .deco {
	position: absolute;
	pointer-events: none;
	top: 0;
	left: -22px;
}
#sec7 .col {
	padding: 38px 0 62px 70px;
}
#sec7 .tel {
	position: absolute;
	top:999px;
	right: 539px;
}
#sec7 .box {
	margin-bottom: 20px;
}
#sec7 .column {
	float: left;
}
#sec7 .column:nth-child(2) {
	padding-left: 86px;
}
#sec7 .column:nth-child(3) {
	padding-left: 30px;
}
#sec7 .txt {
	padding-bottom: 35px;
}
#sec7 .ttl {
	padding: 15px 0;
	position: relative;
	margin-bottom: 15px;
}
#sec7 .ttl:before {
	border-top: dashed 2px #a6a5a4;
	position: absolute;
	content: '';
	width: 110px;
	height: 0;
	top: 0;
	left: 0;
}
#sec7 .ttl:after {
	border-top: dashed 2px #a6a5a4;
	position: absolute;
	content: '';
	width: 110px;
	height: 0;
	bottom: 0;
	left: 0;
}
#sec8 {
	background: url(../img/company/sec8-bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
#sec8 h2 {
	text-align: center;
	padding-top: 74px;
}
#sec8 .box {
	width: 660px;
	margin: 0 auto;
	padding: 64px 0 86px;
	color: #2a0f10;
}
#sec8 dl {
	border-bottom: dashed 1px #190b00;
	padding: 15px 0;
}
#sec8 dl.special {
	border: none;
}
#sec8 dl dt {
	float: left;
	padding-left: 15px;
	width: 105px;
}
#sec8 dl dd {
	float: left;
}
#sec8 .txt {
	border-bottom: dashed 1px #190b00;
	border-top: dashed 1px #190b00;
	text-align: center;
	padding: 15px 0;
}
#sec9 ul.brn {
	position: relative;
	z-index: 9;
	box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.55);
}
#sec9 ul.brn li {
	width: 33.3%;
	float: left;
}
#sns {
	background: url(../img/company/sec9_bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 575px;
	position: relative;
}
#sns .ttl {
	position: absolute;
	top: 27px;
	left: 141px;
}
#sns .fb {
	width: 465px;
	position: absolute;
	top: 85px;
	left: 0;
}
#sns .row-rss {
}
#sns #feed {
	padding-top: 108px;
	margin-left: 544px;
}
#sns .row-rss {
	width: 400px;
	margin-bottom: 40px;
}
#sns .row-rss .photo {
	float: left;
}
#sns .row-rss dl {
	width: 205px;
	float: left;
	margin-left: 25px;
	color: #FFFFFF;
}
.rss_txt{
	margin-left:600px;
	padding-top:80px;
	color:#fff;
	font-weight:bold;
	}

 .oshirase{
position: absolute;
z-index: 9;
width: 600px;
background-color: rgba(255,255,255,0.9);
border-radius: 10px;
top: 460px;
right: 40px;
}
.oshirase .tit{
text-align: center;
background-color: #A75E15;
padding: 15px 0;
font-size: 22px;
color: #FFFFFF;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.oshirase .txtx{
text-align: center;
font-size: 15px;
line-height: 22px;
padding: 15px 0;
}







.sec4-show4 .wrap-txt{
	padding-bottom: 135px;
}