/*==================================================
 special
==================================================*/
.special .main {
	padding: 0;
}
.special .common-info {
	margin-top: 0;
}

/*special-header
---------------------------------------------------------------------------*/
@-webkit-keyframes move {
	0% {
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes move {
	0% {
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
.special-header {
	position: relative;
	height: 100vh;
}
.special-header .bg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	margin-left: -1px;
}
.special-header .bg .bg-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.3s ease;
	background: url(img/bg_special01.jpg) no-repeat 50% 50% / cover;
}
.opening-init .special-header .bg .bg-image {
	opacity: 1;
	animation: move 1.8s ease-out;
}
.special-header-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 1100px;
	width: 90%;
	color: #fff;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.special-header .logo {
	max-width: 369px;
	width: 80%;
	margin: 0 auto;
	opacity: 0;
	transition: opacity 0.5s ease-out, transform 0.5s ease-out;
	transform: translateY(10px);
}
.opening-init .special-header .logo {
	opacity: 1;
	transform: translateY(0);
}
.special-header h1 {
	margin: 0 0 40px;
	font-size: 5.0rem;
	line-height: 120%;
	font-weight: 700;
}
.special-header h1 .en {
	display: block;
	font-size: 12rem;
	line-height: 120%;
	letter-spacing: 0;
}
.special-header .txt {
	font-size: 3.0rem;
	font-weight: 700;
	line-height: 140%;
	opacity: 0;
	transition: opacity 0.5s ease-out 1.3s, transform 0.5s ease-out 1.3s;
	transform: translateY(10px);
}
.opening-init .special-header .txt {
	opacity: 1;
	transform: translateY(0);
}
.special-header .txt .viewSp {
	display: none;
}
	@media screen and (max-width: 1100px) {
		.special-header .logo {
			width: 50%;
		}
		.special-header h1 {
			font-size: 4.5vw;
		}
		.special-header h1 .en {
			font-size: 10.9vw;
		}
		.special-header .txt {
			font-size: 2.7vw;
		}
	}
	@media screen and (max-width: 480px) {
		.special-header .txt .viewSp {
			display: block;
		}
		.special-header .txt {
			font-size: 3.4vw;
		}
	}

/*btn_scroll */
.special-header .btn-scroll {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 12px;
	height: 60px;
	text-decoration: none;
	z-index: 1100;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.special-header .btn-scroll .icn {
	width: 15px;
	height: 13px;
}
.special-header .btn-scroll .bar {
	overflow: hidden;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 12px;
	height: 52px;
	content: "";
}
.special-header .btn-scroll span span {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	width: 1px;
	height: 100px;
	border-left: 1px solid #fff;
	margin-left: -1px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
		transform: translate(0, -200px);
		transform-origin: bottom;
		opacity: 1;
  }
  50% {
	  transform: scale(1, 1);
	  transform-origin: top;
		opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 100px);
    opacity: 0;
  }
}

/*sec-special01
---------------------------------------------------------------------------*/
.sec-special01 p.txt {
	font-size: 1.8rem;
	font-weight: 700;
}
.sec-special01 p.txt + .txt {
	margin-top: 50px;
}
	@media screen and (max-width: 960px) {
		.sec-special01 p.txt {
			font-size: 1.6rem;
		}
		.sec-special01 p.txt + .txt {
			margin-top: 30px;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-special01 p.txt {
			font-size: 1.5rem;
		}
	}

/* cont01 */
.sec-special01 .cont01 {
	padding: 330px 0 410px;
	color: #fff;
	text-align: center;
	background: url(img/bg_special02.jpg) no-repeat 50% 50% / cover;
}
.sec-special01 .cont01 h2 {
	margin: 0 0 30px;
	font-size: 3.0rem;
	font-weight: 700;
}
	@media screen and (max-width: 960px) {
		.sec-special01 .cont01 {
			padding: 250px 0 310px;
			text-align: left;
		}
		.sec-special01 .cont01 h2 {
			font-size: 2.6rem;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-special01 .cont01 {
			padding: 30% 0;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-special01 .cont01 h2 {
			font-size: 2.2rem;
		}
	}

/* cont02 */
.sec-special01 .cont02 {
	padding: 275px 0 215px;
	color: #fff;
	text-align: center;
	background: url(img/bg_special03.jpg) no-repeat 50% 50% / cover;
}
.sec-special01 .box-check {
	max-width: 480px;
	width: 100%;
	margin: 80px auto 0;
	padding: 5px;
	border: 1px solid #000;
	box-sizing: border-box;
}
.sec-special01 .box-check-inner {
	padding: 25px 20px;
	background: rgba(0,0,0,0.42);
}
.sec-special01 .box-check p {
	margin: 0 0 30px;
}
.sec-special01 .box-check .btn-base {
	max-width: 378px;
	margin: 0 auto;
}
	@media screen and (max-width: 960px) {
		.sec-special01 .cont02 {
			padding: 200px 0;
			text-align: left;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-special01 .cont02 {
			padding: 30% 0;
		}
		.sec-special01 .box-check {
			margin-top: 50px;
		}
	}

/*img-visual-area
---------------------------------------------------------------------------*/
.img-visual-area {
	position: relative;
	display: block;
	width: 100%;
	height: 378px;
	content: "";
	margin-top: -1px;
	background: url(img/bg_special04.jpg) no-repeat 50% 50% / cover;
	background-attachment: fixed;
	z-index: 10;
}
	@media screen and (max-width: 768px) {
		.img-visual-area {
			height: auto;
			padding: 40% 0 0;
		}
	}

/*sec-special02
---------------------------------------------------------------------------*/
.sec-special02 {
	background: url(img/bg_special05.jpg) no-repeat 50% 50% / cover;
}
.sec-special02 .inner {
	max-width: 1200px;
	padding: 70px 0 60px;
}
.sec-special02 h2 {
	margin: 0 0 65px;
	text-align: center;
	font-size: 3.0rem;
	color: #172C5F;
	font-weight: 700;
	line-height: 140%;
}
.sec-special02 h2 .viewSp {
	display: none;
}
	@media screen and (max-width: 960px) {
		.sec-special02 h2 {
			font-size: 2.6rem;
		}
		.sec-special02 h2 .viewSp {
			display: block;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-special02 .inner {
			padding: 60px 0 5%;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-special02 h2 {
			margin: 0 0 40px;
			font-size: 2.0rem;
			text-align: left;
		}
		.sec-special02 h2 br,
		.sec-special02 h2 .viewSp {
			display: none;
		}
	}

/*==================================================
 home
==================================================*/
.bg-gray {
	background: #eee;
}

/* home-ttl */
.home-ttl {
	position: relative;
	margin: 0 0 45px;
	font-size: 2.8rem;
	color: #172C5F;
	font-weight: 700;
}
.home-ttl:before {
	display: block;
	position: absolute;
	top: 0;
	left: -40px;
	width: 19px;
	height: 100%;
	content: "";
	background: url(img/icn_ttl.svg) repeat-y 0 0 / 100% auto;
}
.home-ttl .en {
	display: block;
	font-size: 2.4rem;
}
	@media screen and (max-width: 960px) {
		.home-ttl {
			font-size: 2.4rem;
		}
		.home-ttl:before {
			left: -3%;
			width: 14px;
		}
		.home-ttl .en {
			font-size: 2.0rem;
		}
	}
	@media screen and (max-width: 640px) {
		.home-ttl {
			margin: 0 0 30px;
			padding-left: 8px;
			font-size: 2.2rem;
		}
		.home-ttl:before {
			width: 10px;
		}
		.home-ttl .en {
			font-size: 1.8rem;
		}
	}
	@media screen and (max-width: 480px) {
		.home-ttl {
			font-size: 2.0rem;
		}
		.home-ttl .en {
			font-size: 1.6rem;
		}
	}

/* home-subttl */
.home-subttl {
	margin: 0 0 20px;
	font-size: 2.4rem;
	color: #172C5F;
	font-weight: 700;
}
p + .home-subttl {
	margin-top: 30px;
}

	@media screen and (max-width: 960px) {
		.home-subttl {
			font-size: 2.2rem;
		}
	}
	@media screen and (max-width: 640px) {
		.home-subttl {
			font-size: 2.0rem;
		}
	}
	@media screen and (max-width: 480px) {
		.home-subttl {
			font-size: 1.8rem;
		}
	}


/*kv
---------------------------------------------------------------------------*/
#kv {
	position: relative;
	width: 100%;
}
#kv .kv-txtwrap {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	width: 1330px;
	height: 100%;
	z-index: 10;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#kv .kv-txt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	letter-spacing: 0;
	-webkit-transform: translateY(calc(-50% + 30px));
	transform: translateY(calc(-50% + 30px));
	opacity: 0;
	transition: opacity 1s ease, transform 1s ease;
}
.opening-init #kv .swiper-slide-active .kv-txt {
	opacity: 1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: opacity 1s ease 0.3s, transform 1s ease 0.3s;
}
#kv .ttl01 {
	font-size: 17rem;
	font-weight: 700;
	line-height: 80%;
	letter-spacing: -0.05em;
}
#kv .ttl02 {
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 120%;
	margin: 0 0 10px;
}
#kv .ttl03 {
	font-size: 12rem;
	font-weight: 700;
	line-height: 80%;
	letter-spacing: -0.05em;
	margin: 0 0 15px;
}
#kv .txt01 {
	font-size: 5.0rem;
	line-height: 120%;
	margin: 0 0 20px;
}
#kv .txt02 {
	font-size: 3.0rem;
	line-height: 120%;
	margin: 0 0 20px;
}
#kv .btn-base {
	max-width: 300px;
	width: 50%;
}
	@media screen and (max-width: 1500px) {
		#kv .kv-txtwrap {
			position: absolute;
			top: 50%;
			left: 3%;
			color: #fff;
			width: 94%;
			-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);
		}
		#kv .ttl01 {
			font-size: 11.3vw;
		}
		#kv .ttl02 {
			font-size: 1.2vw;
			margin: 0 0 2%;
		}
		#kv .ttl03 {
			font-size: 7.5vw;
			margin: 0 0 3%;
		}
		#kv .txt01 {
			font-size: 3.6vw;
			margin: 0 0 4%;
		}
		#kv .txt02 {
			font-size: 1.875vw;
			margin: 0 0 4%;
		}
	}
	@media screen and (max-width: 640px) {
		#kv .kv-txt {
			top: 45%;
		}
		#kv .ttl01 {
			font-size: 15vw;
		}
		#kv .ttl02 {
			font-size: 2.8vw;
		}
		#kv .ttl03 {
			font-size: 10vw;
		}
		#kv .txt01 {
			font-size: 4.5vw;
		}
		#kv .txt02 {
			font-size: 3.2vw;
		}
	}
	@media screen and (max-width: 480px) {
		#kv .ttl01 {
			font-size: 7.0rem;
		}
		#kv .ttl02 {
			font-size: 1.2rem;
		}
		#kv .ttl03 {
			font-size: 5.0rem;
		}
		#kv .txt01 {
			font-size: 2.3rem;
		}
		#kv .txt02 {
			font-size: 1.6rem;
		}
	}

/* slider */
@keyframes move {
  0% {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes move2 {
  0% {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
#kv-slider .swiper-wrapper {
	height: 100%;
}
#kv-slider img {
	width: 100%;
}
#kv-slide-parent li {
  overflow: hidden;
}
#kv-slide-parent li img {
  animation: move 12s ease-out infinite alternate;
}
#kv-slide-parent li.current img {
  will-change: transform;
  animation: move2 12s ease-out infinite alternate;
}
#kv-slide-parent li img.sp {
	display: none;
}
/* slider-pagination */
@keyframes line {
	0% {
		transform: translateX(0%);
	}
	99.9%,to {
		transform: translateX(100%);
		opacity: 0;
	}
}
@keyframes line2 {
	0% {
		transform: translateX(-100%);
	}
	99.9%,to {
		transform: translateX(0%);
	}
}
#kv-slide-parent .swiper-pagination {
	top: 50%;
	left: 50%;
	width: 317px;
	height: 2px;
	margin: 250px 0 0 -660px;
	z-index: 100;
}
#kv-slide-parent .swiper-pagination-bullet {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: calc(100%/4 - 3px);
	height: 2px;
	margin-right: 3px;
	border-radius: 0;
	background: #fff;
	opacity: 1;
	transition: all .9s;
	outline: none;
}
.opening-init #kv-slide-parent .swiper-pagination-bullet::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00adee;
	animation: line .6s linear 1 forwards;
}
.opening-init #kv-slide-parent .swiper-pagination-bullet-active::after {
	animation: line2 5s linear 1 forwards;
}
	@media (min-width: 1501px) {
		#kv-slider {
			height: 1066px;
		}
	}
	@media screen and (max-width: 1500px) {
		#kv-slide-parent .swiper-pagination {
			top: 80%;
			left: 3%;
			margin: 0;
		}
	}
	@media screen and (max-width: 960px) {
		#kv-slide-parent .swiper-pagination {
			width: 190px;
		}
	}
	@media screen and (max-width: 640px) {
		#kv-slide-parent li img.pc {
			display: none;
		}
		#kv-slide-parent li img.sp {
			display: block;
		}
		#kv-slider {
			padding: 500px 0 0;
		}
		#kv-slider .swiper-wrapper {
			position: absolute;
			top: 0;
			left: 0;
		}
		#kv-slider img {
			width: auto;
			max-width: none;
			height: 100%;
		}
		#kv-slide-parent .swiper-pagination {
			top: 365px;
		}
	}

/* side-tag
--------------------------------------*/
@media (min-width:1301px) and (max-width:9999px) {
	.side-tag {
		position: fixed;
		top: 50%;
		right: 0;
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		width: auto;
		z-index: 99;
		pointer-events: none;
	}
	.side-tag a {
		display: flex;
  		align-items: center;
		transition: transform .5s ease-in-out .6s, opacity .3s ease;
		pointer-events: all;
	}
	body.init .side-tag a {
		-webkit-transform: translateX(75%);
		transform: translateX(75%);
	}
	.side-tag h2 {
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 100%;
		box-sizing: border-box;
		padding-left: 30px;
		min-width: 138px;
	}
	.side-tag .cont {
		display: flex;
	}
	.side-tag figure {
		width: 120px;
		padding: 20px 15px 20px 0;
	}
	.side-tag .txt-wrap {
		flex: 1 auto;
		padding: 20px 30px 20px 0;
	}
	.side-tag time {
		display: block;
		font-size: 1.3rem;
		font-weight: 700;
		padding: 0 0 10px;
	}
	.side-tag p {
		line-height: 140%;
	}
	.side-tag .site-report {
		color: #172D60;
		background: #fff;
	}
	.side-tag .side-news {
		color: #fff;
		background: #172D60;
	}
}
@media screen and (max-width:1300px) {
	.side-tag {
		display: none!important;
	}
	.side-tag a {
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 11;
	}
}

/*home-intro
---------------------------------------------------------------------------*/
.home-intro {
	position: relative;
	max-width: 1400px;
	width: 90%;
	margin: 0 auto 0;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.16);
	z-index: 10;
	 -webkit-transform: translate(0, -110px);
	 transform: translate(0, -110px);
}
	@media screen and (max-width: 1200px) {
		.home-intro {
			 -webkit-transform: translate(0, -20px);
			 transform: translate(0, -20px);
			 margin-bottom: 70px;
		}
	}
	@media screen and (max-width: 960px) {
		.home-intro {
			margin-bottom: 8%;
		}
	}
	@media screen and (max-width: 640px) {
		.home-intro {
			-webkit-transform: translate(0, -40px);
			transform: translate(0, -40px);
			padding-top: 10px;
	   }
	}

/* tab */
.home-intro .tab li {
	padding: 30px 20px;
	text-align: center;
	color: #fff;
	background: #00adee;
	transition: all .3s;
}
.home-intro .tab li:not(.select) {
	cursor: pointer;
	border: 1px solid #ffffff;
}
.home-intro .tab li div {
	display: inline-block;
	position: relative;
}
.home-intro .tab li div:after {
	display: block;
	position: absolute;
	top: 50%;
	right: -60px;
	width: 36px;
	height: 36px;
	content: "";
	background: url(img/icn_arrow.svg) no-repeat 0 0 / contain;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: all .3s;
}
.home-intro .tab li.select {
	color: #172C5F;
	background: #fff;
	border: 1px solid #ffffff;
}
.home-intro .tab h2 {
	font-size: 3.4rem;
	line-height: 100%;
	font-weight: 700;
}
.home-intro .tab h2 span {
	display: block;
	font-size: 2.0rem;
}
.home-intro .tab p {
	font-size: 1.6rem;
}
	@media (min-width: 961px) {
		.home-intro .tab li:hover {
			color: #172C5F;
			background: #eee;
		}
		.home-intro .tab li:hover div:after {
			background: url(img/icn_arrow_bl.svg) no-repeat 0 0 / contain;
		}
		.home-intro .tab li.select:hover {
			background: #fff;
		}
		.home-intro .tab li.select:hover div:after {
			background: url(img/icn_arrow.svg) no-repeat 0 0 / contain;
		}
		.home-intro .tab li:nth-child(1):hover {
			border-right: 1px solid #172C5F;
		}
		.home-intro .tab li:nth-child(2):hover {
			border-left: 1px solid #172C5F;
		}
		.home-intro .tab li:nth-child(1).select:hover {
			border-left: none;
			border-right: none;
		}
		.home-intro .tab li:nth-child(2).select:hover {
			border-left: none;
			border-right: none;
		}
	}
	@media (min-width: 641px) {
		.home-intro .tab.sp {
			display: none;
		}
		.home-intro .tab {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.home-intro .tab li {
			flex: 0 1 50%;
		}
	}
	@media screen and (max-width: 1200px) {
		.home-intro .tab li {
			text-align: left;
		}
		.home-intro .tab li div {
			display: block;
			padding: 0 60px 0 0;
		}
		.home-intro .tab li div:after {
			right: 0;
			width: 30px;
			height: 30px;
		}
		.home-intro .tab h2 {
			font-size: 2.8vw;
		}
		.home-intro .tab h2 span {
			font-size: 1.6vw;
		}
		.home-intro .tab p {
			font-size: 1.3vw;
		}
	}
	@media screen and (max-width: 640px) {
		.home-intro .tab.pc {
			display: none;
		}
		.home-intro .tab {
			padding: 13px 10px;
			text-align: center;
		}
		.home-intro .tab li div {
			padding: 0;
		}
		.home-intro .tab li div:after {
			width: 20px;
			height: 20px;
		}
		.home-intro .tab h2 {
			font-size: 1.7rem;
		}
		.home-intro .tab p {
			font-size: 1.5rem;
		}
		.home-intro .tab h2 span {
			font-size: 1.2rem;
		}
	}

/* cont-box --------------*/
.home-intro .cont-box {
	padding: 16px 23px 0;
}
.home-intro #outline-slider {
	padding: 0 23px 30px;
}
	@media (min-width: 961px) {
		.home-intro .no-view {
			display: none;
		}
	}
	@media (min-width: 641px) {
		.home-intro .no-view {
			padding: 0!important;
		}
		.home-intro .no-view,
		.home-intro .no-view > * {
			visibility: hidden;
			height: 0;
		}
	}
	@media screen and (max-width: 960px) {
		.home-intro .cont-box {
			padding: 20px 0 0;
		}
		.home-intro #outline-slider {
			padding: 0 0 30px
		}
	}
	@media screen and (max-width: 640px) {
		.home-intro .cont-box {
			padding: 10px 0 0;
		}
		.home-intro #outline-slider {
			padding: 0 0 30px;
		}
	}

/* description */
.home-intro .description {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: 14px;
}
.home-intro .description ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.home-intro .description li {
	font-size: 1.1rem;
	line-height: 200%;
	padding-right: 10px;
}
.home-intro .description li:last-child {
	padding-right: 0;
}
.home-intro .description li span {
	display: inline-block;
	vertical-align: middle;
}
.home-intro .description li .icn {
	padding-right: 5px;
}
.home-intro .description li .icn img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.home-intro .description .desc01 {
	padding: 5px 0;
	margin: 0 0.5%;
}
.home-intro .description .desc02 {
	background: #F0F0F0;
	padding: 5px 14px;
	margin: 0 0.5%;
}
	@media screen and (max-width: 1000px) {
		.home-intro .description {
			width: 86%;
			margin: 0 auto;
			padding-bottom: 20px;
		}
	}
	@media screen and (max-width: 480px) {
		.home-intro .description li.txt {
			display: block;
			width: 100%;
		}
	}

/* list-stock */
.home-intro .list-stock {
	display: flex;
	flex-wrap: wrap;
}
.home-intro .list-stock > li {
	width: 11.5%;
	margin: 0 0.5% 1%;
	border: 2px solid #eee;
	box-sizing: border-box;
	transition: all .3s;
}
.home-intro .list-stock > li {
	border: 2px solid #eee;
	box-sizing: border-box;
	transition: all .3s;
}
.home-intro .list-stock > li .list-wrap {
	display: block;
	padding: 15px 10px;
	color: #777;
}
.home-intro .list-stock li:hover {
	border-color: #00adee;
	background: #172C5F;
}
.home-intro .list-stock li:hover .list-wrap {
	color: #fff;
}
	.home-intro #stock-slider02 .list-stock li:hover {
		border-color: #182E61;
		background: #FFFFE6;
	}
	.home-intro #stock-slider02 .list-stock li:hover .list-wrap {
		color: #182E61;
	}
.home-intro .list-stock .number,
.home-intro .list-stock .code {
	font-family: 'HelveticaNeue-Condensed-Bold';
	font-weight: 700;
	letter-spacing: 0.05em;
}
.home-intro .list-stock .number {
	font-size: 3.0rem;
	line-height: 100%;
	letter-spacing: 0;
	line-height: 100%;
}
.home-intro .list-stock .number span {
	font-size: 1.6rem;
}
.home-intro .list-stock .name {
	font-size: 1.6rem;
}
.home-intro .list-stock .code {
	margin: 0 0 10px;
}
.home-intro .list-icn {
	display: flex;
	flex-wrap: wrap;
}
.home-intro .list-icn li {
	position: relative;
	display: inline-block;
	margin: 0 1px 3px 0;
	line-height: 100%;
}
.home-intro .list-icn li img {
	width: 20px;
	height: 20px;
}
.home-intro .list-stock .list-wrap:hover img {
	opacity: 0;
}
.home-intro .list-stock .list-wrap:hover li:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw01:after {
	background: url(img/icn_screw01_wt.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw02:after {
	background: url(img/icn_screw02_wt.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw03:after {
	background: url(img/icn_screw03_wt.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw04:after {
	background: url(img/icn_screw04_wt.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw05:after {
	background: url(img/icn_screw05_wt.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw06:after {
	background: url(img/icn_screw06_wt.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw07:after {
	background: url(img/icn_screw07_wt.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw08:after {
	background: url(img/icn_screw08_wt.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw09:after {
	background: url(img/icn_screw09_wt.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw10:after {
	background: url(img/icn_screw10_wt.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw11:after {
	background: url(img/icn_screw11_wt.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw12:after {
	background: url(img/icn_screw12_wt.svg) no-repeat 0 0 / contain;
}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw01:after {
		background: url(img/icn_screw01_bl.svg) no-repeat 0 0 / contain;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw02:after {
		background: url(img/icn_screw02_bl.svg) no-repeat 0 0 / contain;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw03:after {
		background: url(img/icn_screw03_bl.svg) no-repeat 0 0 / contain;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw04:after {
		background: url(img/icn_screw04_bl.svg) no-repeat 0 0 / contain;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw05:after {
		background: url(img/icn_screw05_bl.svg) no-repeat 0 0 / contain;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw06:after {
		background: url(img/icn_screw06_bl.svg) no-repeat 0 0 / contain;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw07:after {
		background: url(img/icn_screw07_bl.svg) no-repeat 0 0 / contain;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw08:after {
		background: url(img/icn_screw08_bl.svg) no-repeat 0 0 / contain;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw09:after {
		background: url(img/icn_screw09_bl.svg) no-repeat 0 0 / contain;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw10:after {
		background: url(img/icn_screw10_bl.svg) no-repeat 0 0 / contain;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw11:after {
		background: url(img/icn_screw11_bl.svg) no-repeat 0 0 / contain;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw12:after {
		background: url(img/icn_screw12_bl.svg) no-repeat 0 0 / contain;
	}

.home-intro .no-stock {
	opacity: 0.4;
}
.home-intro #stock-slider02 .list-stock li a:hover .no-stock:after {
	opacity: 0.6;
}
.home-intro .list-stock li a:hover .no-stock {
	opacity: 1;
}
.home-intro .list-stock li a:hover .no-stock:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw01.no-stock:after {
	background: url(img/icn_screw01_hover.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw02.no-stock:after {
	background: url(img/icn_screw02_hover.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw03.no-stock:after {
	background: url(img/icn_screw03_hover.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw04.no-stock:after {
	background: url(img/icn_screw04_hover.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw05.no-stock:after {
	background: url(img/icn_screw05_hover.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw06.no-stock:after {
	background: url(img/icn_screw06_hover.svg) no-repeat 0 0 / contain;
}
/* .home-intro #stock-slider01 .list-stock li a.current .screw07.no-stock:after, */
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw07.no-stock:after {
	background: url(img/icn_screw07_hover.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw08.no-stock:after {
	background: url(img/icn_screw08_hover.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw09.no-stock:after {
	background: url(img/icn_screw09_hover.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw10.no-stock:after {
	background: url(img/icn_screw10_hover.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw11.no-stock:after {
	background: url(img/icn_screw11_hover.svg) no-repeat 0 0 / contain;
}
.home-intro #stock-slider01 .list-stock .list-wrap:hover .screw12.no-stock:after {
	background: url(img/icn_screw12_hover.svg) no-repeat 0 0 / contain;
}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw01.no-stock:after {
		background: url(img/icn_screw01_bk.svg) no-repeat 0 0 / contain;
		opacity: 0.2;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw02.no-stock:after {
		background: url(img/icn_screw02_bk.svg) no-repeat 0 0 / contain;
		opacity: 0.2;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw03.no-stock:after {
		background: url(img/icn_screw03_bk.svg) no-repeat 0 0 / contain;
		opacity: 0.2;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw04.no-stock:after {
		background: url(img/icn_screw04_bk.svg) no-repeat 0 0 / contain;
		opacity: 0.2;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw05.no-stock:after {
		background: url(img/icn_screw05_bk.svg) no-repeat 0 0 / contain;
		opacity: 0.2;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw06.no-stock:after {
		background: url(img/icn_screw06_bk.svg) no-repeat 0 0 / contain;
		opacity: 0.2;
	}
	/* .home-intro #stock-slider02 .list-stock li a.current .screw07.no-stock:after, */
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw07.no-stock:after {
		background: url(img/icn_screw07_bk.svg) no-repeat 0 0 / contain;
		opacity: 0.2;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw08.no-stock:after {
		background: url(img/icn_screw08_bk.svg) no-repeat 0 0 / contain;
		opacity: 0.2;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw09.no-stock:after {
		background: url(img/icn_screw09_bk.svg) no-repeat 0 0 / contain;
		opacity: 0.2;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw10.no-stock:after {
		background: url(img/icn_screw10_bk.svg) no-repeat 0 0 / contain;
		opacity: 0.2;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw11.no-stock:after {
		background: url(img/icn_screw11_bk.svg) no-repeat 0 0 / contain;
		opacity: 0.2;
	}
	.home-intro #stock-slider02 .list-stock .list-wrap:hover .screw12.no-stock:after {
		background: url(img/icn_screw12_bk.svg) no-repeat 0 0 / contain;
		opacity: 0.2;
	}

.home-intro .stock-slider .btn-more {
	display: none;
}

	@media (min-width: 961px) and (max-width: 1300px) {
		.home-intro .list-stock > li {
			width: 15.6%;
		}
	}
	@media screen and (max-width: 960px) {
		.home-intro .stock-slider {
			margin: 0 0 3%;
		}
		.home-intro .list-stock > li {
			width: 49%;
/* 			height: 100% !important; */
		}
		.home-intro .stock-slider ul {
			width: 86%;
			margin: 0 auto;
		}
		.home-intro .list-stock > li {
			margin-bottom: 10px;
		}
		.home-intro .list-stock > li:nth-child(n+3) {
			display: none;
		}
		.home-intro .list-stock > li.show {
			display: block;
		}
		.home-intro .stock-slider .btn-more {
			display: block;
			background: #172C5F;
			color: #fff;
			text-align: center;
			padding: 11px 0;
			max-width: 300px;
			width: 60%;
			margin: 4% auto 7%;
		}
	}
	@media screen and (max-width: 640px) {
		.home-intro .list-stock .number {
			font-size: 4.0vw;
		}
		.home-intro .list-stock .number span,
		.home-intro .list-stock .name {
			font-size: 1.5rem;
		}
	}
	@media screen and (max-width: 480px) {
		.home-intro .list-stock .number {
			font-size: 2.0rem;
		}
	}

/* balloon */
.home-intro .list-icn p {
	display: none;
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -30px;
	color: #fff;
	min-width: 60px;
	padding: 5px 10px;
	font-size: 1.1rem;
	line-height: 100%;
	letter-spacing: 0;
	text-align: center;
	background: #00adee;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.home-intro .list-icn .no-stock p {
	display: none !important;
}
.home-intro .list-icn p:after {
	position: absolute;
	bottom: -5px;
	left: 50%;
	content: "";
	border-top: 5px solid #00adee;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.home-intro .list-icn .screw03 p,
.home-intro .list-icn .screw04 p,
.home-intro .list-icn .screw06 p {
	margin-top: -40px;
}

	@media screen and (max-width: 768px) {
		.home-intro .list-icn p {
			display: none !important;
		}
	}

/* list-outline */
.home-intro .list-outline li {
	border: 1px solid #ccc;
	box-sizing: border-box;
	transition: all .3s;
}
.home-intro .list-outline li a {
	position: relative;
	display: block;
	height: 100%;
	color: #fff;
}
.home-intro .list-outline li a:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0,0,0,0.5);
	z-index: 10;
	transition: all .3s;
}
.home-intro .list-outline li:last-child a:before {
	opacity: 0;
}
.home-intro .list-outline li:hover:last-child a:before {
	opacity: 1;
	background: rgba(0,0,0,0.2);
}
.home-intro .list-outline figure {
	position: relative;
    overflow: hidden;
}
.home-intro .list-outline figure img {
	width: 100%;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 1s;
}
.home-intro .list-outline li:hover figure img {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.home-intro .list-outline p {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	text-align: center;
	font-size: 1.8rem;
	line-height: 100%;
	-webkit-transform: translate(-50%, -50%);
   	transform: translate(-50%, -50%);
   	z-index: 20;
}
.home-intro .list-outline p span {
	margin: 0 0 8px;
	display: block;
	font-size: 1.4rem;
	font-family: 'HelveticaNeue-Condensed-Bold';
	letter-spacing: 0.05em;
}

	@media (min-width: 961px) {
		.home-intro .list-outline {
			display: flex;
			flex-wrap: wrap;

		}
		.home-intro .list-outline > li {
			width: 19%;
			margin: 0 0.5% 1%;
		}
	}
	@media (min-width: 961px) and (max-width: 1300px) {
		.home-intro .list-outline > li {
			width: 32.333%;
			margin: 0 0.5% 1%;
		}
	}
	@media screen and (max-width: 640px) {
		.home-intro .list-outline p {
			font-size: 1.5rem;
		}
		.home-intro .list-outline p span {
			margin: 0 0 5px;
			font-size: 1.3rem;
		}
		.home-intro .list-outline p img {
			width: 50%;
			margin: 0 auto;
		}
	}

/*home-support
---------------------------------------------------------------------------*/
.home-support {
	position: relative;
	margin: 0 0 120px;
	background: #fff;
}
.home-support:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 282px;
	content: "";
	background: url(img/bg_home_support.svg) no-repeat 50% 0 / auto 100%;
}
.home-support .inner {
	padding: 0 40px;
}
.home-support section {
	margin-bottom: 90px;
}
	@media screen and (max-width: 960px) {
		.home-support .inner {
			padding: 0;
		}
	}
	@media screen and (max-width: 640px) {
		.home-support {
			margin: 0 0 14%;
		}
		.home-support:before {
			background: none;
		}
		.home-support section {
			margin-bottom: 15%;
		}
	}

/*support-intro */
.home-support-intro {
	position: relative;
	margin: 0 0 150px;
	text-align: center;
	z-index: 10;
}
.home-support-intro .logo {
	width: 228px;
	margin: 0 auto 10px;
}
.home-support-intro .logo img {
	width: 100%;
	height: 100%;
}
.home-support-intro .txt-jp {
	font-size: 3.0rem;
	color: #172C5F;
	font-weight: 700;
	line-height: 140%;
}
.home-support-intro .txt-en {
	font-size: 2.0rem;
	color: #555;
	font-weight: 700;
}
	@media screen and (max-width: 960px) {
		.home-support-intro .txt-jp {
			font-size: 2.6rem;
		}
		.home-support-intro .txt-en {
			font-size: 1.8rem;
		}
	}
	@media screen and (max-width: 640px) {
		.home-support-intro {
			padding: 0 0 10%;
			margin: 0 0 10%;
			background: url(img/bg_home_support.svg) no-repeat 50% 0 / auto 100%;
		}
		.home-support-intro .txt-jp {
			font-size: 4vw;
		}
		.home-support-intro .txt-en {
			font-size: 2vw;
		}
	}

/* column02 */
	@media (min-width: 961px) {
		.home-support .column02 {
			display: flex;
		}
		.home-support .txt-column {
			width: 48%;
			margin: 0 2% 50px 0;
		}
		.home-support .img-column {
			position: relative;
			flex: 1 auto;
		}
		.home-support .img-column figure {
			position: absolute;
			top: 0;
			left: 0;
			width: 120%;
		}
	}
	@media screen and (max-width: 960px) {
		.home-support .txt-column {
			margin: 0 0 25px;
		}
		.home-support .img-column {
			margin: 0 0 25px;
			text-align: center;
		}
	}

/* box-point */
.home-support .box-point {
	position: relative;
	padding: 20px 30px 30px;
	background: #EEE;
	z-index: 10;
}
.home-support .box-point:before {
	display: block;
	position: absolute;
	top: -10px;
	left: -10px;
	width: 100%;
	height: 100%;
	content: "";
	background: #fff;
}
.home-support .box-point h4 {
	position: relative;
	margin: 0 0 15px;
	color: #172C5F;
	font-size: 2.4rem;
	font-weight: 700;
	z-index: 10;
}
.home-support .box-point h4:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	content: "";
	background: #172C5F;
}
.home-support .box-point h4 span {
	position: relative;
	padding: 0 10px 0 0;
	background: #fff;
	z-index: 10;
}
.home-support .box-point h5 {
	margin: 0 0 5px;
	color: #172C5F;
	font-size: 1.7rem;
	font-weight: 700;
}
.home-support .box-point ul {
	position: relative;
	z-index: 10;
}
	@media (min-width: 961px) {
		.home-support .box-point ul {
			position: relative;
			z-index: 10;
			display: flex;
			justify-content: space-between;
		}
		.home-support .box-point li {
			margin-right: 3%;
		}
		.home-support .box-point li:last-child {
			margin-right: 0;
		}
	}
	@media screen and (max-width: 960px) {
		.home-support .box-point li {
			margin-bottom: 25px;
		}
		.home-support .box-point h4 {
			font-size: 2.2rem;
		}
		.home-support .box-point h5 {
			font-size: 1.6rem;
		}
	}
	@media screen and (max-width: 640px) {
		.home-support .box-point {
			padding: 20px 7% 20px 5%;
		}
	}
	@media screen and (max-width: 480px) {
		.home-support .box-point h4 {
			font-size: 2.0rem;
		}
		.home-support .box-point h5 {
			font-size: 1.5rem;
		}
	}


/* home-support02
---------------------------------------------------------------------------*/
.home-support02 {
	position: relative;
}
.home-support02:before {
	display: block;
	position: absolute;
	top: -25%;
	left: 0;
	width: 100%;
	height: 115%;
	content: "";
	background: #F9F9F9;
}

/* home-support03
---------------------------------------------------------------------------*/
.home-support03 {
	position: relative;
}
.home-support03:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	content: "";
	background: #eee;
}
	@media (min-width: 961px) {
		.home-support03 .box-point li {
			display: flex;
			align-items: center;
		}
		.home-support03 .box-point .txt-wrap {
			flex: 1 auto;
		}
		.home-support03 .box-point .btn-base {
			width: 365px;
			margin-left: 30px;
		}
	}
	@media screen and (max-width: 960px) {
		.home-support03 .box-point .btn-base {
			margin-top: 10px;
		}
	}
	@media screen and (max-width: 480px) {
		.home-support03 .home-ttl br {
			display: none;
		}
	}




/*home-network
---------------------------------------------------------------------------*/
.home-network {
	position: relative;
	padding: 90px 0 70px;
	color: #fff;
	background: #172C5F;
}
.home-network::before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: url(https://www.ganginn.cn/static/moyu/style/css/img/bg_home_network.jpg) 100% 0 / cover;
}
.home-network::after {
	position: absolute;
	content: "";
	top: 0;
	left: 50%;
	width: 1000px;
	height: 100%;
	margin-left: -700px;
	background: #172C5F;
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.home-network .inner {
	z-index: 1;
}
.home-network .home-ttl {
	color: #fff;
}
.home-network .home-ttl:before {
	background: url(img/icn_ttl_wt.svg) repeat-y 0 0 / 100% auto;
}
.home-network h3 {
	color: #fff;
}
.home-network .txt-column p {
	padding: 0 0 50px;
}
.home-network .txt-column .btn-base {
	max-width: 378px;
	padding: 0 0 2px;
}
.home-network .img-column-inner {
	display: flex;
}
.home-network figure {
	width: 49%;
}
.home-network figure + figure {
	margin-left: 2%;
}
	@media (min-width:961px) {
		.home-network .inner {
			display: flex;
			padding: 0 0 0 40px;
		}
		.home-network .txt-column {
			width: 44%;
			margin-right: 3%;
		}
		.home-network .img-column {
			flex: 1 auto;
		}
	}
	@media screen and (max-width: 960px) {
		.home-network .txt-column {
			margin: 0 0 20px;
		}
		.home-network .img-column-inner {
			max-width: 695px;
			width: 100%;
			margin: 0 auto;
		}
	}
	@media screen and (max-width: 640px) {
		.home-network {
			padding: 60px 0;
		}
		.home-network .txt-column p {
			padding: 0 0 30px;
		}
	}

/*home-report
---------------------------------------------------------------------------*/
.home-report {
	padding: 2px 0 0;
	background: #fff;
}
.home-report .inner {
	padding: 70px 0;
}
.home-report ul {
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 95%;
	margin: 0 auto;
}
.home-report li {
	width: 24.5%;
}
.home-report li a {
	display: block;
}
.home-report li a:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.16);
}
.home-report li figure {
	text-align: center;
}
.home-report li .txt-wrap {
	padding: 20px 20px 25px;
}
.home-report li time {
	color: #777777;
}
.home-report li p {
	color: #172C5F;
	font-weight: 700;
	line-height: 140%;
}
	@media screen and (max-width: 960px) {
		.home-report .inner {
			padding: 10% 0;
		}
	}
	@media screen and (max-width: 768px) {
		.home-report li {
			width: 49%;
		}
		.home-report li .txt-wrap {
			padding: 10px 5% 7%;
		}
	}
	@media screen and (max-width: 480px) {
		.home-report li {
			width: 100%;
		}
	}

/*==================================================
processed
==================================================*/
.sec-processed .ttl {
	max-width: 1400px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.sec-processed .viewTab {
	display: none;
}
.sec-processed .support-contact {
	width: 90%;
}
	@media screen and (max-width: 1200px) {
		.sec-processed .viewTab {
			display: block;
		}
	}

/* cont01 */
.sec-processed .cont01 {
	position: relative;
	margin: 0 0 100px;
}
.sec-processed .cont01:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3000px;
	height: 75%;
	content: "";
	margin-left: -180px;
	background: #F6F6F6;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.sec-processed .cont01 .txt-column,
.sec-processed .cont01 .img-column {
	position: relative;
	z-index: 10;
}
.sec-processed .cont01 .btn-base,
.thanks .sec-company .btn-base {
	max-width: 380px;
}
.sec-processed .cont01 .btn-base a {
	margin-top: 5px;
}
.thanks .sec-company .btn-base a {
	margin-top: 30px;
}

	@media (min-width: 961px) {
		.sec-processed .cont01 .cont-inner {
			display: flex;
/* 			align-items: center; */
		}
		.sec-processed .cont01 .txt-column {
			width: 46.6%;
			padding:  0 7% 0 0;
		}
		.sec-processed .cont01 .img-column {
			flex: 1 auto;
			margin-top: -8%;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-processed .cont01:before {
			left: auto;
			right: 0;
			width: 100%;
			height: 94%;
			margin-left: 0;
		}
		.sec-processed .cont01 .btn-base {
			margin: 0 auto;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-processed .cont01 {
			margin: 0 0 16%;
		}
	}

.sec-processed .cont01 .img01 {
	display: block;
	width: 94.2%;
	padding: 55.9% 0 0;
	content: "";
	margin: 0 0 20px;
	-webkit-transform: translate(10%, 0);
	 transform: translate(10%, 0);
	 background: url(img/img_processed01.jpg) no-repeat 50% 50% / cover;
}
.sec-processed .cont01 .img01.init {
	-webkit-transform: translate(20%, 0);
	transform: translate(20%, 0);
}
.sec-processed .cont01 .img02 {
	display: inline-block;
	width: 55%;
	margin: 0 20px 0 0;
}
.sec-processed .cont01 .img03 {
	display: inline-block;
	width: 37%;
}
.sec-processed .cont01 .img03 .viewSp {
	display: none;
}
.sec-processed .cont01 p {
	margin: 0 0 30px;
}
.sec-processed .cont01 p span {
	color: #FC0404;
}
.sec-processed .cont01 .btn-base {
	margin-bottom: 60px;
}
	@media screen and (max-width: 1300px) {
		.sec-processed .cont01 .img01 {
			padding: 94.2% 0 0;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-processed .cont01 .img-column {
			overflow: hidden;
			max-width: 611px;
			width: 100%;
			margin: 0 auto;
		}
		.sec-processed .cont01 .img01 {
			width: 100%;
			-webkit-transform: translate(30px, 0);
			 transform: translate(30px, 0);
		}
		.sec-processed .cont01 .img01.init {
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
		}
		.sec-processed .cont01 .img02 {
			width: 48.5%;
			float: left;
			margin: 0 3% 0 0;
		}
		.sec-processed .cont01 .img03 {
			display: block;
			width: 48.5%;
			float: left;
		}
		.sec-processed .cont01 .img03 .viewPc {
			display: none;
		}
		.sec-processed .cont01 .img03 .viewSp {
			display: block;
		}
	}

/* cont02 */
.sec-processed .cont02 {
	margin: 0 0 35px;
}
.sec-processed .cont02 h4 {
	margin: 0 0 5px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #172C5F;
}
.sec-processed .cont02 p {
	margin: 0 0 30px;
}
.sec-processed .cont02 ul + h4 {
	margin-top: 30px;
}
.sec-processed .cont02 ul {
	display: flex;
	flex-wrap: wrap;
}
.sec-processed .cont02 li {
	width: 23.8%;
	margin: 0 1.3% 1.3% 0;
}
.sec-processed .cont02 li:nth-child(4n) {
	margin-right: 0;
}
	@media (min-width: 1201px) {
		.sec-processed .cont02 .cont-inner {
			display: flex;
		}
		.sec-processed .cont02 .txt-column {
			width: 32%;
			padding:  0 6.2% 0 0;
		}
		.sec-processed .cont02 .img-column {
			flex: 1 auto;
		}
	}
	@media screen and (max-width: 1200px) {
		.sec-processed .cont02 .txt-column {
			margin: 0 0 30px;
		}
		.sec-processed .cont02 .img-column {
			overflow: hidden;
			max-width: 840px;
			margin: 0 auto 40px;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-processed .cont02 {
			margin: 0;
		}
		.sec-processed .cont02 .img-column {
			margin-bottom: 0;
		}
		.sec-processed .cont02 h4 {
			margin: 0 0 10px;
			font-size: 1.6rem;
		}
	}

/* cont-contact */
.processed .cont-contact {
	width: 90%;
}
.processed .cont-contact .btn-base a {
	width: 290px;
}
	@media screen and (max-width: 1200px) {
		.processed .btn-base {
			width: 100%;
		}
		.processed .cont-contact .btn-base a {
			width: 100%;
		}
	}

/*==================================================
 company
==================================================*/
.sec-company .txt01 {
	width: 50%;
	margin: 0 0 120px;
}
.sec-company .greeting {
	position: relative;
}
.sec-company .greeting .txt-wrap {
	position: relative;
	width: 50%;
	padding: 20px 30px 65px 0;
	z-index: 10;
	background: rgba(255,255,255,0.85);
}
.sec-company .greeting .txt-right {
	margin-top: 50px;
	text-align: right;
}
.sec-company .greeting .img {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
	@media screen and (max-width: 960px) {
		.sec-company .txt01 {
			width: 100%;
			margin: 0 0 40px;
		}
		.sec-company .greeting .txt-wrap {
			position: relative;
			width: 100%;
			padding: 0;
		}
		.sec-company .greeting .img {
			position: relative;
			top: auto;
			right: auto;
			margin: 0 0 20px;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
		}
		.sec-company .greeting .txt-right {
			margin-top: 30px;
		}
	}

/*==================================================
philosophy  (category : company)
==================================================*/
.sec-philosophy .txt-inner + h3,
.sec-privacy .txt-inner + h3 {
	margin-top: 80px;
}
.sec-philosophy .txt-inner,
.sec-privacy .txt-inner {
	padding: 0 50px;
}
.sec-philosophy .txt-serif {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 5.0rem;
	letter-spacing: 1em;
	color: #444;
	text-align: center;
}
.sec-privacy ol {
	margin: 30px;
}
.sec-privacy ol li {
	list-style: decimal;
}
.sec-philosophy dt {
	margin: 0 0 10px;
	color: #172C5F;
	font-size: 1.8rem;
	font-weight: 700;
}
.sec-philosophy dd {
	padding: 0 0 25px;
	margin: 0 0 30px;
	border-bottom: 1px solid #ccc;
}
.sec-philosophy dd:last-child {
	border-bottom: none;
}
	@media screen and (max-width: 960px) {
		.sec-philosophy .txt-inner {
			padding: 0 3%;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-philosophy .txt-inner + h3 {
			margin-top: 50px;
		}
		.sec-philosophy .txt-serif {
			font-size: 7.8vw;
		}
		.sec-philosophy dt {
			font-size: 1.6rem;
		}
	}

/*==================================================
role (category : company)
==================================================*/
/* cont01 & 02 */
.sec-role [class^="cont0"] {
	margin: 0 0 70px;
}
.sec-role .cont02 .img-column p {
	font-size: 1.5rem;
}
.sec-role .cont02 .img-column p .jp {
	margin-right: 1em;
	color: #172C5F;
	font-weight: 700;
}
.sec-role .cont02 .img-column p .en {
	color: #777;
}
	@media (min-width: 961px) {
		.sec-role [class^="cont0"] {
			display: flex;
		}
		.sec-role .img-column {
			flex: 1 auto;
		}
		.sec-role .cont01 {
			align-items: center;
		}
		.sec-role .cont01 .txt-column {
			width: 47.7%;
			padding: 0 11.1% 0 0;
		}
		.sec-role .cont02 .txt-column {
			width: 28.4%;
			padding: 0 4.5% 0 0;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-role .txt-column {
			margin: 0 0 30px;
		}
		.sec-role .cont01 .img-column {
			max-width: 423px;
			width: 90%;
			margin: 0 auto;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-role [class^="cont0"] {
			margin: 0 0 14%;
		}
	}

/*==================================================
history (category : company)
==================================================*/
/* cont01 */
.sec-history .cont01 .list-outline {
	margin: 0 0 50px;
}
.sec-history .cont01 .list-outline dt {
	width: 150px;
	float: left;
	padding: 20px 0;
}
.sec-history .cont01 .list-outline dd {
	position: relative;
	padding: 20px 0 20px 180px;
	border-bottom: 1px solid #ccc;
}
.sec-history .cont01 .list-outline dd:before {
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 120px;
	height: 1px;
	content: "";
	background: #172C5F;
}
.sec-history .cont01 .map-column .map {
	width: 100%;
	height: 380px;
	margin: 0 0 10px;
	border: 1px solid #707070;
}
.sec-history .cont01 .map-column iframe {
	width: 100%;
	height: 100%;
}
	@media (min-width: 961px) {
		.sec-history .cont01 {
			display: flex;
			margin: 0 0 40px;
		}
		.sec-history .cont01 .txt-column {
			width: 45.2%;
			padding: 0 5.2% 0 0;
		}
		.sec-history .cont01 .map-column {
			flex: 1 auto;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-history .cont01 {
			margin: 0 0 70px;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-history .cont01 .map-column .map {
			position: relative;
			height: auto;
			padding: 70% 0 0;
		}
		.sec-history .cont01 .map-column iframe {
			position: absolute;
			top: 0;
			left: 0;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-history .cont01 .list-outline dt {
			width: 100%;
			padding: 10px 0 0;
			color: #172C5F;
			font-weight: 700;
		}
		.sec-history .cont01 .list-outline dd {
			padding: 0 0 10px;
		}
		.sec-history .cont01 .list-outline dd:before {
			width: 0;
		}
	}

/* cont02 & cont03 */
.sec-history .cont02,
.sec-history .cont03 {
	margin: 0 0 70px;
}
	@media (min-width: 961px) {
		.sec-history .cont02,
		.sec-history .cont03 {
			display: flex;
		}
		.sec-history .cont02 .ttl-sub,
		.sec-history .cont03 .ttl-sub {
			width: 12.6%;
		}
		.sec-history .cont02 .img-column,
		.sec-history .cont02 .list-history {
			flex: 1 auto;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-history .cont02,
		.sec-history .cont03 {
			margin: 0 0 13%;
		}
	}

/* cont03 */
.sec-history .cont03 .list-history dt {
	width: 130px;
	float: left;
	padding: 15px 0;
}
.sec-history .cont03 .list-history dd {
	padding: 15px 0 15px 130px;
}
	@media screen and (max-width: 480px) {
		.sec-history .cont03 .list-history dt {
			width: 100%;
			padding: 10px 0 0;
			color: #172C5F;
			font-weight: 700;
		}
		.sec-history .cont03 .list-history dd {
			padding: 0 0 10px;
			border-bottom: 1px solid #ccc;
		}
	}

/*==================================================
facility (category : company)
==================================================*/
.sec-facility [class^="cont0"] {
	margin: 0 0 80px;
	padding-top: 80px;
	border-top: 2px solid #ccc;
}
.sec-facility .cont01 {
	margin: 0 0 80px;
	padding-top: 0;
	border-top: none;
}
.sec-facility h2 + [class^="cont0"] {
	padding-top: 0;
	border-top: none;
}
.sec-facility .txt {
	padding: 0 0 15px;
	margin: 0 0 15px;
	border-bottom: 1px solid #ccc;
}
.sec-facility .list-img {
	margin: 20px 0;
}
.sec-facility .list-img ul {
	display: flex;
	flex-wrap: wrap;
}
.sec-facility .list-img li {
	width: 31.333%;
	margin-right: 3%;
}
.sec-facility .list-img li:nth-child(3n) {
	margin-right: 0;
}
.sec-facility .table-wrap {
	margin: 0 0 30px;
}
.sec-facility .table-wrap + h4 {
	margin-top: 50px;
}
.sec-facility .table-wrap + h5 {
	margin-top: 40px;
}
.sec-facility .table-wrap th {
	font-weight: 300;
	padding: 15px 5px;
	text-align: center;
	border-right: 1px solid #ccc;
}
	@media (min-width: 961px) {
		.sec-facility [class^="cont0"] {
			display: flex;
		}
		.sec-facility [class^="cont0"] .ttl-sub {
			width: 23%;
			padding: 0 2% 0 0;
		}
		.sec-facility [class^="cont0"] .right-column {
			flex: 1 auto;
		}
	}
	@media (min-width: 641px) {
		.sec-facility .column02 {
			display: flex;
		}
		.sec-facility .column02 .txt-name {
			width: 33%;
			padding: 0 5% 0 0;
		}
		.sec-facility .column02 .list-img {
			flex: 1 auto;
		}
		.sec-facility .column02 .list-img li {
			width: 48.5%;
		}
		.sec-facility .column02 .list-img li:last-child {
			margin-right: 0;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-facility [class^="cont0"] {
			margin: 0 0 16%;
			padding-top: 16%;
		}
		.sec-facility .list-img li {
			width: 48.5%;
			margin-bottom: 3%;
		}
		.sec-facility .list-img li:nth-child(2n) {
			margin-right: 0;
		}
	}


/*==================================================
recruit (category : company)
==================================================*/
/* cont01 */
.sec-recruit .cont01 {
	margin-left: -50px;
	margin-bottom: 70px;
}
.sec-recruit .cont01 .img-column-inner {
	position: relative;
	content: "";
	height: 100%;
}
.sec-recruit .cont01 .img-column .viewSp {
	display: none;
}
.sec-recruit .cont01 .txt-column {
	position: relative;
	padding: 85px 0;
	z-index: 1;
}
.sec-recruit .cont01 .txt-column p + p {
	margin-top: 30px;
}
.sec-recruit .cont01 .txt-name {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #fff;
}
	@media (min-width: 1201px) {
		.sec-recruit .cont01 {
			overflow: hidden;
			display: flex;
			align-items: center;
			background: url(img/img_recruit01.jpg) no-repeat 0 0 / auto 100%;
		}
		.sec-recruit .cont01 .txt-column {
			width: 50%;
		}
		.sec-recruit .cont01 .img-column {
			flex: 1 auto;
		}
		.sec-recruit .cont01 .txt-column-inner {
			padding: 20px 0 20px 20px;
			background-color: rgba(255,255,255,0.6);
			box-sizing: border-box;
		}
		.sec-recruit .cont01 .img-column img {
			max-width: 200%;
			width: 200%;
		}
	}
	@media screen and (max-width: 1400px) {
		.sec-recruit .cont01 {
			margin-left: 0;
			background-position:  35% 0;
		}
		.sec-recruit .cont01 .txt-column {
			position: relative;
			padding: 60px 3%;
			z-index: 1;
		}
	}
	@media screen and (max-width: 1200px) {
		.sec-recruit .cont01 .img-column {
			margin: 0 0 30px;
		}
		.sec-recruit .cont01 .img-column .viewSp {
			display: block;
		}
		.sec-recruit .cont01 .txt-column {
			padding: 0;
		}
		.sec-facility [class^="cont0"] h3 {
			margin: 0 0 15px;
		}
		.sec-facility [class^="cont0"] h3 br {
			display: none;
		}
		.sec-facility [class^="cont0"] h3 br.pc {
			display: block;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-facility [class^="cont0"] h3 br.pc {
			display: none;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-recruit .cont01 {
			margin-bottom: 10%;
		}
	}

/* bnr-beyond */
.bnr-beyond {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 70px;
	border: 10px solid #eee;
	box-sizing: border-box;
	background: #fff;
}
.box-detail + .bnr-beyond {
	margin: 30px auto;
}
.bnr-beyond .txt-column .txt-inner {
	padding: 25px 0 25px 20px;
}
.bnr-beyond .txt-column .logo {
	color: #172C5F;
	font-weight: 700;
	text-align: center;
}
.bnr-beyond .txt-column .logo img {
	display: block;
	max-width: 228px;
	width: 90%;
	margin: 0 auto;
}
.bnr-beyond .txt-column .logo .en {
	display: block;
	margin: 10px 0 20px;
	font-size: 6.0rem;
	line-height: 70%;
}
.bnr-beyond .txt-column .logo .jp {
	font-size: 2.4rem;
}
	@media (min-width: 641px) {
		.bnr-beyond a {
			position: relative;
			display: flex;
			flex-flow: row-reverse;
			align-items: center;
		}
		.bnr-beyond a:before {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 45%;
			height: 100%;
			content: "";
			background: url(img/img_beyoundbnr.jpg) no-repeat left 0;
			background-size: cover;
		}
		.bnr-beyond .txt-column {
			width: 55%;
		}
		.bnr-beyond .img-column {
			flex: 1 auto;
		}
		.bnr-beyond .img-column .viewSp {
			display: none;
		}
	}
	@media (min-width: 481px) {
		.bnr-beyond .txt-column .txt-inner {
			display: flex;
			align-items: center;
		}
		.bnr-beyond .txt-column .logo {
			width: 55%;
			padding: 0 2% 0 0;
		}
		.bnr-beyond .txt-column .txt {
			flex: 1 auto;
		}
	}
	@media screen and (max-width: 960px) {
		.bnr-beyond .txt-column .logo .en {
			font-size: 6.0vw;
		}
		.bnr-beyond .txt-column .logo .jp {
			font-size: 2.4vw;
		}
	}
	@media screen and (max-width: 640px) {
		.bnr-beyond .txt-column .txt-inner {
			padding: 10px;
		}
	}
	@media screen and (max-width: 480px) {
		.bnr-beyond .txt-column .logo {
			margin: 0 0 10px;
		}
		.bnr-beyond .txt-column .logo .en {
			margin-bottom: 10px;
			font-size: 4.0rem;
		}
		.bnr-beyond .txt-column .logo .jp {
			font-size: 1.8rem;
		}
	}

/* cont02 */
.sec-recruit .cont02 {
	margin: 0 0 40px;
}
.sec-recruit .cont02 .list-welfare {
	position: relative;
	padding: 40px 0 40px 50px;
	background: #F9F9F9;
}
.sec-recruit .cont02 .list-welfare:before {
	display: block;
	position: absolute;
	top: 0;
	right: -50%;
	width: 50%;
	height: 100%;
	content: "";
	background: #F9F9F9;
}
.sec-recruit .cont02 .list-welfare dt,
.sec-recruit .cont02 .list-welfare dd,
.sec-recruit .cont02 .img-column {
	position: relative;
	z-index: 1;
}
.sec-recruit .cont02 .list-welfare dt {
	margin: 0 0 15px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #172C5F;
}
.sec-recruit .cont02 .list-welfare dd {
	margin: 0 0 30px;
}
.sec-recruit .cont02 .img01 {
	width: 96.6%;
	margin: 0 0 2%;
	-webkit-transform: translate(20%, 0);
	 transform: translate(20%, 0);
}
.sec-recruit .cont02 .row02 {
	display: flex;
}
.sec-recruit .cont02 .img02 {
	width: 61%;
	margin: 0 2% 0 0;
}
.sec-recruit .cont02 .img03 {
	width: 37%;
}
.sec-recruit .cont02 .img04 {
	width: 37%;
	margin: 2% 0 0 auto;
}

	@media (min-width: 961px) {
		.sec-recruit .cont02 {
			display: flex;
			align-items: center;
		}
		.sec-recruit .cont02 .txt-column {
			width: 46.6%;
			padding: 0 7% 0 0;
		}
		.sec-recruit .cont02 .img-column {
			flex: 1 auto;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-recruit .cont02 .list-welfare {
			padding: 30px 5%;
		}
		.sec-recruit .cont02 .list-welfare:before {
			display: none;
		}
		.sec-recruit .cont02 .img-column {
			max-width: 611px;
		    width: 100%;
		    margin: -20px auto 0;
		}
		.sec-recruit .cont02 .img01 {
			width: 100%;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
    	}
		 .sec-recruit .cont02 .img04 {
		 	display: none;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-recruit .cont02 .list-welfare dt {
			margin: 0 0 10px;
			font-size: 1.6rem;
		}
	}

/* cont03 */
.sec-recruit .cont03 .right-column {
	max-width: 680px;
	width: 100%;
}
.sec-recruit .cont03 .list-application {
	margin: 0 0 70px;
}
.sec-recruit .cont03 .list-application dt {
	width: 160px;
	float: left;
	padding: 20px 0;
}
.sec-recruit .cont03 .list-application dd {
	padding: 20px 0 20px 160px;
	border-bottom: 1px solid #ccc;
}
.sec-recruit .cont03 .list-application dd:last-child {
	border-bottom: none;
}
.sec-recruit .cont03 .list-application dd ul {
	margin: 0 0 0 20px;
}
.sec-recruit .cont03 .list-application dd li {
	list-style: disc;
}
.sec-recruit .cont03 .bnr-rikunabi {
	margin: 0 0 80px;
	text-align: center;
}
.sec-recruit .cont03 .bnr-rikunabi p {
	font-size: 2.4rem;
	color: #172C5F;
	font-weight: 700;
}
.sec-recruit .cont03 .bnr-rikunabi p br {
	display: none;
}
	@media (min-width: 961px) {
		.sec-recruit .cont03 .column02 {
			display: flex;
		}
		.sec-recruit .cont03 .ttl-sub {
			width: 20%;
			padding: 0 3% 0 0;
		}
		.sec-recruit .cont03 .right-column {
			flex: 1 auto;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-recruit .cont03 .list-application dt {
			width: 120px;
			padding: 15px 0;
		}
		.sec-recruit .cont03 .list-application dd {
			padding: 15px 0 15px 120px;
		}
		.sec-recruit .cont03 .bnr-rikunabi {
			margin: 0 0 10%;
		}
		.sec-recruit .cont03 .bnr-rikunabi p {
			font-size: 2.0rem;
		}
		.sec-recruit .cont03 .bnr-rikunabi a {
			display: block;
			max-width: 317px;
			width: 50%;
			margin: 0 auto;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-recruit .cont03 .list-application {
			margin: 0 0 16%;
		}
		.sec-recruit .cont03 .list-application dt {
			width: 100%;
			float: none;
			padding: 10px 10px 0;
			color: #172C5F;
			font-weight: 700;
		}
		.sec-recruit .cont03 .list-application dd {
			padding: 0 10px 10px;
		}
		.sec-recruit .cont03 .bnr-rikunabi p br {
			display: block;
		}
	}

/*==================================================
ecology (category : company)
==================================================*/
.sec-ecology h3 {
	color: #172C5F;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 170%;
	letter-spacing: 0.3em;
}
.sec-ecology .image {
	text-align: center;
}
.sec-ecology .txt-note {
	color: #5DA71E;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 150%;
	text-align: center;
	padding: 30px 0 70px;
}
.sec-ecology .list-ecolory {
	padding-bottom: 170px;
}
.sec-ecology .list-ecolory h4 {
	position: relative;
	color: #5DA71E;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 150%;
	text-align: center;
	padding: 60px 0 25px;
}
.sec-ecology .list-ecolory h4::before {
	position: absolute;
	content: "";
	top: 0;
	left: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.sec-ecology .list-ecolory li:nth-child(1) h4::before {
	background: url(img/img_ecology02.png) no-repeat 50% 50% / contain;
}
.sec-ecology .list-ecolory li:nth-child(2) h4::before {
	background: url(img/img_ecology03.png) no-repeat 50% 50% / contain;
}
	@media (min-width: 641px) {
		.sec-ecology h3 {
			-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			-o-writing-mode: vertical-rl;
			writing-mode: vertical-rl;
			margin: 100px auto 50px;
		}
		.sec-ecology .list-ecolory {
			display: flex;
			justify-content: center;
		}
		.sec-ecology .list-ecolory li {
			max-width: 400px;
			width: 42.2%;
			margin: 0 3.9%;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-ecology .list-ecolory {
			padding-bottom: 17%;
		}
		.sec-ecology h3 {
			font-size: 5vw;
			text-align: center;
			padding: 10% 0 6%;
		}
		.sec-ecology .txt-note {
			font-size: 3.5vw;
			padding: 7% 0 15%;
		}
		.sec-ecology .list-ecolory h4 {
			font-size: 2.0rem;
			padding-bottom: 3%;
		}
		.sec-ecology .list-ecolory li + li {
			padding-top: 10%;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-ecology .txt-note {
			font-size: 4vw;
		}
		.sec-ecology .list-ecolory h4 {
			font-size: 1.5rem;
			padding-top: 40px;
		}
		.sec-ecology .list-ecolory h4::before {
			width: 30px;
			height: 30px;
		}
	}

/*==================================================
quality
==================================================*/
.sec-quality .ttl {
	max-width: 1400px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/* cont01
---------------------------*/
.sec-quality .cont01 {
	position: relative;
	padding: 0 0 65px;
	background: -moz-linear-gradient(top, #ffffff 76%, #f6f6f6 100%);
	background: -webkit-linear-gradient(top, #ffffff 76%,#f6f6f6 100%);
	background: linear-gradient(to bottom, #ffffff 76%,#f6f6f6 100%);
}
.sec-quality .cont01:before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 34.6% 0 0;
	content: "";
	background: url(img/bg_quality01.svg) no-repeat 50% bottom / 100% auto;
}

/* (column02) */
.sec-quality .cont01 .column02 {
	margin: 0 0 60px;
}
.sec-quality .cont01 .column02 .txt-column p {
	margin: 0 0 30px;
}
.sec-quality .cont01 .column02 .list {
	margin: 0 0 30px;
	font-size: 1.8rem;
	color: #172C5F;
	font-weight: 700;
}
.sec-quality .cont01 .column02 .list li {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.sec-quality .cont01 .column02 .btn-base {
	max-width: 380px;
}
	@media (min-width: 961px) {
		.sec-quality .cont01 .column02 {
			display: flex;
			align-items: center;
			flex-flow: row-reverse;

		}
		.sec-quality .cont01 .column02 .txt-column {
			width: 58.5%;
			margin: 0 5% 0 0;
		}
		.sec-quality .cont01 .column02 .img-column {
			flex: 1 auto;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-quality .cont01 .column02 .img-column {
			max-width: 610px;
			width: 100%;
			margin: 0 auto 25px;
		}
		.sec-quality .cont01 .column02 .list {
			font-size: 1.7rem;
		}
		.sec-quality .cont01 .column02 .btn-base {
			margin: 0 auto;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-quality .cont01 .column02 .list {
			font-size: 1.6rem;
		}
	}

/* (column02-2) */
.sec-quality .cont01 .column02-2 {
	margin: 0 0 45px;
}
.sec-quality .cont01 .column02-2 p + h3 {
	margin-top: 50px;
}
.sec-quality .cont01 .column02-2 .img-column figure {
	position: relative;
	padding: 181.7% 0 0;
}
.sec-quality .cont01 .column02-2 .img-column img {
	position: absolute;
}
.sec-quality .cont01 .column02-2 .img02 {
	width: 73.9%;
	top: 0;
	left: -23%;
}
.sec-quality .cont01 .column02-2 .img03 {
	width: 45.8%;
	top: 0;
	right: 0;
}
.sec-quality .cont01 .column02-2 .img04 {
	width: 45.8%;
	top: 27.5%;
	left: 5%;
}
.sec-quality .cont01 .column02-2 .img05 {
	width: 45.8%;
	top: 43.5%;
	right: 0;
}
.sec-quality .cont01 .column02-2 .img06 {
	width: 73.9%;
	bottom: 3%;
	right: 0;
}
.sec-quality .cont01 .column02-2 .img03-sp,
.sec-quality .cont01 .column02-2 .img04-sp {
	display: none;
}
	@media (min-width: 961px) {
		.sec-quality .cont01 .column02-2 {
			display: flex;
		}
		.sec-quality .cont01 .column02-2 .txt-column {
			width: 58.5%;
			margin: 0 5% 0 0;
		}
		.sec-quality .cont01 .column02-2 .img-column {
			flex: 1 auto;
		}
		.sec-quality .cont01 .column02-2 .txt {
			padding: 0 20% 0 0;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-quality .cont01 .column02-2 .img-column {
			max-width: 780px;
			width: 100%;
			margin: 30px auto 0;
		}
		.sec-quality .cont01 .column02-2 .img-column figure {
			padding: 63% 0 0;
		}
		.sec-quality .cont01 .column02-2 .img02 {
			width: 48%;
			top: 0;
			left: 0;
		}
		.sec-quality .cont01 .column02-2 .img03,
		.sec-quality .cont01 .column02-2 .img04 {
			display: none;
		}
		.sec-quality .cont01 .column02-2 .img03-sp {
			display: block;
			width: 31.333%;
			bottom: 0;
			right: auto;
			left: 0;
		}
		.sec-quality .cont01 .column02-2 .img04-sp {
			display: block;
			width: 31.333%;
			bottom: 0;
			left: 33.33%;
		}
		.sec-quality .cont01 .column02-2 .img05 {
			width: 31.333%;
			top: auto;
			bottom: 0;
			right: auto;
			left: 66.66%;
		}
		.sec-quality .cont01 .column02-2 .img06 {
			width: 48%;
			bottom: auto;
			top: 0;
			right: auto;
			left: 50%;
		}
	}

/* (img-flow) */
	@media (min-width: 1501px) {
		.sec-quality .cont01 .column02-2 + .ttl-sub {
			margin-top: -130px;
		}
	}
.sec-quality .cont01 .img-flow {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
}

/* cont02
---------------------------*/
.sec-quality .cont02 {
	padding: 100px 0 65px;
	background: url(img/bg_quality02.jpg) no-repeat 50% 50% / cover;
}
.sec-quality .cont02 .cont-inner {
	max-width: 1200px;
}
.sec-quality .cont02 .ttl-sub {
	font-size: 2.4rem;
	text-align: center;
}
	@media screen and (max-width: 960px) {
		.sec-quality .cont02 .ttl-sub {
			font-size: 2.2rem;
			text-align: left;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-quality .cont02 {
			padding: 80px 0 5%;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-quality .cont02 .ttl-sub {
			font-size: 2.0rem;
		}
	}

/* cont03
---------------------------*/
.sec-quality .cont03 {
	padding: 120px 0 60px;
}
.sec-quality .cont03 .table-wrap {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}
.main .sec-quality .cont03 table {
	border: 1px solid #172C5F;
}
.main .sec-quality .cont03 tr {
	border-bottom: 1px solid #172C5F;
}
.main .sec-quality .cont03 th,
.main .sec-quality .cont03 td {
	border-right: 1px solid #172C5F;
}
.main .sec-quality .cont03 thead th {
	width: auto;
	color: #172C5F;
	background: #AACDF9;
}
.main .sec-quality .cont03 thead th:first-child {
	width: 300px;
}
.main .sec-quality .cont03 tbody th {
	padding: 15px 20px;
	font-weight: 300;
	background: #EFF5FC;
}
.main .sec-quality .cont03 td {
	padding: 15px 20px;
	text-align: left;
}
	@media screen and (max-width: 640px) {
		.sec-quality .cont03 {
			padding-top: 60px;
		}
		.main .sec-quality .cont03 thead th:first-child {
			width: 40%;
		}
		.main .sec-quality .cont03 tbody th {
			padding: 10px;
		}
		.main .sec-quality .cont03 td {
			padding: 10px;
		}
	}

/* cont04
---------------------------*/
.sec-quality .cont04 {
	padding-top: 100px;
}
.sec-quality .cont04 .txt {
	margin: 0 0 30px;
}

/* ( list )*/
.sec-quality .cont04 .list {
	margin: 0 0 50px;
	padding: 15px 40px;
	border: 10px solid #eee;
	box-sizing: border-box;
}
.sec-quality .cont04 .list h4 span {
	display: block;
	font-size: 1.4rem;
	font-family: 'HelveticaNeue-Condensed-Bold';
}
.sec-quality .cont04 .list h4 span.maker {
	font-size: 1.2rem;
	line-height: 100%;
}
.sec-quality .cont04 .list > li {
	padding: 15px 0;
	border-bottom: 1px dotted #172C5F;
}
.sec-quality .cont04 .list > li:last-child {
	border-bottom: none;
}
.sec-quality .cont04 .list .img ul {
	display: flex;
}
.sec-quality .cont04 .list .img li {
	width: 49%;
}
.sec-quality .cont04 .list .img li:first-child {
	margin-right: 2%;
}

	@media (min-width: 769px) {
		.sec-quality .cont04 .list li {
			display: flex;
			align-items: center;
		}
		.sec-quality .cont04 .list .txt-wrap {
			width: 50%;
			margin-right: 5%;
			padding: 15px 0 0;
		}
		.sec-quality .cont04 .list .img {
			flex: 1 auto;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-quality .cont04 .list {
			padding: 15px 5%;
		}
	}
	@media screen and (max-width: 768px) {
		.sec-quality .cont04 .list > li {
			padding: 20px 0;
		}
		.sec-quality .cont04 .list .txt-wrap {
			margin-bottom: 15px;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-quality .cont04 {
			padding-top: 50px;
		}
	}

/* ( box-gray )*/
.sec-quality .cont04 .box-gray {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 0 50px 50px;
	background: #F9F9F9;
	box-sizing: border-box;
}
.sec-quality .cont04 .box-gray h4 {
	font-size: 2.4rem;
	text-align: center;
	-webkit-transform: translate(0, 0);
	 transform: translate(0, 0);
}
.sec-quality .cont04 .box-gray h4.init {
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
	@media screen and (max-width: 960px) {
		.sec-quality .cont04 .box-gray {
			padding: 0 5% 5%;
		}
		.sec-quality .cont04 .box-gray h4 {
			font-size: 2.2rem;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-quality .cont04 .box-gray h4 {
			font-size: 2.0rem;
		}
	}

/*==================================================
 global
==================================================*/
.global .common-info {
	margin-top: 0;
	overflow: hidden;
}
.sec-global {
	overflow: hidden;
	position: relative;
}
.sec-global .ttl {
	max-width: 1400px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/* cont01
---------------------------*/
.sec-global .cont01 {
	position: relative;
	padding:  0 0 100px;
	z-index: 1;
}
.sec-global .cont01 .txt-column,
.sec-global .cont01 .txt-wrap02 {
	position: relative;
	margin: 0 0 60px;
	z-index: 30;
}
.sec-global .cont01 .txt-wrap02 .btn-base {
	display: inline-block;
	max-width: 300px;
}
.sec-global .cont01 .txt-wrap02 .btn-base + .btn-base {
	margin-left: 10px;
}
.sec-global .cont01 .img {
	display: none;
}
.sec-global .cont01 p {
	margin: 0 0 30px;
}
.sec-global .cont01 p + h3 {
	margin-top: 50px;
}
.sec-global .cont01 h3 span {
	font-size: 1.8rem;
	line-height: 140%;
}
.sec-global .cont01 h4 {
	margin: 0 0 20px;
	font-size: 1.8rem;
	line-height: 140%;
	color: #172C5F;
}
.sec-global .cont01 h3 > span {
	display:  block;
}
.sec-global .cont01 h3 .en {
	margin-left: 1em;
 	color: #777;
 	font-size: 1.5rem;
}
.sec-global .cont01 .img-column {
			z-index: 20;
}
.sec-global .cont01 .txt-wrap03 {
	margin-top: 50px;
}

	@media (min-width: 1351px) {
		.sec-global .cont01 .img-column {
			position: absolute;
			top: 0;
			right: 0;
			width: 40%;
		}
		.sec-global .cont01 .txt-column,
		.sec-global .cont01 .txt-wrap02 {
			width: 55%;
		}
	}
	@media (min-width: 961px) and (max-width: 1350px) {
		.sec-global .cont01 .column02 {
			display: flex;
		}
		.sec-global .cont01 .txt-column {
			width: 30%;
			margin: 0 5% 0 0;
		}
		.sec-global .cont01 .img-column {
			flex: 1 auto;
			text-align: center;
		}
		.sec-global .cont01 .txt-wrap02 {
			margin-top: -2%;
		}
		.sec-global .cont01 .txt-wrap03 {
			width: 55%;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-global .cont01 {
			padding:  0 0 22%;
		}
		.sec-global .cont01 .img-column {
			display: none;
		}
		.sec-global .cont01 .txt-wrap03 {
			width: 100%;
		}
		.sec-global .cont01 .img {
			display: block;
			max-width: 680px;
			width: 100%;
			margin: 50px auto 0;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-global .cont01 p + h3 {
			margin-top: 40px;
		}
		.sec-global .cont01 h3 span {
			font-size: 1.6rem;
		}
		.sec-global .cont01 h3 .en {
		 	font-size: 1.3rem;
		}
	}

/* .illust & bgimg */
.sec-global .illust01 {
	position: absolute;
	bottom: -20px;
	right: 0;
	display: block;
	width: 40%;
	z-index: 10;
}
.sec-global .bgimg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
	@media screen and (max-width: 960px) {
		.sec-global .illust01 {
			right: auto;
			left: 5%;
			bottom: -2.5%;
		}
	}




/*==================================================
 stock - index
==================================================*/
.stock-index .ttl-sub {
	margin: 50px 0 30px;
}

/* sec-stock01
------------------------------------------------ */
/* list-bnr */
.sec-stock01 .list-bnr {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
.sec-stock01 .list-bnr li {
	width: 260px;
	margin: 0 5px 0 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	transition: all .3s;
}
.sec-stock01 .list-bnr li a {
	position: relative;
	display: block;
	height: 100%;
	color: #fff;
}
.sec-stock01 .list-bnr figure {
	position: relative;
    overflow: hidden;
}
.sec-stock01 .list-bnr figure img {
	width: 100%;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 1s;
}
.sec-stock01 .list-bnr li:hover figure img {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.sec-stock01 .list-bnr p {
	position: absolute;
/*	top: 50%;*/
	margin-top: 12%;
	color: black;
	left: 50%;
	width: 100%;
	text-align: center;
	font-size: 1.8rem;
	line-height: 100%;
	-webkit-transform: translate(-50%, -50%);
   	transform: translate(-50%, -50%);
   	z-index: 20;
}
.sec-stock01 .list-bnr p span {
	margin: 0 0 8px;
	display: block;
	font-size: 1.4rem;
	font-family: 'HelveticaNeue-Condensed-Bold';
	letter-spacing: 0.05em;
}
	@media screen and (max-width: 1250px) {
		.sec-stock01 .list-bnr li {
			width: 24%;
			margin: 0 1% 1% 0;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-stock01 .list-bnr li {
			width: 32.333%;
			margin: 0 1.5% 1.5% 0;
		}
		.sec-stock01 .list-bnr li:nth-child(3n) {
			margin-right: 0;
		}
	}
	@media screen and (max-width: 768px) {
		.sec-stock01 .list-bnr li {
			width: 49.5%;
			margin: 0 1% 1% 0;
		}
		.sec-stock01 .list-bnr li:nth-child(3n) {
			margin-right: 1%;
		}
		.sec-stock01 .list-bnr li:nth-child(2n) {
			margin-right: 0;
			
		}
	}
	@media screen and (max-width: 640px) {
		.sec-stock01 .list-bnr {
			margin-bottom: 0;
		}
		.sec-stock01 .list-bnr p {
			font-size: 1.4rem;
		}
		.sec-stock01 .list-bnr p span {
			margin: 0 0 5px;
			font-size: 1.3rem;
		}
		.sec-stock01 .list-bnr p img {
			width: 50%;
			margin: 0 auto;
		}
	}

/* local-nav */
.sec-stock01 .local-nav {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
.sec-stock01 .local-nav li {
	padding: 0 30px 12px 0;
}
.sec-stock01 .local-nav a {
	display: block;
	color: #fff;
	line-height: 140%;
	text-align: center;
	background: #209FDA;
	padding: 15px 13px;
}
.sec-stock01 .local-nav a:hover {
	background: #172D60;
}
	@media screen and (max-width: 640px) {
		.sec-stock01 .local-nav li {
			padding-right: 20px;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-stock01 .local-nav li {
			width: 49%;
			padding: 0 2% 2% 0;
		}
		.sec-stock01 .local-nav li:nth-child(2n) {
			padding-right: 0;
		}
	}
.sec-stock01 .local-nav.arrow li {
	padding-right: 20px;
}
.sec-stock01 .local-nav.arrow a {
	position: relative;
	text-align: left;
	padding: 15px 80px 15px 13px;
}
.sec-stock01 .local-nav.arrow a::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 13px;
	width: 21px;
	height: 21px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(img/icn_arrow.svg) no-repeat 0 0 / contain;
	transition: all .3s;
}
	@media screen and (max-width: 640px) {
		.sec-stock01 .local-nav.arrow li {
			width: 49%;
			padding: 0 2% 2% 0;
		}
		.sec-stock01 .local-nav.arrow li:nth-child(2n) {
			padding-right: 0;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-stock01 .local-nav.arrow a {
			padding: 10px 18px 10px 8px;
		}
		.sec-stock01 .local-nav.arrow a::after {
			right: 8px;
			width: 12px;
			height: 12px;
		}
		.stainless .sec-stock01 .local-nav.arrow li {
			width: 100%;
			padding: 0 0 2%;
		}
	}

/* table */
.sec-stock01 .table-wrap {
	margin: 0 0 10px;
}
.sec-stock01 table thead th {
	width: auto;
}
.sec-stock01 table a {
	color: #209FDA;
}
.sec-stock01 table th,
.sec-stock01 table td {
	box-sizing: border-box;
}
.sec-stock01 table th {
	font-weight: 300;
}
.sec-stock01 table td {
	/*padding: 15px;*/
	text-align: left;
	line-height: 170%;
}
.sec-stock01 .table01 {
	width: auto;
}
.sec-stock01 .table01 th:nth-child(1),
.sec-stock01 .table01 th:nth-child(2) {
	width: 15%;
	width: 200px;
}
.sec-stock01 .table01 th:nth-child(3),
.sec-stock01 .table01 th:nth-child(4),
.sec-stock01 .table01 th:nth-child(5) {
	min-width: 100px;
}
.sec-stock01 .table01 th:nth-child(6) {
	min-width: 110px;
}
.sec-stock01 .table01 td:nth-child(1),
.sec-stock01 .table01 td:nth-child(2),
.sec-stock01 .table01 td:nth-child(4),
.sec-stock01 .table01 td:nth-child(5) {
	text-align: center;
}
.sec-stock01 .table02 th:nth-child(1) {
	width: 15%;
}
.sec-stock01 .table02 td:nth-child(1) {
	text-align: center;
}
.sec-stock01 .table03 th {
	width: 14.2%;
}
.sec-stock01 .table03 th:nth-child(6),
.sec-stock01 .table03 th:nth-child(7) {
	width: 6%;
	text-align: center;
}
.sec-stock01 .table03 td:nth-child(6),
.sec-stock01 .table03 td:nth-child(7) {
	text-align: center;
}
.sec-stock01 .box-gray {
	margin-top: 55px;
	padding: 25px 50px;
	background: #F9F9F9;
}
.sec-stock01 .box-gray li {
	padding-left:1em;
	text-indent: -1em;
}
	@media screen and (max-width: 640px) {
		.sec-stock01 .box-gray {
			margin-top: 40px;
		}
	}

/* sec-stock02
------------------------------------------------ */
.sec-stock02 {
	position: relative;
	margin-top: 70px;
	padding: 95px 0 115px;
	background: #ccc;
}
.sec-stock02 .ttl,
.sec-stock02 .inner {
	position: relative;
	z-index: 10;
}
.sec-stock02 .ttl {
	padding-right: 20%;
	color: #fff;
	box-sizing: border-box;
}
.sec-stock02 .ttl:before {
	background: url(img/icn_ttl_wt.svg) repeat-y 0 0 / 100% auto
}
.sec-stock02 p {
	width: 60%;
	color: #fff;
}
.sec-stock02 .bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 76.8%;
	height: 100%;
	content: "";
	background: url(img/bg_stock02.svg) no-repeat right 0 / cover;
}
.sec-stock02 .bg-img {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 45%;
	height: 100%;
	content: "";
	background: url(img/img_stock02_1.jpg) no-repeat 50% 50% / cover;
}
	@media screen and (max-width: 960px) {
		.sec-stock02 p {
			width: 84%;
		}
		.sec-stock02 .bg {
			width: 84%;
			background: #172C5F;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-stock02 {
			margin-top: 10%;
			padding: 60px 0;
		}
	}

/* sec-stock03
------------------------------------------------ */
.sec-stock03 {
	padding: 60px 0;
	background: url(img/bg_stock03.svg) no-repeat 50% 160% / 100% auto;
}

/* column02 */
	@media (min-width: 961px) {
		.sec-stock03 .column02 {
			display: flex;
		}
		.sec-stock03 .txt-column {
			width: 48%;
			margin: 0 2% 50px 0;
		}
		.sec-stock03 .img-column {
			position: relative;
			flex: 1 auto;
		}
		.sec-stock03 .img-column figure {
			position: absolute;
			top: 0;
			left: 0;
			width: 120%;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-stock03 .txt-column {
			margin: 0 0 25px;
		}
		.sec-stock03 .img-column {
			margin: 0 0 25px;
			text-align: center;
		}
	}

/* txt-point */
.sec-stock03 .txt-point {
	margin: 0;
}

/* sec-stock04
------------------------------------------------ */
.sec-stock04 {
	padding: 120px 0 75px;
	background: url(https://www.ganginn.cn/static/moyu/style/css/img/bg_stock04.jpg) no-repeat 50% 50% / cover;
}
.sec-stock04 p {
	margin: 0 0 30px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
}
.sec-stock04 .btn-base {
	max-width: 380px;
	margin: 0 auto;
}
	@media screen and (max-width: 640px) {
		.sec-stock04 {
			padding: 80px 0 75px;
		}
		.sec-stock04 p {
			text-align: left;
		}
	}

/* sec-stock05
------------------------------------------------ */
.sec-stock05 {
	position: relative;
	padding: 110px 0 40px;
}
.sec-stock05:before {
	display: block;
	position: absolute;
	top: 8%;
	right: 0;
	width: 61.8%;
	height: 70%;
	content: "";
	background: #F6F6F6;
}
.sec-stock05 p {
	margin: 0 0 35px;
}
.sec-stock05 .list-img {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px;
}
.sec-stock05 .list-img li {
	width: 24%;
	margin: 0 1.3% 1.3% 0;
}
.sec-stock05 .list-img li:nth-child(4n) {
	margin-right: 0;
}
.sec-stock05 .list-product li {
	padding: 15px;
	border: 10px solid #eee;
	background: #fff;
	box-sizing: border-box;
}
.sec-stock05 .list-product li dl {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	border-bottom: 1px solid #111;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.sec-stock05 .list-product li dl:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.sec-stock05 .list-product li dt {
	flex: 1 auto;
	padding-right: 20px;
}
	@media (min-width: 751px) {
		.sec-stock05 .list-product {
			display: flex;
			flex-wrap: wrap;
		}
		.sec-stock05 .list-product li {
			width: 32.333%;
			margin: 0 1.5% 1.5% 0;
		}
		.sec-stock05 .list-product li:nth-child(3n) {
			margin-right: 0;
		}
	}
	@media screen and (max-width: 750px) {
		.sec-stock05 .list-product li {
			margin-bottom: 10px;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-stock05 {
			padding: 70px 0 2%;
		}
		.sec-stock05 .list-img li {
			width: 49%;
			margin: 0 2% 2% 0;
		}
		.sec-stock05 .list-img li:nth-child(2n) {
			margin-right: 0;
		}
	}


/* sec-stock06
------------------------------------------------ */
.sec-stock06 {
	position: relative;
	padding: 70px 0;
	background: #F6F6F6;
}
.sec-stock06 .txt-column .list {
	margin: 0 0 30px;
}
.sec-stock06 .txt-column .list li {
	margin: 0 0 25px;
	font-size: 2.4rem;
	color: #172C5F;
	font-weight: 700;
	line-height: 140%;
}
.sec-stock06 .txt-column .btn-base {
	max-width: 380px;
}
.sec-stock06 .img-column ul {
	display: flex;
	flex-wrap: wrap;
}
.sec-stock06 .img-column li {
	width: 48%;
	margin: 0 4% 4% 0;
}
.sec-stock06 .img-column li:nth-child(2n) {
	margin-right: 0;
}
	@media (min-width: 961px) {
		.sec-stock06 .column02 {
			display: flex;
		}
		.sec-stock06 .txt-column {
			width: 57.7%;
			margin-right: 12%;
		}
		.sec-stock06 .img-column {
			flex: 1 auto;
		}
	}
	@media (min-width: 481px) and (max-width: 960px) {
		.sec-stock06 .img-column li {
			width: 24%;
			margin: 0 1.3% 1.3% 0;
		}
		.sec-stock06 .img-column li:nth-child(2n) {
			margin-right: 1.3%;
		}
		.sec-stock06 .img-column li:nth-child(4n) {
			margin-right: 0;
		}
	}
	@media screen and (max-width: 960px) {
		.sec-stock06 .txt-column {
			margin: 0 0 30px;
		}
		.sec-stock06 .txt-column .list li {
			font-size: 2.0rem;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-stock06 {
			padding: 60px 0 5%;
		}
		.sec-stock06 .txt-column .list li {
			font-size: 1.8rem;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-stock06 .ttl br {
			display: none;
		}
		.sec-stock06 .txt-column .list li {
			font-size: 1.6rem;
		}
	}

/*==================================================
 stock - detail
==================================================*/
/* page-nav */
.stock .content .toc {
	margin: 0 auto 50px;
}
.stock .content .toc ul {
	display: flex;
	flex-wrap: wrap;
}
.stock .content .toc li {
	position: relative;
	width: 14%;
	margin: -1px 0 0 -1px;
	line-height: 120%;
	border: 1px solid #172D60;
	box-sizing: border-box;
}
.stock .content .toc li::before {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	border-top: 10px solid transparent;
	border-right: 10px solid #172D60;
	z-index: 100;
}
.stock .content .toc li a {
	display: block;
	padding: 15px 10px;
}
.stock .content .toc li a:hover {
	color: #fff;
	background: #172D60;
}
.stock .content .toc li:hover::before {
	border-right: 10px solid #fff;
}

	@media screen and (max-width: 1400px) {
		.stock .content .toc li {
			width: 33.33%;
		}
	}
	@media screen and (max-width: 480px) {
		.stock .content .toc li {
			width: 50%;
		}
	}

/* common */
	@media (min-width: 961px) {
		.stock .content_wrap {
			display: flex;
			max-width: 1400px;
			width: 90%;
			margin: 0 auto 60px;
		}
		.stock .content {
			width : -webkit-calc(100% - 250px) ;
			width : calc(100% - 250px) ;
		}
		.stock .side {
			width: 230px;
			margin: 0 0 0 20px;
		}
	}

/* side */
.stock .side h3 {
	margin: 0 0 10px;
}
.stock .side h3 a {
	display: block;
	padding: 13px 10px;
	color: #fff;
	background: #172D60;
}
.stock .side li {
	border-bottom: 1px dotted #ccc;
}
.stock .side li a {
	position: relative;
	display: block;
	padding: 10px 40px 10px 10px;
	color: #172D60;
}
.stock .side li a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 16px;
	height: 16px;
	content: "";
	background: url(img/icn_arrow_right02.svg) no-repeat 0 0 / contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all .3s;
}
.stock .side li a:hover,
.stock .side li.current a {
	background: #efefef;
}
.stock .side-info {
	margin-top: 50px;
}
.stock .side-info .box-txt {
	padding: 10px 10px 20px;
	text-align: center;
	background: #efefef;
}
.stock .side-info .txt01 {
	margin: 0 0 5px;
	font-weight: 700;
	color: #172C5F;
	font-size: 2.0rem;
	color: #fff;
	background: #172C5F;
}
.stock .side-info .txt02 {
	font-size: 1.8rem;
	font-weight: 700;
	color: #172C5F;
}
.stock .side-info .txt06 {
	margin-top: 10px;
	text-align: center;
	font-size: 0.84em;
	line-height: 110%;
}
.stock .side-info .contact a {
	padding: 20px 50px 20px 10px;
}
.stock .side-info .contact a::after {
	right: 13px;
}
.stock .side-related-link {
	margin-top: 30px;
}
.stock .side-related-link h4 {
	display: block;
	padding: 13px 10px;
	color: #fff;
	background: #172D60;
}
.stock .side-related-link p + .title {
	border-top: 1px dotted #ccc;
}
.stock .side-related-link p {
	padding: 0 10px 10px;
	line-height: 140%;
}
.stock .side-related-link .title {
	padding: 10px 10px 0;
	font-weight: 700;
}
.stock .side-related-link a {
	color: #209FDA;
	text-decoration: underline;
}
	@media screen and (max-width: 960px) {
		.stock .side {
			width: 90%;
			margin: 0 auto;
		}
		.stock .side .contact {
			margin: 30px auto 0;
		}
		.stock .side-info .txt06 {
			text-align: center;
		}
	}

/* section */
.stock .content > .section {
	position: relative;
	width: 100%;
	margin: 0 auto 60px;
	box-sizing: border-box;
}
.stock .section .section {
	margin-top: 60px;
	padding: 0 10px;
}
.stock .content > .section a {
	display: block;
	padding-top: 20px;
}
.stock .content .inner,
.stock .content .zaikohyo_annotation {
	padding: 0 10px;
}
.stock .section .section .inner {
	padding: 0;
}
	@media screen and (max-width: 960px) {
		.stock .content {
			width: 90%;
			margin: 0 auto;
		}
	}
	@media screen and (max-width: 640px) {
		.stock .content > .section {
			margin-bottom: 50px;
		}
		.stock .section .section {
			margin-top: 6%;
		}
	}

/* ttl */
.stock .content .title h3 {
	max-width: 1400px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.stock .section h4  {
	padding: 2px 15px;
	border-left: 5px solid #172C5F;
}
.content h5  {
	padding: 20px 15px;
	border-left: 5px solid #172C5F;
}
.stock .section h5 {
	position: relative;
	line-height: 120%;
}
.stock .section .table-wrap + h5 {
	margin-top: 35px;
}
.stock .section h5.kikai {
	margin-top: 35px;
}
.stock .section h5 .taioukikaku {
	display: block;
	margin-top: 15px;
	font-size: 1.5rem;
	color: #111;
}
.stock .section .annotation {
	margin-top: 10px;
}

/* table */
.stock .content .table-wrap + .table-wrap {
	margin-top: 50px;
}
.stock .content table {
	width: 100%;
	background: #fff;
}
.stock .content table th {
	padding: 10px;
	text-align: center;
	border-right: 1px solid #ccc;
	background: #efefef;
}
.stock .content table th.bgNone {
	padding: 15px;
	text-align: center;
	color: #fff;
	background: #172C5F;
}
.stock .content table td {
	color: #000000;
}
	@media (min-width: 961px) and (max-width: 1300px) {
		.stock .content .table-wrap table {
			width: 100%;
		}
		.stock .content .table-wrap table th {
			padding: 10px 0;
		}
	}
	@media screen and (max-width: 960px) {
		.stock:not(.stock-index) .main .table-wrap table {
			width: 700px;
		}
		.stock .content table {
			/*width: 700px;*/
		}
	}

/* btn */
.stock .contact {
	max-width: 300px;
	width: 100%;
	margin-top: 30px;
}
.stock .contact a {
	position: relative;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	line-height: 140%;
	background: #209FDA;
	padding: 17px 60px 17px 30px;
	box-sizing: border-box;
	transition: all .3s;
}
.stock .contact a::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 30px;
	width: 21px;
	height: 21px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(img/icn_arrow_right.svg) no-repeat 0 0 / contain;
	transition: all .3s;
}
.stock .contact a:hover {
	background: #172D60;
}
.stock .contact a:hover::after {
	right: 20px;
}
	@media screen and (max-width: 480px) {
		.stock .contact a {
			padding: 17px 35px 17px 14px;
			font-size: 1.3rem;
		}
		.stock .contact a::after {
			right: 14px;
			width: 18px;
			height: 18px;
		}
	}

/* inform */
.stock .inform {
	margin-top: 60px;
	padding: 50px;
	background: #efefef;
}
.stock .inform dt {
	margin: 0 0 10px;
	font-size: 1.20em;
	font-weight: 700;
}
	@media screen and (max-width: 768px) {
		.stock .inform {
			padding: 30px 5%;
		}
	}

/* support-contact */
.stock .support-contact {
	width: 90%;
}

/*==================================================
 information - index
==================================================*/
.sec-information {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding: 40px 5%;
	background: #F9F9F9;
	box-sizing: border-box;
}
	@media screen and (max-width: 640px) {
		.sec-information {
			padding: 30px 5%;
		}
	}

/* list-information */
.list-information {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.list-information li {
	border-bottom: 1px solid #999;
}
.list-information li a {
	padding: 25px 0;
}
.list-information li time,
.list-information li p {
	transition: all .3s;
}
.list-information li a:hover time,
.list-information li a:hover p {
	color: #209FDA;
}
	@media (min-width: 641px) {
		.list-information li a {
			display: flex;
		}
		.list-information li time {
			width: 120px;
		}
		.list-information li p {
			flex: 1 auto;
		}
	}
	@media screen and (max-width: 640px) {
		.list-information li a {
			display: block;
			padding: 15px 10px;
		}
	}

/*==================================================
 report - index
==================================================*/
.sec-report {
	max-width: 1330px;
	width: 90%;
	margin: 0 auto;
	box-sizing: border-box;
}

/* list-report */
.list-report {
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
}
.list-report li {
	width: 24.5%;
	margin-bottom: 20px;
}
.list-report li a {
	display: block;
}
.list-report li a:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.16);
}
.list-report li figure {
	text-align: center;
}
.list-report li .txt-wrap {
	padding: 20px 20px 25px;
}
.list-report li time {
	font-family: 'HelveticaNeue-Condensed-Bold';
	letter-spacing: 0.05em;
	color: #777777;
}
.list-report li p {
	color: #172C5F;
	font-weight: 700;
	line-height: 140%;
}
	@media screen and (max-width: 768px) {
		.list-report li {
			width: 49%;
		}
		.list-report li .txt-wrap {
			padding: 10px 5% 7%;
		}
	}

/*==================================================
 information index / report index
==================================================*/
/* pager */
.pager {
	margin: 80px auto;
	text-align: center;
}
.pager li {
	position: relative;
	display: inline-block;
	margin: 0 15px;
}
.pager li:after {
	position: absolute;
	top: 50%;
	right: -20px;
	content: "-";
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.pager li:nth-child(1):after,
.pager li:nth-last-child(2):after,
.pager li:last-child:after {
	display: none;
}
.pager li a:hover,
.pager li span {
	color: #209FDA;
}
	@media screen and (max-width: 640px) {
		.information .pager {
			margin: 80px auto 30px;
		}
		.report .pager {
			margin: 50px auto;
		}
		.pager li {
			margin: 0 9px;
		}
		.pager li:after {
			right: -15px;
		}
	}

/*==================================================
 information archive / report archive
==================================================*/
.sec-archive {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding: 60px 5%;
	background: #F9F9F9;
	box-sizing: border-box;
}
.sec-archive-inner {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.archive-header {
	margin: 0 0 45px;
}
	@media screen and (max-width: 640px) {
		.sec-archive {
			padding: 30px 5%;
		}
	}

.sec-archive h1 {
	margin-bottom: 30px;
	font-size: 4.0rem;
	color: #172C5F;
	font-weight: 700;
}
.sec-archive .date {
	position: relative;
	display: block;
}
.sec-archive .date:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	content: "";
	background: #999;
}
.sec-archive .date span {
	position: relative;
	padding-right: 1em;
	display: inline-block;
	font-family: 'HelveticaNeue-Condensed-Bold';
	letter-spacing: 0.05em;
	background: #F9F9F9;
	z-index: 10;
}
.sec-archive h2 {
	margin-bottom: 10px;
	font-size: 2.4rem;
	color: #172C5F;
	font-weight: 700;
}
.sec-archive h3 {
	margin-bottom: 10px;
	font-size: 1.8rem;
	color: #172C5F;
	font-weight: 700;
}
.sec-archive p,
.sec-archive figure,
.sec-archive ul,
.sec-archive ol {
	margin: 0 0 35px;
}
.sec-archive ol,
.sec-archive ul {
	margin-left: 20px;
}
.sec-archive ol li {
	list-style: decimal;
}
.sec-archive ul li {
	list-style: disc;
}
.sec-archive .img-column02 {
	margin-left: 0;
	display: flex;
}
.sec-archive .img-column02 li {
	width: 49%;
	margin: 0 2% 2% 0;
	list-style: none;
}
.sec-archive .img-column02 li:nth-child(2n) {
	margin-right: 2%;
}
	@media screen and (max-width: 960px) {
		.sec-archive h1 {
			font-size: 3.2rem;
		}
		.sec-archive h2 {
			font-size: 2.2rem;
		}
		.sec-archive h3 {
			font-size: 1.6rem;
		}
	}
	@media screen and (max-width: 640px) {
		.sec-archive h1 {
			font-size: 2.8rem;
		}
		.sec-archive h2 {
			font-size: 2.0rem;
		}
	}
	@media screen and (max-width: 480px) {
		.sec-archive h1 {
			font-size: 2.4rem;
		}
		.sec-archive h2 {
			font-size: 1.8rem;
		}
		.sec-archive h3 {
			font-size: 1.5rem;
		}
	}

/* archive-pager */
.archive-pager {
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.archive-pager ul {
	display: flex;
	max-width: 510px;
	width: 96%;
	margin: 0 auto;
}
.archive-pager li {
	width: 32.333%;
	margin-right: 1.5%;
}
.archive-pager li:nth-child(3) {
	margin-right: 0;
}
.archive-pager li a,
.archive-pager li.nolink span {
	position: relative;
	display: block;
	padding: 0 20px;
	height: 56px;
	line-height: 56px;
	color: #fff;
	background: #209FDA;
}
.archive-pager li.prev a,
.archive-pager li.prev.nolink span {
	text-align: right;
}
.archive-pager li.back a {
	text-align: center;
}
.archive-pager li.prev a:after,
.archive-pager li.prev.nolink span:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 20px;
	width: 21px;
	height: 21px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(img/icn_arrow_left.svg) no-repeat 0 0 / contain;
	transition: all .3s;
}
.archive-pager li.next a:after,
.archive-pager li.next.nolink span:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 20px;
	width: 21px;
	height: 21px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(img/icn_arrow_right.svg) no-repeat 0 0 / contain;
	transition: all .3s;
}
.archive-pager li.nolink span {
	background: #ccc;
}


/*==================================================
cobalt
==================================================*/
.top_cap {
	text-align: right;
	margin: 10px 23px 0 10px;
	font-size: 0.8em;
	text-decoration: underline;
}
.f-pc {
	display: block;
}
.f-sp {
	display: none;
}
.sec-cobalt p {
	margin-top: 30px;
}
.sec-cobalt p:first-child {
	margin-top: 0;
}
.sec-cobalt p.tc {
	text-align: center;
}
.sec-cobalt p.tr {
	text-align: right;
}
.sec-cobalt p.indent {
	text-indent: -1em;
	padding-left: 1em;
}
.cobalt .f-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
.cobalt .f-wrap .btn-base {
	margin: 0 15px;
}

@media screen and (max-width: 640px) {
	.cobalt .f-wrap {
		display: block;
	}
	.cobalt .f-wrap .btn-base {
		margin: 15px auto;
	}
	.f-pc {
		display: none;
	}
	.f-sp {
		display: block;
	}
}