@charset "UTF-8";


/****************************************************************************
 	top
****************************************************************************/
/* loader
---------------------*/
.loading {
	width: 100vw;
	height: 100vh;
	transition: all 1s;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	opacity: 1;
	visibility: visible;
}

.loading.is-active {/*2回目以降は非表示*/
	opacity: 0;
	visibility: hidden;
}
.loading-animation {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  /*background-color: #fff;*/
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}

.loading-animation.is-active {
  opacity: 1;
  visibility: visible;
}

.loading .image {
	text-align: center;
}
.loading .image img {
	width: 250px;
}
@media (min-width:768px){
	.loading .image img {
		width: 350px;
	}
}
@media (min-width:1180px){
	.loading .image img {
		width: 450px;
	}
}
/* mainvisual
---------------------*/
.top-visual-sec {
	position: relative;
}
.top-visual-sec:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content:"";
	width:100%;
	height: 170px;
	background-color: #22c1e5;
}
.top-visual-sec .mainvisual-wrap {
	padding: 0 5%;
}
.top-visual-sec .mainvisual {
	width: 100%;
    min-height: 220px;
	border-radius: 50px;
}
.top-visual-sec .mainvisual-001 {
	background:url("../img/top/mainvisual_001.jpg") no-repeat center center;
	background-size: cover;
}
.top-visual-sec .mainvisual-002 {
	background:url("../img/top/mainvisual_002.jpg") no-repeat center center;
	background-size: cover;
}
.top-visual-sec .mainvisual-003 {
	background:url("../img/top/mainvisual_003.jpg") no-repeat center center;
	background-size: cover;
}
.top-visual-sec .mainvisual-004 {
	background:url("../img/top/mainvisual_004.jpg") no-repeat center center;
	background-size: cover;
}
.top-visual-sec .mainvisual .copy-wrap {
	position: absolute;
	bottom: 15px;
	margin-left: -5%;
	width: 90%;
}
.top-visual-sec .mainvisual .copy-en {
	position: absolute;
	top: -15px;
	left: 7%;
	display: inline-block;
	background-color: #fef042;
	color: #0150bc;
	font-weight: 700;
	font-style: italic;
	line-height: 1.4;
	font-size: 14px;
	padding: 3px 15px;
	border-radius: 50px;
}
.top-visual-sec .mainvisual .copy-en:after {
	display: block;
	content: "";
	position: absolute;
	bottom: -10px;
	left: 30px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 3px solid transparent;
	border-top: 10px solid #fef042;
}
.top-visual-sec .mainvisual .copy-main {
	display: inline-block;
	background-color: #0150bc;
	padding: 20px 10px 10px 5%;
	color: #fff;
	font-weight: 700;
	font-style: italic;
	line-height: 1.4;
	font-size: 16px;
}
@media (min-width:768px){
	.top-visual-sec:before {
		height: 310px;
	}
	.top-visual-sec .mainvisual-wrap {
		padding: 0 3%;
	}
	.top-visual-sec .mainvisual {
		min-height: 380px;
		border-radius: 80px;
	}
	.top-visual-sec .mainvisual .copy-wrap {
		bottom: 30px;
		margin-left: -3%;
		width: 90%;
	}
	.top-visual-sec .mainvisual .copy-en {
		top: -20px;
		left: 5%;
		font-size: 18px;
		letter-spacing: 1px;
		padding: 5px 25px 3px 25px;
	}
	.top-visual-sec .mainvisual .copy-en:after {
		bottom: -15px;
		left: 40px;
		border-left: 10px solid transparent;
		border-right: 3px solid transparent;
		border-top: 15px solid #fef042;
	}
	.top-visual-sec .mainvisual .copy-main {
		padding: 20px 15px 15px 3%;
		font-size: 24px;
	}
}
@media (min-width:1000px){/*headerのブレイクポイント*/
	.top-visual-sec:before {
		height: 360px;
	}
	.top-visual-sec .mainvisual-wrap {
		padding: 0 3%;
	}
	.top-visual-sec .mainvisual {
		min-height: 450px;
		border-radius: 80px;
	}
	.top-visual-sec .mainvisual .copy-wrap {
		bottom: 60px;
		margin-left: -3%;
		width: 100%;
	}
	.top-visual-sec .mainvisual .copy-en {
		top: -30px;
		left: 5%;
		font-size: 18px;
		letter-spacing: 1px;
		padding: 5px 25px 3px 25px;
	}
	.top-visual-sec .mainvisual .copy-en:after {
		bottom: -18px;
		left: 60px;
		border-left: 15px solid transparent;
		border-right: 3px solid transparent;
		border-top: 20px solid #fef042;
	}
	.top-visual-sec .mainvisual .copy-main {
		padding: 20px 25px 15px 3%;
		font-size: 34px;
	}
}
@media (min-width:1260px){
	.top-visual-sec:before {
		height: 390px;
	}
	.top-visual-sec .mainvisual {
		min-height: 510px;
	}
	.top-visual-sec .mainvisual .copy-wrap {
		bottom: 75px;
	}
	.top-visual-sec .mainvisual .copy-en {
		font-size: 22px;
	}
	.top-visual-sec .mainvisual .copy-main {
		font-size: 36px;
	}
}
@media (min-width:1400px){
	.top-visual-sec .bx-wrapper {
		width: 1260px;
		margin: 0 auto;
	}
}



/* news
-----------------------------------------------*/
.top-news-sec {
	background-color: #f2f3f5;
	background-image: repeating-linear-gradient(-45deg,#f9f9fa, #f9f9fa 10px,transparent 0, transparent 20px);
	margin-top: -50px;
	padding-top: 80px;
	padding-bottom: 140px;
}
.top-news-sec .white-box {
	background-color: #fff;
	border-radius: 100px 0 0 100px;
	padding-bottom: 50px;
}
.top-news-sec .ttl {
	color: #0150bc;
	line-height: 1.5;
	font-size: 2.4em;
}
.top-news-sec .news-navi-box {
}
.top-news-sec .news-tab-list {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
}
.top-news-sec .news-tab {
	width: 33.333%;
	cursor: pointer;
	text-align: center;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	font-weight: 500;
	line-height: 1.4;
	font-size: .8em;
	padding: 10px 0;
}
.top-news-sec .news-tab:nth-child(1) {
	border-radius: 10px 0 0 0;
}
.top-news-sec .news-tab:nth-child(3) {
	border-radius: 0 10px 0 0;
}
.top-news-sec .news-tab:nth-child(4) {
	border-radius: 0 0 0 10px;
}
.top-news-sec .news-tab:nth-child(6) {
	border-radius: 0 0 10px 0;
}
.top-news-sec .news-tab:nth-child(n+4) {
	border-bottom: none;
}
.top-news-sec .news-tab:nth-child(3n) {
	border-right: none;
}
.top-news-sec .news-tab.active,
.top-news-sec .news-tab:hover {
	background-color: #0150bc;
	color: #fff;
}
.top-news-sec .news-navi-box .link-wrap {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .5em;
}
.top-news-sec .news-navi-box .link-wrap .icon {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #0150bc;
	margin-right: 3px;
	line-height: 1.4;
}
.top-news-sec .news-navi-box .link-wrap .icon i {
	color: #fff;
	font-size: 16px;
}
.top-news-sec .news-navi-box .link-wrap .text a {
	text-decoration: none;
	color: #0150bc;
	font-weight: 700;
	line-height: 1;
	font-size: .85em;
}
.top-news-sec .news-navi-box .link-wrap .text a:hover {
	text-decoration: underline;
}
.top-news-sec .news-tab-cont {
	display: none;
}
.top-news-sec .news-tab-cont.show {
	display: block;
	margin-top: .5em;
}
@media (min-width:768px){
	.top-news-sec {
		margin-top: -70px;
		padding-top: 120px;
		padding-bottom: 180px;
	}
	.top-news-sec .white-box {
		border-radius: 150px 0 0 150px;
		padding-bottom: 50px;
		margin-left: 3%;
	}
	.top-news-sec .ttl {
		line-height: 1.3;
		font-size: 3em;
	}
	.top-news-sec .wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.top-news-sec .news-navi-box {
		width: 180px;
	}
	.top-news-sec .news-tab-list {
		border-right: none;
		border-radius: 20px 0 0 20px;
	}
	.top-news-sec .news-tab {
		width: 100%;
		border-bottom: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		background-color: #fff;
		font-size: .8em;
		padding: 10px 0;
	}
	.top-news-sec .news-tab:nth-child(1) {
		border-radius: 20px 0 0 0;
	}
	.top-news-sec .news-tab:nth-child(3) {
		border-radius: 0 0 0 0;
	}
	.top-news-sec .news-tab:nth-child(4) {
		border-radius: 0 0 0 0;
	}
	.top-news-sec .news-tab:nth-child(5) {
		border-radius: 0 0 0 20px;
	}
	.top-news-sec .news-tab:nth-child(n+4) {
		border-bottom: 1px solid #d9d9d9;
	}
	.top-news-sec .news-tab:nth-child(3n) {
		border-right: 1px solid #d9d9d9;
	}
	.top-news-sec .news-tab:last-child {
		border-bottom: none;
	}
	.top-news-sec .news-tab.active,
	.top-news-sec .news-tab:hover {
		background-color: #fff;
		border-right: 6px solid #0150bc;
		color: #000;
		padding-left: 5px;
	}
	.top-news-sec .news-navi-box .link-wrap .icon {
		line-height: 1.2;
	}
	.top-news-sec .news-navi-box .link-wrap .text a {
		font-size: .85em;
	}
	.top-news-sec .news-cont-box {
		width : -webkit-calc(100% - 210px) ;
		width : calc(100% - 210px) ;
	}
	.top-news-sec .news-tab-cont.show {
		margin-top: 0;
	}
}
@media (min-width:1000px){/*メインビジュアルのブレイクポイントと連動*/
	.top-news-sec {
		margin-top: -100px;
		padding-top: 160px;
		padding-bottom: 270px;
	}
	.top-news-sec .white-box {
		border-radius: 250px 0 0 250px;
		padding-bottom: 50px;
		margin-left: 3%;
	}
	.top-news-sec .ttl {
		line-height: 1.2;
		font-size: 3.6em;
	}
	.top-news-sec .news-navi-box {
		width: 230px;
	}
	.top-news-sec .news-tab {
		font-size: .85em;
		padding: 12px 0;
	}
	.top-news-sec .news-navi-box .link-wrap .icon {
		width: 25px;
		height: 25px;
		margin-right: 3px;
		line-height: 1.4;
	}
	.top-news-sec .news-navi-box .link-wrap .text a {
		font-size: .9em;
	}
	.top-news-sec .news-cont-box {
		width : -webkit-calc(100% - 280px) ;
		width : calc(100% - 280px) ;
	}
}
@media (min-width:1260px){/*メインビジュアルのブレイクポイントと連動*/
	.top-news-sec {
		margin-top: -150px;
		padding-top: 200px;
	}
}
@media (min-width:1400px){/*メインビジュアルのブレイクポイントと連動*/
	.top-news-sec .white-box {
		margin-left: 5%;
	}
}
@media (min-width:1600px){
	.top-news-sec .white-box {
		margin-left: 10%;
	}
}

/* products
-----------------------------------------------*/
.top-product-sec {
	margin-top: -100px;
}
.top-product-sec .m-inner {
	position: relative;
}
.top-product-sec .blue-box {
	background-color: #22c1e5;
	border-radius: 0 100px 0 0;
	padding-top: 30px;
	padding-bottom: 1.5em;
}
.top-product-sec .copy-en {
	color: #fff;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 1px;
	font-size: 1.2em;
}
.top-product-sec .copy-main {
	color: #fff;
	font-weight: 700;
	line-height: 1.3;
	font-size: 1.5em;
}
.top-product-sec .comment {
	color: #fef042;
	font-size: 34px;
	position: absolute;
	top: -30px;
	right: 40px;
	transform: rotate(-15deg);
}
.top-product-sec .list {
	list-style-type: none;
	margin-top: 1em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top-product-sec .list-item {
	width: 48%;
	 padding-bottom: 4%;
}
.top-product-sec .list-link {
	display: block;
	text-decoration: none;
}
.top-product-sec .list-link .cat-photo {
	border-radius: 20px;
	background-color: #5bd7f3;
	padding: 8px;
}
.top-product-sec .list-link .cat-photo img {
	border-radius: 20px;
}
.top-product-sec .list-link .cat-name {
	color: #fff;
	text-align: center;
	font-size: 1em;
	line-height: 1.2;
	margin-top: 3px;
}
@media (min-width:768px){
	.top-product-sec {
		margin-top: -120px;
	}
	.top-product-sec .blue-box {
		border-radius: 0 150px 0 0;
		padding-top: 50px;
		padding-bottom: 1.5em;
	}
	.top-product-sec .copy-en {
		font-size: 1.4em;
	}
	.top-product-sec .copy-main {
		line-height: 1.3;
		font-size: 2.2em;
	}
	.top-product-sec .comment {
		font-size: 45px;
		top: -50px;
		right: 40px;
	}
	.top-product-sec .list {
		margin-top: 1em;
	}
	.top-product-sec .list-item {
		width: 31%;
		padding-bottom: 15px;
		margin-bottom: 2%;
	}
	.top-product-sec .list-link .cat-photo {
		border-radius: 20px;
		padding: 10px;
	}
	.top-product-sec .list-link .cat-photo img {
		border-radius: 20px;
	}
	.top-product-sec .list-link .cat-name {
		font-size: 1.1em;
		margin-top: 5px;
	}
}
@media (min-width:1000px){/*メインビジュアルのブレイクポイントと連動*/
	.top-product-sec {
		margin-top: -220px;
	}
	.top-product-sec .blue-box {
		border-radius: 0 250px 0 0;
		padding-top: 50px;
		padding-bottom: 1.5em;
	}
	.top-product-sec .copy-en {
		font-size: 1.9em;
	}
	.top-product-sec .copy-main {
		line-height: 1.2;
		font-size: 3em;
	}
	.top-product-sec .comment {
		font-size: 58px;
		top: -65px;
		right: 30px;
	}
	.top-product-sec .list {
		margin-top: 2em;
	}
	.top-product-sec .list-item {
		padding-bottom: 15px;
		margin-bottom: 2%;
	}
	.top-product-sec .list-link .cat-photo {
		border-radius: 40px;
		padding: 15px;
	}
	.top-product-sec .list-link .cat-photo img {
		border-radius: 40px;
	}
	.top-product-sec .list-link .cat-name {
		font-size: 1.4em;
		margin-top: 10px;
	}
}



/*マスオーバーで一覧表示
---------------------*/
.top-product-sec .product-child {
	display: none;
}
@media (min-width:768px){
	.top-product-sec .list {
		position: relative;
	}
	.top-product-sec .product-child {
		display: none;
	}
	.top-product-sec .product-child.active {
		display: block;
		visibility: visible;
		position: absolute;
		width: 100%;
		background-color: #fff;
		border-radius: 20px;
		padding: 1.5em 0 1em 0;
		z-index: 100;
	}
	.top-product-sec .product-has-child:nth-child(-n+3) .product-child {
		top: 46%;
		left: 0;
	}
	.top-product-sec .product-has-child:nth-child(n+4) .product-child {
		top: 96%;
		left: 0;
	}
	.top-product-sec .product-child:before {
		display: block;
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 20px solid #fff;
		margin-left: -15px;
		top: -20px;
	}
	.top-product-sec .product-has-child:nth-child(1) .product-child:before,
	.top-product-sec .product-has-child:nth-child(4) .product-child:before {
		left: 15.5%;
	}
	.top-product-sec .product-has-child:nth-child(2) .product-child:before,
	.top-product-sec .product-has-child:nth-child(5) .product-child:before{
		left: 50%;
	}
	.top-product-sec .product-has-child:nth-child(3) .product-child:before,
	.top-product-sec .product-has-child:nth-child(6) .product-child:before {
		left: 84.5%;
	}
	
	/* swiper */
	.top-product-sec .swiper {
		padding: 0 2.5em;
	}
	.top-product-sec .swiper-slide .product-link {
		display: block;
		text-decoration: none;
		transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
	}
	.top-product-sec .swiper-slide .product-link:hover {
		opacity: 0.7;
	}
	.top-product-sec .swiper-slide .product-photo {
		position: relative;
		width: 100%;
		height: auto;
		
	}
	.top-product-sec .swiper-slide .product-photo:before {
		content: "";
		display: block;
		padding-top: 70%;/*高さ比率÷幅比率×100*/
	}
	.top-product-sec .swiper-slide .product-photo .inner {
		position: absolute;
		top: 0; 
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		border: 1px solid #eaeaea;
		border-radius: 20px;
	}
	.top-product-sec .swiper-slide .product-name {
		text-align: center;
		font-weight: 700;
		line-height: 1.4;
		font-size: .9em;
		margin-top: .5em;
	}
	
	
	.top-product-sec .swiper-button-prev,
	.top-product-sec .swiper-button-next
	 {
		background-color: rgba(255,255,255,0.8);
		box-shadow: 0 0 8px rgba(0,0,0,0.1);
		padding: 20px 20px;
		top: 40%;
	}
	.top-product-sec .swiper-button-prev {
		left: 10px;
	}
	.top-product-sec .swiper-button-next {
		right: 10px;
	}
	.top-product-sec .swiper-button-prev:after,
	.top-product-sec .swiper-button-next:after {
		font-size: 1.2em;
		color: #000;
	}
	.top-product-sec .swiper-button-next.swiper-button-disabled,
	.top-product-sec .swiper-button-prev.swiper-button-disabled {
	  pointer-events: none;
	  opacity: 0;
	}
}
@media (min-width:1180px){
	.top-product-sec .product-has-child:nth-child(-n+3) .product-child {
		top: 260px;
		left: 0;
	}
	.top-product-sec .product-has-child:nth-child(n+4) .product-child {
		top: 540px;
		left: 0;
	}
}



/* video
-----------------------------------------------*/
.top-video-sec {
	background-color: #22c1e5;
	padding-bottom: 3em;
}
.top-video-sec .yellow-box {
	background-color: #fefac5;
	background-image: repeating-linear-gradient(-45deg,#fff, #fff 10px,transparent 0, transparent 20px);
	border-radius: 100px 0 100px 0;
	padding: 1.5em 0;
}
.top-video-sec .ttl {
	font-weight: 700;
	color: #22c1e5;
	text-align: center;
	font-size: 1.8em;
	line-height: 1;
}
.top-video-sec .link-wrap {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1em;
}
.top-video-sec .link-wrap .icon {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #22c1e5;
	margin-right: 3px;
	line-height: 1.4;
}
.top-video-sec .link-wrap .icon i {
	color: #fff;
	font-size: 16px;
}
.top-video-sec .link-wrap .text a {
	text-decoration: underline;
	color: #22c1e5;
	font-weight: 700;
	line-height: 1;
	font-size: .9em;
}
.top-video-sec .link-wrap .text a:hover {
	text-decoration: none;
}

/*swiper内*/
.top-video-sec .video-swiper {
	margin-top: 1em;
	width: 100%;
	overflow: hidden;
}
.top-video-sec .video-swiper .swiper-wrapper {
	width: 100%;
}
.top-video-sec .video-swiper .youtube-box {
	position: relative;
	width: 100%;
	padding-top: 56.25%;/*（16:9）*/
}
.top-video-sec .video-swiper .youtube-box iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
/*swiper内*/
.top-video-sec .swiper-button-prev:after,
.top-video-sec .swiper-button-next:after {
	font-size: 3.5em;
	font-weight: 900;
}
@media (min-width:768px){
	.top-video-sec {
		padding-bottom: 3em;
	}
	.top-video-sec .yellow-box {
		border-radius: 150px 0 150px 0;
		padding: 1.5em 0;
	}
	.top-video-sec .ttl {
		font-size: 2.4em;
	}
	.top-video-sec .link-wrap {
		margin-top: 2em;
	}
	.top-video-sec .link-wrap .icon {
		width: 25px;
		height: 25px;
		margin-right: 3px;
		line-height: 1.5;
	}
	.top-video-sec .link-wrap .icon i {
		font-size: 18px;
	}
	.top-video-sec .link-wrap .text a {
		font-size: 1em;
	}
	/*swiper内*/
	.top-video-sec .swiper-button-prev:after,
	.top-video-sec .swiper-button-next:after {
		font-size: 1.5em;
		font-weight: 900;
		background-color: #22c1e5;
		color: #fff;
		padding: 30px 20px;
	}
	.top-video-sec .swiper-button-prev:after {
		border-radius: 0 10px 10px 0;
	}
	.top-video-sec .swiper-button-next:after {
		border-radius: 10px 0 0 10px;
	}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {
		left: 0 !important;
		right: auto;
	}
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
		right: 0 !important;
		left: auto;
	}
}
@media (min-width:1000px){/*メインビジュアルのブレイクポイントと連動*/
	.top-video-sec {
		padding-bottom: 4em;
	}
	.top-video-sec .yellow-box {
		border-radius: 250px 0 250px 0;
		padding: 2.5em 0 3em 0;
	}
	.top-video-sec .ttl {
		font-size: 3.2em;
	}
	.top-video-sec .video-list-wrap {
		margin-top: 1.5em;
	}
	.top-video-sec .link-wrap .icon {
		width: 35px;
		height: 35px;
		margin-right: 3px;
		line-height: 2.4;
	}
	.top-video-sec .link-wrap .icon i {
		font-size: 26px;
	}
	.top-video-sec .link-wrap .text a {
		font-size: 1.2em;
	}
	/*swiper内*/
	.top-video-sec .video-swiper {
		margin-top: 2em;
	}
	.top-video-sec .swiper-button-prev:after,
	.top-video-sec .swiper-button-next:after {
		font-size: 3.5em;
	}
	.top-video-sec .swiper-button-prev:after {
		border-radius: 0 10px 10px 0;
		padding: 40px 20px 40px 50px;
	}
	.top-video-sec .swiper-button-next:after {
		border-radius: 10px 0 0 10px;
		padding: 40px 50px 40px 20px;
	}
}




/****************************************************************************
 	共通：お知らせリスト,印刷志の会リスト
****************************************************************************/
.c-news-list {
	list-style-type: none;
	border-top: 1px solid #d9d9d9;
}
.c-news-list-item {
	border-bottom: 1px solid #d9d9d9;
	padding: 1em 1em;
}
.c-news-list-item .head {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}
.c-news-list-item .date {
	width: 90px;
	font-style: normal;
	color: #adacac;
	font-size: .9em;
	line-height: 1.5;
}
.c-news-list-item .category {
	width: 80px;
	color: #fff;
	text-align: center;
	padding: 4px 0;
	font-size: .65em;
	font-weight: 500;
	line-height: 1;
	background-color: #22c1e5;
}
.c-news-list-item .category.info {
	background-color: #22c1e5;
}
.c-news-list-item .category.event {
	background-color: #f67a24;
}
.c-news-list-item .category.product {
	background-color: #f867a8;
}
.c-news-list-item .category.recruit {
	background-color: #7db10e;
}
.c-news-list-item .category.society {
	background-color: #b28850;
}
.c-news-list-item .news-ttl {
	margin-top: .3em;
	font-size: .85em;
	font-weight: 500;
	line-height: 1.4;
}
.c-news-list-item .news-ttl a {
	text-decoration: none;
}
.c-news-list-item .news-ttl a:hover {
	text-decoration: underline;
}
@media (min-width:768px){
	.c-news-list-item {
		padding: 1em .5em;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.c-news-list-item .head {
		width: 180px;
	}
	.c-news-list-item .date {
		width: 90px;
		font-size: .9em;
		line-height: 1.5;
	}
	.c-news-list-item .category {
		width: 80px;
		padding: 4px 0;
		font-size: .65em;
	}
	.c-news-list-item .news-ttl {
		width : -webkit-calc(100% - 180px) ;
		width : calc(100% - 180px) ;
		margin-top: 0;
		font-size: .85em;
		line-height: 1.4;
	}
}
@media (min-width:1180px){
	.c-news-list-item {
		padding: 1em 1.5em;
	}
	.c-news-list-item .head {
		width: 270px;
	}
	.c-news-list-item .date {
		width: 120px;
		font-size: .95em;
		line-height: 1.5;
	}
	.c-news-list-item .category {
		width: 120px;
		padding: 6px 0;
		font-size: .75em;
	}
	.c-news-list-item .news-ttl {
		width : -webkit-calc(100% - 270px) ;
		width : calc(100% - 270px) ;
		margin-top: 0;
		font-size: .9em;
		line-height: 1.4;
	}
}

/****************************************************************************
 	製品情報 トップ
****************************************************************************/
.page-product .navi-sec .list {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page-product .navi-sec .list-item {
	width: 47.5%;
	margin-bottom: 1.5em;
	background-color: #f3fbfd;
	border-bottom: 1px solid #ced5d5;
}
.page-product .navi-sec .list-link {
	display: block;
	text-decoration: none;
	transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
.page-product .navi-sec .list-link:hover {
	opacity: .8;
}
.page-product .navi-sec .list-link img {
	border-radius: 10px 10px 0 0;
}
.page-product .navi-sec .list-link .name-wrap {
	padding: .6em .3em;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.page-product .navi-sec .list-link .name-wrap .icon {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #0150bc;
	line-height: 1.4;
	text-align: center;
}
.page-product .navi-sec .list-link .name-wrap .icon i {
	color: #fff;
	font-size: 16px;
}
.page-product .navi-sec .list-link .name-wrap .name-jp {
	width : -webkit-calc(100% - 25px) ;
	width : calc(100% - 25px) ;
	color: #000;
	font-weight: 700;
	line-height: 1.4;
	font-size: .9em;
}
@media (min-width:768px){
	.page-product .navi-sec .list {
		justify-content: flex-start;
	}
	.page-product .navi-sec .list-item {
		width: 31%;
		margin-right: 3.5%;
		margin-bottom: 3.5%;
	}
	.page-product .navi-sec .list-item:nth-child(3n) {
		margin-right: 0;
	}
	.page-product .navi-sec .list-link img {
		border-radius: 20px 20px 0 0;
	}
	.page-product .navi-sec .list-link .name-wrap {
		padding: .7em .5em;
	}
	.page-product .navi-sec .list-link .name-wrap .icon {
		width: 25px;
		height: 25px;
	}
	.page-product .navi-sec .list-link .name-wrap .icon i {
		font-size: 16px;
		padding-top: 4px;
	}
	.page-product .navi-sec .list-link .name-wrap .name-jp {
		width : -webkit-calc(100% - 30px) ;
		width : calc(100% - 30px) ;
		font-size: 1em;
	}
}
@media (min-width:1180px){
	.page-product .navi-sec .list-link .name-wrap {
		padding: .9em .8em;
	}
	.page-product .navi-sec .list-link .name-wrap .name-jp {
		font-size: 1.3em;
	}
}

/****************************************************************************
 	製品情報 カテゴリーページ
****************************************************************************/

/* head-sec
-----------------------------------------------*/
.page-product-cat .head-sec {
	margin-top: 1em;
}
.page-product-cat .head-sec .cate-name-parent {
	font-weight: 700;
	line-height: 1.4;
	font-size: 2em;
}
@media (min-width:768px){
}
@media (min-width:1180px){
	.page-product-cat .head-sec {
		margin-top: 1em;
	}
	.page-product-cat .head-sec .cate-name-parent {
		font-size: 2.6em;
	}
}


/*tab-sec　cont-sec タブ形式の場合
-----------------------------------------------*/
.tab-trigger {/*固定開始トリガー*/
	height: 1px;
}
.js-fix-area {/*固定解除エリア*/
}

.page-product-cat .tab-sec {
	position: relative;
	background-color: #fff;
	z-index: 999;
	
}
.page-product-cat .tab-sec .tab-wrap {
	padding-top: 20px;
	position: relative;
}
.page-product-cat .tab-sec .tab-wrap.is-fixed {
	position: fixed;
	top: 55px;
	left: auto;
	z-index: 999;
	width: 90%;
	background-color: #fff;
	box-shadow: 0px 10px 5px 0px rgba(255, 255, 255, 0.9);
}
.page-product-cat .tab-sec .tab-wrap:after {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	content:"";
	width: 100%;
	height: 1px;
	background-color: #0150bc;
	z-index: -1;
}
.page-product-cat .tab-sec .tab {
	display: inline-block;
	min-width: 110px;
}
.page-product-cat .tab-sec .tab a {
	display: block;
	font-weight: 700;
	line-height: 1.4;
	font-size: .8em;
	text-align: center;
	text-decoration: none;
	background-color: #0150bc;
	color: #fff;
	padding: 8px 1px;
	border-radius: 5px 5px 0 0;
}

.page-product-cat .tab-sec .tab a.select,
.page-product-cat .tab-sec .tab a:hover {
	background-color: #fff;
	color: #0150bc;
	border-top: 5px solid #0150bc;
	border-left: 1px solid #0150bc;
	border-right: 1px solid #0150bc;
}
@media (min-width:768px){
	.page-product-cat .tab-sec .tab-wrap.is-fixed {
		width: 94%;
	}
	.page-product-cat .tab-sec .tab {
		min-width: 200px;
	}
	.page-product-cat .tab-sec .tab a {
		font-size: 1.1em;
		padding: 12px 20px;
	}
	.page-product-cat .tab-sec .tab a.select,
	.page-product-cat .tab-sec .tab a:hover{
		border-top: 8px solid #0150bc;
	}
}
@media (min-width:1180px){
	.page-product-cat .tab-sec .tab-wrap.is-fixed {
		top: 90px;
		width: 1060px;
	}
	.page-product-cat .tab-sec .tab-wrap {
		padding-top: 40px;
	}
	.page-product-cat .tab-sec .tab {
		min-width: 280px;
	}
	.page-product-cat .tab-sec .tab a {
		font-size: 1.4em;
		padding: 16px 30px;
		border-radius: 8px 8px 0 0;
	}
}



/* cont-sec
-----------------------------------------------*/
.page-product-cat .cont-sec.notab {/*タブがない場合*/
	display: block;
}
.page-product-cat .cont-sec .link-wrap {
	margin-top: 1.5em;
	background-color: #e9f9fd;
	border-radius: 0 0 20px 0;
	padding: 1em 1em;
}
.page-product-cat .cont-sec .link-wrap .link-list-item {
	display: inline-block;
	list-style-type: none;
	position: relative;
	line-height: 1.4;
	margin-right: 1em;
}
.page-product-cat .cont-sec .link-wrap .link-list-link {
	padding-left: 15px;
	text-decoration: none;
}
.page-product-cat .cont-sec .link-wrap .link-list-link:hover {
	text-decoration: underline;
}
.page-product-cat .cont-sec .link-wrap .link-list-link:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 3px solid #22c1e5;
	border-right: 3px solid #22c1e5;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.page-product-cat .cont-sec .cat-name-child {
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.5em;
	border-top: 5px solid #e2e4e5;
	position: relative;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding-top: .6em;
}
.page-product-cat .cont-sec .cat-name-child:before {
	position: absolute;
	left: 0;
	top: -5px;
	display: block;
	content:"";
	width: 100px;
	height: 5px;
	background-color: #22c1e5;
}
.page-product-cat .cont-sec .list-item {
	margin-bottom: 3em;
	list-style-type: none;
}
.page-product-cat .cont-sec .list-item:last-child {
	margin-bottom: 5em;
}
.page-product-cat .cont-sec .list-item .photo {
	position: relative;
	width: 100%;
	height: auto;
	border: 1px solid #e1e6e6;
}
.page-product-cat .cont-sec .list-item .photo:before {
    content: "";
    display: block;
    padding-top: 70%;/*高さ比率÷幅比率×100*/
}
.page-product-cat .cont-sec .list-item .photo .inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.page-product-cat .cont-sec .list-item .note {
	margin-top: .5em;
}
.page-product-cat .cont-sec .list-item .name {
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.3em;
}
.page-product-cat .cont-sec .list-item .hardness {
	margin-top: .2em;
	font-weight: 500;
	font-size: 1em;
}
.page-product-cat .cont-sec .list-item .law-list {
	margin-top: .2em;
}
.page-product-cat .cont-sec .list-item .law-list-item {
	display: inline-block;
	border: 2px solid #000;
	border-radius: 3px;
	font-size: .8em;
	line-height: 1.4;
	font-weight: 500;
	padding: 2px 3px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.page-product-cat .cont-sec .list-item table {
	border-bottom: 1px solid #e1e6e6;
	margin-top: .5em;
}
.page-product-cat .cont-sec .list-item th,
.page-product-cat .cont-sec .list-item td {
	padding: 10px 10px;
	border-top: 1px solid #e1e6e6;
	font-size: .9em;
	line-height: 1.4;
	word-break: break-word;
}
.page-product-cat .cont-sec .list-item th {
	background-color: #f7f7f7;
	width: 80px;
	font-weight: 400;
}
.page-product-cat .cont-sec .list-item td {
	color: #767676;
}

/*.page-product-cat .cont-sec .list-item .dl-btn-wrap {
	text-align: right;
	line-height: 1;
	margin-top: .7em;
}
.page-product-cat .cont-sec .list-item .dl-btn {
	display: inline-flex;
    align-items: center;
	border: 1px solid #d3d6d6;
	border-radius: 50px;
	color: #0150bc;
	font-weight: 700;
	font-size: .85em;
	text-decoration: none;
	padding: 5px 10px;
	position: relative;
}
.page-product-cat .cont-sec .list-item .dl-btn:hover {
	border: 1px solid #0150bc;
	background-color: #0150bc;
	color: #fff;
}
.page-product-cat .cont-sec .list-item .dl-btn i {
	font-size: 24px;
}
*/
.page-product-cat .cont-sec .btn-list {
	list-style-type: none;
	text-align: right;
	
}
.page-product-cat .cont-sec .btn-list-item {
	display: inline-block;
	margin-top: 10px;
	margin-left: 5px;
}
.page-product-cat .cont-sec .btn-list-item .youtube-btn {
	display: inline-flex;
    align-items: center;
	border: 1px solid #d3d6d6;
	border-radius: 50px;
	line-height: 1;
	text-decoration: none;
	height: 42px;
	padding: 5px 15px;
	position: relative;
}
.page-product-cat .cont-sec .btn-list-item .youtube-btn img {
	width: 80px;
}
.page-product-cat .cont-sec .btn-list-item .dl-btn {
	display: inline-flex;
    align-items: center;
	border: 1px solid #d3d6d6;
	border-radius: 50px;
	color: #0150bc;
	font-weight: 700;
	font-size: .85em;
	line-height: 1;
	text-decoration: none;
	height: 42px;
	padding: 5px 10px;
	position: relative;
}
.page-product-cat .cont-sec .btn-list-item .dl-btn:hover {
	border: 1px solid #0150bc;
	background-color: #0150bc;
	color: #fff;
}
.page-product-cat .cont-sec .btn-list-item .dl-btn i {
	font-size: 24px;
}

.page-product-cat .cont-sec .ft-btn-wrap {
	border-top: 5px solid #e2e4e5;
	padding: 1.5em 0 5em 0;
}
@media (min-width:768px){
	.page-product-cat .cont-sec .link-wrap {
		padding: 2em 2em;
	}
	.page-product-cat .cont-sec .list-item {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.page-product-cat .cont-sec .list-item .photo-wrap {
		width: 42%;
	}
	.page-product-cat .cont-sec .list-item .note {
		width: 54%;
		margin-top: 0;
	}
}
@media (min-width:1180px){
	.page-product-cat .cont-sec .link-wrap {
		margin-top: 2.5em;
		border-radius: 0 0 40px 0;
		padding: 3em 3em;
	}
	.page-product-cat .cont-sec .link-wrap .link-list-item {
		margin-right: 2em;
	}
	.page-product-cat .cont-sec .link-wrap .link-list-link {
		padding-left: 20px;
	}
	.page-product-cat .cont-sec .cat-name-child {
		font-size: 2.2em;
		margin-top: 2em;
		margin-bottom: 1.5em;
		padding-top: .8em;
	}
	.page-product-cat .cont-sec .cat-name-child:before {
		width: 190px;
	}
	.page-product-cat .cont-sec .list-item {
		margin-bottom: 4em;
	}
	.page-product-cat .cont-sec .list-item:last-child {
		margin-bottom: 6em;
	}
	.page-product-cat .cont-sec .list-item .name {
		font-size: 2em;
		line-height: 1.2;
	}
	.page-product-cat .cont-sec .list-item .hardness {
		font-size: 1.1em;
		margin-top: 0;
	}
	.page-product-cat .cont-sec .list-item .law-list {
		margin-top: .3em;
	}
	.page-product-cat .cont-sec .list-item .law-list-item {
		border-radius: 6px;
		font-size: .9em;
		padding: 2px 5px;
	}
	.page-product-cat .cont-sec .list-item table {
		margin-top: .8em;
	}
	.page-product-cat .cont-sec .list-item th,
	.page-product-cat .cont-sec .list-item td {
		padding: 14px 15px;
		font-size: 1em;
		line-height: 1.5;
	}
	.page-product-cat .cont-sec .list-item th {
		width: 140px;
	}
	/*
	.page-product-cat .cont-sec .list-item .dl-btn-wrap {
		margin-top: .7em;
	}
	.page-product-cat .cont-sec .list-item .dl-btn {
		font-size: .85em;
		padding: 6px 12px;
	}
	.page-product-cat .cont-sec .list-item .dl-btn i {
		font-size: 24px;
		margin-right: 3px;
	}
	*/
	.page-product-cat .cont-sec .btn-list {
		list-style-type: none;
		text-align: right;
		margin-top: 10px;
	}
	.page-product-cat .cont-sec .btn-list-item {
		margin-top: 0;
		margin-left: 5px;
	}
	.page-product-cat .cont-sec .btn-list-item .youtube-btn {
		padding: 5px 20px;
	}
	.page-product-cat .cont-sec .btn-list-item .youtube-btn img {
		width: 85px;
	}
	.page-product-cat .cont-sec .btn-list-item .dl-btn {
		font-size: .85em;
		height: 42px;
		padding: 6px 12px;
	}
	
	.page-product-cat .cont-sec .ft-btn-wrap {
		padding: 2.5em 0 5em 0;
	}
}

/****************************************************************************
 	カタログDL
****************************************************************************/
.page-catalog .title-M {
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.1em;
	margin-bottom: .8em;
	padding: .5em .5em;
	background-color: #22c1e5;
	color: #fff;
}
.page-catalog .box {
	background-color: #f7f7f8;
	border-radius: 10px;
	padding: 1em 1em .5em 1em;
	margin-bottom: 1em;
}

.page-catalog .box .title-S {
	color: #000;
	font-weight: 700;
	line-height: 1.4;
	font-size: 1em;
	
	margin-bottom: 1em;
	position: relative;
	z-index: 0;
}
.page-catalog .box .title-S:before {
	position: absolute;
	left: 0;
	top: 2px;
	display: block;
	content:"";
	width: 5px;
	height: 20px;
	background-color: #22c1e5;
}
.page-catalog .box .title-S:after {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	display: block;
	content:"";
	width: 100%;
	height: 3px;
	background-color: #e2e4e5;
	z-index: -1;
}
.page-catalog .box .title-S span {
	background-color: #f7f7f8;
	padding-right: 5px;
	padding-left: 10px;
	display: inline-block;
}


/*
.page-catalog .box .list-item {
	width: 48%;
	background-color: #fff;
	border-radius: 10px;
	padding: 1em .5em;
	margin-bottom: 4%;
}
.page-catalog .box .list-link {
	text-decoration: none;
	display: block;
	text-align: center;
}
.page-catalog .box .list-link:hover {
	opacity: .7;
}
.page-catalog .box .photo {
	border: 1px solid #e1e6e6;
	width: 60px;
	height: 85px;
	margin: 0 auto;
	vertical-align: middle;
}
.page-catalog .box .photo img {
	object-fit: contain;
	width: 100%;
    height: 100%;
	max-width: 100%;
}
.page-catalog .box .name {
	font-weight: 700;
	font-size: .85em;
	line-height: 1.4;
	margin-top: .5em;
}
.page-catalog .box .btn {
	display: inline-flex;
    align-items: center;
	background-color: #0150bc;
	border-radius: 50px;
	color: #fff;
	font-weight: 700;
	font-size: .65em;
	text-decoration: none;
	padding: 8px 10px;
	position: relative;
	margin-top: .5em;
}
.page-catalog .box .btn i {
	font-size: 16px;
}
.page-catalog .box .size {
	font-size: .6em;
	line-height: 1.4;
	color: #767676;
	margin-top: .5em;
}
*/
.page-catalog .box .list {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page-catalog .box .list-item {
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	padding: 1em .5em;
	margin-bottom: 4%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page-catalog .box .photo-area {
	width: 45%;
	text-align: center;
}
.page-catalog .box .photo-area a:hover {
	opacity: .8;
}
.page-catalog .box .photo-area .photo {
	border: 1px solid #e1e6e6;
	width: 60px;
	height: 85px;
	margin: 0 auto;
	vertical-align: middle;
}
.page-catalog .box .photo-area .photo img {
	object-fit: contain;
	width: 100%;
    height: 100%;
	max-width: 100%;
}

.page-catalog .box .photo-area .btn {
	display: inline-flex;
    align-items: center;
	background-color: #0150bc;
	border-radius: 50px;
	color: #fff;
	font-weight: 700;
	font-size: .65em;
	text-decoration: none;
	padding: 8px 10px;
	position: relative;
	margin-top: .5em;
}
.page-catalog .box .photo-area .btn i {
	font-size: 16px;
}
.page-catalog .box .photo-area .size {
	font-size: .6em;
	line-height: 1.4;
	color: #767676;
	margin-top: .5em;
}
.page-catalog .box .note-area {
	width: 50%;
	border-top: 1px solid #e2e4e5;
}
.page-catalog .box .note-area .p-name {
	font-weight: 700;
	font-size: .85em;
	line-height: 1.4;
	border-bottom: 1px solid #e2e4e5;
	padding: 5px 0;
}
@media (min-width:768px){
	.page-catalog .title-M {
		font-size: 1.4em;
	}
	.page-catalog .box {
		border-radius: 20px;
		padding: 2em 2em 1em 2em;
		margin-bottom: 2em;
	}
	.page-catalog .box .title-S {
		font-size: 1.4em;
		
		margin-bottom: 1em;
	}
	.page-catalog .box .title-S:before {
		top: 4px;
		width: 5px;
		height: 30px;
	}
	.page-catalog .box .title-S span {
		padding-right: 10px;
		padding-left: 15px;
	}
	.page-catalog .box .list {
		justify-content: flex-start;
	}
	.page-catalog .box .list-item {
		width: 48%;
		margin-right: 4%;
		border-radius: 20px;
		padding: 1em .5em;
		margin-bottom: 4%;
	}
	.page-catalog .box .list-item:nth-child(2n) {
		margin-right: 0;
	}
	.page-catalog .box .photo-area {
		width: 45%;
	}
	.page-catalog .box .photo-area .photo {
		width: 70px;
		height: 95px;
		margin: 0 auto;
	}
	.page-catalog .box .note-area {
		width: 55%;
	}
}
@media (min-width:1180px){
	.page-catalog .title-M {
		font-size: 1.6em;
		margin-bottom: .8em;
		padding: .5em 1em;
	}
	.page-catalog .box .title-S {
		font-size: 1.5em;
		margin-bottom: 1em;
	}
	.page-catalog .box .list-item {
		padding: 1.5em 1em 1em 1em;
	}
	.page-catalog .box .photo-area .photo {
		width: 110px;
		height: 150px;
	}
	.page-catalog .box .photo-area .btn {
		font-size: .75em;
		padding: 6px 18px;
		margin-top: .7em;
	}
	.page-catalog .box .photo-area .btn i {
		font-size: 22px;
	}
	.page-catalog .box .photo-area .size {
		font-size: .67em;
		margin-top: .7em;
	}
	.page-catalog .box .note-area .p-name {
		font-size: .95em;
		padding: 10px 0;
	}
}


/****************************************************************************
 	会社案内トップ
****************************************************************************/
.page-company .intro-sec .copy {
	font-size: .9em;
}
.page-company .navi-sec .list {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page-company .navi-sec .list-item {
	width: 47.5%;
	margin-bottom: 5%;
}
.page-company .navi-sec .list-link {
	display: block;
	text-decoration: none;
	transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
.page-company .navi-sec .list-link:hover {
	opacity: .8;
}
.page-company .navi-sec .photo {
	border-radius: 10px;
	text-align: center;
	padding: 2.8em 0;
}
.page-company .navi-sec .photo.profile {
	background: url("../img/company/navi_001.jpg")no-repeat center center;
	background-size: cover;
}
.page-company .navi-sec .photo.policy {
	background: url("../img/company/navi_005.jpg")no-repeat center center;
	background-size: cover;
}
.page-company .navi-sec .photo.sustainability {
	background: url("../img/company/navi_002.jpg")no-repeat center center;
	background-size: cover;
}
.page-company .navi-sec .photo.overseas {
	background: url("../img/company/navi_003.jpg")no-repeat center center;
	background-size: cover;
}
.page-company .navi-sec .photo.clients {
	background: url("../img/company/navi_004.jpg")no-repeat center center;
	background-size: cover;
}
.page-company .navi-sec .photo .name-wrap {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-company .navi-sec .photo .name-wrap .icon {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #0150bc;
	margin-right: 3px;
	line-height: 1.4;
}
.page-company .navi-sec .photo .name-wrap .icon i {
	color: #fff;
	font-size: 16px;
}
.page-company .navi-sec .photo .name-wrap .name-jp {
	color: #fff;
	font-weight: 700;
	line-height: 1;
	font-size: .9em;
}
.page-company .navi-sec .photo .name-en {
	color: #fff;
	font-size: .7em;
	font-weight: 600;
	letter-spacing: 1px;
}
.page-company .navi-sec .copy-exp {
	font-size: .75em;
	line-height: 1.4;
	margin-top: .5em;
}
@media (min-width:768px){
	.page-company .intro-sec .copy {
		font-size: .9em;
		text-align: center;
	}
	.page-company .navi-sec .photo {
		border-radius: 20px;
		padding: 4.9em 0;
	}
	.page-company .navi-sec .photo .name-wrap .icon {
		width: 25px;
		height: 25px;
		margin-right: 3px;
	}
	.page-company .navi-sec .photo .name-wrap .icon i {
		font-size: 16px;
	}
	.page-company .navi-sec .photo .name-wrap .name-jp {
		font-size: 1.4em;
	}
	.page-company .navi-sec .photo .name-en {
		font-size: .8em;
	}
}
@media (min-width:1180px){
	.page-company .intro-sec .copy {
		font-size: 1.1em;
		line-height: 2.2;
	}
	.page-company .navi-sec .photo {
		padding: 6.5em 0;
	}
	.page-company .navi-sec .photo .name-wrap .icon {
		width: 35px;
		height: 35px;
		margin-right: 5px;
	}
	.page-company .navi-sec .photo .name-wrap .icon i {
		font-size: 24px;
		margin-top: 5px;
	}
	.page-company .navi-sec .photo .name-wrap .name-jp {
		font-size: 1.8em;
		letter-spacing: 0;
	}
	.page-company .navi-sec .photo .name-en {
		font-size: 1em;
	}
	.page-company .navi-sec .copy-exp {
		font-size: .85em;
		margin-top: .7em;
	}
}

/****************************************************************************
 	会社概要
****************************************************************************/
/* ページ内リンク
-----------------------------------------------*/
@media (min-width:768px){
	.page-profile .m-pagelink-box {
		text-align: center;
	}
}
@media (min-width:1180px){
	.m-pagelink-box .list-item {
		margin-right: 3.5em;
	}
	.page-profile .m-pagelink-box .list-link {
		font-size: 1.1em;
	}
	.m-pagelink-box .list-link:before {
		margin-top: -5px;
		width: 8px;
		height: 8px;
		border-top: 3px solid #22c1e5;
		border-right: 3px solid #22c1e5;
	}
}

/* 代表挨拶
-----------------------------------------------*/
.page-profile .message-sec .note .copy-main {
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.2em;
}
.page-profile .message-sec .note .copy {
	color: #767676;
	font-size: .85em;
	margin-top: .5em;
}
.page-profile .message-sec .note .marker {
	background: linear-gradient(transparent 50%, #dcf7fe 50%);
	font-weight: 500;
}
.page-profile .message-sec .note .name {
	text-align: right;
	margin-top: .5em;
}
.page-profile .message-sec .note .name img {
	width: 180px;
}
.page-profile .message-sec .photo {
	text-align: center;
	margin-top: 1.5em;
}
.page-profile .message-sec .photo img {
	width: 70%;
	max-width: 250px;
}
@media (min-width:768px){
	.page-profile .message-sec .wrap {
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.page-profile .message-sec .note {
		width : -webkit-calc(100% - 250px) ;
		width : calc(100% - 250px) ;
	}
	.page-profile .message-sec .note .copy-main {
		font-size: 1.4em;
	}
	.page-profile .message-sec .note .name {
		margin-top: 1em;
	}
	.page-profile .message-sec .photo {
		text-align: left;
		margin-top: 0;
		width: 220px;
	}
	.page-profile .message-sec .photo img {
		width: 100%;
		max-width: 280px;
	}
}
@media (min-width:1180px){
	.page-profile .message-sec .note {
		width : -webkit-calc(100% - 330px) ;
		width : calc(100% - 330px) ;
	}
	.page-profile .message-sec .note .copy-main {
		font-size: 1.7em;
	}
	.page-profile .message-sec .note .copy {
		font-size: 1em;
		margin-top: 1em;
	}
	.page-profile .message-sec .note .name {
		margin-top: 1em;
	}
	.page-profile .message-sec .note .name img {
		width: 250px;
	}
	.page-profile .message-sec .photo {
		text-align: left;
		margin-top: 0;
		width: 280px;
	}
	.page-profile .message-sec .photo img {
		width: 100%;
		max-width: 280px;
	}
}

/* 会社概要
-----------------------------------------------*/
.page-profile .outline-sec td img {
	width: 120px;
	border: 1px solid #e1e6e6;
}
@media (min-width:768px){
	.page-profile .outline-sec th {
		width: 20%;
	}
	.page-profile .outline-sec td.photo {
		text-align: right;
	}
}
@media (min-width:1180px){
	.page-profile .outline-sec td img {
		width: 170px;
	}
}

/* 事業所
-----------------------------------------------*/
.page-profile .office-sec .list {
	list-style-type: none;
}
.page-profile .office-sec .list-item {
	margin-bottom: 2em;
	background-color: #fff;
	border-radius: 10px 10px 0 0;
}
.page-profile .office-sec.group .list-item {
	background-color: #f9fafb;
}
.page-profile .office-sec .list-item:last-child {
	margin-bottom: 0;
}
.page-profile .office-sec .list-item img {
	border-radius: 10px 10px 0 0;
}
.page-profile .office-sec .list-item .note {
	padding: 1em 1em;
}
.page-profile .office-sec .list-item .name {
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.2em;
}
.page-profile .office-sec .list-item .copy {
	color: #767676;
	line-height: 1.4;
	font-size: .85em;
	margin-top: .5em;
}
@media (min-width:768px){
	.page-profile .office-sec .list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.page-profile .office-sec .list-item {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 2em;
		background-color: #fff;
		border-radius: 20px 20px 0 0;
	}
	.page-profile .office-sec .list-item:nth-child(2n) {
		margin-right: 0;
	}
	.page-profile .office-sec .list-item:last-child {
		margin-bottom: 2em;
	}
	.page-profile .office-sec .list-item img {
		border-radius: 20px 20px 0 0;
	}
}
@media (min-width:1180px){
	.page-profile .office-sec .list-item .note {
		padding: 1em 1.5em 1.5em 1.5em;
	}
	.page-profile .office-sec .list-item .name {
		font-size: 1.4em;
	}
	.page-profile .office-sec .list-item .copy {
		font-size: 1em;
		margin-top: .8em;
	}
}

/* 沿革
-----------------------------------------------*/
.page-profile .history-sec .year {
	color: #0150bc;
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.4em;
}
.page-profile .history-sec .box {
	background-color: #fff;
	border-radius: 10px;
	margin-top: .2em;
	padding: 1em 1em;
}
.page-profile .history-sec .list {
	list-style-type: none;
}
.page-profile .history-sec .list-item {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page-profile .history-sec .list-item .date {
	width: 130px;
	color: #0150bc;
	font-weight: 700;
	line-height: 1.4;
	font-size: .9em;
	position: relative;
	padding: .5em 0 .5em 10px;
}
.page-profile .history-sec .list-item .date:before {
	position: absolute;
	left: -5px;
	top: 13px;
	display: block;
	content:"";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #0150bc;
	z-index: 1;
}
.page-profile .history-sec .list-item .date:after {
	position: absolute;
	left: 0;
	top: 15px;
	display: block;
	content:"";
	width: 1px;
	height: 100%;
	background-color: #e1e6e6;
}
.page-profile .history-sec .list-item:last-child .date:after {
	display: none;
}
.page-profile .history-sec .list-item .copy {
	width : -webkit-calc(100% - 135px) ;
	width : calc(100% - 135px) ;
	color: #767676;
	line-height: 1.4;
	font-size: .85em;
	border-bottom: 1px dashed #e1e6e6;
	padding: .5em 0;
}
.page-profile .history-sec .list-item:last-child .copy {
	border-bottom: none;
}
@media (min-width:768px){
	.page-profile .history-sec .box {
		border-radius: 20px;
		padding: 2em 2em;
	}
	.page-profile .history-sec .list-item .date {
		width: 140px;
	}
	.page-profile .history-sec .list-item .date:before {
		top: 15px;
	}
	.page-profile .history-sec .list-item .copy {
		width : -webkit-calc(100% - 150px) ;
		width : calc(100% - 150px) ;
	}
}
@media (min-width:1180px){
	.page-profile .history-sec .year {
		font-size: 2em;
	}
	.page-profile .history-sec .box {
		border-radius: 20px;
		padding: 2em 3.5em;
	}
	.page-profile .history-sec .list-item .date {
		width: 160px;
		font-size: 1em;
		padding: .8em 0 .8em 15px;
	}
	.page-profile .history-sec .list-item .date:before {
		left: -4px;
		top: 22px;
	}
	.page-profile .history-sec .list-item .date:after {
		left: 0;
		top: 25px;
	}
	.page-profile .history-sec .list-item .copy {
		width : -webkit-calc(100% - 130px) ;
		width : calc(100% - 170px) ;
		font-size: .9em;
		padding: .8em .8em;
	}
}

/****************************************************************************
 	経営理念
****************************************************************************/
/* 社是
-----------------------------------------------*/
.page-policy .policy-sec .logo {
	text-align: center;
}
.page-policy .policy-sec .logo img {
	width: 200px;
}
.page-policy .policy-sec .list {
	list-style-type: none;
	margin-top: 1em;
}
.page-policy .policy-sec .list-item {
	background-color: #fff;
	margin-bottom: 1em;
	padding: 10px 5px;
}
.page-policy .policy-sec .list-item:last-child {
	margin-bottom: 0;
}
.page-policy .policy-sec .list-item .copy {
	position: relative;
	padding-left: 15px;
	line-height: 1.5;
	font-weight: 700;
	font-size: 1em;
}
.page-policy .policy-sec .list-item .copy:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content:"・";
	width: 12px;
	height: 12px;
}
@media (min-width:768px){
	.page-policy .policy-sec .logo img {
		width: 280px;
	}
	.page-policy .policy-sec .list {
		margin-top: 1em;
		padding: 0 4em;
	}
	.page-policy .policy-sec .list-item {
		margin-bottom: 1em;
		padding: 10px 30px;
	}
	.page-policy .policy-sec .list-item .copy {
		padding-left: 20px;
		font-size: 1.1em;
	}
}
@media (min-width:1180px){
	.page-policy .policy-sec .logo img {
		width: 340px;
	}
	.page-policy .policy-sec .list {
		margin-top: 1em;
		padding: 0 4em;
	}
	.page-policy .policy-sec .list-item {
		margin-bottom: 1em;
		padding: 15px 60px;
	}
	.page-policy .policy-sec .list-item .copy {
		padding-left: 25px;
		font-size: 1.5em;
	}
}


/* 行動方針以降共通
-----------------------------------------------*/
.page-policy .m-title-L {
	margin-bottom: .5em;
}

/* 行動方針
-----------------------------------------------*/
.page-policy .action .list {
	list-style-type: none;
}
.page-policy .action .list-item {
	border-bottom: 1px solid #e1e6e6;
	margin-bottom: .5em;
	padding: 0 5px 10px 5px;
}
.page-policy .action .list-item:last-child {
	margin-bottom: 0;
}
.page-policy .action .list-item .copy {
	position: relative;
	padding-left: 20px;
	line-height: 1.5;
	font-weight: 400;
	font-size: 1em;
}
.page-policy .action .list-item .copy:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content:"◼︎";
	width: 12px;
	height: 12px;
}
@media (min-width:768px){
	.page-policy .action .list {
		padding: 0 0;
	}
	.page-policy .action .list-item {
		margin-bottom: .5em;
		padding: 0 10px 10px 10px;
	}
	.page-policy .action .list-item .copy {
		padding-left: 20px;
		font-size: 1.1em;
	}
}
@media (min-width:1180px){
	.page-policy .action .list {
		padding: 0 2em;
	}
	.page-policy .action .list-item {
		margin-bottom: .8em;
		padding: 0 20px 20px 20px;
	}
	.page-policy .action .list-item .copy {
		padding-left: 20px;
		font-size: 1.2em;
	}
}

/* 品質方針
-----------------------------------------------*/
.page-policy .quality .copy {
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0;
    font-size: 1.2em;
}
@media (min-width:768px){
	.page-policy .quality .copy {
		font-size: 1.4em;
	}
}
@media (min-width:1180px){
	.page-policy .quality .copy {
		font-size: 1.8em;
	}
}

/* 環境方針
-----------------------------------------------*/
.page-policy .env .m-title-S {
	background-color: #e9f9fd;
	font-weight: 700;
}
.page-policy .env .note {
	padding: 0 1em;
}
.page-policy .env .note.slogan {
	font-size: 1em;
}
.page-policy .env .list {
	list-style-type: decimal;
	margin-left: 20px;
}
.page-policy .env .list-item {
	margin-bottom: 1em;
	line-height: 1.8;
}
.page-policy .env .list-item:last-child {
	margin-bottom: 0;
}
@media (min-width:768px){
	.page-policy .env .note {
		padding: 0 1em;
	}
	.page-policy .env .note.slogan {
		font-size: 1.1em;
		/*text-align: center;*/
	}
}
@media (min-width:1180px){
	.page-policy .env .note {
		padding: 0 2em;
	}
	.page-policy .env .note.slogan {
		font-size: 1.2em;
	}
	
}
	
/****************************************************************************
 	サステナビリティ
****************************************************************************/
.page-sustainability .sus-sec {
	padding: 30px 0 10px 0;
}
@media (min-width:1180px){
	.page-sustainability .sus-sec {
	padding: 60px 0 10px 0;
	}
}
/* ナビ
-----------------------------------------------*/
.page-sustainability .navi-sec .list {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page-sustainability .navi-sec .list-item {
	width: 32%;
}
.page-sustainability .navi-sec .list-link {
	display: block;
	text-decoration: none;
}
.page-sustainability .navi-sec .illust {
	border: 3px solid #0150bc;
	border-radius: 10px;
	background-color: #fff;
}
.page-sustainability .navi-sec .list-link:hover .illust {
	border: 3px solid #22c1e5;
}
.page-sustainability .navi-sec .name {
	position: relative;
	background-color: #0150bc;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	line-height: 1.5;
	font-size: .75em;
	width: 92%;
	margin: -15px auto 0 auto;
	padding: 3px 0 3px 10px;
}
.page-sustainability .navi-sec .list-link:hover .name {
	background-color: #22c1e5;
}
.page-sustainability .navi-sec .name:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 6px;
	margin: auto;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
@media (min-width:768px){
	.page-sustainability .navi-sec .illust {
		border: 6px solid #0150bc;
		border-radius: 20px;
	}
	.page-sustainability .navi-sec .list-link:hover .illust {
		border: 6px solid #22c1e5;
	}
	.page-sustainability .navi-sec .name {
		border-radius: 10px;
		font-size: 1.2em;
		letter-spacing: 1px;
		width: 80%;
		margin: -25px auto 0 auto;
		padding: 8px 0 8px 10px;
	}
	.page-sustainability .navi-sec .name:before {
		left: 15px;
		width: 10px;
		height: 10px;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
	}
}
@media (min-width:1180px){
	.page-sustainability .navi-sec .name {
		border-radius: 10px;
		font-size: 1.4em;
		margin: -35px auto 0 auto;
		padding: 12px 0 12px 10px;
	}
	.page-sustainability .navi-sec .name:before {
		top: -3px;
		left: 20px;
		width: 10px;
		height: 10px;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
	}
}

/* 各タイトル
-----------------------------------------------*/
.page-sustainability .title-L-head {
	text-align: center;
	margin-bottom: .5em;
}
.page-sustainability .title-L-head img {
	width: 180px;
}
@media (min-width:768px){
	.page-sustainability .title-L-head img {
		width: 260px;
	}
}
@media (min-width:1180px){
	.page-sustainability .title-L-head img {
		width: 360px;
	}
}

/* 活動詳細
-----------------------------------------------*/
.page-sustainability .activity {
	margin-bottom: 2em;
}
.page-sustainability .activity .head .title {
	font-weight: 700;
	color: #0150bc;
	line-height: 1.4;
	text-align: center;
	font-size: 1.2em;
}
.page-sustainability .activity .head .copy {
	color: #767676;
	font-size: .85em;
	margin-top: 1em;
}
.page-sustainability .activity .wrap {
	margin-top: 1.5em;
}
.page-sustainability .activity .wrap .photo {
	position: relative;
	width: 100%;
	height: auto;
}
.page-sustainability .activity .wrap .photo:before {
    content: "";
    display: block;
    padding-top: 63%;/*高さ比率÷幅比率×100*/
}
.page-sustainability .activity .wrap .photo .inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.page-sustainability .activity .wrap .note {
	margin-top: 1em;
}
.page-sustainability .activity .wrap .note .ttl-head {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page-sustainability .activity .wrap .note .ttl-head .text {
	width: 78%;
}
.page-sustainability .activity .wrap .note .ttl-head .text .badge {
	display: inline-block;
	padding: 5px 20px;
	background-color: #0150bc;
	border-radius: 0 0 10px 0;
	color: #fff;
	font-weight: 700;
	line-height: 1.4;
	font-size: .8em;
}
.page-sustainability .activity .wrap .note .ttl-head .text .copy-main {
	font-weight: 700;
	color: #000;
	line-height: 1.4;
	font-size: 1.1em;
	margin-top: .5em;
}
.page-sustainability .activity .wrap .note .ttl-head .icon {
	width: 20%;
	margin-top: 20px;
}
.page-sustainability .activity .wrap .note .copy-sub {
	color: #767676;
	font-size: .85em;
	margin-top: .5em;
}
@media (min-width:768px){
	.page-sustainability .activity .head .title {
		font-size: 1.4em;
	}
	.page-sustainability .activity .head .copy {
		font-size: .85em;
		margin-top: 1em;
	}
	.page-sustainability .activity .wrap {
		margin-top: 1.5em;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.page-sustainability .activity .wrap .photo-box {
		width: 46%;
	}
	.page-sustainability .activity .wrap .note .ttl-head .icon {
		margin-top: 30px;
	}
	.page-sustainability .activity .wrap .note {
		margin-top: 0;
		width: 50%;
	}
}
@media (min-width:1180px){
	.page-sustainability .activity {
		margin-bottom: 4em;
	}
	.page-sustainability .activity .head .title {
		font-size: 2em;
	}
	.page-sustainability .activity .head .copy {
		font-size: 1em;
		margin-top: 1em;
	}
	.page-sustainability .activity .wrap .note .ttl-head .text .badge {
		font-size: 1em;
	}
	.page-sustainability .activity .wrap .note .ttl-head .text .copy-main {
		font-size: 1.5em;
		margin-top: .5em;
	}
	.page-sustainability .activity .wrap .note .ttl-head .icon {
		margin-top: 20px;
	}
	.page-sustainability .activity .wrap .note .copy-sub {
		font-size: 1em;
		margin-top: .5em;
	}
}


/* SDGs
-----------------------------------------------*/
.page-sustainability .sdgs-intro {
	margin-bottom: 2em;
}
.page-sustainability .sdgs-intro .wrap {
	border-top: 1px solid #e1e6e6;
	margin-top: 1em;
	padding-top: 1em;
}
.page-sustainability .sdgs-intro .wrap .mark {
	text-align: center;
}
.page-sustainability .sdgs-intro .wrap .mark img {
	max-width: 100px; 
}
.page-sustainability .sdgs-intro .wrap .copy {
	margin-top: 1em;
	font-weight: 700;
	font-size: 1em;
}
@media (min-width:768px){
	.page-sustainability .sdgs-intro .wrap {
		border-top: none;
		margin-top: 1em;
		padding-top: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.page-sustainability .sdgs-intro .wrap .mark {
		width: 200px;
		text-align: center;
		border-right: 1px solid #e1e6e6;
		padding: 40px 0;
	}
	.page-sustainability .sdgs-intro .wrap .mark img {
		max-width: 160px;
	}
	.page-sustainability .sdgs-intro .wrap .copy {
		width : -webkit-calc(100% - 220px) ;
		width : calc(100% - 220px) ;
		margin-top: 0;
		font-size: 1em;
		padding: 15px 0;
	}
}
@media (min-width:1180px){
	.page-sustainability .sdgs-intro {
		margin-bottom: 4em;
	}
	.page-sustainability .sdgs-intro .wrap {
		margin-top: 1em;
		padding-top: 0;
	}
	.page-sustainability .sdgs-intro .wrap .mark {
		width: 280px;
		padding: 40px 0;
	}
	.page-sustainability .sdgs-intro .wrap .mark img {
		max-width: 240px;
	}
	.page-sustainability .sdgs-intro .wrap .copy {
		width : -webkit-calc(100% - 320px) ;
		width : calc(100% - 320px) ;
		margin-top: 0;
		font-size: 1.3em;
		letter-spacing: 0px;
		padding: 15px 0;
	}
}




/****************************************************************************
 	海外提携先
****************************************************************************/

/* intro-sec
-----------------------------------------------*/
.page-overseas .intro-sec .copy {
	font-size: .9em;
}
.page-overseas .intro-sec .map {
	margin-top: 1em;
}
.page-overseas .intro-sec .list {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page-overseas .intro-sec .list-item {
	width: 48%;
	margin-bottom: .8em;
}
.page-overseas .intro-sec .list-link {
	display: block;
	border: 2px solid #0150bc;
	border-radius: 5px;
	background-color: #fff;
	color: #0150bc;
	text-decoration: none;
	font-size: .8em;
	font-weight: 700;
	line-height: 1.4em;
	position: relative;
	padding: 10px 0 10px 30px;
}
.page-overseas .intro-sec .list-link:hover {
	background-color: #f2f6fc;
}
.page-overseas .intro-sec .list-link:before {
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -8px;
	display: block;
	content:"";
	width: 22.75px;
	height: 15.5px;
}
.page-overseas .intro-sec .list-link.southkorea:before {
	background: url("../img/company_overseas/flag_southkorea.jpg") no-repeat 0 0;
	background-size: cover;
}
.page-overseas .intro-sec .list-link.china:before {
	background: url("../img/company_overseas/flag_china.jpg") no-repeat 0 0;
	background-size: cover;
}
.page-overseas .intro-sec .list-link.taiwan:before {
	background: url("../img/company_overseas/flag_taiwan.jpg") no-repeat 0 0;
	background-size: cover;
}
.page-overseas .intro-sec .list-link.thailand:before {
	background: url("../img/company_overseas/flag_thailand.jpg") no-repeat 0 0;
	background-size: cover;
}
.page-overseas .intro-sec .list-link.malaysia:before {
	background: url("../img/company_overseas/flag_malaysia.jpg") no-repeat 0 0;
	background-size: cover;
}
.page-overseas .intro-sec .list-link.philippines:before {
	background: url("../img/company_overseas/flag_philippines.jpg") no-repeat 0 0;
	background-size: cover;
}
.page-overseas .intro-sec .list-link.vietnam:before {
	background: url("../img/company_overseas/flag_vietnam.jpg") no-repeat 0 0;
	background-size: cover;
}
.page-overseas .intro-sec .list-link.newzealand:before {
	background: url("../img/company_overseas/flag_newzealand.jpg") no-repeat 0 0;
	background-size: cover;
}
.page-overseas .intro-sec .list-link.germany:before {
	background: url("../img/company_overseas/flag_germany.jpg") no-repeat 0 0;
	background-size: cover;
}
.page-overseas .intro-sec .list-link.england:before {
	background: url("../img/company_overseas/flag_england.jpg") no-repeat 0 0;
	background-size: cover;
}
.page-overseas .intro-sec .list-link:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	margin: auto;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 2px solid #0150bc;
	border-right: 2px solid #0150bc;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
@media (min-width:768px){
	.page-overseas .intro-sec .copy {
		font-size: .9em;
		text-align: center;
	}
	.page-overseas .intro-sec .list {
		justify-content: start;
	}
	.page-overseas .intro-sec .list-item {
		width: 23.5%;
		margin-right: 2%;
		margin-bottom: 1.5%;
	}
	.page-overseas .intro-sec .list-item:nth-child(4n) {
		margin-right: 0;
	}
	.page-overseas .intro-sec .list-link {
		border-radius: 10px;
		font-size: .8em;
		padding: 15px 0 15px 35px;
	}
	.page-overseas .intro-sec .list-link:after {
		right: 10px;
	}
}
@media (min-width:1180px){
	.page-overseas .intro-sec .copy {
		font-size: 1.1em;
		line-height: 2.2;
	}
	.page-overseas .intro-sec .list-item {
		width: 23.5%;
		margin-right: 2%;
		margin-bottom: 1.5%;
	}
	.page-overseas .intro-sec .list-item:nth-child(4n) {
		margin-right: 0;
	}
	
	.page-overseas .intro-sec .list-link {
		font-size: 1.15em;
		padding: 22px 0 22px 60px;
	}
	.page-overseas .intro-sec .list-link:before {
		left: 10px;
		top: 50%;
		margin-top: -13px;
		width: 36.4px;
		height: 24.8px;
	}
	.page-overseas .intro-sec .list-link:after {
		right: 15px;
		width: 8px;
		height: 8px;
		border-top: 3px solid #0150bc;
		border-right: 3px solid #0150bc;
		-moz-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
}

/* country-sec
-----------------------------------------------*/
.page-overseas .country-sec .list {
	list-style-type: none;
}
.page-overseas .country-sec .list-item {
	background-color: #fff;
	border-radius: 20px;
	padding: 1em 1em;
	margin-bottom: 2em;
}
.page-overseas .country-sec .list-item:last-child {
	margin-bottom: 0;
}
.page-overseas .country-sec .list-item .flag {
	text-align: center;
}
.page-overseas .country-sec .list-item .flag img {
	 width: 50px;
}
.page-overseas .country-sec .list-item .country {
	text-align: center;
	color: #0150bc;
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.1em;
	margin-top: .3em;
	margin-bottom: 1em;
}
@media (min-width:768px){
	.page-overseas .country-sec .list-item {
		border-radius: 40px;
		padding: 1.8em 4em;
		margin-bottom: 3em;
	}
	.page-overseas .country-sec .list-item .flag img {
		 width: 90px;
	}
	.page-overseas .country-sec .list-item .country {
		font-size: 2em;
		margin-top: .3em;
		margin-bottom: .8em;
	}
}
@media (min-width:1180px){
	.page-overseas .country-sec .list-item {
		padding: 2em 4em 3em 4em;
		margin-bottom: 4em;
	}
}


/****************************************************************************
 	主要取引先
****************************************************************************/
.page-clients .copy-order {
	font-size: .8em;
	text-align: right;
	color: #767676;
	margin-bottom: .5em;
}
.page-clients .list-sec .list {
	list-style-type: none;
}
.page-clients .list-sec .list-item {
	color: #767676;
	border-bottom: 1px solid #e1e6e6;
	font-size: .9em;
	line-height: 1.4;
	padding: 15px 0 15px 15px;
	position: relative;
}
.page-clients .list-sec .list-item:before {
	position: absolute;
	left: 0;
	top: 15px;
	display: block;
	content:"・";
	line-height: 1.4;
	width: 10px;
	height: 20px;
}
@media (min-width:768px){
	.page-clients .list-sec .list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.page-clients .list-sec .list-item {
		width: 48.5%;
		margin-right: 1.5%;
		font-size: .8em;
		padding: 20px 0 20px 35px;
	}
	.page-clients .list-sec .list-item:nth-child(2n) {
		margin-right: 0;
	}
	.page-clients .list-sec .list-item:before {
		top: 21px;
		left: 15px;
	}
}
@media (min-width:1180px){
	.page-clients .list-sec .list-item {
		font-size: 1em;
	}
}

/****************************************************************************
 	動画一覧
****************************************************************************/
/* カテゴリナビ
-----------------------------------------------*/
.page-video .video-navi-box {
}
.page-video .video-tab-list {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
}
.page-video .video-tab {
	width: 33.333%;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
.page-video .video-tab:nth-child(1) {
	border-radius: 10px 0 0 0;
}
.page-video .video-tab:nth-child(3) {
	border-radius: 0 10px 0 0;
}
.page-video .video-tab:nth-child(4) {
	border-radius: 0 0 0 10px;
}
.page-video .video-tab:nth-child(6) {
	border-radius: 0 0 10px 0;
}
.page-video .video-tab:nth-child(n+4) {
	border-bottom: none;
}
.page-video .video-tab:nth-child(3n) {
	border-right: none;
}

.page-video .video-tab .link,
.page-video .video-tab .current {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 0;
	font-weight: 500;
	line-height: 1.4;
	font-size: .8em;
}
.page-video .video-tab .link:hover,
.page-video .video-tab .current {
	background-color: #0150bc;
	color: #fff;
	border-radius: 10px 0 0 0;
}
.page-video .video-tab:nth-child(2) .link:hover,
.page-video .video-tab:nth-child(2) .current {
	border-radius: 0 0 0 0;
}
.page-video .video-tab:nth-child(3) .link:hover,
.page-video .video-tab:nth-child(3) .current {
	border-radius: 0 10px 0 0;
}
.page-video .video-tab:nth-child(4) .link:hover,
.page-video .video-tab:nth-child(4) .current {
	border-radius: 0 0 0 10px;
}
.page-video .video-tab:nth-child(5) .link:hover,
.page-video .video-tab:nth-child(5) .current {
	border-radius: 0 0 0 0;
}
.page-video .video-tab:nth-child(6) .link:hover,
.page-video .video-tab:nth-child(6) .current{
	border-radius: 0 0 10px 0;
}
@media (min-width:768px){
	.page-video .video-tab-list {
		border: 1px solid #d9d9d9;
		border-radius: 10px 10px 0 0;
	}
	.page-video .video-tab {
		width: 16.666%;
		border-bottom: none;
		border-right: 1px solid #d9d9d9;
	}
	.page-video .video-tab:nth-child(1) {
		border-radius: 10px 0 0 0;
	}
	.page-video .video-tab:nth-child(3) {
		border-radius: 0;
	}
	.page-video .video-tab:nth-child(4) {
		border-radius: 0;
	}
	.page-video .video-tab:nth-child(6) {
		border-radius: 0 10px 0 0;
	}
	.page-video .video-tab:nth-child(3n) {
		border-right: 1px solid #d9d9d9;
	}
	.page-video .video-tab:last-child {
		border-right: none;
	}
	
	.page-video .video-tab .link,
	.page-video .video-tab .current {
		padding: 10px 0;
		font-size: .8em;
	}
	.page-video .video-tab .link:hover,
	.page-news-arc .arc-sec .news-tab .current {
		border-radius: 10px 0 0 0;
	}
	.page-video .video-tab:nth-child(2) .link:hover,
	.page-video .video-tab:nth-child(2) .current {
		border-radius: 0 0 0 0;
	}
	.page-video .video-tab:nth-child(3) .link:hover,
	.page-video .video-tab:nth-child(3) .current {
		border-radius: 0 0 0 0;
	}
	.page-video .video-tab:nth-child(4) .link:hover,
	.page-video .video-tab:nth-child(4) .current{
		border-radius: 0 0 0 0;
	}
	.page-video .video-tab:nth-child(5) .link:hover,
	.page-video .video-tab:nth-child(5) .current {
		border-radius: 0 0 0 0;
	}
	.page-video .video-tab:nth-child(6) .link:hover,
	.page-video .video-tab:nth-child(6) .current {
		border-radius: 0 10px 0 0;
	}
}
@media (min-width:1180px){
	.page-video .video-tab-list {
		border-radius: 20px 20px 0 0;
	}
	.page-video .video-tab:nth-child(1) {
		border-radius: 20px 0 0 0;
	}
	.page-video .video-tab:nth-child(6) {
		border-radius: 0 20px 0 0;
	}
	
	.page-video .video-tab .link,
	.page-video .video-tab .current {
		padding: 18px 0;
		font-size: 1em;
	}
	.page-video .video-tab:nth-child(1) .link:hover,
	.page-video .video-tab:nth-child(1) .current {
		border-radius: 20px 0 0 0;
	}
	.page-video .video-tab:nth-child(6) .link:hover,
	.page-video .video-tab:nth-child(6) .current {
		border-radius: 0 20px 0 0;
	}
}

/* 一覧
-----------------------------------------------*/
.page-video .arc-sec .list {
	list-style-type: none;
}
.page-video .arc-sec .list-item {
	margin-bottom: 2em;
	background-color: #f6f7f8;
}
.page-video .arc-sec .thumb-wrap {
	position: relative;
	background-color: #000;
	cursor: pointer;
}
.page-video .arc-sec .thumb-wrap .photo {
	position: relative;
	width: 100%;
	height: auto;
	opacity: .8;
}
.page-video .arc-sec .thumb-wrap .photo:before {
    content: "";
    display: block;
    padding-top: 56%;/*高さ比率÷幅比率×100*/
}
.page-video .arc-sec .thumb-wrap .photo .inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.page-video .arc-sec .thumb-wrap .category {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	background-color: #000;
	color: #fff;
	line-height: 1.4;
	font-weight: 500;
	font-size: .7em;
	padding: 5px 20px;
}
.page-video .arc-sec .thumb-wrap .playmark {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.page-video .arc-sec .thumb-wrap .playmark img {
	width: 70px;
}
.page-video .arc-sec .note {
	padding: 1em 1em;
}
.page-video .arc-sec .note .title {
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.2em;
}
.page-video .arc-sec .note .date {
	color: #767676;
	line-height: 1.4;
	font-size: .8em;
	margin-top: .3em;
}
.page-video .arc-sec .note .info {
	border-top: 1px solid #e1e6e6;
	padding-top: .8em;
	margin-top: .8em;
}
.page-video .arc-sec .note .info-ttl {
	font-weight: normal;
	font-size: .8em;
	line-height: 1.4;
}
.page-video .arc-sec .note .info-list {
	list-style-type: none;
}
.page-video .arc-sec .note .info-list-item {
	position: relative;
	padding-left: 15px;
	line-height: 1.5;
	margin-bottom: .4em;
}
.page-video .arc-sec .note .info-list-item:before {
	display: block;
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #000;
}
.page-video .arc-sec .note .info-list-link {
	color: #767676;
	font-size: .85em;
	
}
@media (min-width:768px){
	.page-video .arc-sec .list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.page-video .arc-sec .list-item {
		width: 30%;
		margin-right: 5%;
		margin-bottom: 5%;
	}
	.page-video .arc-sec .list-item:nth-child(3n) {
		margin-right: 0;
	}
	.page-video .arc-sec .note .info-list-item:before {
		top: 12px;
	}
}


/****************************************************************************
 	採用情報
****************************************************************************/
/* pagetitle
-----------------------------------------------*/
.page-recruit .m-pagettl-wrap .comment {
	color: #fef042;
	font-size: 34px;
	text-align: right;
	position: absolute;
	top: 75px;
	right: 5px;
	transform: rotate(-15deg);
}
@media (min-width:768px){
	.page-recruit .m-pagettl-wrap .comment {
		font-size: 70px;
		top: 120px;
		right: 5px;
	}
}
@media (min-width:1000px){
	.page-recruit .m-pagettl-wrap .comment {
		font-size: 100px;
		top: 170px;
		right: 30px;
	}
}
@media (min-width:1180px){
	.page-recruit .m-pagettl-wrap .comment {
		font-size: 100px;
		top: 170px;
		right: 80px;
	}
}
@media (min-width:1250px){
	.page-recruit .m-pagettl-wrap .comment {
		font-size: 100px;
		top: 170px;
		right: -10px;
	}
}
@media (min-width:1400px){
	.page-recruit .m-pagettl-wrap .comment {
		font-size: 110px;
		top: 220px;
		right: -50px;
	}
}

/* intro-sec
-----------------------------------------------*/
.page-recruit .intro-sec .copy-main {
	text-align: center;
}
.page-recruit .intro-sec .copy-main img {
	width: 90%;
	max-width: 500px;
}
.page-recruit .intro-sec .copy-sub {
	font-size: .9em;
	margin-top: .5em;
}
@media (min-width:768px){
	.page-recruit .intro-sec .copy-main {
		text-align: center;
	}
	.page-recruit .intro-sec .copy-main img {
		width: 90%;
		max-width: 500px;
	}
	.page-recruit .intro-sec .copy-sub {
		text-align: center;
		font-size: .9em;
	}
}
@media (min-width:1180px){
	.page-recruit .intro-sec .copy-main img {
		width: 640px;
		max-width: 640px;
	}
	.page-recruit .intro-sec .copy-sub {
		font-size: 1.1em;
		line-height: 2.2;
		margin-top: .5em;
	}
}

/* kind-sec
-----------------------------------------------*/
.page-recruit .kind-sec .box {
	background-color: #fff;
	border-radius: 10px;
	padding: 20px 20px;
}
.page-recruit .kind-sec .box:nth-child(2n) {
	margin-top: 1em;
}
.page-recruit .kind-sec .kind-ttl {
	font-weight: 700;
	font-size: 1.3em;
	line-height: 1.4;
	text-align: center;
}
.page-recruit .kind-sec .kind-ttl span {
	background: linear-gradient(transparent 50%, #fef042 50%);
	padding: 0 5px;
}
.page-recruit .kind-sec .list {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 1em;
}
.page-recruit .kind-sec .list-item {
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
}
.page-recruit .kind-sec .list-item:nth-child(3n) {
	margin-right: 0;
}
.page-recruit .kind-sec .list-item .icon {
	background-color: #f9fafb;
	border-top: 1px dashed #0150bc;
	border-left: 1px dashed #0150bc;
	border-right: 1px dashed #0150bc;
	text-align: center;
	padding: 15px 0 5px 0;
}
.page-recruit .kind-sec .list-item .icon i {
	color: #0150bc;
	font-size: 40px;
}
.page-recruit .kind-sec .list-item .name {
	background-color: #0150bc;
	color: #fff;
	text-align: center;
	font-weight: 700;
	line-height: 1.4;
	font-size: 1em;
	padding: .3em;
}
/*募集停止中の職種*/
.page-recruit .kind-sec .list-item.stopped .icon {
	background-color: #f5f6f7;
	border-top: 1px dashed #cdd0d3;
	border-left: 1px dashed #cdd0d3;
	border-right: 1px dashed #cdd0d3;
}
.page-recruit .kind-sec .list-item.stopped .icon i {
	color: #cdd0d3;
}
.page-recruit .kind-sec .list-item.stopped .name {
	background-color: #cdd0d3;
}
@media (min-width:768px){
	.page-recruit .kind-sec .wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.page-recruit .kind-sec .box {
		width: 48.5%;
		border-radius: 40px;
		padding: 20px 20px;
	}
	.page-recruit .kind-sec .box:nth-child(2n) {
		margin-top: 0;
	}
	.page-recruit .kind-sec .kind-ttl {
		font-size: 1.5em;
	}
	.page-recruit .kind-sec .list {
		margin-top: 1.5em;
	}
	.page-recruit .kind-sec .list-item .icon {
		padding: 15px 0 5px 0;
	}
	.page-recruit .kind-sec .list-item .icon i {
		font-size: 45px;
	}
	.page-recruit .kind-sec .list-item .name {
		font-size: 1em;
		padding: .3em;
	}
}
@media (min-width:1180px){
	.page-recruit .kind-sec .box {
		padding: 40px 40px;
	}
	.page-recruit .kind-sec .kind-ttl {
		font-size: 2em;
	}
	.page-recruit .kind-sec .list-item .icon {
		padding: 15px 0 5px 0;
	}
	.page-recruit .kind-sec .list-item .icon i {
		font-size: 55px;
	}
	.page-recruit .kind-sec .list-item .name {
		font-size: 1.1em;
		padding: .5em;
	}
}

/* point-sec
-----------------------------------------------*/
.page-recruit .point-sec .m-table-base th,
.page-recruit .point-sec .m-table-base td {
	padding: 10px 10px;
}
.page-recruit .point-sec .m-table-base th {
	width: 22%;
}
@media (min-width:768px){
	.page-recruit .point-sec .m-table-base th,
	.page-recruit .point-sec .m-table-base td {
		padding: 15px 20px;
	}
	.page-recruit .point-sec .m-table-base th {
		width: 25%;
	}
}
@media (min-width:1180px){
	.page-recruit .point-sec .m-table-base th,
	.page-recruit .point-sec .m-table-base td {
		padding: 20px 30px;
	}
	.page-recruit .point-sec .m-table-base th {
		width: 25%;
	}
}

/* process-sec
-----------------------------------------------*/
.page-recruit .process-sec .flow {
	text-align: center;
}
.page-recruit .process-sec .caution {
	text-align: center;
	font-size: .7em;
	color: #767676;
}
@media (min-width:768px){
	.page-recruit .process-sec .flow img {
		width: 80%;
		max-width: 790px;
		margin: 0 auto;
	}
	.page-recruit .process-sec .caution {
		font-size: .85em;
	}
}
@media (min-width:1180px){
	.page-recruit .process-sec .flow img {
		width: 790px;
	}
}

/* entry-sec
-----------------------------------------------*/
.page-recruit .entry-sec {
	background-color: #fef68e;
	background-image:
	repeating-linear-gradient(-45deg,#fef042, #fef042 10px,transparent 0, transparent 20px);
	text-align: center;
}
.page-recruit .entry-sec .btn img {
	width: 90%;
	max-width: 300px;
}
.page-recruit .entry-sec .btn:hover img {
	opacity: .85;
}
@media (min-width:768px){
	.page-recruit .entry-sec .btn img {
		width: 90%;
		max-width: 350px;
	}
}
@media (min-width:1180px){
	.page-recruit .entry-sec .btn img {
		width: 400px;
		max-width: 400px;
	}
}



/****************************************************************************
 	新着情報 一覧
****************************************************************************/
.top-news-sec .news-navi-box {
}
.page-news-arc .arc-sec .news-tab-list {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
}
.page-news-arc .arc-sec .news-tab {
	width: 33.333%;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
.page-news-arc .arc-sec .news-tab:nth-child(1) {
	border-radius: 10px 0 0 0;
}
.page-news-arc .arc-sec .news-tab:nth-child(3) {
	border-radius: 0 10px 0 0;
}
.page-news-arc .arc-sec .news-tab:nth-child(4) {
	border-radius: 0 0 0 10px;
}
.page-news-arc .arc-sec .news-tab:nth-child(6) {
	border-radius: 0 0 10px 0;
}
.page-news-arc .arc-sec .news-tab:nth-child(n+4) {
	border-bottom: none;
}
.page-news-arc .arc-sec .news-tab:nth-child(3n) {
	border-right: none;
}

.page-news-arc .arc-sec .news-tab .link,
.page-news-arc .arc-sec .news-tab .current {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 0;
	font-weight: 500;
	line-height: 1.4;
	font-size: .8em;
}
.page-news-arc .arc-sec .news-tab .link.all:hover,
.page-news-arc .arc-sec .news-tab .current.all {
	background-color: #0150bc;
	color: #fff;
	border-radius: 10px 0 0 0;
}
.page-news-arc .arc-sec .news-tab .link.info:hover,
.page-news-arc .arc-sec .news-tab .current.info {
	background-color: #22c1e5;
	color: #fff;
	border-radius: 0 0 0 0;
}
.page-news-arc .arc-sec .news-tab .link.event:hover,
.page-news-arc .arc-sec .news-tab .current.event {
	background-color: #f67a24;
	color: #fff;
	border-radius: 0 10px 0 0;
}
.page-news-arc .arc-sec .news-tab .link.product:hover,
.page-news-arc .arc-sec .news-tab .current.product {
	background-color: #f867a8;
	color: #fff;
	border-radius: 0 0 0 10px;
}
.page-news-arc .arc-sec .news-tab .link.recruit:hover,
.page-news-arc .arc-sec .news-tab .current.recruit {
	background-color: #7db10e;
	color: #fff;
	border-radius: 0 0 0 0;
}
.page-news-arc .arc-sec .news-tab .link.society:hover,
.page-news-arc .arc-sec .news-tab .current.society {
	background-color: #b28850;
	color: #fff;
	border-radius: 0 0 10px 0;
}

.page-news-arc .arc-sec .news-cont-box {
	background-color: #f9fafb;
	padding: 1.5em 1em;
	margin-top: 1em;
}
@media (min-width:768px){
	.page-news-arc .arc-sec .news-tab-list {
		border: 1px solid #d9d9d9;
		border-radius: 10px 10px 0 0;
	}
	.page-news-arc .arc-sec .news-tab {
		width: 20%;
		border-bottom: none;
		border-right: 1px solid #d9d9d9;
	}
	.page-news-arc .arc-sec .news-tab:nth-child(1) {
		border-radius: 10px 0 0 0;
	}
	.page-news-arc .arc-sec .news-tab:nth-child(3) {
		border-radius: 0;
	}
	.page-news-arc .arc-sec .news-tab:nth-child(4) {
		border-radius: 0;
	}
	.page-news-arc .arc-sec .news-tab:nth-child(6) {
		border-radius: 0 10px 0 0;
	}
	.page-news-arc .arc-sec .news-tab:nth-child(3n) {
		border-right: 1px solid #d9d9d9;
	}
	.page-news-arc .arc-sec .news-tab:last-child {
		border-right: none;
	}
	
	.page-news-arc .arc-sec .news-tab .link,
	.page-news-arc .arc-sec .news-tab .current {
		padding: 10px 0;
		font-size: .8em;
	}
	.page-news-arc .arc-sec .news-tab .link.all:hover,
	.page-news-arc .arc-sec .news-tab .current.all {
		border-radius: 10px 0 0 0;
	}
	.page-news-arc .arc-sec .news-tab .link.info:hover,
	.page-news-arc .arc-sec .news-tab .current.info {
		border-radius: 0 0 0 0;
	}
	.page-news-arc .arc-sec .news-tab .link.event:hover,
	.page-news-arc .arc-sec .news-tab .current.event {
		border-radius: 0 0 0 0;
	}
	.page-news-arc .arc-sec .news-tab .link.product:hover,
	.page-news-arc .arc-sec .news-tab .current.product {
		border-radius: 0 0 0 0;
	}
	.page-news-arc .arc-sec .news-tab .link.recruit:hover,
	.page-news-arc .arc-sec .news-tab .current.recruit {
		border-radius: 0 0 0 0;
	}
	.page-news-arc .arc-sec .news-tab .link.society:hover,
	.page-news-arc .arc-sec .news-tab .current.society {
		border-radius: 0 10px 0 0;
	}

	.page-news-arc .arc-sec .news-cont-box {
		padding: 2em 2em;
		margin-top: 0em;
	}
}
@media (min-width:1180px){
	.page-news-arc .arc-sec .news-tab-list {
		border-radius: 20px 20px 0 0;
	}
	.page-news-arc .arc-sec .news-tab:nth-child(1) {
		border-radius: 20px 0 0 0;
	}
	.page-news-arc .arc-sec .news-tab:nth-child(6) {
		border-radius: 0 20px 0 0;
	}
	
	.page-news-arc .arc-sec .news-tab .link,
	.page-news-arc .arc-sec .news-tab .current {
		padding: 18px 0;
		font-size: 1em;
	}
	.page-news-arc .arc-sec .news-tab .link.all:hover,
	.page-news-arc .arc-sec .news-tab .current.all {
		border-radius: 20px 0 0 0;
	}
	.page-news-arc .arc-sec .news-tab .link.society:hover,
	.page-news-arc .arc-sec .news-tab .current.society {
		border-radius: 0 20px 0 0;
	}
	
	.page-news-arc .arc-sec .news-cont-box {
		padding: 2.5em 4em 4em 4em;
	}
}



/*セレクトボックス*/
.page-news-arc .arc-sec .news-cont-box .select-wrap {
	width: 180px;
	margin-bottom: 1em;
}
/**/


/****************************************************************************
 	新着情報 詳細 / 印刷志の会 詳細
****************************************************************************/
.page-news-det .det-sec .head {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}
.page-news-det .det-sec .date {
	width: 90px;
	font-style: normal;
	color: #adacac;
	font-size: .9em;
	line-height: 1.5;
}
.page-news-det .det-sec .category {
	width: 80px;
	color: #fff;
	text-align: center;
	padding: 4px 0;
	font-size: .65em;
	font-weight: 500;
	line-height: 1;
	background-color: #22c1e5;
}
.page-news-det .det-sec .category.info {
	background-color: #22c1e5;
}
.page-news-det .det-sec .category.event {
	background-color: #f67a24;
}
.page-news-det .det-sec .category.product {
	background-color: #f867a8;
}
.page-news-det .det-sec .category.recruit {
	background-color: #7db10e;
}
.page-news-det .det-sec .category.society {
	background-color: #b28850;
}
.page-news-det .det-sec .ttl {
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.1em;
	border-bottom: 5px solid #e2e4e5;
	position: relative;
	margin-top: .5em;
	padding-bottom: .5em;
	margin-bottom: 1em;
}
.page-news-det .det-sec .ttl:before {
	position: absolute;
	left: 0;
	bottom: -5px;
	display: block;
	content:"";
	width: 100px;
	height: 5px;
	background-color: #22c1e5;
}
@media (min-width:768px){
	.page-news-det .det-sec .date {
		width: 90px;
		font-size: .9em;
		line-height: 1.5;
	}
	.page-news-det .det-sec .category {
		width: 80px;
		padding: 4px 0;
		font-size: .65em;
	}
	.page-news-det .det-sec .ttl {
		font-size: 1.4em;
	}
}
@media (min-width:1180px){
	.page-news-det .det-sec .date {
		width: 100px;
		font-size: .95em;
		line-height: 1.5;
	}
	.page-news-det .det-sec .category {
		width: 120px;
		padding: 6px 0;
		font-size: .75em;
	}
	.page-news-det .det-sec .ttl {
		font-size: 1.8em;
	}
	.page-news-det .det-sec .ttl:before {
		width: 190px;
	}
}

/****************************************************************************
 	個人情報保護方針
****************************************************************************/
.page-privacy .copy {
	color: #767676;
	font-size: .85em;
}
.page-privacy dl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: .5em;
}
.page-privacy dt {
	width: 20px;
	color: #000;
	font-weight: 700;
	font-size: 1em;
}
.page-privacy dd {
	width : -webkit-calc(100% - 25px) ;
	width : calc(100% - 25px) ;
	color: #767676;
	font-size: .85em;
	padding-top: 3px;
}
.page-privacy .btm-box {
	border-top: 1px solid #e1e6e6;
	padding-top: 1em;
	margin-top: 1em;
}
@media (min-width:1180px){
	.page-privacy .copy {
		font-size: 1em;
	}
	.page-privacy dl {
		margin-bottom: 1em;
	}
	.page-privacy dt {
		width: 40px;
		font-weight: 700;
		font-size: 1.4em;
	}
	.page-privacy dd {
		width : -webkit-calc(100% - 45px) ;
		width : calc(100% - 45px) ;
		font-size: 1em;
		padding-top: 8px;
	}
	.page-privacy .btm-box {
		padding-top: 2em;
		margin-top: 2em;
	}
}



/****************************************************************************
 	サイトマップ
****************************************************************************/
.page-sitemap .list {
	list-style-type: none;
}
.page-sitemap .list-item {
	border-bottom: 1px dashed #bfbfbf;
	padding: 0 1em 1em 1em;
	margin-bottom: 1em;
}
.page-sitemap .list-item .ttl-wrap {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.page-sitemap .list-item .ttl-wrap .icon {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #0150bc;
	margin-right: 3px;
	line-height: 1.4;
}
.page-sitemap .list-item .ttl-wrap .icon i {
	color: #fff;
	font-size: 16px;
}
.page-sitemap .list-item .ttl-wrap .ttl {
	color: #000;
	font-weight: 500;
	line-height: 1;
	font-size: 1em;
}
.page-sitemap .child-list {
	list-style-type: none;
	margin-left: 1.5em;
	margin-top: 1em;
}
.page-sitemap .child-list-item {
	margin-bottom: .5em;
}
.page-sitemap .child-list-link {
	position: relative;
	padding-left: 15px;
	font-size: .9em;
	line-height: 1.4;
}
.page-sitemap .child-list-link:before {
	content: "";
	position: absolute;
	top: 5px;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	width: 6px;
	height: 6px;
	border-top: 3px solid #0150bc;
	border-right: 3px solid #0150bc;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media (min-width:768px){
	.page-sitemap .list-item {
		padding: 0 1em 1.5em 1em;
		margin-bottom: 1.5em;
	}
	.page-sitemap .list-item .ttl-wrap .icon {
		width: 25px;
		height: 25px;
		margin-right: 3px;
	}
	.page-sitemap .list-item .ttl-wrap .icon i {
		font-size: 16px;
	}
	.page-sitemap .list-item .ttl-wrap .ttl {
		font-size: 1.1em;
	}
	.page-sitemap .child-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.page-sitemap .child-list-item {
		width: 30%;
		margin-right: 5%;
	}
	.page-sitemap .child-list-item:nth-child(3n) {
		margin-right: 0;
	}
	.page-sitemap .child-list-link:before {
		top: 8px;
	}
}
@media (min-width:1180px){
	.page-sitemap .list-item {
		padding: 0 3.5em 1.5em 3.5em;
		margin-bottom: 1.5em;
	}
	.page-sitemap .list-item .ttl-wrap .icon {
		width: 28px;
		height: 28px;
		margin-right: 5px;
	}
	.page-sitemap .list-item .ttl-wrap .icon i {
		font-size: 20px;
		margin-top: 4px;
	}
	.page-sitemap .list-item .ttl-wrap .ttl {
		font-size: 1.2em;
		letter-spacing: 1px;
	}
	.page-sitemap .child-list-link {
		font-size: 1em;
	}
}

/****************************************************************************
 	サイトポリシー
****************************************************************************/
.page-sitepolicy .copy {
	color: #767676;
	font-size: .85em;
}
@media (min-width:1180px){
	.page-sitepolicy .copy {
		font-size: 1em;
	}
}

/****************************************************************************
	お問い合わせ
****************************************************************************/
.page-contact .form-sec .tel-box {
	background-color: #e9f9fd;
	border-radius: 10px;
	padding: 1em 1em;
	text-align: center;
}
.page-contact .form-sec .tel-box .ttl {
	font-weight: 700;
	line-height: 1.4;
	font-size: 1em;
	margin-bottom: 10px;
}
.page-contact .form-sec .tel-box .num a {
	font-weight: 700;
	font-size: 2em;
	line-height: 1;
	color: #0150bc;
	text-decoration: none;
	letter-spacing: 1px;
}
.page-contact .form-sec .tel-box .copy {
	font-size: .85em;
	color: #000;
}
.page-contact .form-sec .tel-box .copy a {
	text-decoration: underline;
}
.page-contact .form-sec .tel-box .copy a:hover {
	text-decoration: none;
}
@media (min-width:768px){
	.page-contact .form-sec .tel-box {
		border-radius: 20px;
		padding: 2em 1em;
	}
	.page-contact .form-sec .tel-box .ttl {
		font-size: 1.2em;
	}
}
@media (min-width:1180px){
	.page-contact .form-sec .tel-box .ttl {
		font-size: 1.3em;
	}
	.page-contact .form-sec .tel-box .num a {
		font-size: 2.4em;
		line-height: 1;
	}
	.page-contact .form-sec .tel-box .copy {
		font-size: .9em;
	}
}


/****************************************************************************
 	フォーム
	お問い合わせ、採用応募フォーム
****************************************************************************/
.form-sec .copy {
	font-size: .85em;
	color: #767676;
}
.form-sec table {
	border-top: 1px dashed #bfbfbf;
}
.form-sec th,
.form-sec td {
	display: block;
	width: 100%;
	line-height: 1.5;
	font-size: 1em;
}
.form-sec th {
	padding: 1em .5em .5em .5em;
}
.form-sec td {
	border-bottom: 1px dashed #bfbfbf;
	padding: 0 .5em 1em .5em;
}
.form-sec .icon {
	display: inline-block;
	color: #fff;
	font-size: .7em;
	padding: 1px 5px;
	text-align: center;
	line-height: 1.5;
	margin-left: 5px;
}
.form-sec .icon.required {
	background-color: #f00;
}
.form-sec .icon.any {
	background-color: #22c1e5;
}
.form-sec .txt-caution {
	font-size: .7em;
	margin-top: 5px;
}
.form-sec .txt-ttl-sub {
	font-size: .85em;
}
/* 確認画面で非表示にする */
.mw_wp_form_confirm .txt-caution,
.mw_wp_form_confirm .txt-ttl-sub {
	display: none;
}
@media (min-width:768px){
	.form-sec .copy {
		text-align: center;
	}
	.form-sec th,
	.form-sec td {
		display: table-cell;
		vertical-align: top;
		border-bottom: 1px dashed #bfbfbf;
	}
	.form-sec th {
		width: 40%;
		padding: 1em 0 1em 1em;
	}
	.form-sec td {
		padding: 1em 1em 1em 0;
	}
}
@media (min-width:1180px){
	.form-sec .copy {
		font-size: 1em;
		text-align: center;
	}
	.form-sec th {
		width: 35%;
		padding: 2em 0 2em 3em;
	}
	.form-sec td {
		padding: 2em 3em 2em 0;
	}
}


/*  フォームパーツ
-----------------------------------------------*/
/* 初期表示 placeholder */
.contact-box input::-webkit-input-placeholder,
.contact-box textarea::-webkit-input-placeholder {
    color: #cccccc;
	font-size: 1em;
    font-weight: normal;
}
.contact-box input:-ms-input-placeholder,
.contact-box textarea:-ms-input-placeholder {
    color: #cccccc;
	font-size: 1em;
    font-weight: normal;
}
.contact-box input::-moz-placeholder,
.contact-box textarea::-moz-placeholder {
    color: #cccccc;
	font-size: 1em;
    font-weight: normal;
}
/* base */
.contact-box input[type=text],
.contact-box input[type=email],
.contact-box select,
.contact-box textarea {
	border: 1px solid #e1e6e6;
	font-size: 1em;
	padding: 10px 10px;
	width: 100%;
	color: #000;
}
.contact-box textarea {
	height: 12em;
	color: #000;
}
@media (min-width:1180px){
	.contact-box input[type=text],
	.contact-box input[type=email],
	.contact-box select,
	.contact-box textarea {
		padding: 15px 10px;
	}
}
/* ラジオボタン・チェックボックス汎用 */
.contact-box input[type=checkbox],
.contact-box input[type=radio] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* テキストボックス */
.contact-box input[type=text].txtbox-S {
	width: 150px;
}

/* チェックボックス */
.checkbox input[type=checkbox].check-btn-item{
	display: none;
}
.checkbox label {
	display: inline-block;
}
.checkbox .check-btn-item + span {
	padding-left: 1.5em;
	display: inline-block;
	position: relative;
	font-size: 1em;
	line-height: 1.2;
	margin-bottom: .5em;
}
.checkbox .check-btn-item + span::after,
.checkbox .check-btn-item + span::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
}
.checkbox .check-btn-item + span::before {
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	left: 0;
	height: 20px;
	width: 20px;
}
.checkbox .check-btn-item + span::after{
	border: none;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	height: 15px;
	left: 5px;
	opacity: 0;
	top: 0;
	transform: rotate(45deg);
	width: 10px;
}
.checkbox .check-btn-item:checked + span::before {
	border: 1px solid #0150bc;
	background-color: #0150bc;
}
.checkbox .check-btn-item:checked + span::after {
	opacity: 1;
}
.checkbox .error {
	font-size: 1em;
	margin-top: 0.5em;
}
.mw_wp_form .horizontal-item {/*既存css調整*/
    margin-left: 0 !important;
    margin-right: 1em !important;
}


/* セレクトボックス */
.select-wrap select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 10px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.select-wrap select::-ms-expand {
    display: none;
}
.select-wrap {
	position: relative;
	border: 1px solid #e1e6e6;
	border-radius: 10px;
	background: #ffffff;
}
.select-wrap::before {
	position: absolute;
	top: 1.2em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #000;
	pointer-events: none;
}
.select-wrap select {
	/*padding: 12px 38px 12px 5px;*/
	color: #000;
}
.select-wrap select {
	padding: 14px 5px;
	width: 100%;
}
/* セレクトボックス 確認画面で枠トル */
.mw_wp_form_confirm .select-wrap {
	border: none;
	background-color: transparent;
}
.mw_wp_form_confirm .select-wrap::before {
	display: none;
}


/* ラジオボタン */
.contact-box .radio-list-wrap {
	font-size: 1em;
}
.contact-box .radio-list-wrap span {
	display: inline-block;
}
.contact-box .radio-list-wrap label{
	position: relative;
}
.contact-box .radio-list-wrap label span {
	position: relative;
	display: inline-block;
	padding: 0 20px 0 25px;
}
.contact-box .radio-list-wrap label input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.contact-box .radio-list-wrap label input[type="radio"] + span::before {
	position: absolute;
	display: inline-block;
	content: '';
	box-sizing: border-box;
	border-radius: 22px;
	z-index: 0;
	top: 4px;
	left: 0;
	background-color: transparent;
	width: 20px;
	height: 20px;
	border: 2px #d2d2d2 solid;
}
.contact-box .radio-list-wrap input[type="radio"]:checked + span::before {
	border: 10px #0150bc solid;
}



/* ボタン */
.contact-box input[type=submit],
a.contact-top-btn {
	position: relative;
	display: block;
	width: 260px;
	background-color: #22c1e5;
	color: #fff;
	padding: 16px 3px;
	border-radius: 50px;
	border: none;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.4;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s eease-in-out;
}
.contact-box input[type=submit]:hover,
a.contact-top-btn:hover {
	opacity: .8;
}
@media (min-width:769px){
	.contact-box input[type=submit],
	a.contact-top-btn {
		width: 280px;
		padding: 18px 3px;
		font-size: 19px;
	}
}

.contact-box input[type=submit].return-btn {	
	position: relative;
	display: block;
	width: 260px;
	background-color: #e4e7ec;
	color: #626262;
	padding: 16px 3px;
	border-radius: 50px;
	border: none;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.4;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s eease-in-out;
}
.contact-box input[type=submit].return-btn:hover {
	opacity: .8;
}
@media (min-width:769px){
	.contact-box input[type=submit].return-btn {
		width: 280px;
		padding: 18px 3px;
		font-size: 19px;
	}
}