@charset "utf-8";
/*  
-------------------------------------------------トップ　展示会事前登録バナー 202112追加 */
.ex_bnr_pc {
		display: block !important;
}
.ex_bnr {
		display: none !important;
}
@media only screen and (min-width: 1101px) {
		.ex_bnr_tb {
				display: none !important;
		}
}
@media only screen and (max-width: 1100px) {
		.ex_bnr_pc {
				display: none !important;
		}
		.ex_bnr {
				display: block !important;
				position: relative;
				height: 80px;
		}
		.ex_bnr a {
				width: 100%;
				text-align: center;
				position: absolute;
				top: 90px;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				transform: translateX(-50%);
		}
		.ex_bnr a img {
				object-fit: none;
		}
}
.ex_bnr_tb {
		display: block;
}
@media only screen and (max-width: 834px) {
		.ex_bnr a {
				top: 70px;
		}
		.ex_bnr_tb {
				display: none !important;
		}
}
@media only screen and (max-width: 380px) {
		.ex_bnr a {
				padding: 0 10px;
		}
		.ex_bnr a img {
				object-fit: contain;
		}
}
/*  
-------------------------------------------------トップ　スライダー */
img.topimg-pc {
		display: block !important;
}
img.topimg-sp {
		display: none !important;
}
/* 834以下 */
@media only screen and (max-width : 834px) {
		.slider {
				margin: 0 auto;
				margin-top: 60px;
				width: 100%;
		}
}
@media only screen and (max-width : 600px) {
		img.topimg-pc {
				display: none !important;
		}
		img.topimg-sp {
				display: block !important;
		}
}
/*  
-------------------------------------------------トップ　重要なお知らせ */
.ticker-area:after {
		content: "";
		display: block;
		clear: both;
}
.ticker-area h1 {
		float: left;

		text-align: right;
		color: #FFF;
		line-height: 3.3;
		padding: 0px 25px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.ticker-area {
		width: 100%;
		font-size: 14px;
		background-color: #00aca9;
}
.ticker-area .layout {
		margin: 0 auto;
		display: flex;
	justify-content: center;
}
.ticker {
		float: left;
	width:55%;
		height: 42px !important;
		text-align: left;
		position: relative;
		overflow: hidden;
		margin: 2px 0;
		padding: 0px 25px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #fff;
		z-index: 1;
}
.ticker ul {
		width: 100%;
		position: relative;
}
.ticker ul li {
		width: 100%;
		display: none;
		line-height: 3.3;
}
.ticker ul li a {
		text-decoration: underline;
}
.ticker-area .matome {
		float: left;
		line-height: 3.3;
		padding: 0px 25px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.ticker-area .matome a {
		width: 100%;
		color: #fff;
		border: 2px solid #FFF;
		padding: 3px 15px;
		border-radius: 15px;
}
/* 834以下 */
@media only screen and (max-width : 834px) {
		.ticker-area h1, .ticker {
				float: none;
				width: 100%;
				text-align: center;
		}
		.ticker {
				padding: 10px;
		}
		.ticker-area h1 {
				width: 100%;
				text-align: center;
		}
		.ticker ul {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
		}
		.ticker ul li {
				text-align: center;
				line-height: 1.2;
				/*	position: static !important;*/
				vertical-align: middle;
		}
		.ticker-area .matome {
				float: none;
				margin: 0 auto;
				width: 100%;
				text-align: center;
				padding: 20px 0;
		}
		.ticker-area .matome a {
				display: inline-block;
				width: 50%;
				text-align: center;
				padding: 10px 20px;
				border-radius: 20px;
		}
		.ticker-area .layout{
			flex-direction: column;
		}
}
/*  
-------------------------------------------------トップ　タニコーとは */
.main-top:after {
		content: "";
		display: block;
		clear: both;
}
.main {
		margin: 0 auto;
		padding: 1em 5em 3em 1em;
		background-image: url(../images/bg_about.jpg);
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.main-top {
		max-width: 1100px;
		margin: 0 auto;
}
.txt-box {
		float: right;
		width: 55%;
}
.txt-box h1 {
		font-size: 20px;
		text-align: center;
}
.txt-box h2 {
		height: 2.5em;
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 1em;
		background-image: url(../images/fukidashi01.png);
		background-size: 210px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.txt-box .subtxt {
		font-size: 32px;
		line-height: 2;
		margin-bottom: 1.5em;
}
.txt-box p {
		text-align: center;
		margin-bottom: 3em;
		line-height: 2;
		text-shadow: 1px 2px 1px #ffffff;
}
.img-box {
		float: left;
		width: 45%;
}
.img-box p {
		text-align: center;
}
@media only screen and (max-width : 834px) {
		.main {
				padding: 4em 1em;
				background-size: cover;
		}
		.txt-box h1 {
				font-size: 18px;
		}
		.txt-box h2 {
				font-size: 25px;
				background-size: 175px auto;
		}
		.img-box {
				display: none;
		}
		.txt-box {
				float: none;
				width: 100%;
		}
		.txt-box .subtxt {
				font-size: 22px;
		}
}
/*  
-------------------------------------------------トップ　カテゴリー */
.category-area {
		max-width: 1100px;
		margin: 0 auto;
		padding: 3em;
}
.category-area h1 {
		font-size: 20px;
		text-align: center;
		color: #8e805a;
}
.category-area h2 {
		height: 2.5em;
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 3px;
		background-image: url(../images/fukidashi12.png);
		background-size: 200px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.category-area h3 {
		display: inline-block;
		line-height: 2;
		padding: 0 5%;
		font-size: 18px;
		text-align: center;
		border: 1px solid #9a8d6b;
		border-radius: 28px;
		color: #77673c;
		letter-spacing: -1px;
}
.category-area ul:after {
		content: "";
		display: block;
		clear: both;
}
.category-area li {
		float: left;
		width: 25%;
		text-align: center;
		padding: 1em 1em 0em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.category-area li img {
		max-width: 100%;
		height: auto;
		box-shadow: 0 0 5px #676767;
		border-radius: 50%;
}
.imghover {
		overflow: hidden;
		margin: 20px auto;
		cursor: pointer;
}
/*FOCUS*/
.focus {
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
}
.focus:hover {
		border-radius: 0%;
}
.focus img {
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
}
.focus:hover img {
		-webkit-transform: scale(1.5, 1.5);
		transform: scale(1.5, 1.5);
}
@media only screen and (max-width : 834px) {
		.category-area {
				padding: 3em 1em;
		}
}
@media only screen and (max-width : 700px) {
		.category-area {
				padding: 1em;
				padding-bottom: 3em;
		}
		.category-area li {
				width: 50%;
		}
		.category-area h1 {
				font-size: 18px;
		}
		.category-area h2 {
				font-size: 25px;
				letter-spacing: 0px;
				background-size: 165px auto;
		}
}
@media only screen and (max-width: 600px) {
		.imghover {
				margin: 10px auto;
		}
		.category-area h3 {
				font-size: 16px;
				padding: 0;
				border: none;
				letter-spacing: normal;
		}
}
/*  
-------------------------------------------------トップ　新着情報 */
/*
ニュースに記事を載せる時用cssだけど
レイアウトが限定されているのでテキストだけの記事ページを作る時は注意
https://www.tanico.co.jp/news/2023/0131/
*/
.news-area h1 {
		font-size: 20px;
		text-align: center;
		color: #8eb21f;
}
.news-area h2 {
		height: 2.5em;
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 5px;
		margin-bottom: 1em;
		background-image: url(../images/fukidashi02.png);
		background-size: 200px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.news_title {
		text-align: center;
		padding: 10px;
		font-size: 19px;
		font-weight: bold;
		text-indent: 0 !important;
}
.news_title span.for_ib {
		display: inline-block;
}
.news_txt {
		padding: 0 20px;
		text-indent: 1em;
		position: relative;
}
.news_txt a {
		color: #00aba8;
		text-decoration: underline;
}
.news_item {
		display: flex;
		margin-top: 50px;
}
.news_item > p {
		width: 50%;
}
.news_item > div > img {
		width: 100%;
		box-shadow: 12px 12px 8px #aaa;
}
.news_item > div {
		width: 50%;
		height: 100%;
}
.news-area {
		max-width: 1100px;
		margin: 0 auto;
		padding: 3em;
}
.news-area ul:after {
		content: "";
		display: block;
		clear: both;
}
.news-area ul {
		margin-bottom: 3em;
		display: flex;/*2024.10.30修正 */
		flex-wrap: wrap;
		align-items: stretch;
}
.news-area li {
		/* float: left;2024.10.30修正 */
		width: 33.333%;
		padding: 1em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: auto;
}
.news-txt {
		text-align: center;
		padding: 1.5em 1em;
		height: 100%;
}
.news-area li img {
		display: block;
		width: 100%;
		object-fit: cover;
}
.news-area li div h3 {
		font-weight: bold;
		padding: 0.5em 0;
		min-height: 7.5em;
}
.news-txt > span {
		font-size: 11px;
		font-weight: bold;
		color: #FFF;
		padding: 3px 5px;
		margin-right: 5px;
}
/*
ニュースに記事を載せる時用cssだけど
レイアウトが限定されているのでテキストだけの記事ページを作る時は注意
https://www.tanico.co.jp/news/2023/0131/
――――――――――――――――――――――――――――――――――――――――――ここまで
*/
.icon-media {
		background-color: #cf7b00;
}
.icon-tenji {
		background-color: #cf1f00;
}
.icon-publication {
		background-color: #009fcf;
}
.icon-other {
		background-color: #6d6d6d;
}
.news-color-media {
		background-color: #f3ebe1;
}
.news-color-tenji {
		background-color: #f3e6e3;
}
.news-color-publication {
		background-color: #e2eff3;
}
.news-color-other {
		background-color: #e8e8e8;
}
.add_contents {
		padding-left: 50px;
		padding-right: 50px;
}
@media only screen and (max-width : 834px) {
		.news-area h1 {
				font-size: 18px;
		}
		.news-area h2 {
				font-size: 25px;
				background-size: 165px auto;
		}
		/* .news-area li:nth-child(3) {
				display: none;
		}2024/10/28修正 */
		.news-area li:nth-child(n+5) {
			display: none;
	}
		.news-area li {
				width: 50%;
		}
		.add_contents {
				padding-left: 15px;
				padding-right: 15px;
		}
		.news_title {
				text-align: center;
		}
}
@media only screen and (max-width : 600px) {
		/*
ニュースに記事を載せる時用cssだけど
レイアウトが限定されているのでテキストだけの記事ページを作る時は注意
https://www.tanico.co.jp/news/2023/0131/
*/
		.news-area {
				padding: 4em 1em;
		}
		.news-area ul {
				text-align: center;
		}
		.news-area li {
				float: none;
				width: 100%;
		}
		.news-area li div h3 {
				min-height: 40px;
		}
		.news_item {
				flex-direction: column-reverse;
				gap: 30px;
		}
		.news_item > p {
				width: 100%;
				padding: 0;
		}
		.news_item > div {
				width: 100%;
		}
}
/*
ニュースに記事を載せる時用cssだけど
レイアウトが限定されているのでテキストだけの記事ページを作る時は注意
https://www.tanico.co.jp/news/2023/0131/
――――――――――――――――――――――――――――――――――――――――――ここまで
*/
/*　画像拡大　*/
/*.news-area li{ display: inline-block;}*/
.news-area li > a {
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
		box-shadow: 0 0 6px grey;
}
.news-area img {
		width: 100%;
		height: auto;
		transition: .3s ease-in-out;
}
.news-area a:hover img {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
}
/*  
-------------------------------------------------トップ　採用情報 */
.recruit-area h1 {
		font-size: 20px;
		text-align: center;
		color: #65c8ef;
}
.recruit-area h2 {
		height: 2.5em;
		color: #FFF;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 5px;
		margin-bottom: 1em;
		background-image: url(../images/fukidashi03.png);
		background-size: 200px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.recruit-area {
		max-width: 1100px;
		margin: 0 auto;
		padding: 3em 1em;
}
.recruit-bg {
		background-image: url(../images/bg_recruit.png);
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.recruit-main:after {
		content: "";
		display: block;
		clear: both;
}
.recruit-main {
		padding: 2em 0;
}
.recruit-main p {
		float: left;
		width: 50%;
		color: #FFF;
		padding: 2em;
		line-height: 2em;
}
.recruit-main ul {
		float: left;
		width: 50%;
		color: #FFF;
		padding: 2em;
}
.recruit-main li {
		margin-bottom: 1em;
		text-align: center;
		letter-spacing: 5px;
}
@media only screen and (max-width : 834px) {
		.recruit-area h1 {
				font-size: 18px;
		}
		.recruit-area h2 {
				font-size: 25px;
				background-size: 165px auto;
		}
		.recruit-area h2 {
				margin: 0;
		}
		.recruit-main p, .recruit-main ul {
				float: none;
				width: 100%;
				padding: 2em 0;
		}
}
/*  採用情報ボタン  */
.btn-animation-02 {
		display: inline-block;
		width: 70%;
		text-align: center;
		background-color: #65c8ef;
		border: 2px solid #65c8ef;
		font-size: 18px;
		color: #65c8ef;
		text-decoration: none;
		font-weight: bold;
		padding: 10px 24px;
		border-radius: 4px;
		position: relative;
}
.btn-animation-02 span {
		position: relative;
		z-index: 1;
}
.btn-animation-02::before, .btn-animation-02::after {
		content: "";
		display: block;
		background-color: #FFF;
		width: 50%;
		height: 100%;
		position: absolute;
		top: 0;
		transition: .2s;
}
.btn-animation-02::before {
		left: 0;
}
.btn-animation-02::after {
		right: 0;
}
.btn-animation-02:hover:before, .btn-animation-02:hover:after {
		width: 0;
		background-color: #FFF;
}
.btn-animation-02:hover {
		color: #FFF;
}
.btn-open {
		display: inline-block;
		width: 70%;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
		line-height: 54px;
		outline: none;
		border-radius: 4px;
}
.btn-open::before, .btn-open::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
}
.btn-open, .btn-open::before, .btn-open::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
}
.btn-open {
		position: relative;
		z-index: 2;
		background-color: #fff;
		border: 2px solid #65c8ef;
		color: #65c8ef;
		line-height: 50px;
		overflow: hidden;
}
.btn-open:hover {
		color: #fff;
}
.btn-open::after {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: scale(.5);
		transform: scale(.5);
}
.btn-open:hover::after {
		background: #65c8ef;
		-webkit-transform: scale(1);
		transform: scale(1);
}
@media only screen and (max-width : 834px) {
		.btn-animation-02 {
				width: 90%;
				padding: 15px 24px;
		}
}
/*  
-------------------------------------------------トップ　PICK UP */
.pickup-area {
		max-width: 1000px;
		margin: 0 auto;
		padding: 3em 1em;
}
.pickup-area h1 {
		font-size: 18px;
		text-align: center;
		color: #f2968c;
		letter-spacing: -1px;
}
.pickup-area h2 {
		height: 2.5em;
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 3px;
		margin-bottom: 1em;
		background-image: url(../images/fukidashi04.png);
		background-size: 200px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.pickup-slider li {
		/*padding: 5px;*/
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
@media only screen and (max-width : 834px) {
		.pickup-area h1 {
				font-size: 18px;
		}
		.pickup-area h2 {
				font-size: 25px;
				background-size: 165px auto;
		}
		.pickup-slider li {
				padding: 0;
		}
}
/*  
-------------------------------------------------トップ　カレントニュース */
.current-area:after, .media-area:after {
		content: "";
		display: block;
		clear: both;
}
.current-area, .media-area {
		display: table;
		width: 100%;
		margin: 0 auto;
}
.current-area h1 {
		color: #333;
		line-height: 2;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
		background-image: url(../images/fukidashi14.png);
		background-size: 200px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.media-area h1 {
		color: #333;
		line-height: 2;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
		background-image: url(../images/fukidashi13.png);
		background-size: 200px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.current-area p, .media-area p {
		text-align: center;
}
.current-area h1 {
		letter-spacing: -1px;
}
.current-area .txt {
		display: table-cell;
		width: 50%;
		padding: 3em 1em;
}
.current-area .btn-bg {
		display: table-cell;
		width: 50%;
		vertical-align: middle;
		text-align: center;
		background-image: url(../images/bg-current.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
}
.media-area .txt {
		display: table-cell;
		width: 50%;
		padding: 3em 1em;
}
.media-area .btn-bg {
		display: table-cell;
		width: 50%;
		vertical-align: middle;
		text-align: center;
		background-image: url(../images/bg-media.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
}
.current-area .txt p, .media-area .txt p {
		width: 80%;
		margin: 0 auto;
}
/*  吹き出しボックス　*/
.current-yajirushi {
		position: relative;
		display: inline-block;
		padding: 7px 10px;
		min-width: 120px;
		max-width: 100%;
		color: #555;
		font-size: 16px;
		background: #e6e8eb;
}
.current-yajirushi:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -29px;
		margin-top: -15px;
		border: 15px solid transparent;
		border-right: 15px solid #e6e8eb;
}
.current-yajirushi p {
		margin: 0;
		padding: 0;
}
.media-yajirushi {
		position: relative;
		display: inline-block;
		padding: 7px 10px;
		min-width: 120px;
		max-width: 100%;
		color: #555;
		font-size: 16px;
		background: #e6f1ea;
}
.media-yajirushi:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 99.9%;
		margin-top: -15px;
		border: 15px solid transparent;
		border-left: 15px solid #e6f1ea;
		z-index: 1;
}
.media-yajirushi p {
		margin: 0;
		padding: 0;
}
@media only screen and (min-width : 501px) {
		.current-area .btn-bg-sp {
				display: none;
		}
}
@media only screen and (max-width : 500px) {
		.current-area h1, .media-area h1 {
				font-size: 23px;
				letter-spacing: 0;
		}
		.current-area .btn-bg {
				display: none;
		}
		.current-area .txt, .media-area .txt {
				display: block;
				width: 100%;
		}
		.current-area .btn-bg-sp {
				display: block;
				padding: 2em 0;
				width: 100%;
				vertical-align: middle;
				text-align: center;
				background-image: url(../images/bg-current.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
		}
		.media-area .btn-bg {
				display: block;
				padding: 2em 0;
				width: 100%;
		}
		.current-area .txt p, .media-area .txt p {
				width: 100%;
		}
		.current-yajirushi:before {
				top: 99%;
				left: 50%;
				margin-top: 0;
				margin-left: -15px;
				border: 15px solid transparent;
				border-top: 15px solid #e6e8eb;
		}
		.media-yajirushi:before {
				top: 99%;
				left: 50%;
				margin-top: 0;
				margin-left: -15px;
				border: 15px solid transparent;
				border-top: 15px solid #e6f1ea;
		}
}
/*  
-------------------------------------------------トップ　oogleカスタム検索 */
.search-area {
		max-width: 500px;
		margin: 0 auto;
}
@media only screen and (max-width : 834px) {}
/*  
-------------------------------------------------トップ　サイトマップ */
.sitemap div:after {
		content: "";
		display: block;
		clear: both;
}
.sitemap {
		padding: 3em 0;
		background-color: #e7e5d8;
}
.sitemap .sitemap-list {
		max-width: 1150px;
		margin: 0 auto;
		padding: 2em 1em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.sitemap-list ul {
		float: left;
		width: 19%;
		padding-right: 2em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		/*border-right: 1px dotted #333;*/
}
.sitemap-list li {
		font-size: 12px;
		line-height: 2em;
}
.sitemap-t {
		font-weight: bold;
		font-size: 13px !important;
		line-height: 0 !important;
		padding-left: 1.3em;
		padding-bottom: 1em;
		background-image: url(../images/yajirushi01.png);
		background-position: left top 3px;
		background-repeat: no-repeat;
		background-size: 12px auto;
}
@media all and (max-width : 834px) {
		.sitemap {
				padding: 0 30px;
		}
		.sitemap .sitemap-list {
				padding: 2em 0;
		}
		.sitemap-list ul {
				display: none;
		}
		ul.sitmap-sp {
				display: block !important;
				width: 100% !important;
		}
}
/*  
-------------------------------------------------トップ　フッター */
footer {
		background-color: #00aba8;
}
.footer-area:after {
		content: "";
		display: block;
		clear: both;
}
div.footer-area {
		max-width: 1300px;
		margin: 0 auto;
		padding: 2em 3em;
}
.f-logo {
		float: left;
		font-size: 12px;
		color: #FFF;
}
.f-logo img {
		margin-bottom: 0.5em;
}
div.f-btn {
		float: right;
		margin-right: 0.5em;
}
@media all and (max-width : 834px) {
		div.footer-area {
				padding: 2em 1em;
		}
		.f-logo, div.f-btn {
				width: auto;
				float: none;
				text-align: center;
				margin-bottom: 0.5em;
				padding: 0;
		}
		.f-logo {
				margin-top: 3em;
		}
}
/*  IE11  */
@media all and (-ms-high-contrast:none) {
		*::-ms-backdrop, .nav {
				font-weight: bold;
		}
		*::-ms-backdrop, .txt-box .subtxt {
				font-family: "ＭＳ 明朝", serif;
				font-weight: bold;
		}
		*::-ms-backdrop, .f-btn a {
				padding-top: 15px;
		}
		*::-ms-backdrop, .btn-animation-02 {
				padding: 15px 24px 10px;
		}
}
/*  
-------------------------------------------------リクルート トップページ　*/
.recruit-top {
		max-width: 1300px;
		margin: 0 auto;
		padding-top: 34em;
		background-image: url(../images/recruitmain.png);
		background-position: top 40px center;
		background-repeat: no-repeat;
		background-size: initial;
}
.recruit-top h1 {
		font-size: 2em;
		color: #00aba8;
		text-align: center;
		padding: 1em;
}
.recruit-top p {
		text-align: center;
		padding: 0 1em;
}
@media only screen and (max-width : 834px) {
		.recruit-top {
				padding-top: 20em;
				background-position: top -20px center;
		}
		.recruit-top div {
				width: 90%;
				margin: 0 auto;
				border-radius: 10px;
				padding-bottom: 2em;
				background-color: rgba(255, 255, 255, 0.92);
		}
		.recruit-top h1 {
				font-size: 1.3em;
		}
		.recruit-top p {
				text-align: left;
		}
		.recruit-top p br {
				display: none;
		}
}
/*　NEWS　*/
.recruit-news {
		max-width: 700px;
		padding: 3em 1em;
		margin: 0 auto;
}
.recruit-news h1 {
		font-weight: bold;
}
.recruit-news p {
		padding: 5px 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
}
.recruit-news time {
		margin-right: 2em;
}
@media only screen and (max-width : 834px) {
		.recruit-news time {}
}
/*　新卒＆中途ボタン　*/
.recruit-btn {
		max-width: 1000px;
		margin: 0 auto;
}
.recruit-btn ul:after {
		content: "";
		display: block;
		clear: both;
}
.recruit-btn ul li {
		float: left;
		width: 50%;
		padding: 3em 2em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.recruit-btn ul li a {
		display: block;
		box-shadow: 0 0 6px grey;
}
.recruit-btn ul li a span {
		text-align: center;
		font-size: 0.4em;
		letter-spacing: normal;
		display: block;
}
.btn-new, .btn-career {
		position: relative;
		display: inline-block;
		padding: 0.8em 0;
		color: #FFF;
		font-size: 2em;
		letter-spacing: 15px;
		text-align: center;
		text-decoration: none;
		transition: .3s;
		border-radius: 10px;
}
.new-color {
		background-color: #00abc4;
}
.career-color {
		background-color: #00aba8;
}
.btn-new:hover, .btn-career:hover {
		color: #fff;
}
.btn-new, .btn-career {
		overflow: hidden;
}
.btn-new::before, .btn-career::before {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		content: '';
		width: 120%;
		height: 100%;
		transform-origin: right top;
		transform: skewX(-30deg) scale(0, 1);
		transition: transform .3s;
}
.btn-new::before {
		background: #007f9c;
}
.btn-career::before {
		background: #017973;
}
.btn-new:hover::before, .btn-career:hover::before {
		transform-origin: left top;
		transform: skewX(-30deg) scale(1, 1);
}
/*　プライバシーボタン　*/
.privacy_btn {
		text-align: center;
		margin: 30px auto;
}
.privacy_btn span {
		display: inline-block;
}
.privacy_btn .btn-yajirushi:before {
		left: 80%;
}
.privacy_btn .btn-yajirushi:hover:before {
		left: 90%;
		opacity: 1;
}
/*
.privacy_btn a{
	box-shadow: 0 0 6px grey;
	font-size:24px;
	padding:.6em 2em;
	border: double 3px #ef7c6d;
	color:#EF5440;
	background-color: #fff;
}
*/
/*　エントリーボタン　*/
.entry-btn {
		max-width: 1000px;
		margin: 0 auto;
		margin: 30px auto;
}
.entry-btn p {
		display: block;
		width: 500px;
		margin: 0 auto;
		text-align: center;
}
.entry-btn p a {
		display: block;
		box-shadow: 0 0 6px grey;
}
.entry-btn p a span {
		text-align: center;
		font-size: 0.4em;
		letter-spacing: normal;
		display: block;
}
.btn-entry {
		position: relative;
		display: inline-block;
		padding: 0.5em 0;
		color: #FFF;
		font-size: 2em;
		letter-spacing: 5px;
		text-align: center;
		text-decoration: none;
		transition: .3s;
		border-radius: 10px;
		background-color: #e85445;
}
.btn-entry:hover {
		color: #fff;
}
.btn-entry {
		overflow: hidden;
}
.btn-entry::before {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		content: '';
		width: 120%;
		height: 100%;
		transform-origin: right top;
		transform: skewX(-30deg) scale(0, 1);
		transition: transform .3s;
}
.btn-entry::before {
		background: #d6240c;
}
.btn-entry:hover::before {
		transform-origin: left top;
		transform: skewX(-30deg) scale(1, 1);
}
.btn-entry_new {
		position: relative;
		display: inline-block;
		padding: 0.5em 0;
		color: #FFF;
		font-size: 2em;
		letter-spacing: 5px;
		text-align: center;
		text-decoration: none;
		transition: .3s;
		border-radius: 10px;
		background-color: #45b7e8;
}
.btn-entry_new:hover {
		color: #fff;
}
.btn-entry_new {
		overflow: hidden;
}
.btn-entry_new::before {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		content: '';
		width: 120%;
		height: 100%;
		transform-origin: right top;
		transform: skewX(-30deg) scale(0, 1);
		transition: transform .3s;
}
.btn-entry_new::before {
		background: #00aaeb;
}
.btn-entry_new:hover::before {
		transform-origin: left top;
		transform: skewX(-30deg) scale(1, 1);
}
@media only screen and (max-width : 834px) {
		.recruit-btn ul li, .entry-btn p {
				padding: 1em;
				float: none;
				width: 100%;
		}
		.btn-new, .btn-career, .btn-entry {
				font-size: 1.5em;
		}
		.recruit-btn ul li a span, .entry-btn p a span {
				font-size: 0.6em;
		}
}
/*　リンクエリア　*/
.recruit-linkbtn {
		max-width: 1200px;
		margin: 0 auto;
		padding: 3em 1em;
}
.recruit-linkbtn ul:after {
		content: "";
		display: block;
		clear: both;
}
.recruit-linkbtn li {
		float: left;
		position: relative;
		width: 33.333%;
		padding: 15px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.recruit-linkbtn li span {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 200px;
		height: 38px;
		text-align: center;
		letter-spacing: 5px;
		margin: auto;
		color: #FFF;
		font-size: 1.5em;
		background-color: rgba(0, 0, 0, 0.52);
}
/*　リンク画像拡大　*/
.recruit-linkbtn li {
		display: inline-block;
}
.recruit-linkbtn li a {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		box-shadow: 0 0 6px grey;
}
.recruit-linkbtn img {
		width: 100%;
		display: block;
		height: auto;
		transition: .3s ease-in-out;
}
.recruit-linkbtn a:hover img {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
}
@media only screen and (max-width : 834px) {
		.recruit-linkbtn li {
				float: none;
				width: 85%;
				display: block;
				margin: 0 auto;
		}
}
/*　インタビュー　*/
.recruit-interview {
		max-width: 1000px;
		margin: 0 auto;
		padding-bottom: 3em;
}
.recruit-interview h1 {
		font-size: 20px;
		text-align: center;
		color: #9bcb27;
}
.recruit-interview h2 {
		height: 2.5em;
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 2px;
		margin-bottom: 1.5em;
		background-image: url(../images/fukidashi05.png);
		background-size: 235px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.recruit-interview ul:after {
		content: "";
		display: block;
		clear: both;
}
.recruit-interview li {
		float: left;
		position: relative;
		width: 33.333%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
@media only screen and (max-width : 834px) {
		.recruit-interview h1 {
				font-size: 18px;
		}
		.recruit-interview h2 {
				font-size: 25px;
				background-size: 200px auto;
		}
}
/*
-------------------------------------------------リクルート　新人研修　*/
.training-area h2 {
		text-align: center;
}
.training-area h3 {
		display: table;
		margin: 0 auto;
		padding: 30px 10px;
}
.training-area h3 img {
		display: table-cell;
		width: 100px;
}
.training-area h3 strong {
		display: table-cell;
		vertical-align: middle;
		font-size: 33px;
		padding-left: 10px;
}
.training-box div {
		display: table;
		max-width: 1100px;
		margin: 0 auto;
		padding: 1em;
}
.training-box p {
		display: table-cell;
		width: 50%;
		vertical-align: middle;
		padding: 1em;
}
.training-box img {
		max-width: 450px;
		min-width: 236px;
}
/*　新人の声　*/
.training-area dl {
		display: table;
		max-width: 1100px;
		width: 80%;
		margin: 0 auto;
		padding: 0 0 2em 0;
}
.training-area dt {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		color: #FFF;
		padding: 1em 2em;
		background-color: #4cb639;
}
.training-area dd {
		display: table-cell;
		padding: 1em 2em;
		background-color: #FFF;
}
@media only screen and (max-width : 834px) {
		.training-box div, .training-box p, .training-area dt, .training-area dd {
				display: block;
				width: 100%;
		}
		.training-area dd {
				padding: 1em;
		}
		.training-area h3 strong {
				font-size: 25px;
				line-height: 1;
		}
		.training-area h3 img {
				width: 70px;
		}
}
/*　声　吹き出し　*/
.fukidashi {
		position: relative;
		display: inline-block;
		background: #4cb639;
}
.fukidashi:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -15px;
		border: 15px solid transparent;
		border-left: 15px solid #4cb639;
}
.fukidashi span {
		margin: 0;
		padding: 0;
}
@media only screen and (max-width : 834px) {
		.training-box div, .training-box p {
				display: block;
				width: 100%;
		}
		.fukidashi:before {
				top: 125%;
				left: 50%;
				margin-left: -15px;
				border: 15px solid transparent;
				border-top: 15px solid #4cb639;
		}
}
/*
-------------------------------------------------リクルート　インタビュー　*/
.interview-area {
		margin: 0 15px;
}
.interview-area section {
		padding: 70px 70px 50px;
		margin-top: 50px;
}
.interview-subt {
		font-size: 2em;
		color: #00aca9;
		text-align: center;
		margin: 30px 0 10px 0;
}
.staff-title:after, .staff-txt:after {
		content: "";
		display: block;
		clear: both;
}
.staff-title div {
		float: left;
		width: 100%;
		margin-right: -320px;
		padding-right: 320px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background-image: url(../images/img02.png);
		background-size: 65px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.staff-title img {
		float: left;
		max-width: 320px;
}
.staff-title span {
		display: inline-block;
		color: #FFF;
		padding: 5px 20px;
		margin-bottom: 1em;
		border-radius: 20px;
		background-color: #00aba8;
}
.staff-title h3 {
		font-size: 3vw;
		margin-bottom: 30px;
}
.staff-txt p {
		margin-bottom: 15px;
		text-align: justify;
		text-justify: inter-ideograph;
}
@media only screen and (max-width : 700px) {
		.interview-area section {
				padding: 20px;
				margin-top: 15px;
		}
		.interview-subt {
				font-size: 1.5em;
		}
		.staff-title div, .staff-title img, .staff-txt p {
				float: none;
				width: 100%;
				margin: 0;
				padding: 0;
				background-image: none;
		}
		.staff-title h3 {
				font-size: 1.5em;
		}
		.staff-title h3 br {
				display: none;
		}
}
/*
-------------------------------------------------リクルート　新卒採用　*/
.recruit-saiyou {
		max-width: 1000px;
		margin: 0 auto;
}
.saiyou01 h1 {
		font-size: 20px;
		text-align: center;
		color: #00aba8;
}
.saiyou01 p {
		font-size: 18px;
		font-size: 30px;
		line-height: 2;
}
.saiyou01 h2 {
		height: 2.5em;
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 2px;
		margin-bottom: 1.5em;
		background-image: url(../images/fukidashi06.png);
		background-size: 200px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.saiyou02 h1 {
		font-size: 20px;
		text-align: center;
		color: #3b9cd7;
}
.saiyou02 h2 {
		height: 2.5em;
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 5px;
		margin-bottom: 1.5em;
		background-image: url(../images/fukidashi07.png);
		background-size: 200px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.step-area h1 {
		font-size: 20px;
		text-align: center;
		color: #af85e1;
}
.step-area h2 {
		height: 2.5em;
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 1.5em;
		background-image: url(../images/fukidashi08.png);
		background-size: 210px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.saiyou04 h1 {
		font-size: 20px;
		text-align: center;
		color: #ff6500;
}
.saiyou04 h2 {
		height: 2.5em;
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		letter-spacing: -1px;
		margin-bottom: 1.5em;
		background-image: url(../images/fukidashi09.png);
		background-size: 200px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.entry h2 {
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		letter-spacing: -1px;
}
.entry {
		width: 400px;
		margin: 0 auto;
}
@media only screen and (max-width : 834px) {
		.saiyou01 h1, .saiyou02 h1, .step-area h1, .saiyou04 h1 {
				font-size: 18px;
		}
		.saiyou01 h2, .saiyou02 h2, .step-area h2, .saiyou04 h2 {
				font-size: 25px;
				background-size: 200px auto;
		}
}
/*　選考ステップ　*/
.step-area div {
		padding: 0 15px;
}
dl.graph-step {
		display: table;
		width: 100%;
		padding: 5px 0;
}
.graph-step dt {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		width: 20%;
		font-size: 1.5em;
		color: #FFF;
		background-color: #af85e1;
}
.graph-step dd {
		display: table-cell;
		padding: 20px;
		width: 80%;
		text-align: justify;
		text-justify: inter-ideograph;
		background-color: #f2f2f2;
}
.step-area p img {
		width: 65px;
}
@media only screen and (max-width : 834px) {
		dl.graph-step, .graph-step dt, .graph-step dd {
				display: block;
		}
		.graph-step dt {
				width: 100%;
				font-size: 1.2em;
				padding: 10px 0;
		}
		.graph-step dd {
				width: 100%;
		}
}
/*
-------------------------------------------------リクルート　タニコー紹介　*/
.info01 h1 {
		font-size: 20px;
		text-align: center;
		color: #4cb639;
}
.info01 h2 {
		height: 2.5em;
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 4px;
		margin-bottom: 1.5em;
		background-image: url(../images/fukidashi10.png);
		background-size: 235px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.info02 h1 {
		font-size: 20px;
		text-align: center;
		color: #ff8a82;
}
.info02 h2 {
		height: 2.5em;
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		background-image: url(../images/fukidashi11.png);
		background-size: 235px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
@media only screen and (max-width : 834px) {
		.info01 h1, .info02 h1 {
				font-size: 18px;
		}
		.info01 h2, .info02 h2 {
				font-size: 25px;
				background-size: 200px auto;
		}
}
/*　オフィス環境　*/
.info02 ul:after {
		content: "";
		display: block;
		clear: both;
}
.info02 ul li {
		float: left;
		width: 33.333%;
		padding: 30px 15px 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.info02 .eld ul {
		display: flex;
		justify-content: center;
}
.info02 ul img {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
}
.info02 ul span {
		display: block;
		font-size: 13px;
		line-height: 0;
}
@media only screen and (max-width : 500px) {
		.info02 ul li {
				float: none;
				width: 100%;
		}
		.info02 .eld ul {
				display: inherit;
		}
}
/*
-------------------------------------------------リクルート　職業紹介　*/
.box_txt:after, .box_img:after {
		content: "";
		display: block;
		clear: both;
}
.box_txt, .box_img {
		padding: 20px 10px;
}
.box_txt .txt {
		float: left;
		width: 100%;
		margin-right: -430px;
		padding-right: 460px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.box_txt img {
		float: left;
		width: 430px;
}
.box_img .txt {
		float: right;
		width: 100%;
		margin-left: -430px;
		padding-left: 460px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.box_img img {
		float: right;
		width: 430px;
}
@media only screen and (max-width : 700px) {
		.box_txt .txt, .box_txt img, .box_img .txt, .box_img img {
				float: none;
				margin: 0;
				padding: 0;
				padding-bottom: 20px;
		}
		.box_txt, .box_img {
				padding: 0 10px;
		}
}
.jobbox h1 {
		position: relative;
		display: inline-block;
		padding: 5px 50px 5px 70px;
		background: #ace6ed;
		font-size: 1.2em;
		color: #2d2d2d;
		text-align: center;
		margin-bottom: 20px;
		margin-left: -19px;
		line-height: 1.3;
		border-bottom: solid 3px #51b0bb;
		z-index: -2;
}
.jobbox h1:before {
		position: absolute;
		content: '';
		left: -2px;
		top: -2px;
		width: 0;
		height: 0;
		border: none;
		border-left: solid 40px white;
		border-bottom: solid 79px transparent;
		z-index: -1;
}
.jobbox h1:after {
		position: absolute;
		content: '';
		right: -3px;
		top: -7px;
		width: 0;
		height: 0;
		border: none;
		border-left: solid 40px transparent;
		border-bottom: solid 79px white;
		z-index: -1;
}
.jobbox h1 span {
		font-size: 12px;
}
@media only screen and (max-width : 700px) {
		.jobbox h1 {
				display: block;
				text-align: center;
		}
}
/*
-------------------------------------------------会社案内　トップ　*/
.company h1 {
		font-size: 20px;
		text-align: center;
		line-height: 1;
		margin-bottom: 5px;
}
.company .company-title h1{
	line-height: 1.6;
}
.company h1.page-tile20241001 {
	max-width: 1300px;
	text-align: center;
	font-size: 2em;
	color: #FFF;	
	margin: 0 auto;
	padding: 1.5em;
}
@media print, screen and ( max-width : 834px ) {
	.company-title h1.page-tile20241001{
		font-size: 1.5em;
	}
}
.company h2 {
		height: 2.5em;
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 4px;
		margin-bottom: 20px;
		background-size: 190px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.company01 h1 {
		color: #4cb639;
}
.company01 h2 {
		background-image: url(../images/fukidashi10.png);
}
.company02 h1 {
		color: #ff6b2e;
}
.company02 h2 {
		background-image: url(../images/fukidashi09.png);
}
.company03 h1 {
		color: #b692e4;
}
.company03 h2 {
		background-image: url(../images/fukidashi08.png);
}
.company04 h1 {
		color: #96824c;
}
.company04 h2 {
		background-image: url(../images/fukidashi12.png);
}
.company05 h1 {
		color: #f4aaa3;
}
.company05 h2 {
		background-image: url(../images/fukidashi04.png);
}
.company06 h1 {
		color: #52a6d1;
}
.company06 h2 {
		background-image: url(../images/fukidashi03.png);
}
.company07 h1 {
		color: #2d3c68;
}
.company07 h2 {
		background-image: url(../images/fukidashi15.png);
}
@media only screen and (max-width : 834px) {
		.company h1 {
				font-size: 18px;
		}
		.company h2 {
				height: 2.5em;
				font-size: 25px;
				background-size: 165px auto;
		}
}
.company .bgcolor-d {
		margin-top: 100px;
}
.company-box-img:after, .company-box-txt:after {
		content: "";
		display: block;
		clear: both;
}
.company-box-img, .company-box-txt {
		position: relative;
}
.company-box-img .txt {
		float: right;
		width: 100%;
		margin-left: -480px;
		padding: 30px 0 30px 480px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.company-box-img .img {
		position: absolute;
		left: 0;
		bottom: 25px;
		max-width: 450px;
}
.company-box-txt .txt {
		float: left;
		width: 100%;
		margin-right: -480px;
		padding: 30px 480px 30px 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.company-box-txt .img {
		position: absolute;
		right: 0;
		bottom: 25px;
		max-width: 450px;
}
.company-box-img .txt p, .company-box-txt .txt p {
		text-align: center;
		margin-bottom: 20px;
}
@media only screen and (max-width : 834px) {
		.company .bgcolor-d {
				margin: 0 0 20px;
		}
		.company-box-img .txt, .company-box-txt .txt {
				float: none;
				margin: 0;
				padding: 25px 0;
		}
		.company-box-img .img, .company-box-txt .img {
				position: initial;
				margin: 0 auto;
				padding-bottom: 25px;
		}
		.company-box-img .img img, .company-box-txt .img img {
				height: 200px;
				width: 100%;
				object-fit: cover;
				object-position: 100% 0;
		}
}
/*
-------------------------------------------------会社案内　会社概要　*/
.about01 .sp-tb_only {
		display: none;
}
.about01 h1 {
		font-size: 20px;
		text-align: center;
		color: #4cb639;
}
.about01 h2 {
		height: 2.5em;
		color: #333;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 4px;
		margin-bottom: 1.5em;
		background-image: url(../images/fukidashi10.png);
		background-size: 200px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
}
.about01 .sub_title {
		text-align: center;
		font-size: 30px;
		font-weight: 500;
		margin: 80px auto;
}
.syakun_wrapper {
		width: 40%;
		max-width: 700px;
		min-width: 350px;
		margin: 20px auto 0;
}
.syakun_wrapper img {
		width: 75%;
}
.syakun_wrapper div {
		background: url("../company/images/syakun_02.png") no-repeat;
		background-size: 100% 100%;
		text-align: center;
		padding: 44px 0;
		line-height: 60px;
}
.syakun_wrapper p {
		text-align: center;
		margin: 30px 0;
}
.about01 .subt {
		font-size: 1.7em;
		color: #00aca9;
		text-align: center;
		margin: 80px 0 40px;
}
.about01 .subt span {
		display: inline-block;
}
.about_space {
		padding: 30px 0 10px 20px;
}
.about01 .contents_space {
		columns: 2;
		column-gap: 2em;
		width: 90%;
		margin: 0 auto;
		line-height: 1.8em;
}
.sub_contents_01 {
		margin: 50px auto 0;
		/*
	display: flex;
	justify-content: space-between;
*/
}
.sub_contents_01 > div:first-child {
		width: 75%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 80px auto 0;
}
.sub_contents_01 > div:first-child > div {
		width: 15%;
		margin-right: 10%;
		text-align: center;
}
.sub_contents_01 > div:first-child > p {
		width: 60%;
}
.sub_contents_01 > div:last-child {
		width: 75%;
		display: flex;
		justify-content: space-between;
		/*	flex-direction: row-reverse;*/
		align-items: center;
		margin: 80px auto 0;
}
.sub_contents_01 .image_container {
		width: 35%;
		display: flex;
		align-items: flex-end;
}
.sub_contents_01 .image_container div:first-child {
		width: 70%;
}
.sub_contents_01 .image_container div:last-child {
		width: 30%;
}
.sub_contents_01 .text_container {
		width: 55%;
}
.sub_contents_02 {
		width: 80%;
		margin: 80px auto 50px;
		display: flex;
		justify-content: center;
		column-gap: 10%;
}
.sub_contents_02 > div:first-child {
		width: 16%;
}
.sub_contents_02 > div:last-child {
		width: 50%;
}
.sub_contents_02 p {
		margin-top: 9px;
}
@media only screen and (max-width : 834px) {
		.about01 .sp-tb_only {
				display: block;
		}
		.about01 h1, .about01 h1 {
				font-size: 18px;
		}
		.about01 .sub_title {
				font-size: 25px;
				width: 95%;
		}
		.about01 h2, .about01 h2 {
				font-size: 25px;
				background-size: 160px auto;
		}
		.about01 .contents_space {
				columns: 1;
				width: 90%;
				padding: 0;
		}
		.about01 .sub_contents_01 > div {
				width: 90%;
		}
		.sub_contents_02 {
				width: 90%;
		}
		.sub_contents_02 > div:last-child {
				width: 60%;
		}
		.sub_contents_02 > div:first-child {
				width: 20%;
		}
}
@media only screen and (max-width : 500px) {
		.about01 .subt {
				font-size: 1.6em;
		}
		.sub_contents_01 > div:first-child, .sub_contents_01 > div:last-child {
				flex-direction: column-reverse;
				width: 95%;
		}
		.text_container > p, .sub_contents_01 > div:first-child > p {
				width: 95%;
				margin: 30px auto 0;
		}
		.sub_contents_01 > div:first-child > div {
				width: 60%;
				margin: 0 auto;
		}
		.sub_contents_01 > div:last-child > div {
				width: 95%;
				margin: 0 auto;
		}
}
/*
-------------------------------------------------会社案内　役員紹介　*/
.officer h1 {
		font-size: 2.3em;
		color: #00aba8;
		text-align: center;
		padding: 60px 10px 20px
}
.officer p {
		text-align: center;
		margin-bottom: 30px;
		padding: 0 10px;
}
.officer p:nth-child(3) img {
		width: 60%;
}
.name-list {
		display: table;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 20px;
		padding-left: 10%;
}
.name-list li {
		width: 33%;
		display: inline-table;
}
@media only screen and (max-width : 834px) {
		.officer h1 {
				font-size: 1.2em;
		}
		.name-list li {
				width: 100%;
				display: block;
				text-align: center;
		}
}
@media only screen and (max-width : 700px) {
		.officer p:nth-child(3) img {
				width: 80%;
		}
}
/*
-------------------------------------------------会社案内　代表あいさつ　*/
/*.massage h1{
	width: 1200px;
	position: relative;
	margin: 0 auto;
	height: 0;
	padding-top: 26%;
	background-image: url(../images/company_img09_2.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}*/
.massage img {
		width: 40%;
		position: absolute;
		top: 20%;
		left: 7%;
}
.massage .subt {
		font-size: 1.7em;
		color: #00aca9;
		text-align: center;
		margin: 30px 0;
		padding: 10px;
}
.massage-txt::before {
		content: "MESSAGE";
		position: absolute;
		top: -118px;
		z-index: -1;
		font-size: 110px;
		color: #f9f7ec;
		font-family: serif;
}
.massage-txt {
		position: relative;
		padding: 50px 30px 20px;
		text-align: justify;
		text-justify: inter-ideograph;
}
.massage-txt p {
		padding-bottom: 20px;
}
@media only screen and (max-width : 834px) {
		.massage h1 {
				padding-top: 34%;
		}
		.massage .subt {
				font-size: 1.4em;
				margin: 15px 0;
		}
		.massage-txt::before {
				top: -63px;
				left: 0;
				font-size: 60px;
		}
		.massage-txt {
				padding: 30px 15px 10px;
		}
}
/*
-------------------------------------------------会社案内　納入実績　*/
.results-list {
		padding: 50px 0;
}
.results-list li:nth-child(odd) {
		background-color: #edf3f5;
}
.results-list li {
		line-height: 2;
		padding: 0 15px;
}
.results-list li:after {
		content: "";
		display: block;
		clear: both;
}
.results-list li span {
		float: right;
		line-height: 2;
}
.menu-results li {
		display: inline-block;
		padding: 3px 8px;
		margin: 15px 0;
}
.result_old {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.result_old .btn {
		padding: 5px 45px 0;
		min-width: 220px;
}
.result_old a {
		margin: 20px auto;
		text-align: center;
}
@media only screen and (max-width : 1005px) {
		.result_old {
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		}
}
@media only screen and (min-width : 801px) and (max-width : 1005px) {
		.result_old a {
				margin: 20px 60px;
		}
}
@media only screen and (max-width : 783px) {
		.result_old a {
				margin: 20px auto;
		}
}
@media only screen and (max-width : 500px) {
		.menu-results li {
				padding: 3px 5px;
				margin: 5px 0;
		}
		.result_old a {
				margin: 10px;
		}
}
/*
-------------------------------------------------会社案内　施設案内　*/
.photo-slide:after {
		content: "";
		display: block;
		clear: both;
}
.photo-slide .txt {
		float: none;
		width: auto;
		margin-left: 490px;
}
.photo-slide .photo {
		float: left;
		max-width: 450px;
}
.photo-slide {
		padding-bottom: 30px;
		margin-bottom: 35px;
		border-bottom: 1px dotted #989898;
}
.facility-title {
		position: relative;
		display: block;
		margin: 0 0 1.5em 0;
		padding: 10px;
		min-width: 120px;
		max-width: 100%;
		color: #FFF;
		font-size: 22px;
		background: #ce7a78;
}
.facility-title:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #ce7a78;
}
.facility-title h1 {
		margin: 0;
		padding: 0;
		text-align: center;
}
.facility-box {
		margin-top: 5em;
}
@media only screen and (max-width : 834px) {
		.photo-slide .photo {
				float: none;
				width: 100%;
				margin: 0 auto;
				margin-bottom: 35px;
		}
		.photo-slide .txt {
				float: none;
				width: 100%;
				margin-left: 0;
		}
		.facility-box {
				margin-top: 2em;
		}
}
/*
-------------------------------------------------新着情報　一覧　*/
.search_item {
		display: inline-block;
		padding: 3px;
		cursor: pointer;
}
.search_item.is-active {
		color: #00aca9;
}
.is-hide {
		display: none;
}
.news-list {
		padding: 50px;
		margin-top: 30px;
		border: #dedede 1px solid;
		box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.38);
		background-color: #FFF;
}
.news-list li:after {
		content: "";
		display: block;
		clear: both;
}
.news-list li {
		position: relative;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px dotted #adadad;
}
.news-list li img {
		float: left;
		width: 20%;
		object-fit: cover;
		object-position: 50% 50%;
		border: 1px solid #999;
}
.news-list li .news-txt {
		float: none;
		width: auto;
		text-align: left;
		padding: 0 0 0 1em;
		margin-left: 20%;
}
.news-list li .news-txt h2 {
		margin-top: 5px;
}
.news-list a:hover h2 {
		text-decoration: underline;
}
time {
		font-size: 13px;
}
.btn-news-houkoku {
		position: absolute;
		top: -8px;
		right: 0;
		padding: 4px 10px 2px;
		font-size: 13px;
		text-decoration: none;
		color: #FFF;
		background: #fd9535;
		border-radius: 10px;
		border-bottom: solid 2px #d27d00;
		box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
@media only screen and (max-width : 834px) {
		.news-list {
				padding: 20px;
				margin-top: 0;
				border: none;
				box-shadow: none;
		}
		.news-list li img {
				height: 50px;
		}
}
@media only screen and (max-width :600px) {
		.news-list li img {
				height: auto;
				width: 100%;
				margin-bottom: 5px;
		}
		.news-list li .news-txt {
				padding: 0;
				margin: 0;
		}
		.btn-news-houkoku {
				position: static;
				display: block;
				width: 10em;
				/* margin-left: auto; */
				text-align: center;
				margin: 5px 0 0 auto;
		}
}
@media only screen and (max-width : 350px) {
		.btn-news-houkoku {
				top: auto;
				bottom: 15px;
				left: -3px;
				width: 63px;
				padding: 4px 7px 2px;
				font-size: 12px;
				text-align: center;
		}
}
/*
-------------------------------------------------新着情報　詳細　*/
.news-detail {
		padding: 50px;
		margin-top: 30px;
		border: #dedede 1px solid;
		box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.38);
		background-color: #FFF;
}
.news-detail span:not(.for_ib) {
		font-size: 11px;
		font-weight: bold;
		color: #FFF;
		padding: 3px 5px;
		margin-right: 5px;
}
.news-detail h2 {
		position: relative;
		color: #FFF;
		margin-top: 10px;
		padding: 0.8em 0.5em 0.8em 1.4em;
		background-color: #00aca9;
}
.news-detail h2::after {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		content: '';
		width: 18px;
		height: 4px;
		background-color: white;
}
.news-detail .txt {
		padding: 50px;
}
.news-detail .txt p {
/*		text-indent: 1.0em;*/
		padding-bottom: 15px;
		text-align: justify;
		text-justify: inter-ideograph;
}
.news-detail .txt img {
		text-align: center;
}
.news-detail .txt a {
		color: #00aba8;
		text-decoration: underline;
}
.wp {
		overflow: hidden;
		margin: 20px 0 30px;
		position: relative;
}
.wp img.flR {
		max-width: 45%;
		margin-left: 20px;
}
.wp p {
		text-indent: inherit !important;
}
.wp p.tit {
		display: block;
		font-weight: bold;
		padding: 0;
		margin-bottom: 20px;
		border-bottom: 1px dotted #666;
}
.wp a {
		word-break: break-all;
}
@media print, screen and (max-width : 834px) {
		.wp img.flR {
				width: 100% !important;
				text-indent: initial;
				text-align: center;
				max-width: initial;
				margin: 0 0 20px 0;
		}
}
.news-detail h3 {
		position: relative;
		display: inline-block;
		padding: 0 60px;
		font-size: 18px;
		margin-bottom: 15px;
}
.news-detail a.btn-news {
		display: inline-block;
		padding: 15px 20px 12px;
		font-size: 16px;
		text-decoration: none;
		color: #FFF;
		background: #fd9535;
		border-radius: 10px;
		border-bottom: solid 2px #d27d00;
		box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
.news-detail h3:before, .news-detail h3:after {
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 45px;
		height: 2px;
		border-top: solid 1px black;
		border-bottom: solid 1px black;
}
.news-detail h3:before {
		left: 0;
}
.news-detail h3:after {
		right: 0;
}
.txt-sub {
		padding: 0 50px;
}
.txt-sub:after {
		content: "";
		display: block;
		clear: both;
}
.txt-sub div {
		text-align: center;
		padding: 30px;
}
.txt-sub div:first-child {
		border: 1px dotted #00aba8;
}
@media only screen and (max-width : 834px) {
		.news-detail {
				padding: 15px;
				margin-top: 0;
				border: none;
				box-shadow: none;
		}
		.news-detail .txt, .txt-sub {
				padding: 15px;
		}
		.txt-sub div {
				float: none;
				width: 100%;
		}
}
/*
-------------------------------------------------重要なお知らせ　一覧*/
.important-list {
		padding: 50px;
		margin-top: 30px;
		border: #dedede 1px solid;
		box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.38);
		background-color: #FFF;
}
@media print {
		.important-list {
				background-color: #F00;
		}
}
.important-list li {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px dotted #adadad;
}
.important-list li .news-txt {
		width: auto;
		text-align: left;
		padding: 0 0 0 1em;
}
.important-list li .news-txt h2 {
		color: #00aca9;
		font-weight: bold;
}
.important-list a:hover h2 {
		text-decoration: underline;
}
@media only screen and (max-width : 834px) {
		.important-list {
				padding: 15px;
				margin-top: 0;
				border: none;
				box-shadow: none;
		}
}
/*
-------------------------------------------------重要なお知らせ　詳細*/
.important-detail {
		padding: 50px;
		margin-top: 30px;
		border: #dedede 1px solid;
		box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.38);
		background-color: #FFF;
}
/*.important-detail span{
	font-size: 11px;
    font-weight: bold;
    color: #FFF;
    padding: 3px 5px;
    margin-right: 5px;
}*/
.important-detail h2 {
		position: relative;
		color: #FFF;
		font-weight: bold;
		margin-top: 10px;
		padding: 0.8em 0.5em 0.8em 1.4em;
		background-color: #446689;
}
.important-detail h2::after {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		content: '';
		width: 18px;
		height: 4px;
		background-color: white;
}
.important-detail h3 {
		position: relative;
		font-weight: bold;
		padding-bottom: 15px;
		margin: 25px 0;
}
.important-detail h3:before {
		content: '◆';
		color: #00aca9;
		margin-right: 8px;
}
.important-detail h3::after {
		position: absolute;
		content: '';
		left: 0;
		bottom: 0;
		width: 100%;
		height: 5px;
		box-sizing: border-box;
		border-top: 1px solid #00aca9;
		border-bottom: 1px solid #00aca9;
}
.important-detail h4 {
		display: block;
		padding: 3px 10px;
		margin-bottom: 20px;
		border-bottom: 1px dotted #666;
}
.important-detail .txt {
		padding: 50px 50px 0 50px;
}
.important-detail .txt p:not(.txt_title) {
		text-indent: 1.0em;
		padding-bottom: 10px;
}
.important-detail .txt .txt_title {
		margin-top: 30px;
		margin-bottom: 10px;
}
.important-detail .txt img {
		text-align: center;
}
.important-detail .txt .wp {
		overflow: hidden;
		margin-bottom: 30px;
}
.important-detail .txt p.fl {
		float: left;
		max-width: 45%;
		margin-right: 20px;
		text-indent: initial;
		text-align: center;
}
.important-detail .txt p.fr {
		float: right;
		max-width: 45%;
		margin-left: 20px;
		text-indent: initial;
		text-align: center;
}
.important-detail .txt .wp .imgL {
		float: left;
		max-width: 47%;
}
.important-detail .txt .wp .imgR {
		float: right;
		max-width: 47%;
		margin-left: 20px;
}
.important-detail .wpfxsa {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin-bottom: 20px;
}
.important-detail .image_area {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
}
.important-detail .wpfxsa p {
		text-align: center;
		max-width: 420px;
}
.important-detail .wpfx p {
		text-indent: inherit;
}
.important-detail .wpfx {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 20px;
}
.w20 {
		width: 20%;
}
.w30 {
		width: 30%;
}
.w35 {
	width: 35%;
}
.w40 {
	width: 40%;
}
.w45 {
	width: 45%;
}
.w50 {
	width: 50%;
}
.w55 {
	width: 55%;
}
.w60 {
	width: 60%;
}
.w65 {
		width: 65%;
}
.important-detail .txt a {
		color: #00aba8;
		text-decoration: underline;
}
.chui-area {
		border: 1px solid #ccc;
		background-color: #eff;
		padding: 15px;
		margin: 20px 0;
}
.chui-area p {
		text-indent: 0em !important;
		padding-bottom: 0px !important;
}
.end-txt {
		font-size: 13px;
		margin-top: 50px;
}
figucaption {
		display: inline-block;
}
@media only screen and (max-width : 834px) {
		.important-detail {
				padding: 15px;
				margin-top: 0;
				border: none;
				box-shadow: none;
		}
		.important-detail .txt, .txt-sub {
				padding: 15px 0;
		}
		.txt-sub div {
				float: none;
				width: 100%;
		}
		.important-detail .wpfxsa, .important-detail .wpfx {
				display: block;
		}
		.important-detail .wpfx p {
				margin-bottom: 10px;
				padding-bottom: 0px;
		}
		.important-detail .txt p {
				text-indent: inherit;
		}
		.important-detail .txt p.fl, .important-detail .txt p.fr, .important-detail .txt .imgL, .important-detail .txt .imgR, .important-detail .wpfxsa p {
				float: none;
				width: 100% !important;
				text-indent: initial;
				text-align: center;
				max-width: initial;
				margin-left: 0;
		}
		.w20, .w30, .w35, .w40, .w45, .w50, .w55, .w60, .w65 {
				width: 100%;
		}
		.w30.mg10r, .w30.mg20r {
				margin-right: 0;
		}
}
/*
-------------------------------------------------ネットワーク*/
.map {
		padding: 20px 15px;
}
.map-list h1 {
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
		letter-spacing: 5px;
		text-align: center;
		padding: 10px;
		margin: 20px 0;
		background-color: #00aca9;
}
.map-list h2 {
		padding: 6px;
		font-size: 18px;
		letter-spacing: 5px;
		text-align: center;
		margin: 20px 0;
		background: #f1f1f1;
		border-bottom: solid 3px #00aca9;
}
.map-list {
		font-size: 14px;
}
.map-list dl {
		display: table;
		width: 100%;
		border-bottom: 1px solid #bfbfbf;
}
.map-list-border {
		border-top: 1px solid #bfbfbf;
}
.map-list dt, .map-list dd {
		display: table-cell;
		padding: 5px;
		vertical-align: middle;
}
.map-list dt {
		width: 130px;
		text-align: center;
		border-right: 1px solid #bfbfbf;
}
.map-list dd:last-child {
		width: 120px;
		text-align: center;
		vertical-align: middle;
		border-left: 1px solid #e2e2e2;
}
.map-list a.map {
		padding: 7px 25px 5px;
		color: #00aca9;
		border: 2px solid #00aca9;
		border-radius: 15px;
}
@media only screen and (max-width : 767px) {
		.clickablemap {
				display: none;
		}
}
@media only screen and (max-width : 500px) {
		.map-list dt, .map-list dd {
				display: block;
				width: 100%;
				border: none;
		}
		.map-list dt {
				font-weight: bold;
				text-align: left;
		}
		.map-list dt br {
				display: none;
		}
		.map-list dd:last-child {
				width: 100%;
				margin-bottom: 10px;
				border: none;
		}
}
/*
-------------------------------------------------プライバシーポリシー*/
.footer-company {
		padding: 50px;
		margin-top: 30px;
		border: #dedede 1px solid;
		box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.38);
		background-color: #FFF;
}
.footer-company h2 {
		position: relative;
		color: #FFF;
		margin-top: 10px;
		padding: 0.8em 0.5em 0.8em 1.4em;
		background-color: #a5a5a5;
}
.footer-company h2::after {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		content: '';
		width: 18px;
		height: 4px;
		background-color: white;
}
.footer-company .txt {
		padding: 50px;
}
@media only screen and (max-width : 834px) {
		.footer-company {
				padding: 20px;
				margin-top: 0;
				border: none;
				box-shadow: none;
		}
		.footer-company .txt {
				padding: 10px 0;
		}
}
/*
-------------------------------------------------カタログ案内　*/
.catalog-area {
		padding: 30px 15px 50px;
		/*max-width: 70%;*/
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.sougou-list h1 {
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
		letter-spacing: 5px;
		text-align: center;
		padding: 10px;
		margin: 20px 0;
		background-color: #6a9bc5;
}
.sougou-list h2 {
		display: block;
		color: #da4141;
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 10px;
		margin: 25px 0;
		border-bottom: 2px solid #da4141;
}
.link .point:before, .allpoint li:before {
		content: '●';
		color: #d2d2d2;
		font-size: small;
}
dl.itemlist {
		overflow: hidden;
}
dl.itemlist:after {
		content: "";
		display: block;
		clear: both;
}
.itemlist dt {
		float: left;
		width: 200px;
		text-align: center;
}
.itemlist dt img {
		width: 150px;
}
.itemlist dd {
		float: none;
		width: auto;
		margin-left: 250px;
}
.link ul {
		margin-bottom: 10px;
		border-bottom: 1px dotted #999;
}
.link li {
		font-size: 15px;
		line-height: 1.6;
		padding: 0 0 8px;
}
.link span {
		float: right;
		font-size: 14px;
}
.btn-pdf {
		display: inline-block;
		padding: 10px 16px 10px 37px;
		margin: 20px 0;
		position: relative;
		text-decoration: none;
		color: #FFF;
		background: #fd9535;
		border-radius: 4px;
		border-bottom: solid 2px #d27d00;
		box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
		font-weight: bold;
		background-image: url(../images/icon_pdf.svg);
		background-size: 20px auto;
		background-position: left 9px center;
		background-repeat: no-repeat;
}
.btn-pdf:active {
		border-bottom: solid 2px #fd9535;
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
@media only screen and (max-width : 500px) {
		.catalog-area {
				/*padding: 50px 0;*/
		}
		.itemlist dt {
				float: none;
				width: 100%;
				text-align: center;
		}
		.itemlist dd {
				width: 100%;
				margin-left: 0;
		}
		.link span a {
				margin-left: 0;
		}
		.link span {
				display: block;
				text-align: left;
				margin-left: 0;
		}
}
/*
-------------------------------------------------カテゴリー　飲食店　*/
.resto-main {
		position: relative;
		margin-top: 80px;
}
.resto-main h1 img {
		max-width: 950px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
}
.resto-main div {
		width: 100%;
}
.resto-main div img {
		width: 100%;
		max-height: 500px;
		min-height: 300px;
		object-fit: cover;
}
.resto-toptxt h2 {
		font-size: 24px;
		padding: 40px 0;
		text-align: center;
}
.resto-toptxt p {
		text-align: justify;
		text-justify: inter-ideograph;
}
.category-select-txt:after, .category-select-img:after {
		content: "";
		display: block;
		clear: both;
}
.category-select-txt, .category-select-img {
		position: relative;
}
.category-select-txt .txt {
		float: left;
		width: 100%;
		margin-right: -42%;
		padding-right: 42%;
		padding-top: 7%;
		padding-bottom: 7%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.category-select-txt .txt.opsup {
		float: left;
		width: 100%;
		/*margin-right: -42%;*/
		/*padding-right: 42%;*/
		padding-top: 9%;
		padding-bottom: 10%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.category-select-txt .img {
		position: absolute;
		top: -6%;
		right: 10px;
		float: left;
		width: 42%;
		text-align: right;
}
.category-select-txt .txt h2, .category-select-img .txt h2 {
		text-align: center;
		font-size: 24px;
		margin-top: 30px;
		margin-bottom: 30px;
}
.category-select-txt .txt.opsup h2 {
		margin-top: 30px;
}
.category-select-img .txt {
		float: right;
		width: 100%;
		margin-left: -42%;
		padding-left: 42%;
		padding-top: 7%;
		padding-bottom: 7%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.category-select-img .img {
		position: absolute;
		top: -4%;
		left: 10px;
		float: right;
		width: 42%;
		text-align: right;
}
.category-select-img .txt h2 {
		text-align: center;
		font-size: 24px;
		margin-bottom: 50px;
}
.category-select-txt .voice, .category-select-txt .opsup {
		text-align: center;
		line-height: 1;
		color: #7b6415;
}
.category-select-txt .voice {
		font-size: 7vw;
}
.category-select-txt .opsup {
		font-size: 6vw;
}
.category-select-img .takumi {
		text-align: center;
		font-size: 7vw;
		color: #2d3c68;
}
.category-select-img .takumi span:nth-child(1) {
		font-size: 2vw;
		display: block;
		text-align: center;
		line-height: 1;
}
.category-select-img .takumi span:nth-child(2) {
		font-size: 6vw;
}
.category-select-txt .soudan {
		text-align: center;
		line-height: 1;
		color: #4f6007;
}
.category-select-txt .soudan img {
		width: 65%;
}
.category-bnr {
		/*padding: 20px 0;*/
		background-color: #000;
		padding-bottom: 10px;
}
.category-bnr a {
		display: block;
		max-width: 1000px;
		margin: 0 auto;
		padding: 10px 10px 0 10px;
		text-align: center;
}
.category-bnr img {
		vertical-align: bottom;
}
@media only screen and (min-width : 1200px) {
		.category-select-txt .voice {
				font-size: 110px;
		}
		.category-select-txt .opsup h1 {
				font-size: 50px;
		}
		.category-select-img .takumi {
				font-size: 95px;
		}
		.category-select-img .takumi span:nth-child(1) {
				font-size: 30px;
		}
		.category-select-img .takumi span:nth-child(2) {
				font-size: 80px;
		}
}
@media only screen and (max-width : 834px) {
		.resto-main {
				margin-top: 60px;
		}
		.category-select-txt .img, .category-select-img .img {
				top: 5%;
		}
}
@media only screen and (max-width : 600px) {
		.resto-main h1 img {
				top: 20%;
		}
		.resto-toptxt h2 br {
				display: none;
		}
		.category-select-txt .txt {
				float: none;
				width: 100%;
				margin-right: 0%;
				padding-right: 0%;
		}
		.category-select-txt .img {
				position: relative;
				float: none;
				width: 100%;
				text-align: center;
				margin-top: 10px;
				padding-bottom: 10px;
		}
		.category-select-img .txt {
				float: none;
				width: 100%;
				margin-left: 0%;
				padding-left: 0%;
		}
		.category-select-img .img {
				position: relative;
				float: none;
				width: 90%;
				text-align: center;
				margin-top: 10px;
				padding-bottom: 10px;
		}
		.category-select-txt .img img, .category-select-img .img img {
				width: 250px;
		}
		.category-select-txt .opsup {
				font-size: 13vw;
		}
		.category-select-txt .txt h2, .category-select-img .txt h2 {
				margin-bottom: 30px;
		}
		.category-select-txt .voice {
				font-size: 80px;
		}
		.category-select-img .takumi {
				font-size: 60px;
		}
		.category-select-img .takumi span:nth-child(1) {
				font-size: 16px;
		}
		.category-select-img .takumi span:nth-child(2) {
				font-size: 40px;
		}
		.category-select-txt .soudan {
				font-size: 50px;
		}
		.category-bnr {
				background-color: #FFF;
		}
		.category-bnr a {
				padding: 0;
		}
}
/*
-------------------------------------------------カテゴリー　学校給食　*/
.school-main {
		position: relative;
		margin-top: 80px;
}
.school-main h1 img {
		max-width: 1000px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
}
.school-main div {
		width: 100%;
}
.school-main div img {
		width: 100%;
		max-height: 500px;
		min-height: 300px;
		object-fit: cover;
}
.school-toptxt h2 {
		font-size: 24px;
		padding: 40px 0;
		text-align: center;
}
.school-toptxt p {
		text-align: justify;
		text-justify: inter-ideograph;
}
.category-select-txt .pfi {
		text-align: center;
		font-size: 7vw;
		line-height: 1.5;
		color: #b26464;
}
@media only screen and (max-width : 600px) {
		.school-main h1 img {
				top: 20%;
		}
		.category-select-txt .pfi {
				font-size: 16vw;
		}
}
/*
-------------------------------------------------カテゴリー　ステンレス容器　*/
.stain-main {
		position: relative;
		margin-top: 0;
}
.stain-main h1 img {
		max-width: 970px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
}
.stain-main div {
		width: 100%;
}
.stain-main div img {
		width: 100%;
		max-height: 500px;
		min-height: 300px;
		object-fit: cover;
}
.category-select-txt .container {
		text-align: center;
		font-size: 5vw;
		line-height: 1.1;
		color: #2d5e5d;
}
.category-select-img .washer {
		text-align: center;
		font-size: 5vw;
		color: #2d3c68;
		line-height: 1.1;
}
.category-select-txt .order {
		text-align: center;
		font-size: 5vw;
		line-height: 1.1;
		color: #4f6007;
}
.ibc_movie {
		height: 430px;
		text-align: center;
		padding-left: 40px;
		padding-right: 40px;
		position: relative;
}
.ibc_movie div {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
}
.ibc_movie video {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		min-width: 100%;
		min-height: 100%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-size: cover;
}

/*問い合わせ*/
.st_inquiry {
		width: 80%;
		margin: 50px auto;
		border: 1px solid #00aca9;
		position: relative;
}
.st_inquiry .tit {
		font-size: 2vw;
		font-weight: 600;
		padding: 10px;
		background-color: #00aca9;
		color: #fff;
		text-align: center;
}
.st_inquiry .no {
		font-size: 4vw;
		font-weight: bold;
		font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		padding: 30px 0;
		margin: 0 auto;
}
.st_inquiry .no p {
		text-align: center;
}
.st_inquiry .no img {
		width: 4vw;
		vertical-align: text-top;
		margin-right: 10px;
}
.st_inquiry .tarny {
		position: absolute;
		top: 15px;
		right: 24px;
		width: 190px;
}
@media only screen and (max-width: 600px) {
		.stain-main h1 img {
				top: 15%;
		}
		.st_inquiry {
				width: 90%;
				margin: 20px auto;
				border: 1px solid #00aca9;
				position: relative;
		}
		.st_inquiry .tit {
				font-size: 5vw;
				font-weight: 600;
				width: 100%;
		}
		.st_inquiry .no {
				font-size: 6vw;
				font-weight: bold;
				font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
				padding: 30px;
				width: 100%;
		}
		.st_inquiry .no img {
				width: 6vw;
				vertical-align: text-top;
				margin-right: 10px;
		}
		.st_inquiry .tarny {
				position: absolute;
				top: 15px;
				right: 24px;
				width: 190px;
		}
		.st_inquiry .tarny {
				display: none;
		}
		.category-select-txt .container, .category-select-img .washer {
				font-size: 8vw;
		}
}
@media only screen and (min-width: 834px) {
		a[href^="tel:"] {
				pointer-events: none;
		}
}
/*
-------------------------------------------------VOICE　*/
.voice-title {
		/*max-width: 1300px;*/
		min-height: 300px;
		position: relative;
		margin: 0 auto;
		margin-top: 80px;
		height: 0;
		padding-top: 35%;
		background-image: url(../category/voice/images/main.jpg);
		background-size: cover;
		background-repeat: no-repeat;
}
.voice-title h1 {
		position: absolute;
		top: 47%;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
		margin: auto;
		color: #FFF;
		font-size: 12vw;
		line-height: 0.3;
		text-align: center;
}
.voice-title h2 {
		position: absolute;
		top: 67%;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
		margin: auto;
		color: #FFF;
		font-size: 2vw;
		letter-spacing: 6px;
		z-index: 98;
}
.top-txt {
		color: #FFF;
}
.top-txt p {
		text-align: justify;
		text-justify: inter-ideograph;
}
.top-txt h3 {
		font-size: 24px;
		padding-bottom: 30px;
		text-align: center;
}
.chef-list dl {
		position: relative;
		margin-bottom: 20px;
}
.chef-list dt img {
		width: 100%;
		height: 200px;
		object-fit: cover;
		object-position: 0% 0%; /* 他のブラウザ用(＝通常の指定) */
		font-family: 'object-fit: cover; object-position: 0% 0%;' /* IE・Edge対応 */
}
.chef-list dd {
		position: absolute;
		width: 100%;
		bottom: 7px;
		left: 0;
		padding: 8px 10px;
		color: #FFF;
		background-color: rgba(0, 0, 0, 0.8);
}
.chef-list dd span {
		font-size: 13px;
		line-height: 1;
}
@media only screen and (max-width : 834px) {
		.voice-title h1 {
				font-size: 600%;
				width: 90%;
		}
		.voice-title h2 {
				font-size: 100%;
				letter-spacing: 1px;
				width: 90%;
				text-align: center;
		}
}
@media only screen and (max-width : 500px) {
		.chef-list dt {
				height: 120px;
		}
		.chef-list dt img {
				height: 120px;
		}
		.chef-list dd {
				position: static;
		}
}
@media all and (-ms-high-contrast:none) {
		*::-ms-backdrop, .top-txt h3 {
				font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		}
		*::-ms-backdrop, .chef-list dd {
				padding: 12px 10px 6px 10px;
		}
}
/*
-------------------------------------------------VOICE 詳細　*/
.voice-title-resto {
		position: relative;
		max-width: 1080px;
		height: 450px;
		margin: 0 auto;
		/* margin-top: 80px; */
		margin-bottom: 60px;
}
.voice-title-resto h1 {
		position: absolute;
		top: 0;
		left: 10px;
		font-size: 60px;
		color: #FFF;
		text-shadow: 0px 0px 4px #54481e;
		z-index: 98;
}
.voice-title-resto h2 {
		position: absolute;
		top: 78px;
		left: 10px;
		font-size: 25px;
		letter-spacing: 8px;
		color: #FFF;
		text-shadow: 0px 0px 4px #54481e;
		z-index: 98;
}
.voice-title-resto img {
		position: absolute;
		max-height: 400px;
		top: 55px;
		right: 0;
}
.name-resto {
		position: absolute;
		display: inline-block;
		width: 230px;
		height: 230px;
		border-radius: 50%;
		background: #ffff59;
		opacity: 0.8;
		bottom: 0;
		left: 100px;
		text-align: center;
		z-index: 97;
}
.name-resto div {
		position: absolute;
		display: inline-block;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 230px;
		text-align: center;
}
.name-resto div span {
		display: block;
		text-align: center;
}
.name-resto div span:nth-child(1) {
		font-weight: bold;
		font-size: 23px;
		line-height: 1.2;
		margin-bottom: 5px;
}
.name-resto div span:nth-child(2) {
		font-size: 13px;
		margin-bottom: 10px;
		line-height: 1.2;
}
.name-resto div span:nth-child(3) {
		font-size: 20px;
}
.sub-t-resto {
		font-size: 24px;
		color: #FFF;
		text-align: center;
		padding: 30px 10px;
		margin-bottom: 30px;
		background-color: #303030;
}
.resto-txt {
		max-width: 850px;
		margin: 0 auto;
		padding: 0 10px;
}
.resto-txt p {
		color: #5a3f25;
		line-height: 2;
		text-align: justify;
		text-justify: inter-ideograph;
		/*text-indent: 1.0em;*/
		/*padding-bottom: 10px;*/
}
.resto-txt aside {
		max-width: 850px;
		font-size: 14px;
		margin: 30px auto 0;
		padding: 20px;
		background-color: #dacfc5;
}
.resto-txt aside strong {
		display: inline-block;
		padding-bottom: 10px;
}
.resto-txt aside a {
		text-decoration: underline;
}
.resto-txt aside:after {
		content: "";
		display: block;
		clear: both;
}
.resto-detail {
		float: left;
		width: 100%;
		color: #333;
		margin-right: -350px;
		padding-right: 350px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.resto-detail .anno{
	display: block;
    text-indent: -1em;
    padding-left: 1em;
    padding-right: 4em;
    color: #791919;
    margin-top: 1em;
}
.resto-map {
		float: left;
		width: 350px;
}
.resto-photo {
		max-width: 850px;
		margin: 0 auto;
		padding: 30px 0;
}
.resto-photo:after {
		content: "";
		display: block;
		clear: both;
}
.resto-photo div {
		float: left;
		width: 33.3333%;
		font-size: 0;
		line-height: 0;
		text-align: center;
}
.resto-ptoto {
		max-width: 850px;
		margin: 0 auto;
		padding: 0 10px;
}
.resto-ptoto img {
		margin: 0;
		padding: 0;
}
.resto-ptoto:after {
		content: "";
		display: block;
		clear: both;
}
.resto-ptoto .txt p {
		color: #5a3f25;
		line-height: 2;
		text-align: justify;
		text-justify: inter-ideograph;
		/*text-indent: 1.0em;*/
}
.resto-ptoto .txt p.boul {
		margin-top: 30px;
}
.resto-ptoto .txt {
		float: none;
		width: auto;
}
.resto-ptoto .photo {
		position: relative;
		float: left;
		width: 250px;
		margin-right: 30px;
		font-size: 0;
		line-height: 0;
		text-align: center;
}
.resto-ptoto .photo span {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		color: #FFF;
		font-size: 13px;
		text-align: center;
		padding: 5px;
		background-color: rgba(0, 0, 0, 0.8);
}
.resto-ptoto .capt {
		position: relative;
		float: left;
		width: 250px;
		margin: 0;
		font-size: 0;
		line-height: 0;
		text-align: center;
}
.resto-ptoto .capt span {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		color: #FFF;
		font-size: 13px;
		text-align: center;
		padding: 5px;
		background-color: rgba(0, 0, 0, 0.8);
}
.resto-ptoto .photo-l {
		position: relative;
		float: left;
		width: 250px;
		margin-right: 30px;
		font-size: 0;
		line-height: 0;
		text-align: center;
}
.resto-ptoto .photo-l span {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		color: #FFF;
		font-size: 13px;
		text-align: center;
		padding: 5px;
		background-color: rgba(0, 0, 0, 0.8);
}
.resto-ptoto .photo-r {
		position: relative;
		float: right;
		width: 250px;
		margin-left: 30px;
		font-size: 0;
		line-height: 0;
		text-align: center;
}
.resto-ptoto .photo-r span {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		color: #FFF;
		font-size: 13px;
		text-align: center;
		padding: 5px;
		background-color: rgba(0, 0, 0, 0.8);
}
.kiji {
		max-width: 850px;
		font-size: 14px;
		margin: 0 auto;
		padding: 20px;
		background-color: #dacfc5;
		overflow: hidden;
}
.kiji .kiji_img {
		width: 350px;
		height: 262px;
		float: left;
		margin-right: 20px;
}
@media only screen and (max-width : 834px) {
		.kiji .kiji_img {
				width: 100%;
				height: auto;
				float: none;
				margin-right: 0;
		}
}
.kiji .kiji_txt {
		width: 100%;
		color: #333;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.kiji .kiji_txt strong {
		display: inline-block;
		padding-bottom: 10px;
}
.kiji .kiji_txt a {
		text-decoration: underline;
}
.mb20 {
		margin-bottom: 20px;
}
.mb30 {
		margin-bottom: 30px;
}
.mb60 {
		margin-bottom: 60px;
}
.pd30 {
		padding-bottom: 30px;
}
.bd10b {
		border-bottom: 10px solid #eae0d7;
}
@media only screen and (max-width : 834px) {
		.voice-title-resto {
				height: auto;
				padding-top: 60%;
				margin-bottom: 5%;
		}
		.voice-title-resto h1 {
				font-size: 50px;
		}
		.voice-title-resto h2 {
				top: 62px;
				font-size: 17px;
		}
		.name-resto {
				bottom: 50px;
				left: 10px;
				width: 170px;
				height: 170px;
		}
		.name-resto div {
				width: 170px;
		}
		.name-resto div span:nth-child(1), .name-resto div span:nth-child(3) {
				font-size: 16px;
		}
		.voice-title, .voice-title-resto {
				margin-top: 60px;
		}
}
@media only screen and (max-width : 600px) {
		.name-resto {
				bottom: -40px;
				width: 150px;
				height: 150px;
		}
		.name-resto div {
				width: 150px;
		}
		.resto-detail {
				float: none;
				margin-bottom: 20px;
				margin-right: 0;
				padding-right: 0;
		}
		.resto-detail .anno{
			padding-right: 0;
		}
		.resto-map {
				float: none;
				margin: 0 auto;
				width: 100%;
		}
		.ggmap-voice {
				position: relative;
				padding-bottom: 75%;
				padding-top: 30px;
				height: 0;
				overflow: hidden;
		}
		.ggmap-voice iframe, .ggmap-voice object, .ggmap-voice embed {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
		}
		.resto-photo div {
				float: none;
				width: 100%;
				margin-bottom: 10px;
		}
		.sub-t-resto {
				font-size: 18px;
		}
		.resto-ptoto .photo, .resto-ptoto .photo-l, .resto-ptoto .photo-r, .resto-ptoto .capt {
				width: 50%;
		}
		.resto-ptoto .photo span, .resto-ptoto .photo-l span, .resto-ptoto .photo-r span, .resto-ptoto .capt span {
				font-size: 12px;
		}
		.box2 .resto-txt p {
				line-height: 1.5;
				text-indent: 0em;
		}
}
/*
-------------------------------------------------匠　*/
.takumi-title {
		position: relative;
		/*max-width: 1300px;*/
		margin: 0 auto;
		margin-top: 80px;
}
.takumi-title h1 {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 250px;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
		margin: auto;
}
.takumi-title h2 img {
		width: 100%;
		min-height: 300px;
		max-height: 400px;
		object-fit: cover;
		object-position: 100% 100%;
}
div.resto-list:after {
		content: "";
		display: block;
		clear: both;
}
div.resto-list a {
		float: left;
		width: 50%;
}
div.resto-list a:nth-child(odd) {
		padding-right: 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		clear: both;
}
div.resto-list a:nth-child(even) {
		padding-left: 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.resto-list dl {
		position: relative;
		margin-bottom: 20px;
}
.resto-list dt {
		position: absolute;
		width: 50%;
		height: 100%;
		top: 0;
		right: 0;
		color: #FFF;
		font-weight: bold;
		background-color: rgba(0, 0, 0, 0.6);
}
.resto-list dt p {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		text-align: center;
		padding: 10px;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
		margin: auto;
}
.resto-list dt span {
		display: block;
		font-size: 13px;
		font-weight: normal;
		text-align: center;
		line-height: 3;
}
.resto-list dd img {
		margin: 0;
		padding: 0;
		vertical-align: bottom;
}
/*
-------------------------------------------------匠　詳細*/
.takumi-title-resto {
		position: relative;
		max-width: 1000px;
		margin: 0 auto;
		margin-top: 80px;
}
.takumi-title-resto h1 {
		position: absolute;
		top: 20px;
		left: 20px;
}
.takumi-title-resto h2 {
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		color: #FFF;
		font-weight: bold;
		padding: 15px;
		background-color: rgba(0, 0, 0, 0.6);
}
.takumi-title-resto h2 span {
		font-weight: normal;
		font-size: 14px;
		margin-left: 10px;
}
.takumi-main {
		width: 100%;
		max-height: 400px;
		min-height: 350px;
		object-fit: cover;
		margin: 0;
		padding: 0;
		vertical-align: bottom;
}
h1.sub-t-takumi {
		text-align: center;
		font-size: 16px;
}
h1.sub-t-takumi span {
		position: relative;
		display: inline-block;
		padding-bottom: 0.5em;
		border-bottom: 1px solid black;
}
h1.sub-t-takumi span::before, h1.sub-t-takumi span::after {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		content: '';
		border: 10px solid transparent;
}
h1.sub-t-takumi span::before {
		border-top: 10px solid black;
}
h1.sub-t-takumi span::after {
		margin-top: -1px;
		border-top: 10px solid #e8e8e8;
}
h2.sub-t-under {
		color: #3b6f9c;
		text-align: center;
		font-size: 24px;
		padding: 15px 0 30px;
}
.takumi-txt p {
		color: #5d5d5d;
		line-height: 2;
		text-align: justify;
		text-justify: inter-ideograph;
		text-indent: 1.0em;
		padding-bottom: 10px;
}
.takumi-color p {
		color: #2b2b2b !important;
}
.takumi-box {
		max-width: 950px;
		margin: 0 auto;
		margin-top: 50px;
}
.takumi-box h3 {
		position: relative;
		color: #FFF;
		font-weight: bold;
		font-size: 20px;
		padding: 0.8em 0.5em 0.8em 1.4em;
		margin-bottom: 30px;
		background-color: #446689;
}
.takumi-box h3::after {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		content: '';
		width: 18px;
		height: 4px;
		background-color: #e8e8e8;
}
.takumi-box h4 {
		font-size: 18px;
		font-weight: bold;
		position: relative;
		padding-bottom: .5em;
		margin-bottom: 40px;
}
.takumi-box h4::before, .takumi-box h4::after {
		position: absolute;
		bottom: -4px;
		left: 0;
		content: '';
		height: 4px;
}
.takumi-box h4::before {
		z-index: 2;
		width: 15%;
		background-color: #446689;
}
.takumi-box h4::after {
		width: 100%;
		background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #dedcd0 2px, #dedcd0 4px);
		background: repeating-linear-gradient(45deg, #fff, #fff 2px, #dedcd0 2px, #dedcd0 4px);
}
div.box2 {
		max-width: 900px;
		margin: 0 auto;
}
div.box2:after, div.box2-r-s:after {
		content: "";
		display: block;
		clear: both;
}
.box2 div {
		float: left;
		width: 50%;
		padding: 0 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
div.box2-r-s {
		max-width: 850px;
		margin: 0 auto;
}
.box2-r-s div:nth-child(odd) {
		float: left;
		width: 65%;
		padding: 0 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.box2-r-s div:nth-child(even) {
		float: left;
		width: 35%;
		text-align: right;
		padding: 0 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
ul.gallery:after {
		content: "";
		display: block;
		clear: both;
}
.gallery li {
		float: left;
		width: 20%;
		padding: 5px 5px 0 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.gallery li img {
		max-width: 100%;
		height: auto;
}
ul.movie:after {
		content: "";
		display: block;
		clear: both;
}
.movie li {
		float: left;
		width: 33.333%;
		padding: 5px 5px 0 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.movie li img {
		max-width: 100%;
		height: auto;
}
.btn-takumi {
		max-width: 1000px;
		margin: 0 auto;
		text-align: right;
}
.btn-takumi a {
		display: inline-block;
		color: #FFF;
		border-radius: 6px;
		border: 2px solid #FFF;
		padding: 0.2em 0.5em;
		margin: 0.5em 0.3em;
}
.bottom a {
		color: #303c40 !important;
		border: 2px solid #737d80 !important;
		margin-bottom: 2em !important;
}
@media only screen and (max-width : 834px) {
		.takumi-title h1 {
				width: 180px;
		}
		.takumi-title-resto h1 {
				width: 150px;
		}
		.takumi-title, .takumi-title-resto {
				margin-top: 60px;
		}
		.resto-list dt br {
				display: none;
		}
}
@media only screen and (max-width : 600px) {
		div.resto-list a {
				float: none;
				width: 100%;
		}
		.resto-list dl {
				margin-bottom: 0;
		}
		.box2 div, .box2-r-s div:nth-child(odd), .box2-r-s div:nth-child(even) {
				float: none;
				width: 100%;
				text-align: center;
				padding: 0;
		}
		.gallery li {
				width: 33.3333%;
		}
		div.resto-list a:nth-child(even) {
				padding-left: 0;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				margin-bottom: 20px;
				display: block;
		}
}
/*
-------------------------------------------------レシピ集　*/
.recipe-title {
		position: relative;
		max-width: 1000px;
		height: 340px;
		margin: 0 auto;
		margin-top: 80px;
}
.recipe-title-bg {
		margin-bottom: 50px;
		background-image: url(../product/steam_convection/recipe/images/main.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top right;
}
.recipe-title h1 {
		position: absolute;
		top: 7%;
		left: 3%;
		width: 50%;
		z-index: 98;
}
.recipe-title h2 {
		position: absolute;
		top: 38%;
		right: 3%;
		width: 50%;
		text-align: right;
		z-index: 98;
}
.recipe-title div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 97;
}
.recipe-title div img {
		min-height: 300px;
		object-fit: cover;
		object-position: 100% 100%;
}
.bg-photo {
		padding: 7px;
		border: 1px solid #ccc;
		background: #fff;
		box-shadow: 1px 1px 5px rgba(20, 20, 20, 0.2);
}
.recipe-new h3, .recipe-list h3 {
		position: relative;
		color: #3c3c3c;
		font-size: 22px;
		padding: 10px 0;
		text-align: center;
		font-weight: bold;
		margin: 2.5em 0;
}
.recipe-list h3 {
		margin: 3.5em 0 2.5em !important;
}
.recipe-new h3:before, .recipe-list h3:before {
		content: "";
		position: absolute;
		top: -8px;
		left: 50%;
		width: 150px;
		height: 58px;
		border-radius: 50%;
		border: 5px solid #f1a300;
		border-left-color: transparent;
		border-right-color: transparent;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
}
.recipe-new div:after {
		content: "";
		display: block;
		clear: both;
}
.recipe-new div a {
		float: left;
		width: 50%;
}
.recipe-new div a:nth-child(odd) {
		padding-right: 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		clear: both;
}
.recipe-new div a:nth-child(even) {
		padding-left: 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.recipe-list ul:after {
		content: "";
		display: block;
		clear: both;
}
.recipe-list li {
		float: left;
		position: relative;
		/* width: 20%; */
		width: 20%;
		/* padding: 5px; */
		padding: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.recipe-list li img {
		max-width: 100%;
		height: auto;
		object-fit: cover;
		object-position: 100% 100%;
		z-index: 99;
}
.recipe-list figcaption {
		font-size: 14px;
		line-height: 1.2;
		height: 30px;
		padding: 0 15px;
}
.icon-new {
		position: relative;
}
.icon-new:before {
		border-color: #ff4f48 transparent transparent transparent;
		border-style: solid;
		border-width: 60px 60px 0 0;
		content: "";
		height: 0;
		position: absolute;
		top: 2px;
		left: 2px;
		width: 0;
		z-index: 2;
}
.icon-new:after {
		color: #fff;
		content: "NEW";
		font-size: 15px;
		position: absolute;
		top: 11px;
		left: 7px;
		transform: rotate(-45deg);
		z-index: 3;
}
/*
-------------------------------------------------レシピ集 詳細　*/
.recipe-title-detail {
		position: relative;
		max-width: 1000px;
		width: 100%;
		padding: 30px 10px;
		margin: 0 auto;
		margin-top: 80px;
		display: table;
}
.recipe-title-detail h1 {
		display: table-cell;
		position: relative;
		width: 150px;
		color: #FFF;
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
		padding: 10px;
		background-color: #ff4f48;
}
.recipe-title-detail h1:after {
		left: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-width: 10px;
		margin-top: -10px;
		border-left-color: #ff4f48;
}
.recipe-title-detail h2 {
		display: table-cell;
		font-size: 22px;
		line-height: 2;
		font-weight: bold;
		vertical-align: middle;
		padding: 0 10px 0 20px;
		background-color: #FFF;
}
.btn-print {
		position: absolute;
		top: 40px;
		right: 20px;
}
.btn-print a {
		display: inline-block;
		padding: 0.5em 0.8em;
		text-decoration: none;
		color: #FFF;
		background: #00aca9;
		border-bottom: solid 2px #127d7c;
		border-radius: 4px; /*角の丸み*/
		box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
		font-weight: bold;
}
.btn-print a:active {
		border-bottom: solid 2px #155252;
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.cooking {
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 10px;
}
.cooking:after {
		content: "";
		display: block;
		clear: both;
}
.cooking .photo {
		float: left;
		width: 45%;
		min-width: 300px;
}
.cooking .photo img {
		width: 100%;
}
.cooking .material {
		float: none;
		width: auto;
		margin-left: 45%;
		padding-left: 30px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.material h3, .making .list h3 {
		position: relative;
		color: black;
		font-weight: bold;
		padding: 0.5em 0.5em 0.5em 2.3em;
		background-color: #f3c816;
		border-radius: 1.5em;
}
.material h3::after, .making .list h3::after {
		position: absolute;
		top: 50%;
		left: 1em;
		transform: translateY(-50%);
		content: '';
		width: 13px;
		height: 13px;
		background-color: #f7ecbe;
		border-radius: 100%;
}
.material .kcal {
		text-align: right;
		margin-bottom: 10px;
}
.material ul {}
.material li {
		position: relative;
		line-height: 2;
		border-bottom: dotted 1px #8a8a8a;
}
.material li span {
		position: absolute;
		top: 0;
		right: 0;
		line-height: 2;
}
.matome {
		padding-left: 15px;
}
.aka {
		color: #ff4f48;
}
.list .aka {
		color: black;
		background: linear-gradient(transparent 55%, #ff7a75 55%);
}
.oven {
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 10px;
}
.config {
		position: relative;
}
.oven .config dl {
		display: table;
		width: 100%;
		padding-right: 1px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.oven .config dt {
		display: table-cell;
		width: 25%;
		padding: 5px;
		text-align: center;
		vertical-align: middle;
		border-bottom: 2px solid #f7ecbe;
		background-color: #bdb6a2;
}
.oven .config dd {
		display: table-cell;
		width: 25%;
		padding: 5px;
		text-align: center;
		vertical-align: middle;
		border-bottom: 2px solid #f7ecbe;
		border-right: 2px solid #f7ecbe;
		background-color: #FFF;
}
.oven .config dt:last-child {
		width: 25%;
}
.oven .config dd:last-child {
		width: 75%;
}
.config .number {
		position: absolute;
		top: -17px;
		left: 6px;
		width: 36px;
		font-size: 20px;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		line-height: 1;
		padding: 8px;
		background-color: #ffb107;
		border-radius: 22px;
}
.config dd img.mode {
		width: 30px;
		padding-left: 5px;
		vertical-align: middle;
}
.config dd img.steam {
		height: 18px;
		padding-left: 5px;
		vertical-align: middle;
}
.pop-point {
		max-width: 1000px;
		margin: 50px auto;
		text-align: center;
}
.pop-point p {
		position: relative;
		display: inline-block;
		/*text-align: center;*/
		padding: 20px;
		background-color: #FFF;
		border-radius: 10px;
}
.pop-point p::before {
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		left: 0;
		right: 0;
		bottom: -15px;
		margin: 0 auto;
		border-top: 15px solid #FFF;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
}
.pop-point span {
		display: block;
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		color: #ff4f48;
}
.making {
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 10px;
}
.making .list {
		width: 100%;
}
.making .photo:after {
		content: "";
		display: block;
		clear: both;
}
.making .photo li {
		float: left;
		width: 25%;
		padding: 5px;
		text-align: center;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.making .photo figcaption {
		display: inline-block;
		color: #0093ff;
		font-size: 15px;
		padding: 1px 4px;
		border: 1px solid #0093ff;
		border-radius: 4px;
		margin-bottom: 10px;
}
.photo-No {
		display: inline-block;
		color: #0093ff;
		font-size: 15px;
		padding: 1px 4px;
		margin: 0 5px;
		border: 1px solid #0093ff;
		border-radius: 4px;
}
.making .photo img {
		width: 100%;
}
.making .list ol {
		counter-reset: number; /*数字をリセット*/
		list-style-type: none !important; /*数字を一旦消す*/
}
.making .list li {
		position: relative;
		line-height: 2;
		padding: 0 0 0 30px;
		border-bottom: dotted 1px #8a8a8a;
}
.making .list li:before {
		/* 以下数字をつける */
		position: absolute;
		counter-increment: number;
		content: counter(number);
		/*数字のデザイン変える*/
		display: inline-block;
		background: #7bb51a;
		color: white;
		font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
		font-weight: bold;
		font-size: 15px;
		border-radius: 50%;
		top: 4px;
		left: 0;
		width: 22px;
		height: 22px;
		line-height: 22px;
		text-align: center;
		/*以下 上下中央寄せのため
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);*/
}
.making .list ol li:last-of-type {
		border-bottom: none; /*最後のliの線だけ消す*/
}
.making .list li .number {
		display: inline-block;
		width: 22px;
		height: 22px;
		font-size: 15px;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
		line-height: 22px;
		background-color: #7bb51a;
		border-radius: 50%;
}
@media only screen and (max-width : 834px) {
		.recipe-title, .recipe-title-detail {
				margin-top: 60px;
		}
		.recipe-new div a img {
				margin-bottom: 20px;
		}
		.recipe-new h3, .recipe-list h3 {
				margin: 1em 0 2em;
		}
		.recipe-list li {
				width: 25%;
		}
}
@media only screen and (max-width : 600px) {
		.recipe-title h2 {
				top: 50%;
				width: 60%;
		}
		.recipe-new div a {
				float: none;
				width: 100%;
		}
		.recipe-new div a:nth-child(odd), .recipe-new div a:nth-child(even) {
				padding: 0;
		}
		.recipe-list li {
				width: 33.3333%;
		}
		.recipe-title-detail {
				padding-bottom: 0px;
		}
		.recipe-title-detail h1 {
				display: block;
				width: 100%;
				padding: 5px;
		}
		.recipe-title-detail h1 br {
				display: none;
		}
		.recipe-title-detail h1:after {
				content: "";
				position: absolute;
				right: 0;
				bottom: -34px;
				left: 0;
				width: 0px;
				height: 0px;
				margin: auto;
				border-style: solid;
				border-color: #ff4f48 transparent transparent transparent;
				border-width: 10px;
		}
		.recipe-title-detail h2 {
				display: block;
				text-align: center;
				padding: 10px 5px 5px;
		}
		.btn-print {
				position: static;
				text-align: center;
				top: 0;
				right: 0;
				margin: 10px 0;
		}
		.cooking .photo {
				float: none;
				margin: 0 auto;
		}
		.cooking .material {
				float: none;
				width: 100%;
				margin-left: 0;
				padding-left: 0;
				margin-top: 20px;
		}
		.oven .config dt, .oven .config dd, .oven .config dt:last-child, .oven .config dd:last-child {
				display: block;
				width: 100%;
				border-right: none;
		}
		.making .photo li {
				width: 50%;
		}
}
@media only screen and (max-width : 500px) {
		.recipe-title h1 {
				width: 60%;
		}
		.recipe-title h2 {
				top: 50%;
				width: 75%;
		}
		.recipe-new h3 {
				margin: 0.5em 0 2em;
		}
		.recipe-list h3 {
				margin: 2em 0 2em;
		}
		.recipe-list li {
				width: 50%;
		}
}
/*
-------------------------------------------------製品メンテナンス　*/
.maint-title {
		max-width: 1000px;
		margin: 0 auto;
		margin-top: 80px;
}
.maint-subt {
		text-align: center;
}
.maint-subt h2 {
		font-size: 24px;
		font-weight: bold;
		padding: 0 10px;
		margin-bottom: 30px;
		background: linear-gradient(transparent 55%, #a7d6ff 55%);
		display: inline-block;
}
.maint-subt p {
		line-height: 2;
		text-align: justify;
		text-justify: inter-ideograph;
}
.maint-list ul {
		margin-top: 80px;
		background-image: url(../category/maint/images/illust01.png);
		background-size: auto;
		background-repeat: no-repeat;
		background-position: bottom 45px right;
}
.maint-list ul:after {
		content: "";
		display: block;
		clear: both;
}
.maint-list li a {
		position: relative;
		float: left;
		width: 31.3333%;
		height: 230px;
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		margin: 1% 1% 5% 1%;
		padding: 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 3px solid #309dc6;
		border-radius: 10px;
		background-color: #FFF;
		box-shadow: 1px 1px 5px rgba(20, 20, 20, 0.39);
}
.maint-list li img {
		position: absolute;
		width: 80%;
		top: -120px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
}
.maint-list li span {
		position: absolute;
		width: 100%;
		text-align: center;
		line-height: 1.3;
		top: 77%;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
		margin: auto;
		padding: 0 10px;
}
/*
-------------------------------------------------製品メンテナンス 詳細　*/
.maint {
		max-width: 1000px;
		margin: 0 auto;
}
.maint-title-detail {
		position: relative;
		max-width: 1000px;
		width: 100%;
		padding: 30px 10px;
		margin: 0 auto;
		margin-top: 80px;
		display: table;
}
.maint-title-detail h1 {
		display: table-cell;
		position: relative;
		width: 100px;
		color: #FFF;
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
		padding: 10px;
		background-color: #309dc6;
}
.maint-title-detail h1:after {
		left: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-width: 10px;
		margin-top: -10px;
		border-left-color: #309dc6;
}
.maint-title-detail h2 {
		display: table-cell;
		font-size: 22px;
		line-height: 1.2;
		font-weight: bold;
		vertical-align: middle;
		padding: 5px 10px 4px 20px;
		background-color: #FFF;
		background-size: auto;
		background-repeat: no-repeat;
		background-position: right 10px center;
}
.fuso h2 {
		background-image: url(../category/maint/vol001/images/illust01.png) !important;
}
.range h2 {
		background-image: url(../category/maint/vol002/images/illust01.png) !important;
}
.flyer h2 {
		background-image: url(../category/maint/vol003/images/illust01.png) !important;
}
.steam h2 {
		background-image: url(../category/maint/vol004/images/illust01.png) !important;
}
.icebox h2 {
		background-image: url(../category/maint/vol005/images/illust01.png) !important;
}
.maint-title-detail h2 span {
		font-size: 15px;
}
.maint h3 {
		position: relative;
		padding: 0.6em;
		margin-bottom: 2em;
		background: #76c4cc;
		font-weight: bold;
}
.maint h3:after {
		position: absolute;
		content: '';
		top: 100%;
		left: 30px;
		border: 15px solid transparent;
		border-top: 15px solid #76c4cc;
		width: 0;
		height: 0;
}
.maint aside.note {
		max-width: 630px;
		margin: 0 auto;
		padding: 15px;
		margin-bottom: 2em;
		border: 3px solid #309dc6;
		border-radius: 8px;
		background-color: #FFF;
}
.maint aside.note p {
		text-align: center;
		margin: 5px;
}
.maint aside.note strong {
		display: inline;
		font-size: 20px;
		line-height: 2;
		padding: 0 5px;
		margin-bottom: 25px;
		background: linear-gradient(transparent 70%, #ff93a5 70%);
}
div.maint p, section.maint p {
		margin-bottom: 2em;
}
@media only screen and (max-width : 834px) {
		.maint-title, .maint-title-detail {
				margin-top: 60px;
		}
}
@media only screen and (max-width : 600px) {
		.maint-list li a {
				width: 48%;
		}
		.maint-title-detail h1 {
				display: block;
				width: 100%;
				padding: 5px;
		}
		.maint-title-detail h2 {
				display: block;
				text-align: center;
				padding: 10px 5px 5px;
				background-image: none;
		}
		.fuso h2, .range h2, .flyer h2, .steam h2, .icebox h2 {
				background-image: none !important;
		}
		.maint-title-detail h1:after {
				right: 0;
				bottom: -34px;
				left: 0;
				width: 0px;
				height: 0px;
				margin: auto;
				border-style: solid;
				border-color: #309dc6 transparent transparent transparent;
		}
}
@media only screen and (max-width : 500px) {
		.maint-list ul {
				margin-top: 40px;
		}
		.maint-list li a {
				position: static;
				display: block;
				width: 100%;
				height: auto;
				padding: 15px;
				margin: 1% 0% 5% 0%;
		}
		.maint-list li img {
				position: static;
				display: block;
		}
		.maint-list li span {
				position: static;
				display: block;
				-webkit-transform: none;
				transform: none;
		}
}
/*
-------------------------------------------------無料設計相談室　*/
.soudan-title {
		max-width: 100%;
		margin: 0 auto;
		margin-top: 80px;
}
.soudan-title img {
		width: 100%;
		height: 400px;
		object-fit: cover;
}
.soudan-subt h2 {
		text-align: center;
		font-size: 1.3em;
		margin: 2em 0;
}
.soudan-subt p {
		text-align: justify;
		text-justify: inter-ideograph;
}
.btn-soudan .btn-entry {
		letter-spacing: 2px !important;
}
.btn-soudan p {
		max-width: 400px !important;
}
.soudan-subt div {
		margin: 3em 0;
}
.kaisetsu-list ul:after {
		content: "";
		display: block;
		clear: both;
}
.kaisetsu-list li {
		float: left;
		width: 50%;
}
.kaisetsu-list h3, .drawing-list h3, .kitchen-layout h3 {
		position: relative;
		color: #FFF;
		font-weight: bold;
		margin: 2em 0;
		padding: 0.8em 0.5em 0.8em 1.4em;
		background-color: #729919;
}
.kaisetsu-list h3::after, .drawing-list h3::after, .kitchen-layout h3::after {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		content: '';
		width: 18px;
		height: 4px;
		background-color: white;
}
.kaisetsu-list a {
		display: -webkit-flex;
		display: flex;
}
.kaisetsu-list a div {
		width: 70%;
		color: #FFF;
		text-align: center;
		padding: 15px;
		margin: 60px auto;
		border: 3px solid #FFF;
		border-radius: 8px;
		background-color: rgba(0, 0, 0, 0.6);
}
.kaisetsu-list a div h4 {
		text-align: center;
		font-size: 24px;
}
.kaisetsu-list a div span {
		font-size: 14px;
}
.food-chinese {
		background-image: url(../category/soudan/images/food-chinese.jpg);
		background-size: cover;
		background-repeat: no-repeat;
}
.food-western {
		background-image: url(../category/soudan/images/food-western.jpg);
		background-size: cover;
		background-repeat: no-repeat;
}
.food-japanese {
		background-image: url(../category/soudan/images/food-japanese.jpg);
		background-size: cover;
		background-repeat: no-repeat;
}
.food-noodles {
		background-image: url(../category/soudan/images/food-noodles.jpg);
		background-size: cover;
		background-repeat: no-repeat;
}
.food-pasta {
		background-image: url(../category/soudan/images/food-pasta.jpg);
		background-size: cover;
		background-repeat: no-repeat;
}
.food-soba {
		background-image: url(../category/soudan/images/food-soba.jpg);
		background-size: cover;
		background-repeat: no-repeat;
}
.drawing-list ul:after {
		content: "";
		display: block;
		clear: both;
}
.drawing-list li {
		float: left;
		width: 50%;
}
.drawing-list li:nth-child(odd) {
		padding-right: 1em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.drawing-list a {
		display: block;
		text-align: center;
		line-height: 4;
		border: 1px solid #000;
		margin-bottom: 1em;
}
/*
-------------------------------------------------無料設計相談室　詳細　*/
.soudan-title-detail {
		margin: 0 auto;
		padding: 3%;
		margin-top: 80px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right center;
		background-color: #e7efd7;
}
.title-chinese {
		background-image: url(../category/soudan/chinese/images/title.png);
}
.title-western {
		background-image: url(../category/soudan/western/images/title.png);
}
.title-japanese {
		background-image: url(../category/soudan/japanese/images/title.png);
}
.title-noodles {
		background-image: url(../category/soudan/noodles/images/title.png);
}
.title-pasta {
		background-image: url(../category/soudan/pasta/images/title.png);
}
.title-soba {
		background-image: url(../category/soudan/soba/images/title.png);
}
.soudan-title-detail h1 {
		max-width: 1000px;
		margin: 0 auto;
}
.soudan-title-detail h2 {
		max-width: 1000px;
		margin: 0 auto;
		font-size: 2.5vw;
}
.kitchen-layout .taC {
		display: block;
}
.kitchen-kaisetsu:after {
		content: "";
		display: block;
		clear: both;
}
.kitchen-kaisetsu dl {
		float: left;
		width: 50%;
		padding: 1em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.kitchen-kaisetsu dt {
		text-align: center;
}
.kitchen-kaisetsu dd {
		text-align: justify;
		text-justify: inter-ideograph;
}
.kitchen-kaisetsu dt img {
		width: 100%;
}
.kitchen-kaisetsu dd strong {
		display: block;
		line-height: 2.5;
		text-align: center;
}
dl.machine:after {
		content: "";
		display: block;
		clear: both;
}
dl.machine {
		padding-bottom: 1em;
		margin-bottom: 1em;
		border-bottom: 1px dotted #bdbdbd;
}
.machine dt {
		float: left;
		width: 250px;
		text-align: center;
}
.machine dt img {
		width: 150px;
}
.machine dd {
		float: none;
		width: auto;
		margin-left: 250px;
		text-align: justify;
		text-justify: inter-ideograph;
}
.machine dd strong {
		display: block;
		line-height: 2.5;
}
.machine dd strong span {
		color: #F00;
		margin-left: 5px;
}
.machine dt.noimages {
		color: #c1c1c1;
		font-weight: bold;
		line-height: 5;
}
.kitchen-layout ul.img-list:after {
		content: "";
		display: block;
		clear: both;
}
.img-list li {
		float: left;
		width: 25%;
		padding: 0.5em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.img-list li img {
		width: 100%;
}
@media only screen and (max-width : 1000px) {
		.soudan-title img {
				height: 340px;
		}
}
@media only screen and (max-width : 834px) {
		.soudan-title, .soudan-title-detail {
				margin-top: 60px;
		}
		.soudan-title-detail h2 {
				font-size: 24px;
		}
}
@media only screen and (max-width : 600px) {
		.soudan-title img {
				height: 160px;
		}
		.kaisetsu-list li, .drawing-list li, .img-list li {
				width: 100%;
		}
		.drawing-list li:nth-child(odd) {
				padding-right: 0;
		}
		.kaisetsu-list a div {
				margin: 40px auto;
		}
		.soudan-title-detail img {
				width: 50%;
		}
		.kitchen-kaisetsu dl {
				width: 100%;
				padding: 1em 0;
		}
		.machine dt {
				width: 100%;
		}
		.machine dd {
				margin-left: 0;
		}
		.machine dd strong {
				text-align: center;
		}
}
/*
-------------------------------------------------厨房ドッグ　*/
.dr-title {
		position: relative;
		max-width: 100%;
		margin: 0 auto;
		margin-top: 80px;
}
.dr-title h1 img {
		position: absolute;
		top: 15%;
		left: 10%;
		max-width: 40vw;
}
.dr-title div img {
		width: 100%;
		max-height: 450px;
		min-height: 300px;
		object-fit: cover;
}
.dr-area .title-txt h2 {
		text-align: center;
		font-size: 26px;
		margin-top: 30px;
}
.dr-area .title-txt span {
		text-align: center;
		display: block;
		margin-bottom: 30px;
}
.dr-btntxt {
		text-align: center;
		font-size: 20px;
		padding-bottom: 30px;
}
.dr-area .subt {
		overflow: hidden;
		align-items: center;
		background: #1a75ad;
		color: #fff;
		display: flex;
		font-size: 26px;
		text-align: center;
		padding: 5px 0;
}
.dr-area .subt span {
		display: block;
		text-align: center;
}
.dr-area .subt:before, .dr-area .subt:after {
		content: "";
		flex: 1;
		background: #fff;
		padding: 1px 0;
		height: 0;
		transform: rotate(45deg);
}
.support:after {
		content: "";
		display: block;
		clear: both;
}
.support, .merit, .qa, .free-txt, .dr-box {
		margin: 50px 0;
}
.support dl {
		float: left;
		width: 33.3333%;
		min-height: 190px;
		padding: 20px;
		text-align: center;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.support dl:nth-child(1), .support dl:nth-child(2) {
		border-right: 1px solid #999;
}
.support dt {
		display: inline-block;
		width: 80px;
		height: 80px;
		border-radius: 50%;
		color: #FFF;
		font-size: 24px;
		background: #62cce8;
		text-align: center;
		line-height: 80px;
		vertical-align: middle;
		margin-bottom: 20px;
		font-weight: bold;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.support dd {
		font-size: 20px;
		text-align: center;
		line-height: 1.2;
}
.merit:after {
		content: "";
		display: block;
		clear: both;
}
.merit dl {
		float: left;
		position: relative;
		padding: 20px;
		border: 1px solid #999;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.merit dl:nth-child(odd) {
		width: 48%;
		margin-right: 4%;
}
.merit dl:nth-child(even) {
		width: 48%;
}
.merit dl:nth-child(1), .merit dl:nth-child(2) {
		margin-bottom: 4%;
}
.merit dt {
		color: #1a75ad;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #999;
}
.merit dd {
		text-align: justify;
		text-justify: inter-ideograph;
}
.free-txt {
		display: table;
}
.free-txt .txt {
		display: table-cell;
		vertical-align: middle;
		width: 60%;
		font-size: 24px;
		font-weight: bold;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.free-txt .img {
		display: table-cell;
		min-width: 200px;
}
.dr-box {
		display: table;
		background-color: #e0f7fc;
		padding: 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.dr-box div {
		display: table-cell;
		vertical-align: middle;
}
.dr-box div:nth-child(1) {
		width: auto;
		max-width: 300px;
		text-align: center;
		font-weight: bold;
		padding-right: 30px;
}
.dr-box div:nth-child(2) {
		width: 300px;
}
.dr-box div:nth-child(2) p {
		display: table-cell;
		width: 300px;
		height: 300px;
		border-radius: 50%;
		font-size: 20px;
		background: #FFF;
		border: 3px solid #1a75ad;
		text-align: center;
		line-height: 2.5;
		vertical-align: middle;
		font-weight: bold;
}
.dr-box div:nth-child(3) {
		width: auto;
		max-width: 300px;
		padding-left: 30px;
		line-height: 1.7;
		text-align: justify;
		text-justify: inter-ideograph;
}
/* 左上三角のナンバー */
.icon-1, .icon-2, .icon-3, .icon-4 {
		position: relative;
}
.icon-1:before, .icon-2:before, .icon-3:before, .icon-4:before {
		border-color: #62cce8 transparent transparent transparent;
		border-style: solid;
		border-width: 60px 60px 0 0;
		content: "";
		height: 0;
		position: absolute;
		top: -3px;
		left: -3px;
		width: 0;
		z-index: 2;
}
.icon-1:after {
		color: #fff;
		content: "1";
		font-size: 18px;
		font-weight: bold;
		position: absolute;
		top: 2px;
		left: 10px;
		/*transform: rotate(-45deg);*/
		z-index: 3;
}
.icon-2:after {
		color: #fff;
		content: "2";
		font-size: 18px;
		font-weight: bold;
		position: absolute;
		top: 2px;
		left: 10px;
		z-index: 3;
}
.icon-3:after {
		color: #fff;
		content: "3";
		font-size: 18px;
		font-weight: bold;
		position: absolute;
		top: 2px;
		left: 10px;
		z-index: 3;
}
.icon-4:after {
		color: #fff;
		content: "4";
		font-size: 18px;
		font-weight: bold;
		position: absolute;
		top: 2px;
		left: 10px;
		z-index: 3;
}
/* Q&Aのアコーディオン */
.cp_actab {
		position: relative;
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		color: #ffffff;
}
.cp_actab input {
		position: absolute;
		z-index: -1;
		opacity: 0;
}
.cp_actab label {
		font-weight: bold;
		position: relative;
		display: block;
		padding: 1em 3em 1em 1em;
		cursor: pointer;
		margin: 5px 0 1px 0;
		border: 1px solid #999;
		color: #1a75ad;
}
.cp_actab .cp_actab-content {
		overflow: hidden;
		max-height: 0;
		-webkit-transition: max-height 0.35s;
		transition: max-height 0.35s;
		color: #333333;
}
.cp_actab .cp_actab-content dl {
		margin: 1em;
}
.cp_actab .cp_actab-content dt {
		color: #000;
		font-weight: bold;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #999;
}
.cp_actab input:checked ~ .cp_actab-content {
		max-height: 24em;
}
.cp_actab label::after {
		line-height: 3;
		position: absolute;
		top: 3px;
		right: 0;
		display: block;
		width: 3em;
		height: 3em;
		-webkit-transition: all 0.35s;
		transition: all 0.35s;
		text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
		content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after {
		transform: rotate(315deg);
}
/* ステップ */
.step {
		list-style-type: none;
		display: table;
		width: 100%;
		padding: 0;
		margin: 0;
		overflow: hidden;
}
.step li {
		display: table-cell;
		position: relative;
		background: #ececd6;
		padding: 1em 0.5em 1em 0.5em;
		color: #6f6f6f;
		text-align: center;
		font-weight: bold;
		vertical-align: middle;
		width: 25%;
}
.step li:last-child {
		padding-right: 1em;
}
.step li:last-child:before, .step li:last-child:after {
		display: none;
}
.step li:before, .step li:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		margin: auto;
}
.step li:before {
		top: -15px;
		right: -1em;
		border-style: solid;
		border-color: transparent transparent transparent #fff;
		border-width: 70px 0 68px 1em;
		z-index: 10;
}
.step li:after {
		top: -15px;
		right: -.8em;
		border-style: solid;
		border-color: transparent transparent transparent #ececd6;
		border-width: 70px 0 68px 1em;
		z-index: 10;
}
@media only screen and (max-width : 834px) {
		.dr-title {
				margin-top: 60px;
		}
		.dr-title h1 img {
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				max-width: none;
				width: 300px;
		}
}
@media only screen and (max-width : 600px) {
		.dr-area .subt:before, .dr-area .subt:after {
				background: #1a74ac;
		}
		.dr-area .subt {
				font-size: 20px;
		}
		.support, .merit, .qa, .free-txt, .dr-box {
				margin: 30px 0;
		}
		.support dl {
				float: none;
				width: 100%;
		}
		.support dl:nth-child(1), .support dl:nth-child(2) {
				border-right: none;
				border-bottom: 1px solid #999;
		}
		.cp_actab input:checked ~ .cp_actab-content {
				max-height: 30em;
		}
		.merit dl {
				float: none;
		}
		.merit dl:nth-child(odd), .merit dl:nth-child(even) {
				width: 100%;
				margin-right: 0;
		}
		.merit dl:nth-child(3) {
				margin-bottom: 4%;
		}
		.free-txt .txt, .free-txt .img {
				display: block;
		}
		.free-txt .txt {
				width: 100%;
				font-size: 20px;
				margin-bottom: 20px;
		}
		.free-txt .img {
				text-align: center;
		}
		.free-txt .img img {
				width: 250px;
		}
		.step {
				list-style-type: none;
				padding: 0;
				margin: 0;
		}
		.step li {
				max-height: 82px;
				position: relative;
				display: block;
				width: 100%;
				padding: 1em;
				margin-bottom: 1.5em;
				text-align: center;
		}
		.step li:after {
				content: "";
				position: absolute;
				width: 0;
				height: 0;
				bottom: -80px;
				left: 0;
				border-style: solid;
				border-color: #ececd6 transparent transparent transparent;
				border-width: 25px 50px 0 50px;
				z-index: 1;
		}
		.step li br {
				display: none;
		}
		.dr-box {
				width: 100%;
		}
		.dr-box div {
				display: block;
				width: 100%;
		}
		.dr-box div:nth-child(1) {
				margin-bottom: 20px;
				max-width: none;
				padding: 0;
		}
		.dr-box div:nth-child(2) {
				width: 250px;
				margin: 0 auto;
		}
		.dr-box div:nth-child(2) p {
				width: 250px;
				height: 250px;
				line-height: 2;
		}
		.dr-box div:nth-child(3) {
				margin-top: 20px;
				max-width: none;
				padding: 0
		}
		.dr-btntxt {
				text-align: left;
		}
		.dr-btntxt br {
				display: none;
		}
}
/*
-------------------------------------------------PFI　*/
.pfi .top-txt h2 {
		font-size: 24px !important;
		padding-bottom: 30px !important;
		text-align: center !important;
		color: #a05252;
}
.pfi .top-txt p {
		color: #333;
}
.pfi .top-txt h2 {
		text-align: center;
}
.pfi .top-txt h2 span {
		position: relative;
		text-align: center;
		display: inline-block;
		padding-bottom: 0.5em;
		border-bottom: 1px solid #a05252;
}
.pfi .top-txt h2 span::before, .pfi .top-txt h2 span::after {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		content: '';
		border: 10px solid transparent;
}
.pfi .top-txt h2 span::before {
		border-top: 10px solid #a05252;
}
.pfi .top-txt h2 span::after {
		margin-top: -1px;
		border-top: 10px solid white;
}
.about-pfi {
		display: table;
		max-width: 940px;
		margin: 50px auto;
		background-color: #f4f4f4;
}
.about-pfi .txt {
		display: table-cell;
		width: 65%;
		padding: 15px 30px;
		vertical-align: middle;
		text-align: center;
}
.about-pfi .txt p {
		text-align: justify;
		text-justify: inter-ideograph;
}
.about-pfi .txt h3 {
		color: #a05252;
		text-align: center;
		margin-bottom: 15px;
		font-size: 20px;
}
.about-pfi .txt a {
		display: inline-block;
		width: 140px;
		color: #FFF;
		padding: 0 10px;
		line-height: 2.5;
		margin-top: 15px;
		text-align: center;
		background-color: #a05252;
}
.about-pfi .img {
		display: table-cell;
		vertical-align: middle;
}
.about-pfi .img img {
		width: 100%;
		min-height: 100%;
		vertical-align: bottom;
		object-fit: cover;
		object-position: 0% 0%; /* 他のブラウザ用(＝通常の指定) */
		font-family: 'object-fit: cover; object-position: 0% 0%;' /* IE・Edge対応 */
}
.merit-pfi {
		padding: 50px 0;
		background-image: url(../category/pfi/images/bg01.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;
}
.merit-pfi h2 {
		text-align: center;
}
.merit-pfi h2 span {
		position: relative;
		display: inline-block;
		font-size: 24px;
		color: #FFF;
		padding-bottom: 0.5em;
		border-bottom: 1px solid #FFF;
}
.merit-pfi h2 span::before, .merit-pfi h2 span::after {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		content: '';
		border: 10px solid transparent;
}
.merit-pfi h2 span::before {
		border-top: 10px solid #FFF;
}
.merit-pfi h2 span::after {
		margin-top: -1px;
		border-top: 10px solid #374a61;
}
.merit-pfi ul {
		padding: 50px 10px;
		display: flex; /* フレックスボックス*/
		justify-content: space-around;
}
.merit-pfi li {
		width: 25%;
		text-align: center;
		font-size: 18px;
		padding: 7% 15px;
		background-color: #FFF;
		border: 3px solid #a05252;
		border-radius: 50%;
}
.merit-pfi li span {
		display: block;
		color: #a05252;
		text-align: center;
		font-size: 30px;
		font-weight: bold;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.pfi-subt {
		padding-top: 2em;
		padding-bottom: 5em;
		background-color: #a05252;
}
div.pfi-box {
		position: relative;
}
.pfi-box div {
		position: inherit;
		top: -45px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
		padding: 30px;
		max-width: 950px;
}
h2.pfi-subt {
		text-align: center;
}
h2.pfi-subt span {
		position: relative;
		display: inline-block;
		font-size: 24px;
		color: #FFF;
		padding-bottom: 0.5em;
		border-bottom: 1px solid #FFF;
}
h2.pfi-subt span::before, h2.pfi-subt span::after {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		content: '';
		border: 10px solid transparent;
}
h2.pfi-subt span::before {
		border-top: 10px solid #FFF;
}
h2.pfi-subt span::after {
		margin-top: -1px;
		border-top: 10px solid #a05252;
}
.pfi-box h3 {
		font-size: 18px;
		color: #a05252;
		margin-bottom: 20px;
}
/* 実績の表 */
.pfi-list dl {
		display: table;
		width: 100%;
}
.pfi-list dl:first-child {
		color: #FFF;
		background-color: #a05252;
}
.pfi-list dl:nth-child(even) {
		background-color: #FFF;
}
.pfi-list dt {
		display: table-cell;
		width: 41%;
		padding: 1px 3px;
		vertical-align: middle;
}
.pfi-list dd {
		display: table-cell;
		width: 14%;
		padding: 1px 3px;
		text-align: right;
		vertical-align: middle;
}
.box-contact {
		display: table;
		max-width: 950px;
		margin: 0 auto;
}
.box-contact div {
		display: table-cell;
		width: 50%;
}
.box-contact div.txt {
		padding: 30px;
		background-color: #f4f4f4;
}
/* 吹き出し */
.fukidashi-contact {
		position: relative;
		display: inline-block;
		margin: 1.5em 0 1.5em 15px;
		padding: 7px 10px;
		min-width: 120px;
		max-width: 100%;
		color: #FFF;
		font-size: 16px;
		vertical-align: middle;
		background: #a05252;
}
.fukidashi-contact:before {
		content: "";
		position: absolute;
		top: 50%;
		right: -30px;
		margin-top: -15px;
		border: 15px solid transparent;
		border-left: 15px solid #a05252;
}
.fukidashi-contact p {
		margin: 0;
		padding: 0;
		text-align: center;
		font-size: 20px;
		line-height: 2;
}
.pfi-btn a {
		display: inline-block;
		width: 250px;
		color: #FFF;
		padding: 0 10px;
		line-height: 2.5;
		margin: 50px 0;
		text-align: center;
		background-color: #a05252;
}
@media only screen and (max-width : 834px) {
		.school-main {
				margin-top: 60px;
		}
		.merit-pfi li {
				padding: 5% 15px;
		}
}
@media only screen and (max-width : 600px) {
		.about-pfi .img {
				display: none;
		}
		.about-pfi .txt {
				width: 100%;
		}
		.merit-pfi ul {
				display: block;
				padding: 50px 10px 0;
		}
		.merit-pfi li {
				width: 100%;
				padding: 15px;
				border-radius: 10px;
				margin-bottom: 10px;
		}
		.merit-pfi li span {
				display: inline;
				margin-right: 20px;
				vertical-align: sub;
		}
		.merit-pfi li br {
				display: none;
		}
		.pfi-box div {
				padding: 10px;
		}
		.pfi-list dt {
				display: block;
				width: 100%;
		}
		.pfi-list dd {
				display: flex;
				width: 100%;
		}
		.box-contact div {
				display: block;
				width: 100%;
		}
		.fukidashi-contact {
				margin: 0;
		}
		.box-contact div.txt {
				padding: 10px;
		}
		.fukidashi-contact:before {
				right: 0;
		}
}
/*
-------------------------------------------------ステンレスフロアシステム　*/
/* /product/stainless-floor/css/style.cssに移動*/
/*
-------------------------------------------------メディア　CM　*/
/* アコーディオン */
.md_tab {
		position: relative;
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		color: #ffffff;
}
.md_tab input {
		position: absolute;
		z-index: -1;
		opacity: 0;
}
.md_tab label {
		font-weight: bold;
		position: relative;
		display: block;
		padding: 1em 0em 0em 2.5em;
		cursor: pointer;
		color: #76a7d8;
}
.md_tab .cp_actab-content {
		overflow: hidden;
		max-height: 0;
		-webkit-transition: max-height 0.35s;
		transition: max-height 0.35s;
		color: #333333;
}
.md_tab .cp_actab-content dl {
		margin: 1em;
}
.md_tab .cp_actab-content dt {
		font-weight: bold;
		padding-left: 15px;
		margin-bottom: 15px;
		line-height: 2.5;
		background-color: #e5ebf1;
}
.md_tab .cp_actab-content dd {
		clear: both;
}
.md_tab .cp_actab-content dd img {
		float: right;
		margin: 0 0 10px 10px;
		width: 180px;
}
.md_tab input:checked ~ .cp_actab-content {
		max-height: 40em;
}
.md_tab label::after {
		line-height: 3;
		position: absolute;
		top: 3px;
		left: 0;
		display: block;
		width: 3em;
		height: 3em;
		-webkit-transition: all 0.35s;
		transition: all 0.35s;
		text-align: center;
}
.md_tab input[type=checkbox] + label::after {
		content: '+';
}
.md_tab input[type=checkbox]:checked + label::after {
		transform: rotate(315deg);
}
.icon-hokkaido {
		background-color: #3aa7d8;
}
.icon-higashi {
		background-color: #77a715;
}
.icon-toukai {
		background-color: #d49040;
}
.icon-nishi {
		background-color: #c16cc0;
}
.icon-koshin {
		background-color: #4e7a3e;
}
.icon-shikoku {
		background-color: #ce71ba;
}
.icon-kyushu {
		background-color: #ce4b4b;
}
.media-list {
		padding: 50px;
		margin-top: 30px;
		border: #dedede 1px solid;
		box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.38);
		background-color: #FFF;
}
.media-list li:after {
		content: "";
		display: block;
		clear: both;
}
.media-list li {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px dotted #adadad;
}
.media-list li .thumb {
		position: relative;
		width: 30%;
}
.media-list li .thumb img.ico {
		position: absolute;
		top: 0;
		left: 0%;
		margin-left: 0;
}
.media-list li img {
		float: left;
		width: 30%;
}
.media-list li .thumb img {
		width: 100%;
}
.media-list li iframe {
		float: left;
		width: 30%;
}
.media-list li .news-txt {
		float: none;
		width: auto;
		text-align: left;
		padding: 0 0 0 1em;
		margin-left: 30%;
}
.media-list li .news-txt h2 {
		margin-top: 10px;
}
.media-list a:hover h2 {
		text-decoration: underline;
}
.media-list li .news-txt .date {
		text-align: right;
}
.media-list li .news-txt .date span {
		font-size: small;
		background: #00aca9;
		color: #fff;
		padding: 3px 10px;
		border-radius: 15px;
}
@media only screen and (max-width : 500px) {
		.md_tab .cp_actab-content dd img {
				float: inherit;
				width: 100%;
				margin: 0 0 10px 0;
		}
}
@media only screen and (max-width : 600px) {
		.media-list {
				padding: 15px;
		}
		.media-list li .thumb {
				width: 100%;
		}
		.media-list li img, .media-list li iframe {
				float: none;
				width: 100%;
				margin: 10px 0;
		}
		.media-list li .news-txt {
				padding: 0em;
				margin-left: 0;
		}
		.media-list li .news-txt .date {
				position: inherit;
				width: 9em;
				margin: 0 0 0 auto;
		}
		.md_tab input:checked ~ .cp_actab-content {
				max-height: 70em;
		}
		.md_tab .cp_actab-content dl {
				margin: 1em 0;
		}
		.md_tab label {
				padding: 1em 0em 0em 1.5em;
		}
		.md_tab label::after {
				left: -15px;
		}
}
/*
-------------------------------------------------ページ内リンク　*/
.anc {
		padding: 1em 2em;
		background-color: #e7e5d8;
		max-width: 960px;
		margin: 20px auto;
}
.anc li {
		display: inline-block;
		margin-right: 20px;
		font-weight: bold;
		line-height: 0 !important;
		padding-left: 1.3em;
		background-image: url(../images/yajirushi01.png);
		background-position: left top 6px;
		background-repeat: no-repeat;
		background-size: 12px auto;
}
@media only screen and (max-width: 590px) {
		.anc {
				padding: 1em;
		}
}
/*  IEハック  */
@media screen\0 {
		.txt-box .subtxt, .form-area-btn ul li a, .recruit-title h1, .company-title h1, .normal-title h1, .school-title h1, .about01 .subt, .recruit-top h1, .recruit-btn ul li a, .interview-subt, .staff-title h3, .takumi, .sub-t-resto, .resto-toptxt h2, .soudan-subt h2, .btn-soudan .btn-entry, .soudan-title-detail h2, .dr-area .title-txt h2, .dr-box div:nth-child(2) p, .pfi .top-txt h2 span, .merit-pfi h2 span, h2.pfi-subt span, .steel-subt h2 {
				font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		}
		.ticker-area .matome a {
				padding: 4px 15px 1px;
		}
		.sub-menu li {
				padding: 3px 20px 0
		}
		.news-txt span {
				padding: 3px 5px 0;
		}
		.recruit-linkbtn li span {
				padding-top: 5px;
		}
		.btn-news-houkoku {
				padding: 6px 10px 0px;
		}
		.news-detail h2, .kaisetsu-list h3, .drawing-list h3, .kitchen-layout h3 {
				padding: 1em 0.5em 0.6em 1.4em;
		}
		.btn-link {
				padding: 0.5em 1em 0.3em;
		}
		.search_item {
				padding: 5px 5px 0;
		}
		.important-detail h2 {
				padding: 1em 0.5em 0.6em 1.4em;
		}
		.btn-link02 {
				padding: 0.5em 1em 0.3em;
		}
		.staff-title span {
				padding: 5px 20px 1px;
		}
		.map-list h1 {
				padding: 12px 10px 5px;
		}
		.map-list a.map {
				padding: 7px 25px 2px;
		}
		.recipe-title-detail h2, .maint-title-detail h2 {
				padding: 5px 10px 0 20px;
		}
		.recipe-new h3, .recipe-list h3 {
				padding: 13px 0 10px;
		}
		.btn-print a {
				padding: 0.8em 0.8em 0.4em;
		}
		.material h3, .making .list h3 {
				padding: 0.7em 0.5em 0.3em 2.3em;
		}
		.photo-No {
				padding: 1.7px 5px 0 5px;
		}
		.maint h3 {
				padding: 0.7em 0.7em 0.4em;
		}
		.soudan-title-detail h2 {
				font-size: 2em;
		}
		.steel-box li dl dt h3 {
				padding: 5px 10px 2px;
		}
		.dr-area .subt {
				overflow: hidden;
				align-items: center;
				color: #fff;
				display: block;
				font-size: 26px;
				text-align: center;
				padding: 5px 0;
				padding: 0.3em 0.5em;
				background: -webkit-repeating-linear-gradient(-45deg, #1a75ad, #1a75ad 3px, #2381bb 3px, #2d7cad 7px);
				background: repeating-linear-gradient(-45deg, #1a75ad, #1a75ad 3px, #2381bb 3px, #2d7cad 7px);
		}
		.dr-area .subt h3 {
				text-align: center;
		}
}