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

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

index.css

///////////////////////////////////////////////////////*/
#sigIndex {
}
/* =mainvisual-wrap
-------------------------------------------------------*/
#sigIndex #first-view-wrap {
	position: relative;
	z-index: 999;
}
#sigIndex #first-view-wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#sigIndex #first-view-wrap .head-sec { /*float:left;*/
	position: absolute;
	/*top: 100px;*/
	top: 15vw;
	left: 8vw;
	width: 36%;
	/*background-color: rgba(255,255,255,1);*/
	/*padding: 120px 0 120px 40px;*/
	/*height: 330px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sigIndex #first-view-wrap .head-sec .head-ttl {
	margin-bottom:0;
}
#sigIndex #first-view-wrap .head-sec .head-ttl svg {
	/*height: 35px;*/
	height: 3vw;
}
#sigIndex #first-view-wrap .head-sec .head-st svg {
	/*height: 16px;*/
	height: 1.4vw;
	margin-top: 15px;
}
path.path1 {
	animation: fadeIn 1s ease 0s 1 normal;
}
path.path2 {
	animation: fadeIn 2s ease 0s 1 normal;
}
path.path3 {
	animation: fadeIn 3s ease 0s 1 normal;
}
path.path4 {
	animation: fadeIn 4s ease 0s 1 normal;
}
path.path5 {
	animation: fadeIn 5s ease 0s 1 normal;
}
path.path6 {
	animation: fadeIn 6s ease 0s 1 normal;
}
path.path7 {
	animation: fadeIn 7s ease 0s 1 normal;
}
path.path8 {
	animation: fadeIn 8s ease 0s 1 normal;
}
path.path9 {
	animation: fadeIn 9s ease 0s 1 normal;
}
path.path10 {
	animation: fadeIn 10s ease 0s 1 normal;
}
path.path11 {
	animation: fadeIn 11s ease 0s 1 normal;
}
path.path12 {
	animation: fadeIn 12s ease 0s 1 normal;
}
#sigIndex #first-view-wrap .mainvisual-sec {
	float: right;
	width: 66.6666667%;
}

@media screen and (max-width: 1024px) {
#sigIndex #first-view-wrap .head-sec {
	/*top: 60px;
	left: 80px;
	width: 40%;
	padding: 80px 50px 80px 20px;*/
}
#sigIndex #first-view-wrap .head-sec .head-ttl svg {
	/*width: 100%;*/
	/*max-width: 340px;*/
	/*height: auto;*/
}
#sigIndex #first-view-wrap .head-sec .head-st svg {
	/*width: 70%;*/
	/*max-width: 215px;
	height: auto;*/
}
}

@media screen and (max-width: 768px) {
#sigIndex #first-view-wrap .head-sec {
	/*top: 60px;
	width: 40%;
	padding: 50px 30px 50px 20px;*/
}
}

@media screen and (max-width: 414px) {
#sigIndex #first-view-wrap .mainvisual-sec {
	float: none;
	width: 80%;
	margin-left:20%;
}
#sigIndex #first-view-wrap .head-sec {
	top:auto;
	bottom:-50px;
	left:0;
	background-color: rgba(255,255,255,1);
	width: 80%;
	padding:20px 8% 10px;
}
/*#sigIndex #first-view-wrap .head-sec {
	top: 30px;
	left: 20px;
	width: 46%;
	padding: 10px 20px 30px 0;
}*/
#sigIndex #first-view-wrap .head-sec .head-st {
	line-height: 0;
}
#sigIndex #first-view-wrap .head-sec .head-ttl svg {
	height: 6vw;
}
#sigIndex #first-view-wrap .head-sec .head-st svg {
	height: 3vw;
	margin-top: 0;
}
}
/* =about-wrap
-------------------------------------------------------*/
#sigIndex #about-wrap {
	position: relative;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
#sigIndex #about-wrap .v-writing {
	position: absolute;
	top: 700px;
	right: -50px;
}
#sigIndex #about-wrap section {
	width: 86.6666667%;
	background: url(/assets/common/img/bg-sec-2.png) no-repeat 0 0;
	background-size: 100% 50vh;
	margin-top: -80px;
	padding: 200px 0 50px 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sigIndex #about-wrap section .close-day-wrap {
	margin-left: 50%;
}
#sigIndex #about-wrap section .close-day-wrap .head-ttl {
	font-size: 1.6rem;
	margin-bottom: 20px;
}
#sigIndex #about-wrap section .about-outline-wrap {
	position: relative;
	margin-top: 100px;
	padding: 160px 0 80px;
	background: url(/assets/index/img/bg-white.jpg) repeat-y right -2px top 0;
	background-size: 90% 350px;
}
#sigIndex #about-wrap section .about-outline-wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#sigIndex #about-wrap section .about-outline-wrap .in-pic {
	float: left;
	width: 34%; /*max-width:600px;*/ /*margin-top:-260px;*/
	margin-top: -260px;
}
#sigIndex #about-wrap section .about-outline-wrap .in-body {
	float: right; /*width:44.355%;*/
	width: 50%;
}
#sigIndex #about-wrap section .about-outline-wrap .btn-default {
	margin-top: 50px;
}

/* perfect-scrollbar v0.6.12 */
.ps-container{-ms-touch-action:none;touch-action:none;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}

.scroller { position:relative; overflow:hidden; width:98%; max-height:150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.scroller ul { list-style-type:none; margin-right:20px; }
.scroller ul li { margin-bottom:20px; padding-bottom:20px; border-bottom: dotted 1px #d9d9d9; }


@media screen and (max-width: 1024px) {
#sigIndex #about-wrap section {
	width: 92%;
	background-size: 100% 30vh;
	margin-top: -60px;
	padding: 140px 0 60px 80px;
}
#sigIndex #about-wrap section .about-outline-wrap {
	padding: 100px 0 80px;
}
#sigIndex #about-wrap section .about-outline-wrap .in-pic {
	margin-top: -200px;
}
}

@media screen and (max-width: 768px) {
#sigIndex #about-wrap section {
	width: 92%;
	background-size: 100% 50vh;
	margin-top: -60px;
	padding: 140px 0 40px 4%;
}
#sigIndex #about-wrap section .about-outline-wrap .in-pic {
	float: none;
	width: 40%;
}
#sigIndex #about-wrap section .about-outline-wrap .in-body {
	float: none;
	width: 100%;
	padding-left: 20%;
	margin-top: 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
}

@media screen and (max-width: 414px) {
#sigIndex #about-wrap section {
	margin-top: 80px;
	padding: 50px 0 20px;
}
#sigIndex #about-wrap .v-writing {
	top: 500px;
	right: -70px;
}
#sigIndex #about-wrap section .close-day-wrap {
	margin-left: 8%;
}
#sigIndex #about-wrap section .about-outline-wrap {
	padding: 50px 0 80px;
}
#sigIndex #about-wrap section .about-outline-wrap .in-pic {
	width: 60%;
	margin-top: -120px;
	margin-left: 8%
}
#sigIndex #about-wrap section .about-outline-wrap .in-body {
	margin-top: 80px;
}
}
/* =guide-wrap
-------------------------------------------------------*/
#sigIndex #guide-wrap {
	position: relative;
	margin-top: 200px;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
#sigIndex #guide-wrap .v-writing {
	position: absolute;
	top: 100px;
	left: 0px;
}
#sigIndex #guide-wrap section {
	background: url(/assets/common/img/bg-sec-2.png) no-repeat right bottom;
	background-size: 100% 300px;
	margin-left: 13.333333%;
	padding: 0 80px 100px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sigIndex #guide-wrap section .guide-outline-wrap {
	position: relative;
	/*background:#FFF;*/
	background: url(/assets/index/img/bg-white.jpg) repeat-y left -2px top 2px;
	background-size: 90% auto;
	padding: 50px 0;
}
#sigIndex #guide-wrap section .guide-outline-wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#sigIndex #guide-wrap section .guide-outline-wrap .in-pic {
	float: right;
	width: 42%;
	margin-bottom: -100px;
}
#sigIndex #guide-wrap section .guide-outline-wrap .in-body {
	float: left;
	width: 50%;
}
#sigIndex #guide-wrap section .guide-outline-wrap .btn-default {
	margin-top: 50px;
}

@media screen and (max-width: 1024px) {
#sigIndex #guide-wrap section {
	margin-left: 8%;
	padding: 0 80px 80px 0;
}
#sigIndex #guide-wrap section .guide-outline-wrap .in-pic {
	padding-top: 80px;
}
/*#sigIndex #guide-wrap section .guide-outline-wrap .in-pic img { margin-bottom:-380px; }*/
}

@media screen and (max-width: 768px) {
#sigIndex #guide-wrap {
	margin-top: 50px;
}
#sigIndex #guide-wrap section {
	margin-left: 9%;
	padding: 0 4% 40px 0;
	background-size: 100% 300px;
}
#sigIndex #guide-wrap section .guide-outline-wrap {
	padding-bottom:80px;
}
#sigIndex #guide-wrap section .guide-outline-wrap .in-pic {
	float: none;
	width: 50%;
	margin-left: 50%;
}
/*#sigIndex #guide-wrap section .guide-outline-wrap .in-pic img { margin-bottom:-150px; }*/
#sigIndex #guide-wrap section .guide-outline-wrap .in-body {
	float: none;
	width: 100%;
	margin-top: 80px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
}

@media screen and (max-width: 414px) {
#sigIndex #guide-wrap section {
	padding: 0 8% 20px 0;
}
#sigIndex #guide-wrap .v-writing {
	top: 50px;
	left: -10px;
}
#sigIndex #guide-wrap section .guide-outline-wrap {
	background-size: 100% auto;
}
#sigIndex #guide-wrap section .guide-outline-wrap .in-body {
	margin-top: 120px;
	padding-right: 20px;
}
#sigIndex #guide-wrap section .guide-outline-wrap .in-pic {
	width: 90%;
	margin-left: 10%;
	margin-bottom: 0;
	padding-top: 0;
}
}
/* =recruit-wrap
-------------------------------------------------------*/
#sigIndex #recruit-wrap {
	margin:150px 0;
	padding:0 80px;
	text-align:center;
}
#sigIndex #recruit-wrap .btn-box {
	display:flex;
	justify-content: center;
	align-items:center;
	margin-top:50px;
}
@media screen and (max-width: 414px) {
#sigIndex #recruit-wrap {
	margin:100px 0;
	padding:0 8%;
	text-align:left;
}
}
/* =intro-wrap
-------------------------------------------------------*/
#sigIndex #intro-wrap {
	background-color: #f7f7f7;
	/*background-color:#f1edea;*/
	margin-top:150px;
	padding: 80px;
	text-align:center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#sigIndex #intro-wrap .head-sec-ttl-m br { display:none; }
#sigIndex #intro-wrap .txt-box { margin-bottom:50px; }

@media screen and (max-width: 414px) {
#sigIndex #intro-wrap {
	padding: 30px 8%;
	text-align:left;
}
#sigIndex #intro-wrap .head-sec-ttl-m br { display:block; }
#sigIndex #intro-wrap .txt-box br { display:none; }
#sigIndex #intro-wrap .link-txt-uline { text-align:center; }
}