@charset "utf-8";
body {
	font-size: 87.5%;
	line-height: 130%;
	color: #666;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
a {
	color: #e6830b;
}
.news-list-head a:nth-child(2) {
	display:none;
}
.news-box-inner1 a:nth-child(2) {
	display:none;
}



#main-head {
	background-image: url(/img/page-content-head.png);
	height: 150px;
	width: 100%;
	position: relative;
	top: -33px;
	background-position: top center;
}
.home #main {
	position: relative;
	top: -120px;
}
#page-haad {
	background-image: url(/img/page-content-head.png);
	height: 125px;
	background-position: top center;
	position: relative;
	top: 0px;
}
/*
.innerBox {
	position: relative;
	top: -30px;
}
*/
.basic-page h1 {
	border-top: 0!important;
	border-right: 0!important;
	border-bottom: 0!important;
	border-left: 10px solid #e6830b!important;
	margin-left: 10px!important;
	padding: 5px!important;
	margin-bottom: 45px!important;
	position: relative!important;
	top: 15px;
}
.company #sec1 .clm {
	float: left;
	width: 31%;
	background-image: url(/company/images/border-l.png);
	background-position: right center;
	background-repeat: no-repeat;
	min-height: 315px;
	padding-right: 20px;
}
.business #sec2 h2 span {
	padding-left: 20px;
	font-size: 80%;
}
.business #sec2 .item {
	border: 1px dotted #E6830B;
	padding: 20px 40px;
	width: 46%;
	float: left;
	box-sizing: border-box;
	min-height: 285px;
	margin-bottom: 30px;
	background: #FFF;
}
.business #sec2 .item:nth-child(odd){
	margin-right: 4%;
}
.business #sec2 .inr {
}
.business #sec2 .item h3 {
	border-bottom: 1px dotted #E6830B;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 150%;
	padding-bottom:10px;
	margin-bottom: 20px;
}
.business #sec2 .item p {
	line-height:1.5;
	font-size:110%;
	text-align: left;
}
.business #sec3 {
	text-align: left;
	margin-top: 70px;
	margin-bottom:100px;
}
.business #sec3 h2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 200%;
	font-weight: normal;
	padding-bottom: 15px;
	margin-bottom: 40px;
}
.business #sec3 h2 span {
	padding-left:20px;
	font-size:80%;
}
.business #sec3 .item {
	border-top: 1px dotted #E6830B;
	border-bottom: 1px dotted #E6830B;
	width:46%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	font-weight: normal;
	padding: 25px 5px;
	box-sizing: border-box;
}
.business #sec3 .item h3 {
	color:#E6830B;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 180%;
}
.business #sec3 .item p {
	margin-top:20px;
	font-size:110%;
	text-align: left;
}
.business #sec3 .item.itbm {
	border-top:0;
}
@media screen and (max-width : 440px){
	.header-label-inner {
		font-size:100%!important;
	}
	.contact-box {
		float: none!important;
		display: table;
		position: relative;
		top: 10px;	
	}
	.news-date {
		display:none;
	}
	#pankuzu {
		display:none!important;
	}
	.news-box-inner1 {
		width:auto!important;
	}
	.pages .cate-icon2 {
		zoom: 0.7;
	}
	.pages .news-list-page-head {
		margin-bottom:30px!important;
	}
	.pages .news-box-inner2 {
		width: 100%;
		padding-top: 10px;
	}
	.pages .news-box-inner {
	border-color:#000!important;
	}
	.corp-prof-inner {
		width: 100%!important;
	}
	.corp-prof-inner2 p {
		float: none!important;
	}
	#news-box h2, #content h2 {
		width:100%!important;
	}
	.news-list-head {
		width:auto!important;
	}
	.basic-page p {
		word-wrap:break-word;
	}

	.basic-page .entry-meta {
		border-bottom:none!important;
		height:auto!important;
	}
	.cate-icon {
		position: static!important;
	}
	.page-date {
		display:none!important;
	}


	.detail-item-box {
		height: 165px;
	}
	.page-id-39 > #wrap {
		height:auto!important;
	}
	.contact-area {
		width:95%!important;
	}
	.news-list-head {
		zoom: 0.7;
	}
}


@media screen and (min-width : 970px){

#sideTower {
	float: left!important;
}

#sideTower .sideWidget {
margin-bottom: 50px!important;
}
	#header-box {
		width: 970px;
	}
	.header-label-inner {
		width: 970px;
	}
	#news-box {
		width: 500px;
		float:left;
	}
	#news-list {
		width: 400px;
		padding-left: 20px;
	}
	#content {
		width:970px!important;
	}
	#news-box h2,#content h2 {
		float:left;
	}
	.textwidget .topics-text {
		width:270px;
		float: left;
		display: table;

	}
	#footer {
		padding-top: 30px;
	}
	#footer #copy {
		text-align: center;
		color: #FFF;
		padding-top: 10px;
		padding-bottom: 5px;
		font-size: 85%;
	}
	#footer #copy a {
		color:#FFF;
	}

	#footerInner {
		width: 970px;
		height: 300px;
		background-image: url(/wp-content/uploads/2014/08/footer-inner-back.png);
		background-repeat: no-repeat;
		background-position: 0 100%;
	}


	#idMediaWrap{
		width:970px;
	}
	#lineupItem li{
		padding:0 30px;
		width:180px;
		height:256px;
	}

	.footer-inner-box {
		width: 19%;
/*20150331
		float: left;
*/
		float: right;

		border-left: 2px solid #989898;
		display:table;
		height: 300px;
	}
	.footer-inner-box2 {
		height: 301px;
	}
	.footer-inner-company {
		width:20%;
		float:left;
	}
	.footer-inner-box h2 {
		/*text-align: center;*/
		margin-bottom: 1em;
		padding-left: 10px;
	}
	#page-news,#page-detail {
		padding-left: 20px;
		width: 870px;
	}

	#content .entry-content {
		width:810px;
	}
	.detail-item-box {
	width: 12%;
	}
	#pankuzu {
		width:970px;
	}

	.news-box-inner2 {
		width: 550px;
	}
	.news-list-page-head {
		width: 550px;
	}
	.page-inline {
		float: left;
	}





}
@media screen and (max-width : 969px){
	#header-box {
		width: 100%;
	}
	.header-label-inner {
		width: 100%;
		padding:0 1em;
	}
	#idMediaWrap{
		width: 100%;
		display:none!important;
	}
	#lineupItem li{
		padding:0 5%;
		width:20%;
		height:auto;
	}
	#news-box {
		width: 95%;
		margin: 10px auto;
	}
	#content {
		width:90%!important;
		margin: 0 5%!important;
	}
	#news-list {
		width: 100%;
	}
	.textwidget {
		width:100%;
	}
	.textwidget .topics-text {
	}
	#footerInner {
		width: 95%;

	}
	#sideTower {
		width: 95%!important;
		margin: 0 auto!important;
	}
	#sideTower .sideWidget{
		margin-bottom: 50px !important;
	}
	.footer-inner-box {
		width: 100%;
		display:table;
	}
	.footer-inner-box2 {
	}
	.footer-inner-company {
		width:100%;
	}
	.footer-inner-company >a>img {
		float:left;
		margin-right:2em;
	}
	.footer-inner-box h2 {
		margin: 1em 0;
	}
	#page-news,#page-detail {
		width: 95%;
		margin: 30px auto 0 auto;
	}
	#pankuzu {
		width:95%;
	}
	.detail-item-box {
		width:100px;
		margin-right:5px;
	}
	#main-head {
		height: 110px!important;
	}
	#page-haad {
		height: 75px!important;
	}


}

	.prevBtn{
		float:left;
		width:25px;
		height:40px;
		padding-top:89px;
	}
	.prevBtn a:hover{
		width:25px;
		height:40px;
		-ms-filter: "alpha( opacity=80 )";
		filter: alpha(opacity=80);
		opacity:0.8;
		zoom:1;
	}
	.nextBtn{
		float:right;
		width:25px;
		height:40px;
		padding-top:89px;
	}
	.nextBtn a:hover{
		width:25px;
		height:40px;
		-ms-filter: "alpha( opacity=80 )";
		filter: alpha(opacity=80);
		opacity:0.8;
		zoom:1;
	}

















	.toppage {
		background-image: url(/img/top-header.png);
		background-repeat: no-repeat;
		background-position: 50% 0;
	}

	#header-box {
		margin: 0 auto;
		display: table;
	}
	.header-label {
		background:#e6830b;
	}
	.header-label-inner {
		text-align: left;
		display: block;
		margin: 0 auto;
		color: #FFFFFF;
		font-size: 150%;
	}
	#idMediaWrap{
		height:auto;
		margin: 0px auto 0px auto;
		text-align: center;
		display: table;
	}
	#lineupItem{
		width:100%;
		float:left;
		text-align:left;
	}
	#lineupItem li{
		float:left;
		display:inline;
		text-align:center;
	}
	#content {
		width:970px;
		margin:0 auto;
	}




















	#header {
		float: left;
		width: 300px;
	}


	#content {
		width:100%;
	}
	.pages {
		padding-top:30px;
	}

	.contact-box {
		text-align: right;
		padding-right: 1em;
		float: right;
	}
	.contact-box a {
		background: #e6830b;
		color: #FFFFFF;
		padding: 0.5em 1.5em;
		margin-right: 1em;
		font-size: 100%;
		position: relative;
		top: -12px;
		border-radius: 4px;
	}

	#top-image {
		width: 970px;
		margin: 35px auto 25px auto;
		text-align: center;
		display: table;
	}
	.main-img-box {
		float: left;
		margin-left: 5%;
	}
/*
	.top-content {
		background-image: url(/img/top-content-head2.png);
		background-repeat: no-repeat;
		background-position: top center;
	position: relative;
	top: -45px;
	}
*/
	.top-content  > #container {
		margin-top: 100px;
	}
	.textwidget {
		display: table;
	}
	.img-left {
		float: left;
		margin-right:10px!important;
	}
	.textwidget .topics-text {
		word-break: break-all;
	}
	.topics-title {
		padding: 0!important;
		margin: 0.5em 0;
		border-bottom: 1px solid;
	}
	.topics-text p {
		line-height: 140%;
		font-size: 90%;
		padding-left: 10px;
	}
	#news-box {
		margin-bottom: 50px;
	}
	#news-box h2 {
		width: 71px;
		height: 61px;
		background: #E6830B;
		border: 2px solid #FFFFFF;
		box-shadow: 0 0 0px 1px #E6830B;
		word-break: break-all;
		padding: 10px 0 0 0;
		font-size: 80%;
		text-align: center;
		color: #FFFFFF;
		font-weight: normal;
		line-height: 120%;
	}
	.company-title {
		line-height: 150%!important;
	}
	.contact-title {
		height: 51px!important;
		padding: 20px 0 0 0!important;
	}
	#news-list {
		display:table;
		
	}
	#page-news,#page-detail {
		display:table;
	}
	.news-box-inner {
		display: table;
		margin-bottom: 20px;
		width: 100%;
		border-bottom: 2px dotted #F6921E;
		padding-bottom: 10px;
	}
	.news-list-head {
		width: 290px;
		display: table;
		position: relative;
		border-bottom: 1px dotted #E5820B;
		margin-bottom: 15px;
	}
	.news-list-page-head {
		border-bottom: 1px dotted #E5820B;
		margin-bottom: 15px;
	}
	.news-box-inner1 {
		float:left;
		display:table;
		width: 200px;
		text-align: center;
	}
	.news-box-inner2 {
		display: table;
	}
	.cate-icon {
		float:left;
		z-index: 10;
		position: relative;
		top: 1px;

	}
	.cate-icon2 {
		background-position: 50%;
		width: 200px!important;
		height: 110px!important;
	}

	.cate-icon a {
	}


	.no-category {
			background-image: url(/img/no-category.jpg);
			background-repeat: no-repeat;
			width: 181px;
			height: 51px;
			text-indent: -99999px;
	}

	.cate-hime {
		background-image: url(/img/icon-news-hime.jpg);
		background-repeat: no-repeat;
		width: 181px;
		height: 51px;
		text-indent: -99999px;
	}
	.cate-sakura {
		background-image: url(/img/icon-news-saku.jpg);
		background-repeat: no-repeat;
		width: 181px;
		height: 51px;
		text-indent: -99999px;
	}
	.cate-fuku {
		background-image: url(/img/icon-news-nobo.jpg);
		background-repeat: no-repeat;
		width: 181px;
		height: 60px;
		margin-bottom: 0px;
		text-indent: -99999px;
	}
	.cate-sola {
		background-image: url(/img/icon-news-sola.jpg);
		background-repeat: no-repeat;
		width: 181px;
		height: 51px;
		text-indent: -99999px;
	}
	.cate-ottimo {
		background-image: url(/img/icon-news-ottimo.jpg);
		background-repeat: no-repeat;
		width: 181px;
		height: 51px;
		text-indent: -99999px;
	}

	.news-box-inner h3 {
		display: inline;
		border: 0px!important;
		padding: 5px 10px 5px 0!important;
		font-size: 100%!important;
		font-weight: normal;
	}

	.news-box-inner .more-link {
		display:table;
		margin-top: 15px;
	}

	.news-date2 {
		float: right;
		font-size: 90%;
		color: #E5820B;
		bottom: 0%;
		right: 0%;
		width: 9em;
	}
	.news-date {
		float: right;
		font-size: 80%;
		color: #E5820B;
		position: absolute;
		bottom: 0%;
		right: 0%;
		width: 8em;
	}
	.img-right {
		float: right;
	}



	#footer	{ 
		background: #152B45;
	}

	#footerInner {
		margin: 0 auto;
		display: table;
	}
	.footer-inner-comp-contact {
		display: table;
		margin-left: 14px;
		font-size: medium;
	}
	.footer-inner-comp-contact a {
		color:#FFF;
		display: block;
		font-size: 80%;
	}
	.fcontact {
		font-size: 85%;
		line-height: 140%;
		padding: 0 10px 10px 10px;
	}
	.ftel {
		color: #AC0009;
		font-size: 125%;
		font-weight: bold;
	}
	.ftel > span {
		display: block;
		font-size: 80%;
	}
	.faddress {
		color: #005AC6;
		font-weight: bold;
		font-size: 95%;
		margin-top: 10px;
	}
	.footer-inner-box ul {
		padding: 0 10px 40px 10px;
	}
	.footer-inner-box li {
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding-left: 15px;
		font-size: 90%;
		line-height: 160%;
	}
	.footer-inner-box li > a {
		color:#FFF;
		border-bottom: 1px solid #BFBFBF;
		text-decoration: none;
	}
	.footer-inner-box li > a:hover {
		color:#B9B9B9;
	}

	.f-nobo li {
		background-image: url(/img/icon-nobo.png);
	}
	.f-saku li {
		background-image: url(/img/icon-saku.png);
	}
	.f-hime li {
		background-image: url(/img/icon-hime.png);
	}



	#container {
		width:100%;

		background:#FFF;
		margin:0;
		padding-top:0!important;
		display: table;
	}
	#pankuzu {
		margin:0 auto;
		padding: 10px 0 20px 0;
		display: table;
	}
	#pankuzu a {
		float:left;
	}
	#pankuzu ul {

	}
	#pankuzu li {
		padding-left: 10px;
		float:left;
	}
	#pankuzu li:before {
		content:"＞";
		padding-right:10px;
	}


	#content .entry-content {
		display:table;
		float:left;
		padding-left: 5px;
		width: 98%;
	}
	.h2-slug {
		border-top: 1px solid #FFF;
		display: table;
		margin: 0.5em;
		padding-top: 0.5em;
	}
	.corp-prof {
		width:100%;
		display:table;
	}
	.corp-prof-inner {
		width: 40%;
		padding-right: 5%;
		padding-left: 5%;
		display:table;
		float:left
	}
	.corp-prof-inner h3 {
		margin: 0 0 10px 0!important;
		border-left: 0px!important;
		border-bottom: 1px solid #CCC;
		padding: 0 0 5px 0!important;
	}
	.corp-prof-inner p {
		padding-left: 10px!important;
		color: #333!important;
	}
	.corp-prof-inner2 p {
		float:right;
		margin-bottom:20px;
	}

	.corp-prof-inner2 {
		width:100%;
		display:table;
	}
	.h3-disc {
		font-size: 60%;
		padding-left: 15px;
		font-weight: normal;
	}



	.pagination {
		clear:both;
		padding:0;
		position:relative;
		font-size:11px;
		line-height:13px;
	}
	 
	.pagination span, .pagination a {
		display:block;
		float:left;
		margin: 2px 2px 2px 0;
		padding:6px 9px 5px 9px;
		text-decoration:none;
		width:auto;
		color:#fff;
		background: #555;
	}
	 
	.pagination a:hover{
		color:#fff;
		background: #E33333;
	}
	 
	.pagination .current{
		padding:6px 9px 5px 9px;
		background: #E33333;
		color:#fff;
	}
	.contact-area {
		width:47%;
		float:left;
		display:table;
		padding-right: 3%;
	}
	.eng {
	font-size: 70%;
	margin-left: 10px;
	}
	.content-box-inner {
	}
	.content-box-inner p{
	margin: 0.5em 0 2em 0;
	line-height: 150%!important;
	font-size: 90%;
	}
	.content-box-inner dl {
	border-bottom: 1px solid;
	margin: 0;
	display: table;
	width: 100%;
	}
	.content-box-inner dd {
	margin: 0 1em 5px 0!important;
	border-left: 1px solid #000;
	float: left;
	padding: 3px 0px 1px 1em!important;
	line-height: 100%;
	}
	.basic-page {
		display: table!important;
		padding-top: 50px;
	}
	.page-inline {
		display: table;
		width: 100%;
		min-height: calc(52vh - 70px);
	}
	.basic-page .entry-meta {
	border-bottom: 1px dotted #E6830B;
	height: 25px;
	}
	.page-date {
	padding-top: 6px;
	float: right;
	color:#E6830B;
	}
	.basic-page .entryPostTitle {
	background: none!important;
	font-size: 120%!important;
	font-weight: normal!important;

	}
	.basic-page .entry-content {

	}

	.check-box {
	display: table;
	width: 100%;
	clear:both;
	}
	.check-box h3 {
	border-left: 0px!important;
	padding: 10px 0 10px 5px!important;
	border-top: 1px dotted #e6830b;
	margin: 0!important;
	font-weight: normal;
	}


	.detail-item-box {
	float: left;
	}
	.detail-item-href {
	display: inline-block;
	text-align: center;
	font-size: 80%;
	line-height: 120%;
	width: 100px;
	margin-top: 10px;
	}

	/*FUKKUSUKE******************************************************************/
	#main-fukusuke {
		width: 100%;
		display: block;
		padding-bottom: 200px;
	}
	.fukusuke-detail {
	}
	.fukusuke-detail .tab-container {
		position: relative;
		display: table;
		width: 100%;
		margin-bottom: 30px;
		padding: 0;
	}
	#footer p {
		margin:0;
	}

/*2016 July ReNew******************************************************************/
/*2016 July ReNew******************************************************************/
/*2016 July ReNew******************************************************************/
/*2016 July ReNew******************************************************************/

/*//////////////////自社製品紹介Product introduction/////////////////*/
	.products button{
		background: #F15A24;
		color: #FFF;
		padding: 10px 20px;
		border-radius: 15px;
		text-decoration: none;
		font-size: 120%;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin-left: 10px;
		border: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.products button.ht_1box{
		margin-bottom: 88px;
	}
	.products button a{
		color: #fff;
		text-decoration: none;
	}
	.business.products #sec1 {
		min-height: calc(100vh - 334px);
	}
	.business.products p{
		margin: 0 2%;
		padding-bottom: 15px;
	}
	.company #sec2 h2 a.pc-only{
		display: flex!important;
	}
/*//////////////////自社製品紹介Product introduction/////////////////*/

html {
	height:auto;
}
body {
	margin:0;
	padding:0;
}

.cf:before,
.cf:after {
	content: '';
	display: table;
}
.cf:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}
.business #sec1 .item-clm_w100{
	width: 100%;
	float: left;
	margin-bottom: 30px;
	padding-right: 35px;
	box-sizing: border-box;
}
.business #sec1 .item-clm_w100 .item-img_box{
	display: table;
}
.business #sec1 .item-clm_w100 .item-img_box img.img_01,
.business #sec1 .item-clm_w100 .item-img_box img.img_02{
	width: 50%;
	float: left;
	margin-bottom: 0px;
	padding-left: 15px;
	box-sizing: border-box;
}
.shop #sec1 h2 {
	border-left: 3px solid #E6830B;
}
.shop #sec1 .tit {
	margin-left: 0px;
	padding-bottom: 5px;
	/* border-bottom: 1px solid #E6830B; */
	margin-bottom: 0px;
}
.shop #sec1 h2 span {
	font-size: 70%;
	padding-left: 20px;
}
.company #sec2 .prof {
	text-align: left;
}
.company.company202006 #sec2 .prof .prof-clm202006 dd {
	padding-left: 10em;
}
@media screen and (min-width : 768px){
	.business #sec1 h2 span {
		padding-left: 20px;
	}
}
@media screen and (min-width : 641px){
	.content-width {
		width:1024px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		text-align: center;
	}
	#sec-header {
		background:#e6830b;
		box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
		text-align: left;
	}
	#sec-header .header-description {
		color: #FFFFFF;
		font-size: 125%;
		line-height: 100%;
		text-align: left;
		padding: 8px 5px;
		width: 100%;
	}
	#sec-header .btn-area {
		display: block;
		position: absolute;
		top: 1.8em;
		right: 0;
		background: #e6830b;
		border-radius: 6px;
		padding: 6px 10px;
		z-index:1000;
	}

	#sec-header .btn-area a {
		color: #FFF;
		font-size: 100%;
		padding: 0 10px;
		text-decoration: none;
		display: block;
		float: left;
	}
	#sec-header .btn-area a span {
		position: relative;
	}
	#sec-header .btn-area .btn-home {
		border-right: 1px solid #FFF;
	}
	#sec-header .btn-area .btn-company {
		border-right: 1px solid #FFF;
	}
	#sec-header .btn-area .btn-about {
		border-right: 1px solid #FFF;
	}
	#sec-header .btn-area .btn-contact {
	}
	#sec-header .btn-area a:hover span {
		top: -3px;
	}
	#sec-footer {
		background:#152B45;
		text-align: center;
	}
	#sec-footer .copyright {
		color: #909293;
		font-size: 80%;
		padding: 7px 0;
		line-height: 100%;
		margin: 0;
	}
	.products #sec-footer .copyright {
		padding: 7px 0 8px 0;
	}
	#sec-footer .copyright span {
		font-size: 220%;
		line-height: 100%;
		position: relative;
		top: .2em;
	}





	.home {
		background:#FFF;
	}
	.home #index-head {
		background-image: url(../img/top-bg.png);
		background-position: center top;
		background-repeat: no-repeat;
	}
	.home #index-head h1 {
		padding-top: 145px;
		padding-bottom: 220px;
		margin: auto;
		text-align: center;
	}
	.home #index-head h1 img {
	}
	.home #index-sec2 {
		margin-top:50px;
		margin-bottom: 80px;
		width:100%;
		height: auto;
		justify-content: space-between;
	}
	.home #index-sec2 h3 {
		margin-bottom:45px;
	}
	.home #index-sec2 .doc {
		margin-top: 50px;
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
	.home #index-sec2 .news-box {
		width:23.3%;
		float:left;
		margin: 0 2% 0 3%;
	}
	.home #index-sec2 .news-box dl {
		border-bottom:1px dashed #F7931E;
		position: relative;
		padding:8px 0;
	}
	.home #index-sec2 .news-box dt {
		background-image: url(/images/ico-news.png);
		background-repeat: no-repeat;
		background-position: left center;
		text-align: left;
		padding-left: 22px;
		font-weight: normal;
		color: #E6B70B;
		position: absolute;
		left: 0;
		font-size: 90%;
	}
	.home #index-sec2 .news-box dd {
		padding-left: 10em;
		text-align: left;
		font-size: 95%;
	}
	.home #index-sec2 .news-box dd a {
		color: #999;
		text-decoration: none;
	}
	.home #index-sec2 .news-box dd a:hover {
		text-decoration: underline;
	}
	.home #index-sec2 .news-box .more_link {
		margin-top: 10px;
		text-align: right;
	}
	.home #index-sec2 .news-box .more_link a {
		color:#E6B70B;
		text-decoration: none;
	}
	.home #index-sec2 .news-box .more_link a:hover {
		text-decoration: underline;
	}
	.home #index-sec2 .company-box {
		width: 100%;
		float: left;
		/*margin: 0 2%;*/
	}
	.home #index-sec2 .company-box p {
		color: #999;
		font-size: 1.1em;
		margin-bottom: 5px;
		line-height: 150%;
	}
	.home #index-sec2 h3 {
	}
	.home #index-sec2 h3 a {
		display: block;
	}
	.home #index-sec2 h3 a:hover img {
		-ms-filter: "alpha( opacity=80 )";
		filter: alpha(opacity=80);
		opacity:0.8;
	}
	.home #index-sec2 .business-box {
		width: 100%;
		float: left;
		/*margin: 0 2% 0 1%;*/
	}
	.home #index-sec2 .business-box p {
		color: #999;
		font-size: 1.1em;
		margin-bottom: 5px;
		line-height: 150%;
	}



	.company {
		background: #FFF;
	}
	.company #page-head {
		background-image: url(/images/top-bg.png);
		background-position: center -260px;
		background-repeat: no-repeat;
		padding-top: 30px;
		padding-bottom:60px;
	}
	.company #page-head h1 {
		text-align: left;
		padding: 0;
		margin: 0;
	}
	.company #page-head .description {
		font-size: 110%;
		text-align: left;
		color: #000;
		margin-top: 10px;
		padding-left: 5px;
	}
	.company #sec1 {
	}
	.company #sec1 .rinen {
		padding-top: 20px;
		margin-bottom: 50px;
		/*background-image: url(/company/images/company-logo.png);*/
		background-repeat: no-repeat;
		background-position: 85% 5%;
	}
	.company #sec1 .clm h2 {
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		background-image: url(/company/images/border-t.png);
		background-position: bottom center;
		background-repeat: no-repeat;
		padding-bottom: 40px;
		font-size: 180%;
		padding-top: 5px;
	}
	.company #sec1 .clm p {
		padding: 0 5px 0 10px;
		text-align: left;
		margin-top: 10px;
		font-size: 95%;
	}
	.company #sec1 .item0 {
		margin-bottom: 40px;
	}
	.company #sec1 .item0 h2 {
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		padding: 5px 0;
		display: inline-block;
		font-weight: normal;
		padding-bottom: 5px;
		padding-top: 2px;
		font-size: 40px;
		margin-bottom: 10px;
	}
	.company #sec1 .item0 h2 span {
		display: block;
		font-size: 50%;
		margin-top: 20px;
	}
	.company #sec1 .item0 p{
		max-width: 800px;
		text-align: left;
		margin: auto;
	}
	.company #sec1 .item1 {
	}
	.company #sec1 .item1 img{
		width: 180px;
		height: auto;
		margin: auto;
		display: block;
	}
	.company #sec1 .item1:before {
		content: "";
		background-image: url(/company/images/border-l.png);
		width: 25px;
		height: 315px;
		display: block;
		float: left;
	}
	.company #sec2 {
		position: relative;
		text-align: left;
		padding-bottom: 50px;
	}
	.company #sec2 h2 {
		border-left: 3px solid #E6830B;
		font-size: 190%;
		padding-left: 20px;
		line-height: 100%;
		font-family: meiryo;
		font-weight: normal;
		padding-top: 2px;
		position: revert;
		top: -2.5em;
	}
	.company #sec2 h2 span {
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		padding: 5px 0;
		display: inline-block;
		float: left;
		font-size: 40px;
		margin-right: 25px;
	}
	.company #sec2 h2 span div{
		float: left;
	}
	.company #sec2 h2 span div.r2lm10{
		font-size: 60%;
		margin-top: 8px;
		margin-left: 10px;
	}
	.company #sec2 .prof {
		background-image: url(/company/images/prof-bg.jpg);
		background-repeat: no-repeat;
		margin-top: 30px;
	}
	.company #sec2 .prof .prof-clm {
		margin-bottom: 30px;
		display: block;
	}
	.company #sec2 .prof .prof-clm dl {
		position: relative;
		margin-bottom: 10px;
	}
	.company #sec2 .prof .prof-clm dt {
		position: absolute;
		left: 0;
		border-right: 1px solid #666;
		width: 9em;
	}
	.company #sec2 .prof .prof-clm dl a.fo_pdf {
		display: inline-block;
		vertical-align: text-bottom;
		background: #F15A24;
		color: #FFF;
		padding: 10px 20px;
		border-radius: 25px;
		text-decoration: none;
		font-size: 100%;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin-left: 12em;
		margin-top: 10px;
		width: fit-content;
	}
	.company #sec2 .prof .prof-clm dl a:hover {
		opacity: .8;
	}
	.company.company202006 #sec2 .prof .prof-clm202006 dt {
		border-right: none;
	}
	.company #sec2 .prof .prof-clm dt p{
		line-height: 1.2;
		padding-top: 0em;
		padding-bottom: 1em;
	}
	.company #sec2 .prof .prof-clm dd {
		padding-left: 10em;
	}
	.company.company202006 #sec2 .prof .prof-clm202006 dd{
		position: relative;
	}
	.company.company202006 #sec2 .prof .prof-clm202006 dd:before{
		content: "";
		position: absolute;
		border-left: 1px solid #666;
		height: 100%;
		margin-left: -2em;
	}
	.business {
		background: #FFF;
	}
	.business #page-head {
		background-image: url(/images/top-bg.png);
		background-position: center -260px;
		background-repeat: no-repeat;
		padding-top: 30px;
		padding-bottom:60px;
	}
	.business #page-head h1 {
		text-align: left;
		margin: 0;
	}
	.business #page-head .description {
		font-size: 110%;
		text-align: left;
		color: #000;
		margin-top: 10px;
		padding-left: 5px;
	}
	.business #sec1 {
		padding-top: 50px;
	}
	.business #sec1 h2 {
		text-align: left;
		border-left: 3px solid #E6830B;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 200%;
		padding-left: 20px;
		line-height: 100%;
		font-weight: normal;
		padding-bottom: 5px;
		padding-top: 4px;
		margin-bottom: 40px;
	}
	.business #sec1 h2.fv {
		margin-top: 55px;
	}
	.business #sec1 h2 span {
		font-size: 70%;
	}
	.business #sec1 .item-clm {
		width: 50%;
		float: left;
		margin-bottom: 30px;
		padding-right: 35px;
		box-sizing: border-box;
		min-height: 400px;
	}
	.business #sec1 .item-clm.tyousei_01{
		min-height: 460px;
	}
	.business.products #sec1 .item-clm {
		min-height: 570px;
	}
	.business #sec1 .item-clm:nth-child(1) p{
		min-height: 62px;
	}
	.business #sec1 .youtube_list .item-clm:nth-last-child(2){
		border-bottom: none;
	}
	.business #sec1 .item-clm.clmend img {
		padding-bottom:10px;
		border-bottom: 1px dotted #E6830B;
	}
	.business #sec1 .item-clm h3,
	.business #sec1 .item-clm_w100 h3 {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		text-align: left;
		font-size: 140%;
		margin-left: 5px;
		line-height: 100%;
		font-weight: normal;
		padding-top: 30px;
		margin-bottom: 10px;
		color: #E6830B;
		min-height: 2em;
	}
	.business #sec1 .item-clm p,
	.business #sec1 .item-clm_w100 p {
		text-align: left;
		padding-left: 5px;
		margin-bottom: 10px;
		min-height: 5em;
	}
	.business #sec1 .item-clm:after {
		border-bottom: 1px dotted #E6830B;
		margin-bottom: 0;
		padding-bottom: 10px;
		content: "";
		display: block;
		width: 98%;
		margin-left: 2%;
	}
	.business #sec1 .item-clm_w100:after {
		border-bottom: 1px dotted #E6830B;
		margin-bottom: 0;
		padding-bottom: 10px;
		content: "";
		display: block;
		width: 98%;
		margin-left: 2%;
	}
	.business #sec1 .item-clm:last-child:after {
		border-bottom: none;
	}
	.business #sec1 .item-clm:nth-last-child(6){
/*		margin-bottom: 0;*/
	}
	.business #sec1 .item-clm img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	.business #sec1 .item-clm img.last {
		padding-bottom: 20px;
		border-bottom: 1px dotted #E6830B;
	}
	.business #sec1 .item-clm-full {
		float: none;
		margin-bottom: 30px;
		padding-right: 10px;
		box-sizing: border-box;
		border-bottom: 1px dotted #E6830B;
		padding-bottom:30px;

	}
	.business #sec1 .item-clm-full h3 {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		text-align: left;
		font-size: 140%;
		margin-left: 5px;
		line-height: 100%;
		font-weight: normal;
		padding-top: 30px;
		margin-bottom: 10px;
		color: #E6830B;
	}
	.business #sec1 .item-clm-full p {
		text-align: left;
		padding-left: 5px;
		margin-bottom: 10px;
	}
	.business #sec1 .item-clm-full img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	.business #sec2 {
		text-align: left;
		margin-top: 60px;
		background: #FEF5E6;
		padding-top: 100px;
		padding-bottom: 50px;
	}
	.business #sec2 h2 {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 200%;
		border-bottom: 1px dotted #E6830B;
		font-weight: normal;
		padding-bottom: 15px;
		display: inline-block;
		margin-bottom: 40px;
	}
	.contact #page-head {
		background-image: url(/images/top-bg.png);
		background-position: center -260px;
		background-repeat: no-repeat;
		padding-top: 30px;
		padding-bottom:60px;
	}
	.contact #page-head h1 {
		text-align: left;
		margin: 0;
	}
	.contact #page-head .description {
		font-size: 110%;
		text-align: left;
		color: #000;
		margin-top: 10px;
		padding-left: 5px;
	}
	#sp-menu {
		display:none;
	}
	.single #page-head {
		background-image: url(/images/top-bg.png);
		background-position: center -260px;
		background-repeat: no-repeat;
		padding-top: 20px;
		padding-bottom:60px;
	}
	.single #page-head h1 {
		text-align: left;
	}
	.single #page-head .description {
		font-size: 110%;
		text-align: left;
		color: #000;
		margin-top: 10px;
		padding-left: 5px;
	}
	.page #page-head {
		background-image: url(/images/top-bg.png);
		background-position: center -260px;
		background-repeat: no-repeat;
		padding-top: 30px;
		padding-bottom:60px;
	}
	.page #page-head h1 {
		text-align: left;
	}
	.page #page-head .description {
		font-size: 110%;
		text-align: left;
		color: #000;
		margin-top: 10px;
		padding-left: 5px;
	}
	.shop {
		background: #FFF;
	}
	.shop #page-head {
		background-image: url(/images/top-bg.png);
		background-position: center -260px;
		background-repeat: no-repeat;
		padding-top: 30px;
		padding-bottom:60px;
	}
	.shop #page-head h1 {
		text-align: left;
		margin: 0;
	}
	.shop #page-head .description {
		font-size: 110%;
		text-align: left;
		color: #000;
		margin-top: 10px;
		padding-left: 5px;
	}
	.shop #sec1 {
		padding-top: 50px;
		text-align: left;
	}
	.shop #sec1 h2 {
		text-align: left;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 200%;
		padding-left: 20px;
		line-height: 100%;
		font-weight: normal;
		padding-bottom: 5px;
		padding-top: 4px;
	}
	.shop #sec1 h2 span {
		font-size: 70%;
		padding-left: 20px;
	}
	.shop #sec1 .inr {
		text-align: center;
		padding-bottom: 70px;
	}
	.shop #sec1 .item {
		display: inline-block;
		text-align: left;
		margin-bottom: 50px;
		margin-top: 20px;
	}
	.shop #sec1 .item .lnkSet {
		margin-top: 30px;
	}
	.shop #sec1 .item .lnkSet .lnktxt {
		float: left;
		margin-bottom: 40px;
	}
	.shop #sec1 .item .lnkSet .lnktxt p {
		display:inline-block;
		font-size: 120%;
	}
	.shop #sec1 .item .lnkSet .lnktxt a {
	}
	.shop #sec1 .item .lnkSet .lnktxt .hime {
		color: #F15A24;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 140%!important;
	}

	.shop #sec1 .item .lnkSet .lnkbtn {
		float: right;
	}
	.shop #sec1 .item .lnkSet .lnkbtn a {
		background: #F15A24;
		color: #FFF;
		padding: 10px 20px;
		border-radius: 25px;
		text-decoration: none;
		font-size: 120%;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin-left: 10px;
		transition: all 0.7s;
		border: solid 1px #F15A24;
	}
	.shop #sec1 .item .lnkSet .lnkbtn p {
		background: #F15A24;
		color: #FFF;
		padding: 10px 20px;
		border-radius: 25px;
		text-decoration: none;
		font-size: 120%;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin-left: 10px;
	}
	.shop #sec1 .hr {
		border-bottom: 1px solid #f15a24;
		padding-bottom: 60px;
		padding-top: 50px;
		width: 100%;
	}
	.shop #sec1 img {
		padding-bottom: 45px;
	}
	.shop #page-head h1 img {
		/* max-width: 100%; */
		/* width: 100%; */
		height: auto;
	}
	.shop .tit{
	}
	.shop #sec1 h2 {
		text-align: left;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 200%;
		padding-left: 20px;
		line-height: 100%;
		font-weight: normal;
		padding-bottom: 5px;
		padding-top: 4px;
		margin-bottom: 10px;
	}
}
@media screen and (max-width : 1024px){
	.pc-only-01 {
		display:none!important;
	}
	.products button {
		min-height: 4.5em;
	}
	.products button.ht_1box {
		margin-bottom: 115px;
	}
}
@media screen and (max-width : 767px){
	.pc-only {
		display:none!important;
	}
	.w100per {
		width:100%;
		height:auto;
	}
	.content-width {
		padding:0 5px;
		box-sizing: border-box;
		width: 100%;
		margin: auto;
		text-align: center;
	}
	#sec-header {
		background: #e6830b;
		box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
		text-align: left;
	}
	#sec-header .header-description {
		color: #FFFFFF;
		font-size: 0.8em;
		text-align: left;
		padding: 8px 3px;
		padding-right: 100px;
		line-height: 150%;
	}
	#sec-header #sp-menu {
		position: fixed;
		right: 10px;
		top: 10px;
		color: #e6830b;
		background: #FFF;
		padding: 7px 5px 8px 5px;
		border-radius: 5px;
		line-height: 100%;
		display: flex;
	}
	#sec-header .btn-area {
		display:none;
		position: fixed;
		background: rgba(255, 255, 255, 0.89);
		left: 2%;
		top: 70px;
		width: 96%;
		border-radius: 5px;
		padding-top:30px;
		z-index: 100;
	}
	#sec-header .btn-area a {
		color: #e6830b;
		display: block;
		text-align: center;
		margin-bottom: 50px;
		font-size: 150%;
		text-decoration: none;
		width: 100%;
	}
	#sec-footer {
		background:#152B45;
		text-align: center;
	}

	#sec-footer .copyright {
		color: #909293;
		font-size: 80%;
		padding: 7px 0;
		line-height: 100%;
		margin: 0;
	}
	#sec-footer .copyright span {
		font-size: 120%;
		line-height: 100%;
		position: relative;
		top: .2em;
	}



	.home {
		background:#FFF;
	}
	.home #index-head {
		background-image: url(../img/top-bg.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.home #index-head h1 {
		padding: 50px 0;
		width: 90%;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.home #index-head h1 img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	.home #index-sec1 {
	}
	.home #index-sec1 h2 {
		padding: 0 0px;
		margin-bottom: 30px;
		margin-top: 20px;
	}
	.home #index-sec1 h2 img{
		width: 90%;
	}
	.home #index-sec2 {
	}
	.home #index-sec2 h3 {
		margin-bottom: 30px;
		width: 45%;
		margin-left: auto;
		margin-right: auto;
	}
	.home #index-sec2 h3 img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	.home #index-sec2 .doc {
		padding-left: 20px;
		padding-right: 20px;
	}
	.home #index-sec2 p {
		color: #999;
		line-height: 170%;
		text-align: left;
	}
	.home #index-sec2  > div {
		margin-bottom: 90px;
	}
	.home #index-sec2 .news-box {
	}
	.home #index-sec2 .news-box dl {
		border-bottom: 1px dashed #F7931E;
		position: relative;
		padding: 10px 0;
		margin: 0 10px;
	}
	.home #index-sec2 .news-box dt {
		background-image: url(/images/ico-news.png);
		background-repeat: no-repeat;
		background-position: left center;
		text-align: left;
		padding-left: 22px;
		font-weight: normal;
		color: #E6B70B;
	}
	.home #index-sec2 .news-box dd {
		text-align: left;
		margin-top: 5px;
		padding-left: 20px;
	}
	.home #index-sec2 .news-box dd a {
		color: #999;
		text-decoration: none;
	}
	.home #index-sec2 .news-box .more_link {
		margin-top: 40px;
	}
	.home #index-sec2 .news-box .more_link a {
		border: 1px solid #e6830b;
		padding: 5px 30px;
		border-radius: 10px;
		text-decoration: none;
		color: #e6830b;
	}
	.home #index-sec2 .news-box .more_link a:hover {
		border: 1px solid #e6830b;
		background:#e6830b;
		color: #FFF;
	}
	.business {
		background: #FFF;
	}
	.business #page-head {
		background-image: url(/images/top-bg.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 30px;
	}
	.business #page-head h1 {
		text-align: left;
		/*padding: 10px 130px 0 10px;*/
		margin-left: auto;
		margin-right: auto;
	}
	.business #page-head h1 img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	.business #page-head .description {
		font-size: .8em;
		text-align: left;
		color: #000;
		padding-left: 15px;
		padding-right: 15px;
		line-height: 140%;
		padding-top: 10px;
	}
	.business #sec1 {
		padding-top: 0px;
		padding-bottom: 50px;
	}
	.business.products #sec1 {
		padding-bottom: 0px;
	}
	.business #sec1 h2 {
		text-align: center;
		border-bottom: 1px dotted #E6830B;
		font-size: 140%;
		padding-top: 5px;
		padding-bottom: 13px;
		margin-right: auto;
		margin-left: auto;
		width: 6em;
		line-height: 1.3;
		border-left: unset;
		padding-left: 0;
	}
	.business #sec1 h2.fv {
		text-align: center;
		border-bottom: 1px dotted #E6830B;
		font-size: 140%;
		padding-top: 5px;
		padding-bottom: 13px;
		margin-right: auto;
		margin-left: auto;
		width: 9em;
		line-height: 1.3;
		border-left: unset;
	}
	.business #sec1 h2 hr{
		border-bottom: 3px solid #E6830B;
		padding-top: 5px;
	}
	.business #sec1 .item-clm,
	.business #sec1 .item-clm_w100 {
		padding-left: 10px;
		margin-bottom: 40px;
		padding-right: 10px;
	}
	.business #sec1 .item-clm h3,
	.business #sec1 .item-clm_w100 h3 {
		text-align: left;
		border-left: 2px solid #E6830B;
		font-size: 120%;
		padding-left: 15px;
		margin-left: 5px;
		line-height: 100%;
		font-family: meiryo;
		font-weight: normal;
		padding-bottom: 1px;
		padding-top: 5px;
		margin-bottom: 10px;
		min-height: 2em;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.business #sec1 .item-clm-full h3 {
		text-align: left;
		border-left: 2px solid #E6830B;
		font-size: 120%;
		padding-left: 15px;
		margin-left: 5px;
		line-height: 100%;
		font-family: meiryo;
		font-weight: normal;
		padding-bottom: 1px;
		padding-top: 5px;
		margin-bottom: 10px;
	}
	.business #sec1 .item-clm-full p {
		text-align: left;
		padding-left: 5px;
		margin-bottom: 10px;
		font-size: 70%;
		font-family: meiryo;
	}
	.business #sec1 .item-clm p,
	.business #sec1 .item-clm_w100 p {
		text-align: left;
		padding-left: 5px;
		margin-bottom: 10px;
		font-size: 100%;
		font-family: meiryo;
	}
	.business #sec1 .item-clm img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	.business #sec1 .item-clm img.lest {
		border-bottom: none;
	}
	.business #sec1 .item-clm_w100 .item-img_box img.img_01{
		max-width: 100%;
		width: 100%;
		height: auto;
		padding-right: unset;
		margin-bottom: unset;
		margin-left: 0px;
	}
	.business #sec1 .item-clm_w100 .item-img_box img.img_02{
		max-width:100%;
		width:100%;
		height:auto;
		padding-left: unset;
		margin-bottom: unset;
	}
	.business #sec1 img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	#back-top img#pagetop{
		max-width: unset;
		width: auto;
		height: auto;
	}
	.business .tit {
		border-left: medium solid #e6830b;
		padding-left: 15px;
		margin-left: 5px;
	}
	.business h2 {
		color: #e6830b;
		display: block;
		text-align: left;
		margin-bottom: 40px;
		margin-top: 40px;
		font-size: 150%;
		text-decoration: none;
	}
	.business h2 span {
		color: #e6830b;
		display: block;
		margin-top: 3px;
		font-size: 70%;
		text-decoration: none;
		padding-left: 0 !important;
	}
	.business #page-head h1 img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	.business #sec2 {
		background: #FEF5E6;
	}
	.business #sec2 .content-width .item {
		border: 1px dotted #E6830B;
		padding: 20px 40px;
		float: left;
		box-sizing: border-box;
		margin-right: 0%;
		min-height: 200px;
		margin-bottom: 30px;
		background: #FFF;
		width: 100%;
	}
	.business #sec2 .content-width .item p{
		text-align: left;
	}
	.business #sec2 .item h3 {
		border-bottom: 1px dotted #E6830B;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 150%;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.business #sec2 h2 {
		text-align: center;
		border-bottom: 1px dotted #E6830B;
		font-size: 140%;
		padding-top: 15px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 20px;
		width: 8em;
		display: block;
	}
	.business #sec2 h2 hr{
		border-bottom: 3px solid #E6830B;
		padding-top: 5px;
		margin-bottom: 10px;
	}
	.business #sec3 {
		padding-bottom: 40px;
	}
	.business #sec3 h2 {
		text-align: center;
		border-bottom: 1px dotted #E6830B;
		font-size: 140%;
		padding-top: 5px;
		margin-right: auto;
		margin-left: auto;
		width: 3em;
		padding-bottom: 10px;
	}
	.business #sec3 h2 hr{
		border-bottom: 3px solid #E6830B;
		padding-top: 5px;
	}
	.business #sec3 .item {
		margin-top: 20px;
		margin-bottom: 20px;
		border-top: 1px dotted #E6830B;
		padding-top: 20px;
		width: 90%;
		margin: auto;
	}
	.business #sec3 .item h3 {
		color: #E6830B;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 130%;
		text-align: left;
	}
	.business #sec3 .item p {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 110%;
		text-align: left;
	}
	.company #sec1 .item0 {
		margin-bottom: 40px;
	}
	.company #sec1 .item0 h2 {
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		padding: 5px 0;
		display: inline-block;
		font-weight: normal;
		padding-bottom: 5px;
		padding-top: 2px;
		font-size: 40px;
		margin-bottom: 10px;
	}
	.company #sec1 .item0 h2 span {
		display: block;
		font-size: 50%;
		margin-top: 20px;
	}
	.company #sec1 .item0 p{
		max-width: 90%;
		text-align: left;
		margin: auto;
	}
	.company #sec1 .item1 img{
		width: 180px;
		height: auto;
		margin: auto;
		display: block;
	}
	.company {
		background: #FFF;
	}
	.company #page-head {
		background-image: url(/images/top-bg.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 30px;
	}
	.company #page-head h1 {
		text-align: left;
		/*padding: 10px 130px 0 10px;*/
		margin-left: auto;
		margin-right: auto;
	}
	.company #page-head h1 img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	.company #page-head .description {
		font-size: .8em;
		text-align: left;
		color: #000;
		padding-left: 15px;
		padding-right: 15px;
		line-height: 140%;
		padding-top: 10px;
	}
	.company #sec1 {
		padding-top: 30px;
	}
	.company #sec1 .clm  {
		margin-bottom: 40px;
	}
	.company #sec1 .clm h2 {
		background-image: url(/company/images/border-t.png);
		background-position: bottom center;
		background-repeat: no-repeat;
		padding-bottom: 30px;
		font-size: 150%;
	}
	.company #sec1 .clm  p {
		padding: 0 5%;
		line-height: 150%;
		color: #666;
		margin-top: 20px;
		text-align: left;
	}
	.company #sec2 h2 {
		border-left: 3px solid #E6830B;
		font-size: 140%;
		padding-left: 10px;
		line-height: 100%;
		font-family: meiryo;
		font-weight: normal;
		text-align: left;
		padding-top: 2px;
		margin-left: 0px;
		height: 1em;
	}
	.company #sec2 h2 span {
		padding-top: 3px;
		display: inline-block;
		float: left;
	}
	.company #sec2 a.com_pdf {
		background-color: #e6830b;
		display: inline-block;
		vertical-align: text-bottom;
		background: #F15A24;
		color: #FFF;
		padding: 10px 20px;
		border-radius: 25px;
		text-decoration: none;
		font-size: 120%;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin-left: 0;
		width: 85%;
		margin-top: 20px;
	}
	.company #sec2 a.fo_pdf {
		background-color: #e6830b;
		display: inline-block;
		vertical-align: text-bottom;
		background: #F15A24;
		color: #FFF;
		padding: 10px 20px;
		border-radius: 25px;
		text-decoration: none;
		font-size: 120%;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin-left: 0;
		width: 85%;
		margin-top: 20px;
	text-align: center;
	}
	.company #sec2 h2 span div{
		float: left;
	}
	.company #sec2 h2 span div.r2lm10 {

	}

	.company #sec2 .prof {
		background-image: none;
		background-repeat: no-repeat;
		margin: auto;
		margin-top: 0px;
		text-align: left;
		padding-top: 30px;
		margin-bottom: 30px;
		max-width: 90%;
	}
	.company #sec2 .prof .prof-clm {
		margin-bottom: 20px;
	}
	.company #sec2 .prof dl {
		margin-bottom: 20px;
		padding-top: 15px;
		border-top: 1px dotted #e6830b;
	}
	.company #sec2 .prof dt {
		font-size: 130%;
	}
	.company #sec2 .prof .prof-clm dt p{
		line-height: 1.2;
	}
	.company #sec2 .prof dd {
		margin-top: 10px;
		font-size: 110%;
	}
	.company.company202006 #sec2 .prof .prof-clm dd {
		padding-left: 10.5em;
	}
	.company #sec2 h2 a.pc-only {
		display: none!important;
	}
	.single #page-head {
		background-image: url(/images/top-bg.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 30px;
	}
	.single #page-head h1 {
		text-align: left;
		padding: 10px 130px 0 10px;
		margin-left: auto;
		margin-right: auto;
	}
	.single #page-head h1 img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	.single #page-head .description {
		font-size: .8em;
		text-align: left;
		color: #000;
		padding-left: 15px;
		padding-right: 15px;
		line-height: 140%;
		padding-top: 10px;
	}
	.page #page-head {
		background-image: url(/images/top-bg.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 30px;
	}
	.page #page-head h1 {
		text-align: left;
		/*padding: 10px 130px 0 10px;*/
		margin-left: auto;
		margin-right: auto;
	}
	.page #page-head h1 img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	.page #page-head .description {
		font-size: .8em;
		text-align: left;
		color: #000;
		padding-left: 15px;
		padding-right: 15px;
		line-height: 140%;
		padding-top: 10px;
	}


	#page-news, #page-detail {
		width: 100%;
	}
	.contact-area {
		width: 98%!important;
		margin-bottom: 20px;
	}



	.shop {
	}
	.shop .tit{
		border-left: medium solid #e6830b;
		padding-left: 15px;
		margin-left: 5px;
	}
	.shop h2 {
		color: #e6830b;
		text-align: center;
		border-bottom: 1px dotted #E6830B;
		font-size: 140%;
		padding-top: 5px;
		padding-bottom: 13px;
		margin-right: auto;
		margin-left: auto;
		width: 7em;
		line-height: 1.3;
		border-left: unset;
	}
	.shop h2 span {
		color: #e6830b;
		display: block;
		text-align: left;
		margin-top: 3px;
		font-size: 70%;
		text-decoration: none;
		text-align: center;
	}
	.shop h3 {
		color: #e6830b;
		display: block;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 20px;
		font-size: 150%;
		text-decoration: none;
	}
	.shop p{
		text-align: left;
		margin: 30px 5px 15px 5px;
	}
	.shop #page-head {
		background-image: url(/images/top-bg.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 30px;
	}
	.shop #page-head h1 img{
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	.shop .item{
		margin-bottom: 50px;
		padding-top: 20px;
	}
	.shop .hr{
		border-bottom: 1px solid #e6830b;
		padding-bottom: 50px;
	}
	.shop .inr img{
		width: 100%;
	}
	.shop .lnkbtn{
		color: #f9f9f9;
		font-size: 1.2rem;
		padding: 15px 5px;
		text-decoration: none;
		border-radius: 15px;

	}
	.shop .lnkbtn a{
		color: #f9f9f9;
		text-decoration: none;
	}
	.shop .lnktxt p{
		text-align: left;
		margin: 30px 5px 15px 5px;
	}
	.shop #sec1 h2 {
		border-left: unset;
		padding-left: 0;
	}
	.shop #sec1 h2 span {
		padding-left: 0px;
	}
/*/////////自社製品紹介Product introduction////////*/
	.products button{
		margin-left: 0px;
	}
	.products button a{
	}
	.business.products #sec1 h2{
		width: 7em;
		padding-left: 0;
	}

/*/////////自社製品紹介Product introduction////////*/
}
@media screen and (min-width: 768px) and (max-width : 1024px){
	.content-width {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	.company #sec2 .prof {
		background-image: url(/company/images/prof-bg.jpg);
		background-color: rgb(255 252 252 / 90%);
		background-blend-mode: lighten;
		background-repeat: no-repeat;
		background-position: right top;
		margin-top: 30px;
		padding-left: 45px;
	}
	.home #index-sec2 {
		width: 100%;
	}
	.home #index-sec2 .company-box,
	.home #index-sec2 .business-box {
		width: 45.3%;
		float: left;
		margin: 0 2%;
		min-height: 380px;
	}
	.shop #sec1 .item {
		width: 100%;
	}
	.shop #sec1 img {
		padding-bottom: 45px;
		margin: auto;
		text-align: center;
		display: block;
	}
	.shop #sec1 p{
		font-size: x-large;
		line-height: 1.5;
		padding: 0 5%;
	}
	.shop #sec1 .item .lnkSet .lnktxt p {
		display: inline-block;
		font-size: 120%;
		margin-left: 25%;
	}
	.shop #sec1 .item .lnkSet .lnkbtn {
		width: 100%;
		text-align: center;
		font-size: xx-large;
		margin: auto;
	}
	.shop h3 {
		font-size: xxx-large;
		margin-left: 5%;
		margin-bottom: 30px;
	}
	.business #sec1 .item-clm {
		padding: 0 2%;
	box-sizing: border-box;
	}
	.content-width {
		padding: 0 2%;
		box-sizing: border-box;
		text-align: center;
	}
}

element.style {
}

@media screen and (max-width : 800px){

}
@media screen and (max-width : 750px){
	.products button.ht_1box {
		margin-bottom: 115px;
	}
}
@media screen and (min-width: 835px){
	.business.products #sec1 .item-clm {
	    min-height: 615px;
	}
}
@media screen and (min-width : 1025px){
	.home #index-sec2 .company-box {
		width: 20.3%;
		float: left;
		/*margin: 0 2%;*/
	}
	.home #index-sec2 .business-box {
		width: 20%;
		float: left;
		margin: 0 2% 0 1%;
	}
	.tb-only {
		display:none!important;
	}
	.pc-only {
		display: block!important;
	}
}

@media (max-width: 576px) {
	.company #sec2 .prof {
		background-color: rgb(255 252 252 / 90%);
		background-blend-mode: lighten;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.company #sec2 .prof {
		background-color: rgb(255 252 252 / 90%);
		background-blend-mode: lighten;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

}
/*//////////////////////////////////////////////// 企業理念
////////////////////////////////////////////////*/
ul.company_01{
	text-align: left;
	list-style: disc;
	margin-left: -1em !important;
}
ul.company_01 li{
}
.company #sec2 h2 a {
	display: inline-block;
	vertical-align: text-bottom;
	background: #F15A24;
	color: #FFF;
	padding: 10px 20px;
	border-radius: 25px;
	text-decoration: none;
	font-size: 120%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-left: 10px;
	margin-top: -10px;
	width: fit-content;
}
.company #sec2 h2 a:hover {
	opacity:.8;
}
.sp-only {
	display:none!important;
}
.company.company202006 #sec2 .prof .prof-clm dt {
	width: 11em;
}
@media screen and (min-width: 768px) and (max-width : 1024px){

}

@media screen and (max-width : 800px){
	.company #sec1 .clm {
		padding-right: 10px;
	}
	.company .content-width {
		width: 100%;
	}
	.company #sec1 .clm {
		min-height: 100%;
	}
	.company #sec1 .item2 {
		margin-top: 0px;
	}
	.company #sec1 .item3 {
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 50px;
	}
	.company.company202006 #sec2 .prof .prof-clm dt {

	}
	.company #sec1 .rinen {
		margin-bottom: 0px;
	}
}
@media screen and (max-width : 768px){

}
@media screen and (max-width : 767px){
	ul.company_01{
		margin-left: 0em !important;
		width: fit-content;
		padding-right: 5%;
	}
	.company #sec2 h2 a {
		color: #fff;
		font-size: .7rem;
		margin-left: 10px;
		border: 1px solid #e6830b;
		padding: 3px 15px 1px 20px;
		text-decoration: none;
		border-radius: 15px;
		background-color: #e6830b;
	}
	.sp-only {
		display:block!important;
	}
	.company.company202006 #sec2 .prof .prof-clm dt {
		width: 9.5em;
	}
}
@media screen and (min-width : 1025px){
	.company #sec2 .prof {
		padding-left: 480px;
	}
}

@media (max-width: 576px) {
	.company #sec1 .clm {
		padding-right: 0%;
		width: 100%;
		box-sizing: border-box;
		background-image: unset;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.company #sec1 .clm {
		padding-right: 5%;
		width: 100%;
	}
	.company #sec1 .item2 {
		width: 100%;
	}
	.company #sec1 .item3 {
		width: 100%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.company #sec1 .item2 {
		margin-top: 0px;
		width: 63%;
	}
	.company #sec1 .item3 {
		margin-top: 30px;
		width: 63%;
		margin-bottom: 50px;
	}
	.company #sec1 .clm {
		min-height: 215px;
	}
	.company .sp-only {
		display:none!important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

}

/*//////////////////////////////////////////////// ネットショップ
////////////////////////////////////////////////*/
.shop #sec1 .lnktxt {
	float: left;
	margin: 73px 0 0 60px;
}
.shop #sec1 .lnktxt h3 {
	color: #e6830b;
	font-size: x-large;
	width: 100%;
	line-height: 1.3;
}
.shop #sec1 .lnktxt .sit_url {
	margin: 20px 0px 0px 20px;
	font-size: x-large;
}
.shop #sec1 .netshop_box {
	display: table;
}
.shop #sec1 .netshop_box img{
	float: left;
}
.shop #sec1 .item .lnkSet .lnkbtn a:hover{
	transition: all 0.7s;
	background: #ffffff;
	color: #F15A24;
	border: solid 1px #F15A24;
}
.shop #sec1 .box_01 {
	margin-left: 20.5%;
	margin-bottom: 55px;
	margin-top: -15px;
}
.shop #sec1 .box_01 p{
	font-size: x-large;
}
.shop #sec1 .box_01 p supn{
}
.shop #sec1 br.sponl{
	display: none!important;
}
@media screen and (max-width : 1024px){
	.shop #sec1 .lnktxt {
		margin: 73px 0 0 0px;
	}
	.shop h3 {
		margin-left: 2%;
		margin-bottom: 20px;
	}
	.shop #sec1 .lnktxt .sit_url {
		margin: 20px 0px 0px 0px;
	}
	.shop #sec1 .lnktxt .sit_url span{
		line-height: 1.3;
	}
	.shop #sec1 .box_01 {
		margin-bottom: 65px;
		margin-top: 30px;
	}
	.shop #sec1 .box_01 p {
		font-size: x-large;
		text-align: center;
		line-height: 1.5;
	}

	.shop #sec1 .netshop_box {
		width: 100%;
		text-align: center;
	}
}
@media screen and (min-width: 768px) and (max-width : 1024px){

}

@media screen and (max-width : 950px){
	.shop #sec1 .box_01 {
		margin-left: 22vw;
	}
}
@media screen and (min-width: 769px){
	.shop #sec1 .tb-only {
		display: none!important;
	}
}
@media screen and (max-width : 768px){
	.shop #sec1 br.sponl{
		display: block!important;
	}
	.shop #sec1 .content-width {
		width:unset;
	}
	.shop #sec1 .box_01 {
		margin-left: unset;
	}
	.shop .pc-only {
		display: none!important;
	}
	.shop #sec1 .lnktxt h3 {
		font-size: xx-large;
		margin-left: 0%;
		padding: 0;
		text-align: center;
	}
	.shop #sec1 .lnktxt {
		width: 100%;
	}
	.shop #sec1 .lnktxt .sit_url {
		margin: 20px auto 30px auto;
		padding: 0;
		display: table;
		width: 100%;
		text-align: center;
		font-size: xx-large;
	}
	.shop #sec1 .netshop_box img {
		float: unset;
		width: 100%;
		max-width: 65%;
		margin: auto;
	}
}
@media screen and (max-width : 767px){
	.shop .tit {
		border-left: unset;
		padding-left: unset;
		margin-left: 5px;
	}
}
@media screen and (min-width : 1025px){

}

@media (max-width: 576px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

}
/*//////////////////////////////////////////////// お問合せ
////////////////////////////////////////////////*/
input[type="text"], input[type="email"], textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 5px 10px;
	margin-bottom: 3px;
	font-size: 12px;
	box-shadow: inset 1px 1px 1px rgb(0 0 0 / 10%);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgb(0 0 0 / 10%);
	width: 100%;
	box-sizing: border-box;
}
#content p {
	line-height: 170%;
}
#content p {
	/* margin-bottom: 20px; */
	padding: 0px 5px;
}
#page-news, #page-detail {
	text-align: left;
}
.contact-area p {
	margin-bottom: 1.5em;
	margin-top: 0px;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #e6830b;
	color: #fff;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 110%;
	padding: 8px 20px 6px;
}
#content h2 {
	width: 71px;
	height: 61px;
	background: #E6830B;
	border: 2px solid #FFFFFF;
	box-shadow: 0 0 0px 1px #E6830B;
	word-break: break-all;
	padding: 10px 0 0 0;
	font-size: 80%;
	text-align: center;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 120%;
	margin: 0;
}
.contact-area h3 {
	border-left: 0px!important;
	padding: 0 0 0px 0!important;
	margin: 0 0 5px 0!important;
	border-bottom: 1px solid #CCCCCC;
	font-size: 100%!important;
	font-weight: normal;
}
.content-box-inner dt {
	margin: 0 1em 5px 0!important;
	float: left;
	background: #e6830b;
	color: #FFF!important;
	padding: 5px 0px 4px 0;
	font-size: 75%;
	width: 4em;
	text-align: center;
	line-height: 100%;
}
#container img {
	margin: 0;
	max-width: 100% !important;
	height: auto !important;
	margin-top: 50px;
}
div#wrap.contact{
	min-height:100vh;
}
.complete{
	min-height: 70vh;
	padding-top: 5vh;
}
.complete a,
.complete p{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	line-height: 1.3;
}
.complete p{
	font-size: xx-large;
}
.complete a {
	background: #e6830b;
	width: auto;
	color: #fff;
	border-style: solid;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	display: table;
	padding: 1% 2%;
	text-decoration: none;
	font-size: x-large;
	transition: all 0.7s;
}
.complete a:hover{
	border-style: solid #e6830b;
	background: #fff;
	color: #e6830b;
}
@media screen and (max-width : 1024px){
}
@media screen and (min-width: 768px) and (max-width : 1024px){

}
@media screen and (max-width : 969px){
	.contact-area input[type=tel] {
	position: relative;
	overflow: hidden;
	padding: 5px 10px;
	margin: 5px 5px 0px 0px;
	width: 90%;
	background: #f9f9f9;
	border: 1px solid #ccc;
	font-size: 12px;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	}
	.contact-area input[type=text],input[type=email],textarea {
	margin: 5px 5px 5px 0px!important;
	}
	.wpcf7 {
	margin:0!important;
	}
	.contact-area .must {
	font-size: 80%;
	margin: 0;
	padding: 0;
	line-height: 100%;
	}
}

@media screen and (max-width : 950px){
}
@media screen and (min-width: 769px){
}
@media screen and (max-width : 768px){
}
@media screen and (max-width : 767px){
	.contact #page-detail {
		width: 90%;
		margin-left: 5%;
		margin-top: 3%;
	}
	.contact .pages {
		padding-top: 0px;
	}
	.contact tbody {
		width: 90%;
		display: block;
		margin-left: 5%;
		margin-top: 5%;
	}
}
@media screen and (min-width : 1025px){

}

@media (max-width: 576px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

}

.pc_only{
	display:block;
}
.sh_only{
	display:none;
}
#index-sec1_2{
}
#index-sec1_2 div img{
}
section#index-sec1_3 {
	text-align: left;
	margin-top: 60px;
	background: #FEF5E6;
	padding-top: 100px;
	padding-bottom: 130px;
}
section#index-sec1_3 h3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 200%;
	border-bottom: 1px dotted #E6830B;
	font-weight: normal;
	padding-bottom: 15px;
	display: inline-block;
	margin-bottom: 90px;
}
.youtube_box{
	width: 35%;
	height: 280px;
}
.youtube_box p{
	text-align: left;
}
.content_box{
	width: 65%;
	padding: 0% 3%;
}
.youtube_box,
.content_box{
	box-sizing: border-box;
	float: left;
}
.content_box ul{
	box-sizing: border-box;
	padding: 3% 4% 1% 4%;
	display: block;
	background-color: #fff;
	border: solid 1px #E6830B;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	margin: 0;
}
.content_box ul li{
	text-align: left;
	margin-left: 1em;
	margin-bottom: 1em;
}
.content_box p{
	text-align: left;
}
.content_box div a{
	text-align: left;
	font-size: 16pt;
	color: #AD0711;
	float: left;
	display: flex;
	text-decoration: none;
	font-weight: bolder;
	transition: all 0.7s;
	margin: 1em 0 0 0;
}
.content_box div a:hover{
	opacity:0.7;
}
.content_box div a:after{
	content: "▶";
	color: #fff;
	background-color: #AD0711;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	padding: 0.5em 0px 0px 0.4em;
	width: 1.3em;
	height: 1.3em;
	display: block;
	margin: -0.5em 0 0 0.3em;
}
section#index-sec1_3 h3.w767_down,
section#index-sec1_3 h3.w992_over,
section#index-sec1_3 h3.w1025_over,
section#index-sec1_3 h3.w768_1025,
section#index-sec1_3 h3.w992_1200,
section#index-sec1_3 h3.w768_991,
section#index-sec1_3 h3.w576_767{
	display:none;
}
.content-width-home {
	/*min-width: 360px;*/
}
.home #index-sec2 .in_box{
	height:auto;
	position: relative;
	padding-bottom: 2em;
	box-sizing: border-box;
}
.home #index-sec2 .in_box a.in_box_a{
	position: absolute;
	bottom: 0;
	right: 0;
	color: #999;
	text-decoration: none;
}
.index-sec1_3_a{
	position: absolute;
	bottom: 0;
}
.youtube_box p{
}
div.contact_factory_manager{
	display: table;
	width: 100%;
	margin: 100px auto 0 auto;
	text-align: center;
}
div.contact_factory_manager a.contact_factory_manager{
	display: table;
	margin: auto;
	background-color: #e6830b;
	color: #fff;
	text-decoration: none;
	padding: 2% 3% 2% 5%;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	font-size: xx-large;
	border: solid 3px #e6830b;
	transition: all 0.7s;
}
div.contact_factory_manager a.contact_factory_manager:hover{
	background-color: #fff;
	color: #e6830b;
	border: solid 3px #e6830b;
}
@media (max-width: 1180px) {
}
@media (min-width: 1026px) {
	.home #index-sec2 {
		display: flex;
	}
	section#index-sec1_3 h3.w1025_over{
		display:inline-block;
	}
}
@media (max-width: 1025px) {
	section#index-sec1_3{
		margin-bottom: 130px;
	}
	.home #index-sec2 {
		display: table;
	}
	.home #index-sec2 .in_box {
		padding-bottom: 0em;
		margin-bottom: 5em;
		min-height: 430px;
	}
}
@media (min-width: 992px) {
	section#index-sec1_3 h3.w992_over{
		display:inline-block;
	}
}
@media (max-width: 991px) {
	.youtube_box, .content_box {
		box-sizing: border-box;
		float: unset;
		width: 90%;
		margin: auto;
	}
	.youtube_box {
		margin: auto;
	}
	.content_box {
		margin: 5em auto auto auto;
		padding: 0;
	}
	.content_box ul li {
		color: #999;
		font-size: 1.1em;
		margin: 0px 2% 2% 3%;
		line-height: 150%;
	}
	.content_box ul {
		padding: 3% 2% 1% 2%;
	}
	.content_box p {
		font-size: 1.1em;
		margin: 5% 0 5% 0;
		line-height: 150%;
	}
	.index-sec1_3_a{
		position: unset;
	}
	.youtube_box p{
		text-align: center;
	}
	section#index-sec1_3 {
		padding-bottom: 80px;
	}
}
@media (min-width: 769px) {
	.content-width-home {
		max-width: 1024px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		text-align: center;
	}
}
@media (max-width: 768px) {
	.pc_only{
		display:none;
	}
	.sh_only{
		display:block;
	}
	#index-sec1_2 div img{
		width: 100%;
		margin: 65px 0 5px 0;
	}
	.youtube_box {
		height: 460px;
	}
	.index-sec1_3_a{
		background: #fff;
		display: block;
		height: 10vw;
		border-radius: 2em;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
	}
	.content_box div a {
		font-size: 3.3vw;
		margin: 3.5vw auto 0 6vw;
	}
	.content_box div a:after {
		padding: 1vw;
		margin: -1.8vw 0 0 0.3em;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.content_box ul li {
		color: #999;
		font-size: 1.1em;
		margin: 0px 3% 3% 5%;
		line-height: 150%;
	}
	.content_box ul {
		padding: 6% 4% 2% 4%;
	}
	.home #index-sec2 .in_box {
		padding-bottom: 3em;
	}
	.home #index-sec2 .in_box a.in_box_a {
		position: unset;
		bottom: unset;
		right: unset;
		left: unset;
		margin: 2em auto 0 auto;
		display: table;
		text-align: center;
	}
	.home #index-sec2 .in_box {
		margin-bottom: 5em;
	}
	.content_box p {
		margin: 10% 0 15% 0;
	}
	div.contact_factory_manager {
		margin: 50px auto 0 auto;
	}
	div.contact_factory_manager a.contact_factory_manager {
		font-size: x-large;
		width: 80%;
		margin: 0px auto 40px auto;
	}
}
@media (max-width: 680px) {
	.content_box div a:after {
		padding: 1vw;
		margin: -1.8vw 0 0 0.3em;
	}
	.content_box ul li {
		color: #999;
		font-size: 1.1em;
		margin: 0px 3% 5% 7%;
		line-height: 150%;
	}
	.content_box ul {
		padding: 7% 4% 2% 4%;
	}
	.youtube_box {
		height: 380px;
	}
	#index-sec1_2 div img{
	}

}
@media (max-width: 580px) {
	.youtube_box {
		height: 380px;
	}
	.content_box div a:after {
		padding: 1vw;
		margin: -1.8vw 0 0 0.3em;
	}
	#index-sec1_2 div img{
	}

}
@media (max-width: 575px) {
	section#index-sec1_3 h3.w767_down{
		display: table;
		line-height: 1.5em;
		text-align: center;
		margin: 0 auto 90px auto;
		font-size: large;
	}
	.content_box div a:after {
		padding: 1vw;
		margin: -1.8vw 0 0 0.3em;
	}
	#index-sec1_2 div img{
	}

}
@media (max-width: 480px) {
	.youtube_box {
		height: 250px;
	}
	.content_box div a:after {
		padding: 1vw;
		margin: -0.8vw 0 0 0.3em;
	}
	#index-sec1_2 div img{
	}
}
@media (max-width: 380px) {
	.youtube_box {
		height: 250px;
	}
	.content_box div a:after {
		padding: 1vw;
		margin: -1.8vw 0 0 0.3em;
	}
	#index-sec1_2 div img{
	}

}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	section#index-sec1_3 h3.w576_767{
		display:inline-block;
	}
	section#index-sec1_3 h3.w767_down{
		display: table;
		line-height: 1.5em;
		text-align: center;
		margin: 0 auto 90px auto;
		font-size: large;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1025px) {
	section#index-sec1_3 h3.w768_1025{
		display: table;
		line-height: 1.5em;
		text-align: center;
		margin: 0 auto 90px auto;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	section#index-sec1_3 h3.w992_1200{
		display:inline-block;
	}
}

body.js_isMobile .youtube_box {
	height: 280px;
}
