@charset "utf-8";

/* page =============================================================

	pageVisual
	breadcrumbs
	Information(投稿)
	Contact Us
	Products
	Recruit
	 Recruit jobs
	 Entry form
	Sample（資料請求）
	Company
	Business
	Proposal
	
======================================================================== */

/* =====================================================================

	中ページ共通
	
======================================================================== */

/*----------------------------------------------------
	pageVisual
----------------------------------------------------*/
	.p-pageVisual {
		width: 100%;
		position: relative;
		background-image: url(../img/common/pageVisual_image.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		flex-flow: column nowrap;
		}
	.p-pageTitle,
	.p-pageTitle--en {
		font-weight: normal;
		}
	.p-pageTitle {
		color: #000;
		box-sizing: border-box;
		font-family: 'Noto Serif JP', serif;
		letter-spacing: .3rem;
		text-indent: -.2rem;
		line-height: 1.4;
		}
	.p-pageTitle--en {
		color: #0079C5;
		font-family: 'Muli', sans-serif;
		letter-spacing: .15rem;
		text-transform: capitalize;
		}
	/*採用情報top*/
	.p-pageVisual-recruit {
		width: 100%;
		position: relative;
		background-image: url(../img/recruit/pageVisual_image.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		flex-flow: column nowrap;
		border-top: solid 1px #FFFFFF;
		}
	/*資料請求*/
	.p-pageVisual-sample {
		width: 100%;
		position: relative;
		background-image: url(../img/common/pageVisual_image_sample.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		flex-flow: column nowrap;
		border-top: solid 1px #FFFFFF;
		}
	/*会社案内*/
	.p-pageVisual-company {
		width: 100%;
		position: relative;
		background-image: url(../img/common/pageVisual_image_company.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		flex-flow: column nowrap;
		border-top: solid 1px #FFFFFF;
		}
	
@media screen and (max-width: 768px) {
	.p-pageVisual,
	.p-pageVisual-sample,
	.p-pageVisual-company {
		background-position: 30% center;
		height: 100px;
		box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15);
		}
	.p-pageTitle {
		font-size: 180%;
		}
	.p-pageTitle .u-db-sp2 {
		line-height: 140%;
		}
	/*採用情報top*/
	.p-pageVisual-recruit {
		background-position: center center;
		height: 300px;
		}
}
@media print, screen and (min-width: 769px) {
	.p-pageVisual,
	.p-pageVisual-sample,
	.p-pageVisual-company {
		background-position: center center;
		height: 190px;
		box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.15);
		}
	.p-pageTitle {
		font-size: 3.2rem;
		}
	.p-pageTitle--en {
		font-size: 1.5rem;
		}
	/*採用情報top*/
	.p-pageVisual-recruit {
		background-position: left top;
		height: 480px;
		}
}

/*----------------------------------------------------
	テキストと画像の横並び
----------------------------------------------------*/
@media screen and (max-width: 768px) {
	.p-item--image {
		margin-top: 1.6rem;
		text-align: center;
		}
}
@media print, screen and (min-width: 769px) {
	.p-item {
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: flex-start;
		}
}


/* =====================================================================

	breadcrumbs
	
======================================================================== */
	.p-breadcrumbs {
		display: none;
		}

@media print, screen and (min-width: 769px) {
	.l-contents .p-breadcrumbs {
		display: inherit;
		position: absolute;
		top: 1px;
		font-size: 86%;
		}
	.p-breadcrumbs li {
		float: left;
		}
	.p-breadcrumbs li a {
		display: block;
		padding: 1rem 3.2rem 1rem 4rem;
		color: #FFF !important;
		position: relative;
		line-height: 100%;
		}
	.p-breadcrumbs li a:hover {
		background-color: #C47200 !important;
		}
	.p-breadcrumbs li a::before {
    content: '';
    width: 4px;
    height: 4px;
    border: 0px;
    border-top: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 42%;
    left: 2.8rem;
		}
	.p-breadcrumbs li.home a {
		background-color: #017BC6;
		}
	.p-breadcrumbs li+li {
		margin-left: 1px;
		}
	.p-breadcrumbs li:nth-child(2) a {
		background-color: rgba(0,0,0,1);
		}
	.p-breadcrumbs li:nth-child(3) a {
		background-color: rgba(0,0,0,0.7);
		}
	.p-breadcrumbs li:nth-child(4) a {
		background-color: rgba(0,0,0,0.4);
		}
	.p-breadcrumbs li.current-item a {
		background-color: transparent !important;
		color: #007AC5 !important;
		padding-left: 3rem;
		}
	.p-breadcrumbs li.current-item a::before {
		border-top: solid 1px #007AC5;
    border-right: solid 1px #007AC5;
		left: 1.8rem;
		}
}


/* =====================================================================

	Information(投稿)
	
======================================================================== */
@media screen and (max-width: 768px) {
	.p-side {
		margin: 4.8rem 0;
		}
}
@media print, screen and (min-width: 769px) {
	.p-main {
		width: 600px;
		float: left;
		}
	.p-side {
		width: 300px;
		float: right;
		box-sizing: border-box;
		}
}

/*----------------------------------------------------
	記事1件分
----------------------------------------------------*/
	.p-post {
		padding-bottom: 3.2rem;
		}
	.c-subject,
	.c-subject a:link {
		color: #000;
		font-family: 'Noto Serif JP', serif;
		font-weight: normal;
		}
	.c-subject {
		position: relative;
		border-top: solid 1px #CCCCCC;
		}
	.c-subject::after {
		position: absolute;
		top: -2px;
		left: 0;
		z-index: 2;
		content: '';
		width: 100px;
		height: 3px;
		background-color: #017BC6;
		}
	.c-entries .p-post-meta {
		text-align: right;
		}
	.c-entries .p-post-meta span {
		margin-left: .8rem;
		}
	.p-post-body {
		padding-top: 1.2rem;
		}
	.p-post-body p+p {
		margin-top: 10px;
		}
  .p-post-body a {
    color: #0693e3 !important;
    text-decoration: underline;
    }
  .p-post-body a:hover {
    color: #C47200 !important;
    }
@media screen and (max-width: 768px) {
	.c-entries {
		margin-bottom: 4rem;
		}
	.c-subject {
		font-size: 140%;
		line-height: 130%;
		padding-top: 2rem;
		margin-bottom: 1.6rem;
		}
}
@media print, screen and (min-width: 769px) {
	.c-entries {
		padding-bottom: 7rem;
		}
	.c-entries:last-child {
		margin-bottom: 0;
		}
	.c-subject {
		font-size: 28px;
		line-height: 1.5;
		padding-top: 2.2rem;
		margin-bottom: 2rem;
		}
	.c-subject a:hover {
		color: #C47200;
		}
}

/*----------------------------------------------------
	「記事の続きを見る」ボタン
----------------------------------------------------*/
	.c-post-more-button {
		margin-top: 2rem;
		}
	.c-post-more-button a {
		color: #017BC6 !important;
		border: solid 1px #017BC6;
		box-sizing: border-box;
		padding: 1rem 2.4rem 1rem;
		display: block;
		position: relative;
		}
	.c-post-more-button a::before,
	.c-post-more-button a::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #017BC6;
    border-right: solid 1px #017BC6;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 41%;
		-webkit-transition: all .3s ease-in-out;
			 -moz-transition: all .3s ease-in-out;
				 -o-transition: all .3s ease-in-out;
				-ms-transition: all .3s ease-in-out;
						transition: all .3s ease-in-out;
		}
	.c-post-more-button a::before {
		right: 22%;
		}
	.c-post-more-button a::after {
		right: 24%;
		}
@media screen and (max-width: 767px) {
	.c-post-more-button a {
		text-align: center;
		}
	.c-post-more-button a::before {
		right: 24%;
		}
	.c-post-more-button a::after {
		right: 26%;
		}
}
@media print, screen and (min-width: 768px) {
	.c-post-more-button {
		width: 300px;
		text-align: center;
		margin-left: auto;
		}
	.c-post-more-button a:hover {
		color: #C47200 !important;
		border-color: #C47200;
		}
	.c-post-more-button a:hover::before {
		border-color: #C47200;
		right: 21%
		}
	.c-post-more-button a:hover::after {
		border-color: #C47200;
		right: 23%;
		}
}

/*----------------------------------------------------
	ウィジェット共通
----------------------------------------------------*/
	.p-widget+.p-widget {
		margin-top: 3.2rem;
		}
	.c-widget-tit {
		font-size: 120%;
		font-weight: normal;
		text-align: center;
		background-color: #017BC6;
		color: #FFF;
		padding-top: .6rem;
		padding-bottom: .6rem;
		margin-bottom: 2px;
		}
	.p-widget ul {
		background-color: #ECF4FB;
		border: solid 1px #CCCCCC;
		padding: 1.6rem 1.6rem 1.6rem 3.2rem;
		}
		.p-widget ul li ul {
			border: none;
			padding: 0;
			}
		.p-widget ul li+li {
			margin-top: .8rem;
			}
	.cat-item a {
		display: block;
		position: relative;
		}
	.cat-item a::before {
    content: '';
    width: 4px;
    height: 4px;
    border: 0px;
    border-top: solid 1px #007AC5;
    border-right: solid 1px #007AC5;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 41%;
		margin-left: -1.2rem;
		}
	.cat-item .children {
		text-indent: 1.6rem;
		}
	.p-widget .post-date {
		font-size: 11px;
		display: block;
		line-height: 100%;
		}
@media screen and (max-width: 768px) {
	.cat-item a {
		padding-top: .6rem;
		padding-bottom: .6rem;
		}
}
@media print, screen and (min-width: 769px) {
	.cat-item a {
		padding-top: .3rem;
		padding-bottom: .3rem;
		}
}
		
	/*「カレンダー」ウィジェット*/
	#wp-calendar {
		width: 100%;
		}
	#wp-calendar caption {
		font-weight: bold;
		}
	#wp-calendar tr {
		text-align: center;
		font-size: 13px;
		}
	#wp-calendar th {
		font-weight: bold;
		text-align: center;
		background-color: #F1F3F5;
		padding: 3px 0;
		}
	#wp-calendar td {
		padding: 4px 0;
		}
	#wp-calendar {
		border: solid 1px #CFCFCF;
		}
	#wp-calendar tbody td {
		border-bottom: solid 1px #CFCFCF;
		}
	#wp-calendar a {
		color: #007AC5;
		font-weight: bold;
		}
	#wp-calendar a:hover {
		color: #C47200;
		}
	#wp-calendar #today {
		font-weight: bold;
		}

/*----------------------------------------------------
	.wp-pagenavi(ページ送り「PageNavi」プラグイン使用)
----------------------------------------------------*/
	.wp-pagenavi {
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		}
	.wp-pagenavi a,
	.wp-pagenavi span {
		display: inline-block;
		text-align: center;
		white-space: nowrap;
		margin-left: 10px;
		margin-bottom: 10px;
		padding: 4px 14px;
		}
	.wp-pagenavi a:hover,
	.wp-pagenavi span.current {
		background-color: #EFEFEF;
		-webkit-border-radius: 50px;
			 -moz-border-radius: 50px;
						border-radius: 50px;
				-ms-border-radius: 50px;
				-webkit-appearance: none;
		}
@media screen and (max-width: 768px) {		
	.p-construction-list+.wp-pagenavi {
		margin: 2rem auto 0;
		}
}

/*----------------------------------------------------
	次の記事へ／前の記事へ
----------------------------------------------------*/
	.c-pager-items a {
		display: block;
		padding: 0.6rem 1.8rem 0.6rem;
		border: solid 1px #D6D6D6;
		box-sizing: border-box;
		text-align: center;
		text-decoration: none !important;
		-webkit-border-radius: 50px;
			 -moz-border-radius: 50px;
						border-radius: 50px;
				-ms-border-radius: 50px;
				-webkit-appearance: none;
		}
	.c-pager-items a:hover {
		background-color: #EFEFEF;
		}
	.c-pager-items.previous a:before,
	.c-pager-items.next a:after {
		position: relative;
		font-size: 110%;
		}
	.c-pager-items.previous a:before {
		content: "«";
		margin-right: 0.8rem;
		}
	.c-pager-items.next a:after {
		content: "»";
		margin-left: 0.8rem;
		}			
@media screen and (max-width: 768px) {
	html.tb .c-pager-items {
		display: inline-block;
		width: 38%;
		}
	html.tb .c-pager-items.previous {
		margin-left: 10%;
		}
	html.tb .c-pager-items.next {
		margin-right: 10%;
		}			
}
@media print, screen and (min-width: 769px) {
	.p-pager {
		padding-bottom: 5.0rem;
		}	
	.c-pager-items {
		display: inline-block;
		width: 200px;
		}
	.c-pager-items.previous {
		margin-left: 15%;
		}
	.c-pager-items.next {
		margin-right: 15%;
		}		
	body.single-post .c-pager-items {
		width: 170px;
		}	
}



/* =====================================================================

	Contact Us
	
======================================================================== */

/*----------------------------------------------------
	送信フォーム
----------------------------------------------------*/
	.p-contactTable {
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		border-collapse: collapse;
		}
	.p-contactTable th,
	.p-contactTable td {
		text-align: left;
		font-weight: normal;
		box-sizing: border-box;
		vertical-align: middle;
		}
	.p-contactTable th {
		color: #007AC5;
		font-weight: bold;
		}
@media screen and (max-width: 767px) {
	.p-contactTable {
		border-bottom: none;
		}
	.p-contactTable th,
	.p-contactTable td {
		display: block;
		padding: 0.8rem;
		}
	.p-contactTable th {
		padding-bottom: 0;
		}
	.p-contactTable td {
		padding-top: 0;
		padding-bottom: 0.8rem;
		}
}
@media print, screen and (min-width: 768px) {
	.p-contactTable th,
	.p-contactTable td {
		padding: 1rem 1.6rem;
		}
	.p-contactTable th {
		min-width: 250px;		
		}
}

/*----------------------------------------------------
	MW WP Form
----------------------------------------------------*/
	span.form-controls input[type="text"],
	span.form-controls input[type="email"],
	span.form-controls-tel input[type="text"],
	span.form-controls textarea,
	span.form-controls-half input[type="text"],
  span.form-controls-medium input[type="text"] {
    width: auto !important;
		border: solid 1px #CCC;
		background-color: #ECF4FB;
		padding: 6px;
		font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		}
	span.form-controls select {
		width: auto !important;
		border: solid 1px #CCC;
		background-color: #FFF;
		padding: 4px;
		}
	.form-controls input[type="tel"].zip {
		width: 98% !important;
		border: solid 1px #CCC;
		background-color: #ECF4FB;
		padding: 6px;
		font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		}
		::-webkit-input-placeholder {font-size: 94%;}
		:-ms-input-placeholder {font-size: 94%;}
		::-moz-placeholder {font-size: 94%;}
	span.form-controls-half input[type="text"] {
		width: 20% !important;
		}
    span.form-controls-medium input[type="text"] {
      width: 98% !important;
      }
  span.form-controls input[type="text"]:focus,
	span.form-controls-tel input[type="text"]:focus,
	span.form-controls .zip:focus,
	span.form-controls textarea:focus,
  span.form-controls-medium input[type="text"]:focus {
		border: solid 1px #007AC5;
		}
	
	#sendbtn {
		text-align: center;
		}
	#sendbtn input[type="submit"] {
		display: inline-block;
		cursor: pointer;
		font-weight: bold;
		padding: 12px 40px;
		background-color: rgba(0,0,0,1);
		color: #FFF;
		border: solid 1px #CCC;
		font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			-webkit-transition-timing-function: ease;
					 -o-transition-timing-function: ease;
							transition-timing-function: ease;
			-webkit-transition-duration: .4s;
					 -o-transition-duration: .4s;
							transition-duration: .4s;
			-webkit-transition-property: all;
					 -o-transition-property: all;
							transition-property: all;
		}
	#sendbtn a.c-button {
		padding: 18px 40px;
		}
	#sendbtn input[type="submit"]:hover,
	#sendbtn a.c-button:hover {
		cursor: pointer;
		background-color: rgba(255,255,255,1);
		border-color: #666;
		color: rgba(0,0,0,1);
		}

	#sendbtn a.c-button {
		display: inline-block;
		cursor: pointer;
		font-weight: bold;
		padding: 18px 40px;
		background-color: rgba(0,0,0,1);
		color: #FFF;
		border: solid 1px #CCC;
			-webkit-transition-timing-function: ease;
					 -o-transition-timing-function: ease;
							transition-timing-function: ease;
			-webkit-transition-duration: .4s;
					 -o-transition-duration: .4s;
							transition-duration: .4s;
			-webkit-transition-property: all;
					 -o-transition-property: all;
							transition-property: all;
		}
@media screen and (max-width: 768px) {
		span.form-controls input[type="text"],
		span.form-controls input[type="email"],
		span.form-controls textarea {
			margin-top: .4rem;
			width: 97% !important;
			font-size: 110%;
			}
		span.form-controls-tel input[type="text"] {
			margin-top: .4rem;
			font-size: 110%;
			width: 20% !important;
			}
		span.form-controls-half input[type="text"],
    span.form-controls-medium input[type="text"] {
			font-size: 110%;
			}
    #sendbtn input[type="submit"],
		#sendbtn a.c-button {
			width: 100%;
			font-size: 110%;
			}
		#sendbtn {
			margin-top: 1.6rem;
			}
		input[type="submit"] {
			-webkit-appearance: none;
			}
}
@media print, screen and (min-width: 769px) {
		span.form-controls input[type="text"],
		span.form-controls input[type="email"],
		span.form-controls textarea {
			width: 98% !important;
			font-size: 1.6rem;
			}
		span.form-controls-half input[type="text"],
    span.form-controls-medium input[type="text"] {
			font-size: 1.6rem;
			}
    span.form-controls-medium input[type="text"] {
      width: 50% !important;
      }
    #sendbtn input[type="submit"] {
			margin: 20px .5rem 0;
			}
		input[type="submit"] {
			-webkit-appearance: none;
			}
}

/*----------------------------------------------------
	個人情報保護方針ボタン
----------------------------------------------------*/
	.c-privacyButton {
		text-align: center;
		}
	.c-privacyButton .icon-pdf {
		font-size: 160%;
		padding-right: .6rem;
		}
	.c-privacyButton .c-button {
		padding: 1.6rem 2.4rem;
		}
	.c-privacyButton span {
		vertical-align: middle;
		}
@media screen and (min-width: 768px) {
	.c-privacyButton {
    padding-top: 3.2rem;
		margin-left: auto;
		margin-right: auto;
		}
	.c-privacyButton .c-button {
		width: 100%;
		}
}



/* =====================================================================

	Products
	
======================================================================== */

/*----------------------------------------------------
	ナビゲーションメニュー
----------------------------------------------------*/
@media screen and (min-width: 769px) {
	.c-product-nav .c-accordionMenu-list-item {
		background-repeat: no-repeat;
		background-size: contain;
		width: 150px;
		height: 60px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		-webkit-transition: all .3s ease-in-out;
			 -moz-transition: all .3s ease-in-out;
				 -o-transition: all .3s ease-in-out;
				-ms-transition: all .3s ease-in-out;
						transition: all .3s ease-in-out;
		}
	.c-product-nav .c-navbtn01 { background-image: url(../img/products/btn_nav01-150.jpg); }
	.c-product-nav .c-navbtn02 { background-image: url(../img/products/btn_nav02-150.jpg); }
	.c-product-nav .c-navbtn03 { background-image: url(../img/products/btn_nav03-150.jpg); }
	.c-product-nav .c-navbtn04 { background-image: url(../img/products/btn_nav04-150.jpg); }
	.c-product-nav .c-navbtn05 { background-image: url(../img/products/btn_nav05-150.jpg); }
  .c-product-nav .c-navbtn06 { background-image: url(../img/products/btn_nav06-150.jpg); }
	.c-product-nav .c-accordionMenu-list-item a {
		height: 60px;
		}
	body.page-child .c-product-nav li:not(.current) a {
		background-color: rgba(255,255,255,0.6);
		}
}

/*----------------------------------------------------
	取扱商品一覧　冒頭
----------------------------------------------------*/
@media screen and (max-width: 320px) {
	.c-products-catchphrase {
		font-size: 1.6rem !important;
		}
}
@media screen and (max-width: 768px) {
	.p-introduction .p-item--image {
		margin-bottom: 2.4rem;
		}
	.c-products-catchphrase {
		font-size: 2rem;
		margin-top: 1.2rem;
		margin-bottom: 1.2rem;
		}
	.tb .c-products-catchphrase {
		font-size: 3rem;
		}
	.c-products-catchphrase .u-db-sp2 {
		text-indent: 1em;
		}
}
@media print, screen and (min-width: 769px) {
	.p-introduction {
		margin-top: 4rem;
		}
	.p-introduction .p-item {
		align-items: flex-start;
		}
	.p-introduction .p-item--image {
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
		min-width: 480px;
		}
	.p-introduction .p-item--text {
		-webkit-box-ordinal-group:0;
		-ms-flex-order:0;
		-webkit-order:0;
		order:0;
		margin-right: 2.4rem;
		}
	.c-products-catchphrase {
		font-size: 2.6rem;
		line-height: 1.6;
		margin-bottom: 3rem;
		}
	.c-products-catchphrase .c-indent {
		display: inline-block;
		text-indent: 1em;
		}
	.p-introduction .c-text {
		padding-right: 1.6rem;
		}
}

/*----------------------------------------------------
	p-productItem
----------------------------------------------------*/
	.c-productItem-title {
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		color: #000;
		display: block;
		cursor: pointer;
		position: relative;
		}
		
	.c-productItem-list-item {
		position: relative;
		padding: .4rem 0 .4rem 2rem;
		}
	.c-productItem-list-item::before {
    content: '';
    width: 5px;
    height: 5px;
    border: 0px;
    border-top: solid 1px #007AC5;
    border-right: solid 1px #007AC5;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 41%;
		margin-left: -1.8rem;
		-webkit-transition: all .3s ease-in-out;
			 -moz-transition: all .3s ease-in-out;
				 -o-transition: all .3s ease-in-out;
				-ms-transition: all .3s ease-in-out;
						transition: all .3s ease-in-out;
		}
	.c-productItem-list-item a,
	.c-text-link a {
		text-decoration: underline;
		}
@media screen and (max-width: 320px) {
	.c-productItem-title {
		font-size: 130% !important;
		}
	.c-productItem-title--position {
		padding: 1.6rem 1.2rem !important;
		}
}
@media screen and (max-width: 768px) {
	.p-productItem-box {
		width: 100%;
		margin-bottom: 4.8rem;
		}
	.c-productItem-title {
		background-size: cover;	
		background-repeat: no-repeat;
		background-position: left top;
		font-size: 160%;
		}
	.c-productItem-title--position {
		padding: 1.6rem 2.4rem;
		}
	.c-product01 .c-productItem-title { background-image: url(../img/products/sp_productItem_bg01.png); }
	.c-product02 .c-productItem-title { background-image: url(../img/products/sp_productItem_bg02.png); }
	.c-product03 .c-productItem-title { background-image: url(../img/products/sp_productItem_bg03.png); }
	.c-product04 .c-productItem-title { background-image: url(../img/products/sp_productItem_bg04.png); }
	.c-product05 .c-productItem-title { background-image: url(../img/products/sp_productItem_bg05-2.png); }
  .c-product06 .c-productItem-title { background-image: url(../img/products/sp_productItem_bg06.png); }
	
	.c-productItem-image img {
		width: 50%;
		margin-left: 50%;
		}
	.tb .c-productItem-image img {
		width: 60%;
		margin-left: 40%;
		}
	.p-productItem-box .c-productItem-image {
		position: absolute;
		top: 0;
		right: 0;
		}
	.c-product01 .c-productItem-image { top: -2rem; }
	.c-product02 .c-productItem-image { top: -1rem; }
	.c-product03 .c-productItem-image { top: -2rem; }
	.c-product04 .c-productItem-image { top: -1rem; }
	.c-product05 .c-productItem-image { top: -2rem; }
  .c-product06 .c-productItem-image { display: none; }
	
	.c-productItem-list {
		margin: 1.6rem 0 0 .8rem;
		}
	.p-productItem-box .c-button-blue {
		display: none;
		}
}
@media print, screen and (min-width: 769px) {	
	.p-productItem.p-column-wrap::after{
		content: '';
		display: block;
		width:300px;
		}
	.p-productItem-box {
		width: 300px;
		display:-webkit-box;
		display:-ms-flexbox;
		display: flex;
		flex-direction: column;
		}
	.p-productItem-box .c-button-blue {
		margin-top: auto;
		}
	.p-productItem-box:nth-child(-n+3) {
		margin-bottom: 10rem;
		}
	.c-productItem-title {
		position:relative;
		border: solid 1px #CCCCCC;
		box-sizing: border-box;
		width: 300px;
		height: 260px;
		line-height: 1.4;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left top;
		-webkit-transition: all .3s ease-in-out;
			 -moz-transition: all .3s ease-in-out;
				 -o-transition: all .3s ease-in-out;
				-ms-transition: all .3s ease-in-out;
						transition: all .3s ease-in-out;
		}
	.c-productItem-title .c-productItem-title--position {
		position: absolute;
		top: 2rem;
		left: 2rem;
		display: table;
		text-align: center;
		}
	.c-productItem-title span {
		display: block;
		letter-spacing: .2em;
		margin-left: .2em;
		text-shadow: 0 0 5px #fff,
      0 0 5px #fff,
			0 0 5px #fff,
			0 0 10px #fff,
			0 0 20px #fff,
      0 0 20px #fff,
      0 0 30px #fff;
		}
	.c-productItem-title span:nth-child(1) { font-size: 3.2rem; }
	.c-product01 .c-productItem-title { background-image: url(../img/products/productItem_bg01.png); }
	.c-product02 .c-productItem-title { background-image: url(../img/products/productItem_bg02.png); }
	.c-product03 .c-productItem-title { background-image: url(../img/products/productItem_bg03.png); }
	.c-product04 .c-productItem-title { background-image: url(../img/products/productItem_bg04.png); }
	.c-product05 .c-productItem-title { background-image: url(../img/products/productItem_bg05-2.png); }
  .c-product06 .c-productItem-title { background-image: url(../img/products/productItem_bg06.png); }
	.c-product01 .c-productItem-title:hover { color: #B17010; border-color: #B17010; }
	.c-product02 .c-productItem-title:hover { color: #7A5260; border-color: #7A5260; }
	.c-product03 .c-productItem-title:hover { color: #666666; border-color: #666666; }
	.c-product04 .c-productItem-title:hover { color: #007AC5; border-color: #007AC5; }
	.c-product05 .c-productItem-title:hover { color: #663300; border-color: #663300; }
  .c-product06 .c-productItem-title:hover { color: #0a9edb; border-color: #0a9edb; }
	
	.c-productItem-title::after {
		content: '';
		width: 0;
		height: 0;
		border-left: 33px solid transparent;
		border-right: 33px solid #333;
		border-top: 33px solid transparent;
		position: absolute;
		bottom: 0px;
		right: 0px;
		transform: rotate(0deg);
		}
	.c-product01 .c-productItem-title::after { border-right-color:#B17010; }
	.c-product02 .c-productItem-title::after { border-right-color:#CCCCCC; }
	.c-product03 .c-productItem-title::after { border-right-color:#000000; }
	.c-product04 .c-productItem-title::after { border-right-color:#007AC5; }
	.c-product05 .c-productItem-title::after { border-right-color:#663300; }
  .c-product06 .c-productItem-title::after { border-right-color:#0a9edb; }
	
	.c-productItem-title .c-productItem-image {
		position: absolute;
		right: 0;
		bottom: 0;
		}
	.c-product01 .c-productItem-title .c-productItem-image { bottom: -15px; }
	.c-product02 .c-productItem-title .c-productItem-image { bottom: -12px; }
	.c-product03 .c-productItem-title .c-productItem-image { bottom: -21px; }
	.c-product04 .c-productItem-title .c-productItem-image { bottom: -18px; }
	.c-product05 .c-productItem-title .c-productItem-image { bottom: -10px; right: 10px; }
  .c-product06 .c-productItem-title .c-productItem-image {
    bottom: 20px;
    left: 50%;
    transform: translate(-50%,0);
    width: 100%;
    margin: 0 auto;
    text-align: center;
    }
	
	.c-productItem-list {
		margin: 2rem 0;
		}
	.c-productItem-list-item:hover::before {
		border-color: #C47200;
		margin-left: -1.6rem;
		}
}


/*----------------------------------------------------

	各商品ページ　共通
	
----------------------------------------------------*/

/*----------------------------------------------------
	p-page-mainVisua
----------------------------------------------------*/	
	.p-page-mainVisual {
		text-align: center;
		position: relative;
		}
@media screen and (max-width: 768px) {
	.p-page-mainVisual {
		padding-top: .8rem;
		z-index: -1;
		}
	.tb .p-page-mainVisual {
		padding-top: 1.6rem;
		}
	.tb .p-page-mainVisual .c-hr {
		padding-top: 1.6rem;
		}
	.p-page-mainVisual .c-text {
		margin-top: 1.6rem;
		}
}
@media print, screen and (min-width: 769px) {	
	.p-page-mainVisual .c-hr {
		padding-top: 5.6rem;
		}
	.p-page-mainVisual figure.c-products-mainVisual {
		z-index: -1;
		position: relative;
		margin-top: -5.6rem;
		}
}

/*----------------------------------------------------
	p-product-item
----------------------------------------------------*/
	.p-product-item::after {
		content: '';
		display: block;
		clear: both;
		}
	.c-product-item--title {
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		letter-spacing: .2rem;
		text-indent: -.2rem;
		line-height: 1.5;
		position: relative;
		padding-left: 4rem;
		}
	.c-product-item--title::before {
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 1;
		content: '';
		display: block;
		width: 2rem;
		height: 2px;
		background-color: #ccc;
		}
	.c-product-item--title.blue::before {
		background-color: #017BC6;
		}
@media screen and (max-width: 768px) {
	.p-product-item {
		margin-bottom: 7rem;
		}
	.p-product-item .p-item {
		display: flex;
		flex-direction: column;
		}
	.p-product-item .p-item--image {
		order: 2;
		}
	.p-product-item .p-item--text {
		order: 1;
		}
	.c-product-item--title {
		font-size: 150%;
		margin-bottom: 1.2rem;
		}
}
@media print, screen and (min-width: 769px) {	
	.p-product-item .p-item--image {
		flex: 1;
		}
	.p-product-item .p-item--text {
		width: 360px;
		}
	.c-product-item--title {
		font-size: 2.4rem;
		margin: 2rem 0;
		}
}



/* =====================================================================

	Recruit
	
======================================================================== */

/*----------------------------------------------------
	冒頭キャッチフレーズ
----------------------------------------------------*/
	.c-recruit-catchphrase--text {
		z-index: 2;
		}
@media screen and (max-width: 565px) {
	.p-recruit-catchphrase {
		margin: 0 5% 4rem;
		}
	.c-recruit-catchphrase--text {
		position: relative;
		left: 17%;
		margin-top: -30%;
		width: 85%;
		}
}
@media print, screen and (min-width: 566px) {	
	.p-recruit-catchphrase {
		width: 566px;
		margin: 0 auto 10rem;
		position: relative;
		}
	.p-recruit-catchphrase figure {
		text-align: center;
		}
	.c-recruit-catchphrase--text {
		line-height: 2.4;
		position: absolute;
		left: 130px;
		bottom: 55px;
		width: 420px;
		}
	.c-recruit-catchphrase--text span {
		display: block;
		}
}

/*----------------------------------------------------
	求める人材
----------------------------------------------------*/
	.l-jinzai {
		background-image: url(../img/recruit/bg_jinzai.jpg);
		background-repeat: no-repeat;
		color: #FFF;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		justify-content: center;
		position: relative;
		overflow: hidden;
		}
	.l-jinzai::before {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		width: 0px;
		height: 0px;
		margin: auto;
		border-style: solid;
		border-color: #FFFFFF transparent transparent transparent;
		}
	.l-jinzai::after {
		content: '';
		display: block;
		background-image: url(../img/recruit/bg_arrow_bottom.png);
		background-position: center bottom;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0px;
		}
	.l-jinzai .p-jinzai-wrap {
		text-align: center;
		}
	.p-recruit--title {
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		letter-spacing: .3rem;
		text-indent: -.2rem;
		text-align:center;
		}
	.c-jinzai--image {
		width: 92.5px;
		height: 106.5px;
		margin-left: auto;
		margin-right: auto;
		}
	ul.p-jinzai--text li {
		margin: 1rem 0;
		font-weight: bold;
		}
@media screen and (max-width: 768px) {
	.l-jinzai {
		background-position: center center;
		padding: 4.8rem 0;
		background-size: cover;
		}
	.l-jinzai::before {
		border-width: 22px 30px 0 30px;
		}
	.l-jinzai::after {
		height: 22px;
		}
	.p-recruit--title {
		font-size: 180%;
		}
	ul.p-jinzai--text {
		margin-top: 2.4rem;
		}
}
@media print, screen and (min-width: 769px) {	
	.l-jinzai {
		background-position: center bottom;
		padding: 9rem 0 13rem;
		}
	.l-jinzai::before {
		border-width: 33px 43px 0 43px;
		}
	.l-jinzai::after {
		height: 33px;
		}
	.p-recruit--title {
		font-size: 4.2rem;
		}
	ul.p-jinzai--text {
		margin-top: 3rem;
		}
}

/*----------------------------------------------------
	4つの魅力
----------------------------------------------------*/
	.c-appeal--image {
		width: 152.5px;
		height: 125px;
		margin-left: auto;
		margin-right: auto;
		}
	.c-appealItem-title {
		color: #0079C5;
		font-weight: 400;
		text-align: center;
		}
	.c-appealItem-text {
		font-size: 90%;
		line-height: 2.2;
		}
@media screen and (max-width: 768px) {
	.l-appeal {
		margin: 4.8rem 0 6.4rem;
		}
	.c-appealItem-title {
		font-size: 160%;
		}
	.p-appealItem-box {
		margin-top: 4.8rem;
		}
	.c-appealItem-image {
		text-align: center;
		margin: 0 5% 1.6rem 5%;
		}
}
@media print, screen and (min-width: 769px) {	
	.l-appeal {
		padding: 10rem 0;
		background-image: url(../img/recruit/bg_appeal.jpg);
		background-repeat: no-repeat;
		background-position: left bottom;
		}
	.p-appealItem-box {
		margin-top: 5.6rem;
		flex-grow: 1;
		box-sizing: border-box;
		}
	.p-appealItem-box+.p-appealItem-box {
		border-left: dotted 1px #CCCCCC;
		}
	.c-appealItem-image {
		margin-bottom: .8rem;
		}
	.c-appealItem-title {
		font-size: 2.6rem;
		}
	.c-appealItem-text {
		text-shadow: 0 0 5px #fff,
     0 0 5px #fff,
		 0 0 5px #fff,
		 0 0 5px #fff,
		 0 0 5px #fff,
		 0 0 5px #fff,
		 0 0 5px #fff;
		}
}
@media print, screen and  (min-width: 769px) and (max-width: 1209px) {
	.p-appealItem-box {
		width: 35%;
		}
	.p-appealItem-box:nth-child(odd) {
		padding-right: 3%;
		margin-right: -3%;
		}
	.p-appealItem-box:nth-child(even) {
		padding-left: 3%;
		margin-left: 3%;
		}
}
@media print, screen and (min-width: 1210px) {
	.l-appeal .p-wrap {
		width: 1200px;
		}
	.p-appealItem-box {
		width: 23%;
		}
	.p-appealItem-box:first-child {
		padding-right: 2rem;
		margin-right: -2rem;
		}
	.p-appealItem-box+.p-appealItem-box {
		padding-left: 2rem;
		margin-left: 2rem;
		}
}

/*----------------------------------------------------
	旭日工業が気になる？（採用募集）
----------------------------------------------------*/
	.l-entry {
		background-image: url(../img/recruit/bg_entry.jpg);
		background-repeat: no-repeat;
		color: #FFF;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		justify-content: center;
		position: relative;
		overflow: hidden;
		}
	.l-entry::before {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		width: 0px;
		height: 0px;
		margin: auto;
		border-style: solid;
		border-color: #FFFFFF transparent transparent transparent;
		}
	.l-entry::after {
		content: '';
		display: block;
		background-image: url(../img/recruit/bg_arrow_bottom.png);
		background-position: center bottom;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0px;
		}
	.l-entry .p-entry-wrap {
		text-align: center;
		}
	.c-entry--image {
		width: 85px;
		height: 77.5px;
		margin-left: auto;
		margin-right: auto;
		}
@media screen and (max-width: 768px) {
	.l-entry {
		background-position: center center;
		padding: 4.8rem 0 6.4rem;
		background-size: cover;
		}
	.l-entry::before {
		border-width: 22px 30px 0 30px;
		}
	.l-entry::after {
		height: 22px;
		}
	.c-entry--image {
		margin-bottom: .8rem;
		}
	.p-entry--text {
		margin-top: 2.4rem;
		}
}
@media print, screen and (min-width: 769px) {	
	.l-entry {
		background-position: center bottom;
		padding: 10rem 0 14rem;
		}
	.l-entry::before {
		border-width: 33px 43px 0 43px;
		}
	.l-entry::after {
		height: 33px;
		}
	.p-entry--text {
		margin-top: 3rem;
		}
}

	.p-entry-btnArea {
		margin-top: 2.8rem;
		margin-bottom: 6.4rem;
		}
	/*** ▼ ***/
	.c-triangle-bottom {
		margin: 2rem auto -22px;
		width: 0px;
		height: 0px;
		border: 22px solid;
		border-color: #666 transparent transparent transparent;
		}
	.c-triangle-bottom.lightGrey {
		border-color: #CCC transparent transparent transparent;
		}

	.c-recruit-button {
		background-image: url(../img/recruit/recruit_button_line.png);
		background-repeat: no-repeat;
		background-position: right top;
		}
	.c-recruit-button a {
		display: block;
		border: solid 8px #E7E7E7;
		box-sizing: border-box;
		}
	.c-recruit-button-text,
	.c-recruit-button-text--en {
		display: block;
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		}
	.c-recruit-button-text {
		color: #007AC5;
		line-height: 160%;
		}
	.c-recruit-button-text--en {
		color: #000;
		}
@media screen and (max-width: 768px) {
	.c-recruit-button {
		width: 100%;
		margin-bottom: 4rem;
		}
	.c-recruit-button a {
		padding: 2.4rem 1.6rem;
		}
	.c-recruit-button-text {
		font-size: 170%;
		}
}
@media print, screen and (min-width: 769px) {
	.c-recruit-button {
		width: 47%;
		}
	.c-recruit-button a {
		padding: 3.6rem;
		background-image: url(../img/recruit/recruit_button_arrow.png);
		background-repeat: no-repeat;
		background-position: 90% center;
		}
	.c-recruit-button a:hover {
		border-color: #007AC5;
		background-position: 92% center;
		}
	.c-recruit-button-text {
		font-size: 3.4rem;
		}
	.c-recruit-button-text--en {
		font-size: 115%;
		}
}

/*----------------------------------------------------
	ナビゲーションメニュー
----------------------------------------------------*/
@media print, screen and (min-width: 769px) {
	.c-accordionMenubtn {
		border: solid 1px #017BC6;
		text-align: center;
		font-family: 'Noto Serif JP', serif;
		font-size: 130%;
		line-height: 100%;
		letter-spacing: .1rem;
		text-indent: -.1rem;
		}
	.c-accordionMenubtn a {
		padding: 1.8rem 0;
		box-sizing: border-box;
		border-bottom: solid 1px #FFFFFF;
		border-right: solid 1px #FFFFFF;
		position: relative;
		}
	.c-accordionMenubtn.current a,
	.c-accordionMenubtn a:hover {
		background-color: #017BC6;
		color: #FFF;
		}
	.c-accordionMenubtn.current a {
		box-shadow: 0px 2px 1px #017BC6;
		border-bottom: solid 1px #FFFFFF;
		}
	.c-accordionMenubtn a::after {
		content: '';
		display: block;
		width: 22px;
		height: 22px;
		position: absolute;
		right: 0px;
		bottom: 0px;
		}
	.c-accordionMenubtn a::after {
		background-image: url(../img/common/menu_arrow.png);
		}
	.c-accordionMenubtn.current a::after,
	.c-accordionMenubtn a:hover::after {
		background-image: url(../img/common/menu_arrow_hover.png);
		}
	
	/*「会社案内」メニュー--> "当社関連会社機械設備" */
	.c-list-items--five.c-accordionMenubtn:nth-child(4) a {
		padding: .5rem 0 .4rem 0;
		line-height: 1.2;
		}
}



/* =====================================================================

	募集要項
	Recruit jobs
	
======================================================================== */

/*----------------------------------------------------
	募集要項一覧
----------------------------------------------------*/
	.job-list {
		border-top: dotted 1px #CCCCCC;
		}
	.job-list .c-news {
		width: 100%;
		border-bottom: dotted 1px #CCCCCC;
		box-sizing: border-box;
		position: relative;
		}
	.job-list .c-news:hover {
		cursor: pointer;
		}
	.job-list .c-news::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #017BC6;
    border-right: solid 1px #017BC6;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
		-webkit-transition: all .3s ease-in-out;
			 -moz-transition: all .3s ease-in-out;
				 -o-transition: all .3s ease-in-out;
				-ms-transition: all .3s ease-in-out;
						transition: all .3s ease-in-out;
		}
@media screen and (max-width: 768px) {
	.job-list .c-news {
		padding: 1.2rem 0;
		}
	
	.job-list .c-news::after {
		top: 45%;
		right: 5px;
		}
}
@media print, screen and (min-width: 769px) {
	.job-list .c-news {
		padding: 1.8rem 1rem;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		}
		
	.job-list .c-news:hover {background-color:rgba(255,255,96,0.1);}
		.job-list .c-news:hover a {color: #C47200;}
		
	.job-list .c-news::after {
		top: 42%;
		right: 10px;
		}
		.job-list .c-news:hover::after {
			right: 5px;
			 border-color: #C47200;
			}
		
	.job-list .c-news dt {
		width: 280px;
		}
	.job-list .c-news .c-date {
		margin-left: 3.2rem;
		}
}

/*----------------------------------------------------
	エントリーボタン
----------------------------------------------------*/
	.c-entryButton {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		}
@media screen and (min-width: 768px) {
	.c-entryButton .c-button {
		width: 100%;
		}
}

/*----------------------------------------------------
	「この記事を編集する」リンク
----------------------------------------------------*/
	.icon-edit {
		background-color: #F0F8FD;
		border: solid 1px #39C;
		display: inline-block;
		padding: 1.6rem;
		margin-bottom: 1rem;
		-webkit-border-radius: 4px;
			 -moz-border-radius: 4px;
						border-radius: 4px;
				-ms-border-radius: 4px;
				-webkit-appearance: none;
		}
	.icon-edit,
	.post-edit-link {
		color: #39C !important;
		}
	.icon-edit::before {
		margin-right: .4rem;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		}
	.icon-edit a:hover,
	.icon-edit:hover::before {
		color: #007AC5 !important;
		}



/* =====================================================================

	エントリーフォーム
	Entry form
	
======================================================================== */

	.c-applybox {
		background-color: #ECF4FB;
		box-sizing: border-box;
		}
	.c-applybox--title {
		color: #007AC5;
		font-weight: normal;
		}
	.c-applybox--title .icon-contact,
	.c-applybox--title .icon-phone {
		font-size: 170%;
		vertical-align: middle;
		margin-right: .6rem;
		}
	.p-entryformTable .c-border {
		border-bottom: dotted 1px #CCCCCC;
		}
@media screen and (max-width: 768px) {
	.c-applybox {
		width: 100%;
		padding: 2rem 1.6rem;
		}
	.c-applybox+.c-applybox {
		margin-top: 2.4rem;
		}
	.c-applybox--title {
		font-size: 118%;
		}
	.c-applybox--text {
		margin-top: 1rem;
		}
	.p-entryformTable th,
	.p-entryformTable td {
		padding-left: 0;
		padding-right: 0;
		}
	.p-entryformTable th {
		padding-top: 1.2rem;
		}
	.p-entryformTable td {
		padding-bottom: 1.2rem;
		}
}
@media print, screen and (min-width: 769px) {
	.c-applybox {
		width: 48%;
		padding: 4rem;
		}
	.c-applybox--title {
		font-size: 2.4rem;
		}
	.c-applybox--text {
		margin-top: 1.2rem;
		}
	.p-entryformTable th,
	.p-entryformTable td {
		padding: 2rem 0;
		}
	.p-entryformTable th {
		vertical-align: top;
		}
}



/* =====================================================================

	資料請求
	Saple
	
======================================================================== */

/*----------------------------------------------------
	見本サンプル
----------------------------------------------------*/
@media screen and (max-width: 768px) {
	.p-sample-list--item+.p-sample-list--item {
		margin-top: 3rem;
		}
	.p-sample-list--item .c-product-item--title,
	.p-sample-list-block .c-product-item--title {
		margin: .8rem 0 .4rem;
		}
	.tb .p-sample-list--item {
		width: 48%;
		}
	.tb .p-sample-list--item:nth-child(n+3) {
		margin-top: 4rem;
		}
}
@media print, screen and (min-width: 769px) {
	.p-sample-list--item {
		width: 48%;
		}
	.p-sample-list--item:nth-child(n+3) {
		margin-top: 4rem;
		}
	.p-sample-list--item .c-product-item--title,
	.p-sample-list-block .c-product-item--title {
		margin: .8rem 0;
		}
}

  .p-sample-list--item+.p-sample-list-block,
	.p-sample-list-block+.p-sample-list-block {
		margin-top: 4rem;
		}
	.p-sample-list-block--text {
		margin-top: 0.8rem;
		}

  /*弊社を知ったきっかけ（アンケート部分）*/
@media print, screen and (min-width: 769px) {
  .kikkake-freeword span {
    display: table-cell;
    }
/*  .kikkake-checkbox-field {
    display: table-cell;
    width: 40%;
    }
  .kikkake-freeword-field {
    display: table-cell;
    width: 60%;
    }*/
/*  .mw_wp_form .vertical-item + .vertical-item {
    margin-top: 25px !important;
    }
  .kikkake-word {
    position: relative;
    top: -3px;
    }
  .kikkake-site {
    padding-top: 177px;
    }
    .mw_wp_form_confirm .kikkake-site {
      padding-top: 150px !important;
      }  
  .kikkake-other {
    padding-top: 14px;
    }*/
  .kikkake-wordTitle {
    width: 140px;
    /*display: none !important;*/
    }
}
  

/* =====================================================================

	会社案内
	Company
	
======================================================================== */
@media screen and (max-width: 768px) {
	.c-mark-fsc img {
		width: calc(100% / 2);
		}
}
  .p-officer {
    }
  .p-officer dt {
    float: left;
    width: 140px;
    }
  .p-officer dd {
    overflow: hidden;
    }

/* =====================================================================

	一貫生産工場
	Business
	
======================================================================== */	
	/*開閉パネル設定*/
	.p-accordionList {
		display: block;
		}
	.p-accordionList-dt {
		position: relative;
		cursor: pointer;
		border: solid 1px #CCCCCC;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 80%, rgba(229,229,229,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 80%,rgba(229,229,229,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 80%,rgba(229,229,229,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
		}
	.p-accordionList-dt::after {
		content: '';
		border: 0px;
		transform: rotate(135deg);
		position: absolute;
		}
	.p-accordionList-dt.is-active::after {
		transform: rotate(-45deg);
		}
  .p-accordionList-dd {
		display: none;
		}
  .p-accordionList-dd.open {
    display: block;
    }
	.p-accordionList-dt .p-number {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		background-color: #017BC6;
		color: #FFF;
		font-family: 'Muli', sans-serif;
		font-weight: 600;
		}
	.p-accordionList-subject {
		display: table-cell;
		vertical-align: middle;
    font-weight: normal;
		}
@media screen and (max-width: 768px) {
	.p-accordionList-dt {
		margin-top: 1.6rem;
		padding: 1rem;
		}
	.p-accordionList-dt::after {
		width: 10px;
		height: 10px;
		border-top: solid 2px #828282;
		border-right: solid 2px #828282;
		top: 16px;
		right: 15px;
		}
	.p-accordionList-dt.is-active::after {
		margin-top: 6px;
		}
	.p-accordionList-dt .p-number {
		width: 30px;
		height: 30px;
		}
	.p-accordionList-dd {
		margin: 1.2rem 0;
		padding-bottom: 3rem;
		}		
	.p-accordionList-subject {
		padding-left: .8rem;
		}

	.p-business-image {
		margin-top: 2rem;
		}
	.sp .p-business-image li {
		margin-left: auto;
		margin-right: auto;
		}
	.sp .p-business-image li+li {
		margin-top: 2rem;
		}
	.tb .p-business-image li {
		width: 31%;
		}
}
@media print, screen and (min-width: 769px) {
	.p-accordionList {
		margin-top: 20px;
		}
	.p-accordionList-dt {
		margin-top: 3rem;
		padding: 1.4rem 1.8rem;
		}
	.p-accordionList-dt::after {
		width: 15px;
		height: 15px;
		border-top: solid 3px #828282;
		border-right: solid 3px #828282;
		top: 22px;
		right: 24px;
		}
	.p-accordionList-dt.is-active::after {
		margin-top: 8px;
		}
	.p-accordionList-dt .p-number {
		width: 40px;
		height: 40px;
		font-size: 120%;
		}
	.p-accordionList-dd {
		margin: 3.2rem 8rem;
		padding-bottom: 6rem;
		}
	.p-accordionList-subject {
		font-size: 2.0rem;
		padding-left: 2rem;
		}

	.p-business-image {
		margin-top: 4rem;
		}
}



/* =====================================================================

	原紙からの提案
	Proposal
	
======================================================================== */	
	.p-balloon-title {
		background-color: #017BC6;
		color: #FFF;
		font-weight: normal;
		font-size: 130%;
		line-height: 100%;
		position: relative;
		}
	.p-balloon-title span::before {
		content: '';
		width: 7px;
		height: 7px;
		border-top: solid 1px #FFF;
		border-right: solid 1px #FFF;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		}	
	.p-balloon {
		display:-webkit-box;
		display:-ms-flexbox;
		display: flex;
  	flex-wrap: nowrap;
		align-items: center;
		}
	.p-balloon.left {
		flex-direction: row;
		}
	.p-balloon.left .p-balloon-character {
		padding-right: 3rem;
		}
	.p-balloon.right { /* 右 */
		flex-direction: row-reverse; /* アイコンと吹き出しの並びを入れ替える */
		}
	.p-balloon.right .p-balloon-character {
		padding-left: 2.4rem;
		}
	.p-balloon-serif {
		position: relative;
		display: inline-block;
		background: #FFF;
		text-align: left;
		border: 1px solid #CCC;
		box-sizing: border-box;
    border-radius: 10px;
		padding: 2.8rem;
		width: 100%;
		}
	.p-balloon.left .p-balloon-serif::before {
		content: "";
		display: inline-block;
		background-image: url(../img/proposal/icon_serif_left.gif);
		background-repeat: no-repeat;
		background-size: 26px 16px;
		width: 26px;
		height: 16px;	
		left: -26px;
		position: absolute;
		}
	.p-balloon.right .p-balloon-serif {
		color: #000;
		font-weight: 700;
		border: 3px solid #017BC6;
		}
	.p-balloon.right .p-balloon-serif::before {
		content: "";
		display: inline-block;
		background-image: url(../img/proposal/icon_serif_right.gif);
		background-repeat: no-repeat;
		background-size: 24px 15px;
		width: 24px;
		height: 15px;
		top: 40%;	
		right: -24px;
		position: absolute;
		}
	
	.p-proposal-image {
		margin-top: 2rem;
		margin-bottom: 8rem;
		}
	.p-proposal-image figcaption {
		text-align: center;
		margin-top: .4rem;
		}
@media screen and (max-width: 767px) {
	.p-balloon-title {
		padding: 1.2rem 1.6rem;
		margin-bottom: 1.6rem;
    line-height: 150%;
		}
	.p-balloon-title span {
		padding-left: 2rem;
		}
	.p-balloon-title span::before {
		top: 40%;
		left: 1.6rem;
		}
	.p-balloon-character {
		width: 20%;
		}
	.p-balloon.left {
		margin-bottom: 1rem;
		}
	.p-balloon.left .p-balloon-character {
		padding-right: 2rem;
		}
	.p-balloon-serif {
		padding: .8rem;
		font-size: 86%;
		}
	.p-balloon.left .p-balloon-serif::before {
		background-size: 13px 8px;
		width: 13px;
		height: 8px;	
		left: -13px;
		top: 40%;
		}
	
	.p-proposal-image {
		margin-bottom: 6rem;
		}
}
@media print, screen and (min-width: 768px) {
	.p-balloon-title {
		padding: 1.6rem 3rem;
		margin-bottom: 2.4rem;
		}
	.p-balloon-title span {
		padding-left: 2.2rem;
		}
	.p-balloon-title span::before {
		top: 42%;
		left: 3rem;
		}
	.p-balloon-wrap {
		margin: 0 2.4rem;
		}
	/*.p-balloon.right {
		margin-top: -2.4rem;
		}*/
}

/*----------------------------------------------------
	以下、ページ改修後CSS
----------------------------------------------------*/
  .p-intro--catchphrase {
    font-size: 2rem;
    margin-top: 1rem;
    margin-bottom: 1.6rem;
    }
  .img-sdgs_goals {
    width: 200px;
    }
@media (min-width: 769px) {
  .proposal-intro {
    position: relative;
    }
  .proposal-intro::before {
    content: "";
    display: inline-block;
    width: 320px;
    height: 352px;
    background-image: url("../img/proposal/bg_introduction.jpg");
    background-size: 320px 352px;
    position: absolute;
    top: 0;
    right: -80px;
    z-index: -1;
    }
	.p-intro--catchphrase {
		font-size: 3.2rem;
		line-height: 1.6;
    margin-bottom: 2.4rem;
		}
  .p-proposal-image.before-after {
    position: relative;
    }
  .p-proposal-image.before-after::after {
    content: "";
    display: inline-block;
    width: 66px;
    height: 67px;
    background-image: url("../img/proposal/arrow.png");
    background-size: 66px 67px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }
}

/*** sdgs-icon ***/
  .sdgs-icon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 10px;
    row-gap: 10px;
    margin-top: 2rem;
    padding-bottom: 2rem;
    }
  .sdgs-icon img {
    width: 75px;
    }
@media (min-width: 769px) {
  .sdgs-icon {
    column-gap: 20px;
    margin-top: 3rem;
    padding-bottom: 3rem;
    }
  .sdgs-icon img {
    width: 150px;
    }  
}

/*** c-title ***/
	.c-title {
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		letter-spacing: .2rem;
		text-indent: -.2rem;
		line-height: 1.5;
    font-size: 150%;
		margin-bottom: 1.2rem;
		}
@media (min-width: 769px) {
	.c-title {
		font-size: 2.4rem;
		}
}