@charset "UTF-8";
html {
  font-size: 62.5%; }

body {
	padding-top: 45px;
  font-size: 1.6rem;
  color: #000;
  /*font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  background: #fff; }
  @media (max-width: 560px) {
    body {
			padding-top: 62px;
      font-size: 3.5vw; } }

img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  vertical-align: top;
  max-width: 100%;
  border: 0; }

div {
  box-sizing: border-box; }

.spOnly {
	display: none;
}

.fromspOnly {
	display: none;
}

@media (max-width:768px) {
.spOnly {
	display: block;
}
.pcOnly {
	display: none;
	}
}

@media (max-width: 560px) {
.fromspOnly {
	display: block;
}
.toPad {
	display: none;
}
}

.fc-w {
	color: #fff;
}

.mt0 {
	margin-top: 0 !important;
}

/**/
.webp-pic {
  display: none;
}
.webp .webp-pic {
  display: block;
}
.webp .jpg-pic {
  display: none;
}

/**/
#site-wrap {
	position: relative;
}

/**/
.mail a {
	color: #000;
}

/*=============================================
	main
=============================================*/
.main {
  padding-right: 200px;
	padding-bottom: 100px;
}

.main.top {
	padding-bottom: 0px;
}

@media (max-width: 768px) {
.main {
  padding-right: 0px;
}	
}

@media (max-width: 560px) {
.main {
  padding-bottom: 30px;
}	
}

.sec-box {
	margin: 0px auto 0;
	width: 900px;
}

@media (max-width: 768px) {
.sec-box {
	padding: 0 20px;
	width: inherit;
	max-width: 900px;
}
}

.sec-box.mt-m {
	margin: 100px auto 0;
}

.add-bg {
	padding: 60px 0 80px;
}

@media (max-width: 560px) {
.add-bg {
	padding: 40px 0 50px;
}	
}

/*.add-bg .sec-box {
	margin-top: 0;
}*/

/*背景色
--------------------*/
.bg-green {
	background: #0C9C34;
}

.bg-gray {
	background: #F4F1F1;
}

.bg-brown {
	background: #60451D;
}

.bg-charcoal {
	background: #5C5F5D;
}

/*
--------------------*/
.sec-ttl-box {
	text-align: center;
}

.sec-ttl {
	font-size: 6.4rem;
	/*font-family: "Bodoni Moda SC", serif;*/
	font-family: "Libre Caslon Display", serif;
	font-weight: 400;
	font-weight:normal;
	line-height: 1;
	letter-spacing: 1px;
}

.sec-ttl-sub {
	margin-top: 20px;
	font-size: 2.0rem;
	font-weight: 600;
	line-height: 1;
}

@media (max-width: 560px) {
.sec-ttl {
	font-size: 9vw;
}

.sec-ttl-sub {
	margin-top: 10px;
	font-size: 3.0vw;
}
}

/*
--------------------*/
.sec-con {
	margin: 80px auto 0;
	width: 900px;
	display: flex;
	justify-content: space-between;
}

.sec-con .txt-area {
	width: 420px;
	font-weight: 400;
}

.sec-con .txt-area .ttl {
	margin-bottom: 20px;
	font-size: 2.0rem;
	font-weight: 700;
	text-align: center;
}

.sec-con .pic-area {
	width: 420px;
}

.sec-con.type2 .pic-area {
	width: 427px;
}

.pic-multi {
	display: grid;
	gap:0 10px;
	grid-template-columns: repeat(2,1fr);
}

@media (max-width: 768px) {
.sec-con {
	width: inherit;
	max-width: 900px;
}

.sec-con .txt-area {
	width: 46.67%;
}
	
.sec-con .pic-area {
	width: 46.67%;
}

.sec-con.type2 .pic-area {
	width: 46.67%;
}

}

@media (max-width: 560px) {
.sec-con {
	margin: 25px auto 0;
	flex-direction: column;
}
	
.sec-con.halal {
	margin: 25px auto 0;
	flex-direction:column-reverse;
}

.sec-con .txt-area {
	width: inherit;
}
	
.sec-con.halal .txt-area {
	margin-top: 20px;
}
	
.sec-con .txt-area .ttl {
	margin-bottom:30px;
	font-size: 4vw;
}
	
.sec-con .pic-area {
	margin-top:20px;
	width: inherit;
}
	
.sec-con.halal .pic-area {
	margin-top:0px;
}

.sec-con.type2 .pic-area {
	width: inherit;
}

.pic-multi {
	display: grid;
	gap:0 0px;
}
	
}


/*ボタン
--------------------*/
.btn-detail {
	margin: 65px auto 0;
	width: 172px;
}

.btn-detail.type2 {
	margin: 30px auto 0;
	width: 160px;
}

.btn-detail p {
	height: 45px;
	font-size: 1.8rem;
	line-height:1;
	border: solid 1px #000;
	display:flex;
	align-items:center;
	justify-content:center;
}

.btn-detail.type2 p {
	height: 36px;
	font-size: 1.8rem;
	border: solid 1px #fff;
}

.btn-detail.type2 a {
	color: #fff;
}

/*複数ボタン
--------------------*/
.btn-list {
	margin: 80px auto 0;
	width: 580px;
	display: flex;
	justify-content: space-between;
}

.btn-list > li {
	width: 282px;
}

@media (max-width: 560px) {
.btn-list {
	margin: 40px auto 0;
	width: 55%;
	display: block;
}

.btn-list > li {
	margin-top:10px;
	width: 100%;
}	

.btn-list > li:first-child {
	margin-top:0px;
}
}

.btn-list .btn-detail {
	margin: 5px auto 0;
	width: inherit;
}

.btn-list .btn-detail p {
	border: solid 1px #fff;
}

.btn-list .btn-detail a {
	color: #fff;
}

@media (max-width: 560px) {
.btn-detail {
	margin: 40px auto 0;
	width: 55%;
}

.btn-detail.type2 {
	margin: 30px auto 0;
	width: 55%;
}

.btn-detail p {
	/*padding:0.5em 0;*/
	padding:1em 0;
	height: auto;
	font-size: 3.5vw;
}

.btn-detail.type2 p {
	height: 36px;
	font-size: 1.8rem;
}	
	
.btn-list .btn-detail {
	margin: 0px auto 0;
}

	
}

/*ボタンホバー時*/
.btn-detail a {
  display: block;
  color: #000;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s; /* 色変化のアニメーションを追加 */
}

.btn-detail a:hover {
  background-color: #000; /* 背景色を黒に */
  color: #fff; /* 文字色を白に */
}

.btn-detail.green a:hover {
  background-color: #fff; /* 背景色を黒に */
  color: #0C9C34 !important; /* 文字色を白に */
}

.btn-detail.brown a:hover {
  background-color: #fff; /* 背景色を黒に */
  color: #60451D !important; /* 文字色を白に */
}


/*ハラールとは
-----------------------------*/
.about-halal {
	margin: 60px auto 0;
	padding: 10px;
	width: 900px;
	background: #fff;
}

@media (max-width: 768px) {
.about-halal {
	width: inherit;
	max-width: 900px;
}	
}

@media (max-width: 560px) {
.about-halal {
	margin: 50px auto 0;
	padding:5px;
}	
}

.about-halal .frame1 {
	padding: 5px;
	border: solid 4px #0C9C34;
}

.about-halal .frame2 {
	padding:40px 15px 40px 15px;
	border: solid 2px #0C9C34;
}

.about-halal .ttl {
	font-size: 3.2rem;
	font-weight: 700;
	color: #0C9C34;
	text-align: center;
	line-height: 1;
}

.about-box {
	margin: 30px auto 0;
	display: flex;
	justify-content: space-between;
}

.about-box .txt {
	width: 520px;
}

.about-box .pic {
	padding-right: 25px;
	width: 254px;
}

@media (max-width: 768px) {
.about-box .txt {
	width: 62.80%;
}

.about-box .pic {
	padding-right: 0px;
	width: 30.68%;
}
}

@media (max-width: 560px) {
.about-halal .frame1 {
	padding: 3px;
	border: solid 3px #0C9C34;
}

.about-halal .frame2 {
	padding:20px 10px 30px 10px;
	border: solid 1px #0C9C34;
}
	
.about-halal .ttl {
	font-size: 5vw;
}
	
.about-box {
	margin: 15px auto 0;
	flex-direction: column;
}
	
.about-box .txt {
	width: inherit;
}

.about-box .pic {
	margin-top:30px;
	width: inherit;
}
}

/*---------------------------
	ニュース
---------------------------*/
.news-box {
	margin: 70px auto 0;
	width: 824px;
}

.news-table {
	width: 100%;
}

.news-table th,.news-table td {
	font-size: 1.6rem;
	font-weight: normal;
	text-align: left;
	padding-bottom: 30px;
}

.news-table th {
	
	width: 110px;
	white-space: nowrap;
}

.news-table tr:last-child th,
.news-table tr:last-child td {
  padding-bottom: 0px;
}

@media (max-width: 768px) {
.news-box {
	width: inherit;
}	
}

@media (max-width: 560px) {
.news-box {
	margin: 30px auto 0;
	width: inherit;
}
	
.news-table th,.news-table td {
	font-size: 3.5vw;
	padding-bottom: 0px;
	display:block;
}

.news-table th {
	padding-bottom:5px;
	width: inherit;
	white-space:normal;
}

.news-table td {
	padding-bottom:20px;
}
}

/*---------------------------
	リンク集
---------------------------*/
.link-list {
	margin:90px auto 0;
	width: 926px;
	display: grid;
	gap:0 10px;
	grid-template-columns: repeat(4,1fr);
}

.link-list > li {
	text-align:center;
}

.link-list > li .txt {
	margin-top: 10px;
	font-size: 1.4rem;
}

.link-list > li .txt span {
	font-size: 1.2rem;
}

.link-list > li a {
	color: #000;
	text-decoration: none;
	transition: .2s;
}

.link-list > li a:hover {
	opacity: .7;
}

@media (max-width: 768px) {
.link-list {
	margin:90px auto 0;
	width: 100%;
}
}

@media (max-width: 560px) {
.link-list {
	margin:30px auto 0;
	width: 100%;
	gap:30px 10px;
	grid-template-columns: repeat(2,1fr);
}

.link-list > li .txt {
	margin-top: 5px;
	font-size: 3.0vw;
}

.link-list > li .txt span {
	font-size: 0.9rem;
}
		
}

/*---------------------------
	カレンダー
---------------------------*/
.calendar-area {
	margin: 30px auto 0;
	width: 940px;
}

.calendar-area iframe {
	width: 100%;
	height: 400px;
	border: none !important;
}

@media (max-width: 768px) {
.calendar-area {
	margin: 30px auto 0;
	width: inherit;
}
}

/*---------------------------
	お問い合わせ
---------------------------*/
.inq-list {
	margin:60px auto 0px;
	width: 790px;
	display: grid;
	gap:0 40px;
	grid-template-columns: repeat(3,1fr);
}

.inq-list > li {
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
}

@media (max-width: 768px) {
.inq-list {
	width: 100%;
	gap:0 40px;
}
}

@media (max-width: 560px) {
.inq-list {
	margin:30px auto 0px;
	width: 100%;
	display: grid;
	gap:30px 0px;
	grid-template-columns: repeat(1,1fr);
}
	
.inq-list > li {
	margin-top:20px;
	font-size: 3.3vw;
}

.inq-list > li:first-child {
	margin-top:0;
}
}

.inq-ttl1 {
	margin-bottom: 30px;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1;
}

.inq-ttl2 {
	margin-bottom: 20px;
	font-size: 2.0rem;
	font-weight: 600;
	line-height: 1;
}

.inq-tel {
	margin-bottom: 20px;
	font-size: 2.0rem;
	font-weight: 600;
	line-height: 1;
}

.inq-time {
	font-size: 1.2rem;
	white-space: nowrap;
}


@media (max-width: 560px) {
.inq-ttl1 {
	margin-bottom: 20px;
	font-size: 4vw;
	font-weight: 400;
}

.inq-ttl2 {
	margin-bottom: 20px;
	font-size: 4.5vw;
}

.inq-tel {
	margin-bottom: 10px;
	font-size:5vw;
	font-weight: 600;
	line-height: 1;
}

.inq-time {
	font-size: 3.3vw;
	white-space:normal;
}
	
.inq-time .spOnly {
	display: none !important;
	}
	
}


/**/
.inq-btn {
	margin-top: 40px;
}

.inq-btn p {
	height: 49px;
	font-weight: 600;
	color: #fff;
	background: #FC9C0D;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius:100px;
}

.inq-btn a {
	display: block;
	color: #fff;
	text-decoration: none;
	transition: .2s;
}

.inq-btn a:hover {
	opacity: .7;
}

@media (max-width: 560px) {
.inq-btn {
	margin:20px auto 0px;
	width:55%;
}

.inq-btn p {
	padding:0.5em 0;
	height: auto;
}	
}

/*---------------------------
	よくあるご質問（トップ）
---------------------------*/
.top-faq-area {
	margin: 40px auto 0;
	padding: 40px;
	width: 790px;
	background: #efefef;
	display: flex;
	align-items: center;
}

.top-faq-area .ttl-area {
	width: 240px;
	display: flex;
}

.top-faq-area .ttl-area .box {
	text-align: center;
}

.top-faq-area .ttl-area .ttl {
	font-size: 2.0rem;
	font-weight: 600;
	line-height: 1;
}

/*英語*/
.top-faq-area.en .ttl-area .ttl {
	line-height: 1.4;
}

.top-faq-area .ttl-area .link {
	margin-top: 10px;
	font-size: 1.2rem;
	font-weight: 600;
}

.top-faq-area .ttl-area .link a {
	color: #000;
}

.top-faq-area .ttl-area .link a:hover {
	opacity: .7;
	text-decoration: none;
}

.top-faq-area .list-area {
	font-size: 1.4rem;
	font-weight:bold;
}

.top-faq-area .list-area ul li {
	text-indent: -1em;
  padding-left: 1em;
}

/*英語*/
.top-faq-area.en .list-area ul li {
	margin-top:5px;
}

.top-faq-area.en .list-area > ul > li {
	margin-top:1.2em;
}

@media (max-width: 768px) {
.top-faq-area {
	width: 100%;
}	
}

@media (max-width: 560px) {
.top-faq-area {
	padding: 20px 15px;
	display: block;
}

.top-faq-area .ttl-area {
	width: inherit;
	display: block;
}
	
.top-faq-area .ttl-area .ttl {
	font-size: 4.5vw;
}

.top-faq-area .ttl-area .link {
	margin-top: 10px;
	font-size: 3.5vw;
	font-weight:400;
}
	
.top-faq-area .list-area {
	margin-top:20px;
	font-size: 3.5vw;
}
	
}

/*=============================================
	企業概要（gaiyou.html）
=============================================*/
.sec-con2 {
	margin: 80px auto 0;
	width: 870px;
}

@media (max-width: 768px) {
.sec-con2 {
	width: inherit;
	max-width: 870px;
}
}

@media (max-width: 560px) {
.sec-con2 {
	margin: 25px auto 0;
}
}

/*---------------------------
	企業理念メッセージ
---------------------------*/
.message-pic {
	margin: 0 auto 0;
	max-width: 576px;
}

.message-ttl {
	margin-top: 70px;
	font-size: 2.8rem;
	font-weight: 600;
	text-align: center;
	line-height: 1;
}

.message-txt {
	margin-top: 60px;
	font-size: 2.0rem;
	line-height: 1.8;
	/*font-family: "Noto Serif JP", serif;*/
}

.message-name {
	margin-top: 40px;
	font-size: 2.0rem;
	text-align: right;
	/*font-family: "Noto Serif JP", serif;*/
}

@media (max-width: 560px) {
.message-ttl {
	margin-top: 40px;
	font-size: 5vw;
}
	
.message-txt {
	margin-top: 30px;
	font-size: 3.5vw;
	line-height: 1.6;
}
	
.message-name {
	margin-top: 40px;
	font-size: 3.5vw;
}
}

/*---------------------------
	事業内容
---------------------------*/
.company-table {
	width: 100%;
	border: solid 1px #000;
}

.company-table th,.company-table td {
	border: solid 1px #000;
	border-collapse: collapse;
	font-size: 1.8rem;
	height: 100px;
	vertical-align: middle;
}

.company-table th {
	width: 215px;
	background: #F5FAFB;
}

.company-table td {
	padding-left: 44px;
	padding-right:10px;
}

@media (max-width: 560px) {
.company-table th,.company-table td {
	padding:1em 0;
	font-size: 3.5vw;
	height: auto;
}

.company-table th {
	width: 100px;
	font-size:3.5vw;
}

.company-table td {
	padding-left: 1em;
	padding-right:1em;
}
}

/*---------------------------
	沿革
---------------------------*/
.history-table {
	width: 100%;
}

.history-table th,.history-table td {
	padding: 50px 0;
	font-size: 1.8rem;
	text-align: left;
}

.history-table th {
	width: 80px;
	white-space: nowrap;
}

.history-table td {
	padding-left: 40px;
}

.history-table tr{
    border-bottom: 1px solid #000;
}

.history-table tr:first-child th,.history-table tr:first-child td {
	padding-top: 0;
}

@media (max-width: 560px) {
.history-table th,.history-table td {
	padding: 1.5em 0;
	font-size: 3.5vw;
	vertical-align:middle;
}

.history-table th {
	width: 50px;
	font-size: 3.5vw;
}

.history-table td {
	padding-left: 1.2em;
}	
}

/*---------------------------
	所在地
---------------------------*/
.company-address {
	margin: 40px auto 0;
	display: table;
	font-size: 1.8rem;
}

.map-area {
	margin: 40px auto 0;
	width: 100%;
}

.map-area iframe {
	width: 100%;
}

@media (max-width: 560px) {
.company-address {
	margin: 25px auto 0;
	display: table;
	font-size: 3.4vw;
}

.map-area {
	margin: 25px auto 0;
}
	
.map-area iframe {
	height:300px;
}
}
/*=============================================
	事業内容（message.html）
=============================================*/
.zenkai-message-area {
	margin: 100px auto 80px;
	width: 860px;
}

@media (max-width: 768px) {
.zenkai-message-area {
	padding: 0 20px;
	width: inherit;
	max-width: 860px;
}
}

@media (max-width: 560px) {
.zenkai-message-area {
	margin:40px auto 50px;
}
}

.zenkai-message-ttl {
	margin-bottom: 90px;
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
}

@media (max-width: 560px) {
.zenkai-message-ttl {
	margin-bottom: 40px;
	font-size: 5vw;
}
}

.custmor-box {
	margin-bottom: 30px;
}

.custmor-box .voice1 {
	font-size: 2.4rem;
	font-weight: 600;
}

.custmor-box .voice2 {
	margin-top: 35px;;
	font-size: 2.0rem;
	font-weight: 600;
	color: #FF7008;
	text-align: right;
	line-height: 1;
}

.zenkai-message-txt {
	margin-top: 70px;
	font-size: 2.0rem;
}

@media (max-width: 560px) {
.custmor-box {
	margin-bottom: 20px;
}

.custmor-box .voice1 {
	font-size: 3.8vw;
}

.custmor-box .voice2 {
	margin-top: 5px;;
	font-size: 3.8vw;
}

.zenkai-message-txt {
	margin-top: 40px;
	font-size: 3.5vw;
}
}

/**/
.halal-sec-box {
	margin: 80px auto 0;
}

.halal-sec-ttl {
	margin-bottom: 40px;
	font-size: 2.0rem;
	font-weight: 700;
	text-align: center;
}

.halal-sec-ttl.ty2 {
	margin-bottom: 60px;
}

.sec-con.ch-mt {
	margin-top: 100px;
}

.sec-con.ch-mt2 {
	margin-top: 60px;
}

@media (max-width: 560px) {
.halal-sec-box {
	margin: 25px auto 0;
}

.sec-con.ch-mt {
	margin-top: 90px;
}
	
.halal-sec-ttl {
	margin-bottom: 30px;
	font-size: 4vw;
}
	
.halal-sec-ttl.ty2 {
	margin-bottom: 30px;
	padding:1em 0;
	color:#fff;
	background:#000;
	line-height:1;
}
	
}

/*=============================================
	取り扱い牛の紹介（ushi.html）
=============================================*/
/**/
.about-traceability {
	margin: 60px auto 0;
	width: 760px;
	font-size: 1.4rem;
}

@media (max-width: 768px) {
.about-traceability {
	width: inherit;
	max-width: 760px;
}
}

@media (max-width: 560px) {
.about-traceability {
	margin:20px auto 0;
	font-size:3.2vw;
}
}

/*肉質の特徴*/
.meat-quality-area {
	margin: 100px auto 0;
}

.meat-quality-ttl {
	font-size: 1.9rem;
	font-weight: 700;
	text-align: center;
}

@media (max-width: 560px) {
.meat-quality-area {
	margin: 60px auto 0;
}

.meat-quality-ttl {
	font-size: 3.5vw;
}
}

.meat-quality-box {
	margin: 60px auto 0;
	display: flex;
}

.meat-quality-box .pic-area {
	margin-right: 20px;
	flex-shrink: 0;
	width: 194px;
}

.meat-quality-box .txt-area {
	width: 100%;
}

.meat-quality-box .txt-area ul li {
	text-indent: -1em;
	padding-left: 1em;
}

.meat-quality-box .txt-area ul li.fs {
	margin-top: 20px;
	font-size: 1.4rem;
}

@media (max-width: 560px) {
.meat-quality-box {
	margin: 20px auto 0;
	display: block;
}

.meat-quality-box .pic-area {
	margin-right: 0px;
	width: inherit;
}

.meat-quality-box .txt-area {
	margin-top:20px;
}
	
.meat-quality-box .txt-area ul li.fs {
	margin-top: 20px;
	font-size: 3.0vw;
}
}

/**/
.wide-btn-box {
	margin: 60px auto 0;
	width: 800px;
}

@media (max-width: 768px) {
.wide-btn-box {
	width: inherit;
	max-width: 800px;
}	
}

@media (max-width: 560px) {
.wide-btn-box {
	margin: 40px auto 0;
}	
}

.wide-btn-set {
	width: 100%;
	display: flex;
	align-items: center;
	border: solid 1px #000;
}

.wide-btn-set .pic-area {
	flex-shrink:0;
	border-right: solid 1px #000;
}

.wide-btn-set .txt-area {
	width: 100%;
	font-size: 2.0rem;
	font-weight: 700;
	text-align: center;
}

.wide-btn-set .txt-area .txt {
	position:relative;
	display: inline-block;
}

.wide-btn-set .txt-area .txt:after {
	content:'';
	background: url("../images/common/icon_window.png") no-repeat center;
	background-size: contain;
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%; /* 上部の位置を親要素の中央に設定 */
  transform: translateY(-50%); /* 高さの50%分だけ要素を上に移動 */
	right: -52px;
}


.wide-btn-box a {
	display: block;
	color: #000;
	text-decoration: none;
	transition: .2s;
}

.wide-btn-box a:hover {
	opacity: .7;
}

@media (max-width: 560px) {
.wide-btn-set .pic-area {
	width:31%;
}

.wide-btn-set .txt-area {
	font-size: 3.0vw;
}
	
.wide-btn-set .txt-area .txt:after {
	width: 13px;
	height: 13px;
	right: -17px;
}
}

/*=============================================
	牛肉の部位ガイド（bui.html）
=============================================*/
.cuts-guide-intro {
	margin: 60px auto 0;
	display: table;
}

.cow-parts-fig {
	margin: 60px auto 0;
	max-width: 640px;
}

@media (max-width: 560px) {
.cuts-guide-intro {
	margin: 25px auto 0;
	display: block;
}

.cow-parts-fig {
	margin: 40px auto 0;
}
}

.parts-list {
	margin: 150px auto 0;
	width: 930px;
}

@media (max-width: 768px) {
.parts-list {
	padding: 0 20px;
	width: inherit;
	max-width: 930px;
}
}

@media (max-width: 560px) {
.parts-list {
	margin:60px auto 0;
}
}

.parts-list > li {
	margin-top: 20px;
}

.parts-list > li:first-child {
	margin-top: 0;
}

/**/
.parts-set {
	display: flex;
	border: solid 1px #000;
}

.parts-set .pic-area {
	flex-shrink: 0;
	width: 270px;
}

.parts-set .pic-area img {
	width: inherit !important;
}

.parts-name {
	height: 46px;
	font-size: 2.8rem;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	background: #000;
	display:flex;
	align-items:center;
	justify-content:center;
}

.parts-name-sp {
	display: none;
}

.parts-pic {
	padding: 20px 30px;
	text-align: center;
}

.parts-set .txt-area {
	padding: 20px 60px;
	width: 100%;
}

.parts-set .txt-area .txt-reco {
	color: #FF7008;
	font-weight: 700;
}

@media (max-width: 560px) {
.parts-set {
	align-items:center;
}

.parts-set .pic-area {
	width: 40%;
}

.parts-set .pic-area img {
	width: 100% !important;
}

.parts-name {
	display:none;
}
	
.parts-name-sp {
	padding:0.3em 0;
	display: block;
	font-size:4vw;
	color: #fff;
	background: #000;
	text-align: center;
	line-height:1;
	}

.parts-pic {
	padding: 0px 10px;
	text-align: center;
}

.parts-set .txt-area {
	padding: 10px 10px;
}

}

/*=============================================
	加工の流れ（kihon.html）
=============================================*/
.flow-list {
	margin: 100px auto 0;
	width: 870px;
}

.flow-list > li {
	margin-top: 70px;
}

.flow-list > li:first-child {
	margin-top: 0;
}

@media (max-width: 768px) {
.flow-list {
	margin: 100px auto 0;
	width: inherit;
	max-width: 870px;
}
}

@media (max-width: 560px) {
.flow-list {
	margin: 40px auto 0;
}
}

/**/
.flow-set {
	display: flex;
	justify-content: space-between;
}

/**/
.flow-arrow-box {
	flex-shrink: 0;
	width: 124px;
	font-size: 2.9rem;
	font-weight: 900;
	background-size: contain !important;
	display:flex;
	justify-content:center;
}

.flow-arrow-box {
	
}

.flow-arrow-box.step1 {
	height: 190px;
	background: url("../images/concept/kihon/step1_arrow.png") no-repeat center;
}

.flow-arrow-box.step2 {
	height: 190px;
	background: url("../images/concept/kihon/step2_arrow.png") no-repeat center;
}

.flow-arrow-box.step3 {
	height: 190px;
	background: url("../images/concept/kihon/step3_arrow.png") no-repeat center;
}

.flow-arrow-box.step4 {
	height: 190px;
	background: url("../images/concept/kihon/step4_arrow.png") no-repeat center;
}

.flow-arrow-box.step5 {
	height: 190px;
	background: url("../images/concept/kihon/step5_arrow.png") no-repeat center;
}

.flow-arrow-box.step6 {
	height: 190px;
	background: url("../images/concept/kihon/step6_arrow.png") no-repeat center;
}

.flow-arrow-box.step7 {
	height: 190px;
	background: url("../images/concept/kihon/step7_arrow.png") no-repeat center;
}

.flow-arrow-box.step8 {
	height: 190px;
	background: url("../images/concept/kihon/step8_arrow.png") no-repeat center;
}

.flow-arrow-box.step9 {
	height: 190px;
	background: url("../images/concept/kihon/step9_arrow.png") no-repeat center;
}

.flow-arrow-box.step10 {
	height: 190px;
	background: url("../images/concept/kihon/step10_arrow.png") no-repeat center;
}

.flow-arrow-box.step11 {
	height: 190px;
	background: url("../images/concept/kihon/step11_arrow.png") no-repeat center;
}

.flow-arrow-box p {
	position: relative;
	color: #fff;
	line-height: 1;
	top: 80px;
}

.flow-arrow-box.step1 p {
	top: 70px;
}

.flow-arrow-box.step2 p {
	
}

@media (max-width: 560px) {
.flow-arrow-box {
	flex-shrink: 0;
	width: 70px;
	font-size: 4vw;
}

.flow-arrow-box.step1 {
	height: auto;
	background: url("../images/concept/kihon/step1_arrow_sp.png") no-repeat center;
}

.flow-arrow-box.step2 {
	height: auto;
	background: url("../images/concept/kihon/step2_arrow_sp.png") no-repeat center;
}
	
.flow-arrow-box.step3 {
	height: auto;
	background: url("../images/concept/kihon/step3_arrow_sp.png") no-repeat center;
}
	
.flow-arrow-box.step4 {
	height: auto;
	background: url("../images/concept/kihon/step4_arrow_sp.png") no-repeat center;
}
	
.flow-arrow-box.step5 {
	height: auto;
	background: url("../images/concept/kihon/step5_arrow_sp.png") no-repeat center;
}
	
.flow-arrow-box.step6 {
	height: auto;
	background: url("../images/concept/kihon/step6_arrow_sp.png") no-repeat center;
}
	
.flow-arrow-box.step7 {
	height: auto;
	background: url("../images/concept/kihon/step7_arrow_sp.png") no-repeat center;
}
	
.flow-arrow-box.step8 {
	height: auto;
	background: url("../images/concept/kihon/step8_arrow_sp.png") no-repeat center;
}
	
.flow-arrow-box.step9 {
	height: auto;
	background: url("../images/concept/kihon/step9_arrow_sp.png") no-repeat center;
}
	
.flow-arrow-box.step10 {
	height: auto;
	background: url("../images/concept/kihon/step10_arrow_sp.png") no-repeat center;
}
	
.flow-arrow-box.step11 {
	height: auto;
	background: url("../images/concept/kihon/step11_arrow_sp.png") no-repeat center;
}

.flow-arrow-box p {
	position: relative;
	color: #fff;
	line-height: 1;
	top: 45%;
}

.flow-arrow-box.step1 p {
	top: 40%;
}	
}

/**/
.flow-con-box {
	width: 652px;
	display: flex;
	justify-content: space-between;
}

.flow-con-box .txt-area {
	width: 330px;
}

.flow-con-box .txt-area .name {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
}

.flow-con-box .txt-area .txt {
	margin-top: 20px;
	font-size: 2.0rem;
}

.flow-con-box .pic-area {
	width: 270px;
}

@media (max-width: 768px) {
.flow-con-box {
	width: 100%;
}

.flow-con-box .txt-area {
	padding-left:20px;
}

}

@media (max-width: 560px) {
.flow-con-box {
	margin-left:60px;
	padding-right:30px;
	display:block;	
}

.flow-con-box .txt-area {
	padding-left: 0;
	width: inherit;
}

.flow-con-box .txt-area .name {
	font-size: 3.5vw;
}

.flow-con-box .txt-area .txt {
	margin-top: 10px;
	font-size: 3.5vw;
}

.flow-con-box .pic-area {
	margin-top:15px;
	width: inherit;
}	
}

/*=============================================
	採用情報（recruit.html）
=============================================*/
.btn-recruit {
	margin: 60px auto 0;
	width: 490px;
	display: flex;
	justify-content: space-between;
}

.btn-recruit > li {
	width: 228px;
}

.btn-recruit p {
	height: 54px;
	border: solid 1px #000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-recruit > li a {
	display: block;
	color: #000;
	background: #fff;
	text-decoration: none;
	transition: .2s;
}

.btn-recruit > li a:hover {
	color: #fff;
	background: #000;
}

@media (max-width: 560px) {
.btn-recruit {
	margin: 30px auto 0;
	width: 100%;
}

.btn-recruit > li {
	width: 48%;
}
	
.btn-recruit p {
	padding: 0.8em 0;
	height: auto;
}
}

/**/
.recruit-catch {
	margin-top: 80px;
	font-size: 3.0rem;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
	text-align: center;
}

.recruit-intro {
	margin-top: 80px;
	font-size: 2.0rem;
	font-family: "Noto Serif JP", serif;
}

.recruit-pic {
	margin: 100px auto 0;
	width: 576px;
}

@media (max-width: 560px) {
.recruit-catch {
	margin-top: 40px;
	font-size: 5vw;
}

.recruit-intro {
	margin-top: 40px;
	font-size: 3.5vw;
}

.recruit-pic {
	margin: 40px auto 0;
	width: inherit;
}	
}

.recruit-ttl {
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
}

@media (max-width: 560px) {
.recruit-ttl {
	font-size: 4.5vw;
}
}

/**/
.recruit-sec {
	margin: 130px auto 0;
	width: 840px;
}

@media (max-width: 768px) {
.recruit-sec {
	margin: 130px 20px 0;
	width: inherit;
	max-width: 840px;
}
}

@media (max-width: 560px) {
.recruit-sec {
	margin: 60px 20px 0;
}
}

/**/
.recruit-table {
	margin-top: 35px;
	width: 100%;
	border-top: 1px solid #0AD3FF;
}

.recruit-table th,.recruit-table td {
	padding: 50px 0;
	font-size: 1.6rem;
	text-align: left;
}

.recruit-table th {
	padding: 0 80px;
	white-space: nowrap;
	font-weight: normal;
	width: 80px;
}

.recruit-table td {
	padding-left: 30px;
}

.recruit-table tr{
    border-bottom: 1px solid #0AD3FF;
}

.recruit-table tr:first-child th,.recruit-table tr:first-child td {
	/*padding-top: 0;*/
}

@media (max-width: 560px) {
.recruit-table {
	margin-top: 20px;
}
	
.recruit-table th,.recruit-table td {
	padding: 1.5em 0;
	font-size: 3.5vw;
	vertical-align:middle;
}

.recruit-table th {
	width: 80px;
	font-size: 3.5vw;
}

.recruit-table td {
	padding-left: 1.2em;
}	
}


/*お問い合わせ
-------------------------*/
.recruit-inq-area {
	margin: 180px auto 0;
	width: 840px;
	text-align: center;
	background: #E3F2F3;
}

.recruit-inq-area.faq {
	background: #F4F1F1;
}

@media (max-width: 768px) {
.recruit-inq-area {
	margin: 180px 20px 0;
	width: inherit;
	max-width: 840px;
}
}

@media (max-width: 560px) {
.recruit-inq-area {
	margin: 60px 20px 0;
}
}

.recruit-inq-ttl {
	height: 40px;
	font-size: 2.0rem;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	background: #1AB8DA;
	display:flex;
	align-items:center;
	justify-content:center;
}

.recruit-inq-area.faq .recruit-inq-ttl {
	background: #000;
}

.recruit-inq-area .inner {
	padding: 30px 0;
}

@media (max-width: 560px) {
.recruit-inq-ttl {
	padding:0.5em 0;
	height: auto;
	font-size: 4.5vw;
}

.recruit-inq-area .inner {
	padding: 20px 0;
}
}

.inq-table {
	margin: 30px auto 0;
}

.inq-table th,.inq-table td {
	font-weight: 700;
	text-align: left;
}

.inq-table .place1,.inq-table .place2 {
	padding-bottom: 20px;
}

.inq-table th {
	padding-right: 30px;
}

.inq-table .tel {
	font-size: 2.0rem;
}

@media (max-width: 560px) {
.inq-table {
	margin: 15px auto 0;
}

.inq-table th,.inq-table td {
	font-size: 3.2vw;
}

.inq-table .place1,.inq-table .place2 {
	padding-bottom: 0.5em;
}

.inq-table th {
	padding-right: 1.0em;
}

.inq-table .tel {
	font-size: 3.5vw;
}
}

.inq-recep-time {
	margin-top: 10px;
	font-size: 1.2rem;
}

@media (max-width: 560px) {
.inq-recep-time {
	margin-top:1em;
	font-size: 3.0vw;
}
}

/*=============================================
	よくあるご質問（faq.html）
=============================================*/
.faq-area {
	margin: 60px auto 0;
	width: 840px;
}

.faq-list {
}

.faq-list > li {
	margin-top: 50px;
}

.faq-list > li:first-child {
	margin-top: 0;
}

@media (max-width: 768px) {
.faq-area {
	width: inherit;
	maxwidth: 840px;
}
}

@media (max-width: 560px) {
.faq-area {
	margin: 30px auto 0;
}
	
.faq-list > li {
	margin-top: 20px;
}
}

/**/
.faq-box {
	padding: 35px 40px;
	background: #fff;
	border: solid 1px #C4C4C4;
	box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.15);
	border-radius: 20px;
}

.faq-tab {
	position: relative;
	font-size: 2.4rem;
	font-weight: 700;
	cursor: pointer;
}

.faq-tab .arrow {
	position: absolute;
	top: 50%; /* 上部の位置を親要素の中央に設定 */
  transform: translateY(-50%); /* 高さの50%分だけ要素を上に移動 */
	right: 20px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.faq-tab .arrow img {
	transition: all .25s;
}

.faq-tab.selected .arrow img {
	transform: rotate(180deg); /* 180度回転 */
}

.faq-tab .add-indent {
	display: inline-block;
	padding-left:2.5em;
}

.faq-ans {
	padding: 40px 0 10px;
	display: none;
}

@media (max-width: 560px) {
.faq-box {
	padding: 15px 16px;
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
}

.faq-tab {
	text-indent:-2em;
	padding-left:2em;
	font-size: 3.8vw;
}
	
.faq-tab .arrow {
	right: 0px;
	width:12px;
}
	
.faq-ans {
	padding: 20px 0 10px;
}
}

/*=============================================
	プライバシーポリシー（plicy.html）
=============================================*/
.policy-area {
	margin: 60px auto 0;
	width: 870px;
}

.policy-list {
}

.policy-list > li {
	margin-top: 50px;
}

.policy-list .ttl {
	font-size: 2.0rem;
	font-weight: normal;
}

.terms-list li {
  margin-top: 5px;
  text-indent: -1em;
  padding-left: 1em;
}

@media (max-width: 768px) {
.policy-area {
	width: inherit;
	max-width: 870px;
}
	
}

@media (max-width: 560px) {
.policy-area {
	margin: 30px auto 0;
}
	
.policy-list > li {
	margin-top: 30px;
}

.policy-list .ttl {
	font-size: 3.8vw;
}
	
}

/*=============================================
	ニュース一覧（news.html）
=============================================*/
.news-area {
	margin: 60px auto 0;
	width: 840px;
}

@media (max-width: 768px) {
.news-area {
	width: inherit;
	max-width: 840px;
}	
}

@media (max-width: 560px) {
.news-area {
	margin: 30px auto 0;
}	
}

/**/
.news-list-table {
	width: 100%;
	border-top: 1px solid #000;
}

.news-list-table th,.news-list-table td {
	padding: 40px 0;
	font-size: 1.6rem;
	text-align: left;
}

.news-list-table th {
	padding: 0 20px;
	white-space: nowrap;
	font-weight: normal;
	width:100px;
}

.news-list-table td {
	padding-left: 0px;
}

.news-list-table tr{
    border-bottom: 1px solid #000;
}

.news-list-table tr:first-child th,.news-list-table tr:first-child td {
	/*padding-top: 0;*/
}

@media (max-width: 560px) {
.news-list-table {
	margin-top: 20px;
}
	
.news-list-table th,.news-list-table td {
	padding: 0 0;
	font-size: 3.5vw;
	display: block;
}

.news-list-table th {
	padding-top: 1.5em;
	width: 100%;
	font-size: 3.5vw;
}

.news-list-table td {
	padding-left: 0;
	padding-top:0.5em;
	padding-bottom: 1.5em;
	font-size:3.8vw;
}	
}

/*=============================================
	個別ニュースページ（○○○○.html）
=============================================*/
.indivi-ttl-box {
	padding-bottom: 30px;
	border-bottom:  solid 1px #000;
}

.indivi-news-date {
	/*margin-bottom:-2.2em;*/
	padding-left: 20px;
}

.indivi-news-ttl {
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
}

@media (max-width: 560px) {
.indivi-ttl-box {
	padding-bottom: 1em;
}

.indivi-news-date {
	/*margin-bottom:-2.0em;*/
	padding-left: 0px;
}

.indivi-news-ttl {
	font-size: 5vw;
}
}

/**/
.indivi-news-area {
	margin: 90px auto 0;
	max-width: 690px;
}

.indivi-ttl {
	margin: 0 auto 45px;
	font-size: 2.4rem;
	font-weight: 700;
	display: table;
	text-align: left;
}

.indivi-pic {
	margin: 45px auto 0;
	max-width: 450px;
}

.indivi-txt-area {
	margin: 70px auto 0;
}

.indivi-txt-area p {
	margin-bottom: 1.5em;
}

@media (max-width: 560px) {
.indivi-news-area {
	margin: 40px auto 0;
}
	
.indivi-ttl {
	margin: 0 auto 30px;
	font-size: 4.5vw;
}

.indivi-pic {
	margin: 30px auto 0;
}

.indivi-txt-area {
	margin: 40px auto 0;
}
}