@charset "utf-8";
/*++++++++++++++++++++++++++++++
+++++++++++++++
++++++

==下層ページのスタイル設定ファイル==

+++++++
+++++++++++++++
++++++++++++++++++++++++++++++*/




/* =============================================================================
   レイアウトスタイル
   基本スタイル
   ========================================================================== */

/* :::::: section :::::: */
#content {}
#content section,
#content nav {
	padding: 70px 0;}
@media only screen and (max-width: 767px) {
	#content section,
	#content nav {
		padding: 40px 0;}
}


/* :::::: h2 title :::::: */
#content h2.title {
	color: #8f8d8d;
	margin: 0;
	line-height: 1;
	margin-bottom: 40px;
	text-align: center;
	font-size: 1em;}
#content h2.title strong {
	font-size: 2em;
	font-style: italic;
	line-height: 1;}
#content h2.title span {
	display: block;
	padding: 10px 0;}
@media only screen and (max-width: 767px) {
	#content h2.title {
		margin-bottom: 20px;}
}

/* :::::: h2 title02 :::::: */
#content h2.title02 {
	color: #8f8d8d;
	margin: 0;
	line-height: 1;
	margin-bottom: 40px;
	text-align: center;
	font-size: 1em;}
#content h2.title02 strong {
	font-size: 1.4em;
	color: #003279;
	line-height: 1;}
#content h2.title02 span {
	display: block;
	font-size: 1.8em;
	padding: 10px 0;}
@media only screen and (max-width: 767px) {
	#content h2.title {
		margin-bottom: 20px;}
}


/* :::::: topicpath :::::: */
#content #topicpath {
	padding: 10px 0;}
#topicpath ul {
	padding:0;
	margin:0;
	list-style:none;}
#topicpath li {
	font-size: 0.825em;
	float:left;}
#topicpath li:after{
	content: '\f105';
	color:#6C6C6C;
	font-family: FontAwesome;
    top:-1px;
    padding-left: 10px;
	margin-right:5px;
    position: relative;}
#topicpath li:last-child:after{
	content:'';}
#topicpath li a {
	color: #5e5e5e;}


/* :::::: table style :::::: */
table.tablestyle01 {}
table.tablestyle01 th {
	background: #e9f7ff;}

table.tablestyle02 {}
table.tablestyle02 th,
table.tablestyle02 td {
	vertical-align: middle;}
table.tablestyle02 th {
	color: #848484;
	font-weight: normal;}
table.ss-table tr td{text-align:left!important;}
@media only screen and (max-width: 767px) {
	table.ss-table tr td:first-child{background: #8e8e8e;color:#fff!important;}
	table.ss-table tr td:first-child a{color:#fff!important}
}


/* :::::: google Map style :::::: */
.map {}
@media only screen and (max-width: 767px) {
	.map > div {
		height: 300px !important;}
}


/* =============================================================================
   ページトップ画像関連
   ========================================================================== */
#mainImage {
	background: url(img/mainimage/bg_company.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;}
#mainImage h1.title {
	z-index: 1;
	position: relative;
	color: #FFF;
	margin: 0;
	line-height: 1;
	margin-bottom: 40px;
	text-align: center;
	font-size: 1em;}
#mainImage h1.title strong {
	font-size: 2.8em;
	font-style: italic;
	line-height: 1;}
#mainImage h1.title span {
	display: block;
	font-weight: normal;
	padding: 10px 0;}

/* :::::: height size :::::: */
#mainImage {
	height: 250px;
	padding-top: 150px;}
@media only screen and (max-width: 1010px) {
	#mainImage {
		height: 22.407028vw;
		padding-top: 13.641288vw;}
}
@media only screen and (max-width: 767px) {
	#mainImage {
		height: 25.407028vw;
		padding-top: 10.641288vw;}
	#mainImage h1.title {
		width: 80%;
		margin: 0 auto;}
	#mainImage h1.title strong {
		font-size: 2em;}
}


/* :::::: companyBg :::::: */
#mainImage.companyBg {
	background: url(img/mainimage/bg_company.jpg) no-repeat center center;
	background-size: cover;}

/* :::::: topicsBg :::::: */
#mainImage.topicsBg {
	background: url(img/mainimage/bg_topics.jpg) no-repeat center center;
	background-size: cover;}

/* :::::: csrBg :::::: */
#mainImage.csrBg {
	background: url(img/mainimage/bg_csr.jpg) no-repeat center center;
	background-size: cover;}

/* :::::: contactBg :::::: */
#mainImage.contactBg {
	background: url(img/mainimage/bg_contact.jpg) no-repeat center center;
	background-size: cover;}

/* :::::: sitemapBg :::::: */
#mainImage.sitemapBg {
	background: url(img/mainimage/bg_sitemap.jpg) no-repeat center center;
	background-size: cover;}

/* :::::: privacyBg :::::: */
#mainImage.privacyBg {
	background: url(img/mainimage/bg_privacy.jpg) no-repeat center center;
	background-size: cover;}

/* :::::: affiliatedBg :::::: */
#mainImage.affiliatedBg {
	background: url(img/mainimage/bg_affiliated.jpg) no-repeat center center;
	background-size: cover;}

/* :::::: affiliated01Bg 横田ガス :::::: */
#mainImage.affiliated01Bg {
	background: url(img/mainimage/bg_affiliated01.jpg) no-repeat center center;
	background-size: cover;}
#mainImage.affiliated01Bg h1.title {
	color: #003279;
	text-shadow: 0px 0px 4px #FFFFFF;}
#mainImage.affiliated01Bg h1.title strong {
	font-style: normal;}

/* :::::: affiliated02Bg 横田エネルギー :::::: */
#mainImage.affiliated02Bg {
	background: url(img/mainimage/bg_affiliated02.jpg) no-repeat center center;
	background-size: cover;}
#mainImage.affiliated02Bg h1.title {
	color: #003279;}
#mainImage.affiliated02Bg h1.title strong {
	font-style: normal;}

	#mainImage.affiliated02Bg-2 {
		background: url(img/mainimage/bg_affiliated02-1.jpg) no-repeat center center;
		background-size: cover;}









/* :::::: affiliated03Bg 咲新興業 :::::: */
#mainImage.affiliated03Bg {
	background: url(img/mainimage/bg_affiliated03.jpg) no-repeat center center;
	background-size: cover;}
#mainImage.affiliated03Bg h1.title {
	color: #003279;
	text-shadow: 0px 0px 4px #FFFFFF;}
#mainImage.affiliated03Bg h1.title strong {
	font-style: normal;}

/* :::::: affiliated03Bg 咲新興業 20210525 :::::: */
	#mainImage.affiliated03Bg20210525 {
		background: url(img/mainimage/bg_affiliated03-2.jpg) no-repeat center center;
		background-size: cover;}
	#mainImage.affiliated03Bg20210525 h1.title {
		color: #003279;
		text-shadow: 0px 0px 4px #FFFFFF;}
	#mainImage.affiliated03Bg20210525 h1.title strong {
		font-style: normal;}
	

/* :::::: affiliated04Bg 宏栄産業 :::::: */
#mainImage.affiliated04Bg {
	background: url(img/mainimage/bg_affiliated04.jpg) no-repeat center center;
	background-size: cover;}
#mainImage.affiliated04Bg h1.title {
	color: #003279;}
#mainImage.affiliated04Bg h1.title strong {
	font-style: normal;}

/* :::::: serviceBg :::::: */
#mainImage.serviceBg {
	background: url(img/mainimage/bg_service.jpg) no-repeat center center;
	background-size: cover;}

/* :::::: service01Bg サービスステーション :::::: */
#mainImage.service01Bg {
	background: url(img/mainimage/bg_service01.jpg) no-repeat center center;
	background-size: cover;}
#mainImage.service01Bg h1.title {
	color: #003279;}

/* :::::: service02Bg 営業部 :::::: */
#mainImage.service02Bg {
	background: url(img/mainimage/bg_service02.jpg) no-repeat center center;
	background-size: cover;}

/* :::::: service03Bg 油槽所 :::::: */
#mainImage.service03Bg {
	background: url(img/mainimage/bg_service03.jpg) no-repeat center center;
	background-size: cover;}
#mainImage.service03Bg h1.title {
	color: #003279;}

/* :::::: service04Bg 保険事業部 :::::: */
#mainImage.service04Bg {
	background: url(img/mainimage/bg_service04.jpg) no-repeat center center;
	background-size: cover;}
#mainImage.service04Bg h1.title {
	color: #003279;}

/* :::::: service05Bg エコステーション :::::: */
#mainImage.service05Bg {
	background: url(img/mainimage/bg_service05.jpg) no-repeat center center;
	background-size: cover;}
#mainImage.service05Bg h1.title {
	color: #003279;}

/* :::::: service06Bg オークション :::::: */
#mainImage.service06Bg {
	background: url(img/mainimage/bg_service06.jpg) no-repeat center center;
	background-size: cover;}
#mainImage.service06Bg h1.title {}

/* :::::: service07Bg レンタカー :::::: */
#mainImage.service07Bg {
	background: url(img/mainimage/bg_service07.jpg) no-repeat center center;
	background-size: cover;}
#mainImage.service07Bg h1.title {}



/* :::::: service08Bg 潤滑油に関するお問い合わせ :::::: */
#mainImage.service08Bg {
	background: url(img/mainimage/bg_inquiry.jpg) no-repeat center center;
	background-size: cover;}


/* =============================================================================
   page（固定ページ） 関連 スタイル
   ========================================================================== */

/* :::::: sitemap（サイトマップ） :::::: */
#content.sitemap {}
.sitemap {}

.sitemap .sitemaplink {}
.sitemap .sitemaplink ul {
font-size:14px;
	margin: 0;
	padding: 0;
	list-style: none;}
.sitemap .sitemaplink ul li {
	float: left;
	margin-right: 60px;}
.sitemap .sitemaplink ul li:last-child {
	margin-right: 0;}
.sitemap .sitemaplink > div > ul > li > a{margin-bottom:10px;display:inline-block;}
.sitemap .sitemaplink ul li ul li {
	width: auto;
	float: none;
	padding-left: 5px;
	margin-right: 0;
	margin-bottom:10px;
	font-size: 0.9em;}
.sitemap .sitemaplink ul li ul li.parent {
	font-size: 1em;
	padding-left: 0;}
@media only screen and (max-width: 767px) {
	.sitemap .sitemaplink {
        border-top: 1px solid #eee;}
	.sitemap .sitemaplink ul li {
		float: none;
		width: auto;
		padding-left: 0;
		margin-right: 0;
        border-bottom: 1px solid #eee;}
 	.sitemap .sitemaplink ul li a {
        display: block;
        padding: 1em 2rem;
        background: #f4f5f6;}
 	.sitemap .sitemaplink ul li ul li a {
        background: #fff;}
	.sitemap .sitemaplink ul li ul li.parent a {
        background: #f4f5f6;}
}


/* :::::: privacy（個人情報保護） :::::: */
#content.privacy {}
.privacy {}

.privacy dl {
	margin-top: 30px;}
.privacy dl dt {
	font-weight: bold;}
.privacy dl dd {
	margin: 0;
	padding-left: 1.5em;
	margin-bottom: 20px;}
.privacy dl dd.hr {
	padding-bottom: 50px;
	border-bottom: 1px dotted #a1a1a1;
	margin-bottom: 50px;}


/* :::::: company（会社案内） :::::: */
#content.company {}
.company {}

.company .pagelink {}
.company .pagelink ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;}
.company .pagelink ul li {
	display: inline-block;
	border-right: 1px solid #cfcfcf;}
.company .pagelink ul li:first-child {
	border-left: 1px solid #cfcfcf;}
.company .pagelink ul li a {
	padding: 5px 30px;
	line-height: 1.2;
	display: block;
	text-decoration: none;}
@media only screen and (max-width: 767px) {
	.company .pagelink ul li {
		width: 25%;
		box-sizing: border-box;}
	.company .pagelink ul li a {
		padding: 7px 0;}
}

.company .sec01 {}
.company .sec01 figure {
	margin-bottom: 50px;}
@media only screen and (max-width: 767px) {
	.company .sec01 figure {
		margin-bottom: 30px;}
}

.company .sec02 {
	background: #f4f4f4 url(img/content/bg_company-sec02.png) no-repeat right 10% top;}
@media only screen and (max-width: 1010px) {
	.company .sec02 {
		background: #f4f4f4 url(img/content/bg_company-sec02.png) no-repeat right -10% top;
		background-size: 40%;}
}


/* :::::: csr :::::: */
#content.csr {}
.csr {
	background: url(img/content/bg_csr.jpg) no-repeat center bottom;
	background-size: contain;
	padding-bottom: 250px;}
@media only screen and (max-width: 1010px) {
	.csr {
		padding-bottom: 120px;}
}
@media only screen and (max-width: 426px) {
	.csr {
		padding-bottom: 70px;}
}

.csr figure {	
	text-align: center;}

.csr .pagelink {}
.csr .pagelink ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;}
.csr .pagelink ul li {
	display: inline-block;
	margin-bottom:10px;
	padding: 0!important;
	border-right: 1px solid #cfcfcf;line-height:100%;}
.csr .pagelink ul li:last-child {
	border-right: none;}
.csr .pagelink ul li a {
	padding: 0 30px;
	line-height: 1.2;
	display: block;
	text-decoration: none;}
@media only screen and (max-width: 767px) {
	.csr .pagelink ul li {
		box-sizing: border-box;}
	.csr .pagelink ul li a {
		padding: 0px 15px;}
}

.csr .sec02, .csr .sec04, .csr .sec06 {
	background: #f4f4f4;}

.csr ul {
	box-sizing: border-box;
	list-style-position: inside;}
.csr .sec04 ul{padding-left:150px;}

.csr ol {
	box-sizing: border-box;
	list-style-position: outside;
	width: 80%;
	margin: 0 auto;}
.csr li {
	padding: 5px 0;}
.csr dl {
	width: 80%;
	margin: 0 auto;
	margin-top: 30px;}
.csr dl dt {
	text-align: center;
	background: #a6a6a6;
	color: #FFF;
	padding: 5px 0;
	margin: 0;
	margin-bottom: 10px;
	font-weight: bold;}
.csr dl dd {
	margin: 0;
	margin-bottom: 20px;}

.csr dl dd figure {
	float: left;
	margin-right: 20px;}
.csr dl dd .text {
	padding: 0;}
@media only screen and (max-width: 1010px) {
	.csr ol {
		width: 100%;}
	.csr dl {
		width: 100%;}
}
@media only screen and (max-width: 767px) {
.csr .sec04 ul{padding-left:0;}
	.csr ol {
		padding-left: 5%;}
	.csr dl dd figure {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;}
}


/* :::::: topics（archive/single） :::::: */
#content.topics {}
.topics {}

.topics .singlelist {}
.topics .singlelist ul {
	margin: 0;
	padding: 0;
	list-style: none;}
.topics .singlelist ul li {
	display: table;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px dotted #a1a1a1;
	padding: 40px 30px;}
.topics .singlelist ul li:first-child {
	border-top: 1px dotted #a1a1a1;}
.topics .singlelist ul li .date,
.topics .singlelist ul li .detail {
	display: table-cell;
	vertical-align: top;}
.topics .singlelist ul li .date {
	width: 200px;}
.topics .singlelist ul li .detail {}
.topics .singlelist ul li .detail h5 {
	color: #003279;
	margin: 0;
	margin-bottom: 10px;}
	
.topics .entry-content a{display:inline-block;}
.topics .entry-content a:hover{text-decoration:underline;color:#003279;}
.topics .entry-content a:hover::after{}



@media only screen and (max-width: 1010px) {
	.topics .singlelist ul li .date {
		width: 20%;}
}
@media only screen and (max-width: 767px) {
	.topics .singlelist ul li {
		padding: 40px 15px;}
}
@media only screen and (max-width: 426px) {
	.topics .singlelist ul li {
		padding: 30px 15px;}
	.topics .singlelist ul li .date,
	.topics .singlelist ul li .detail {
		display: block;}
	.topics .singlelist ul li .date {
		width: auto;
		margin-bottom: 20px;}
}


/* :::::: service（事業案内ページ） :::::: */
#content.service {}
.service {}

.service .sec01 {}
.service .sec01 h6 {
	font-weight: normal;
	text-align: center;
	line-height: 2em;}

.service .sec02 {}
.service .sec02 ul {
	margin: 0;
	padding: 0;
	list-style: none;}
.service .sec02 ul li {
	font-size: 0.825em;
	margin-bottom: 100px;}
.service .sec02 ul li:last-child {
	margin-bottom: 0;}
.service .sec02 ul li a {
	display: block;}
.service .sec02 ul li figure {
	float: left;
	width: 46%;}
.service .sec02 ul li .text {
	float: right;
	width: 50%;}
.service .sec02 ul li:nth-child(even) figure {
	float: right;
	width: 46%;}
.service .sec02 ul li:nth-child(even) .text {
	float: left;
	width: 50%;
	text-align: right;}
.service .sec02 ul li .text h4 {
	margin: 0;
	margin-bottom: 10px;}
@media only screen and (max-width: 767px) {
	.service .sec02 ul li {
		margin-bottom: 50px;}
	.service .sec02 ul li figure {
		float: none;
		width: auto;
		margin-bottom: 20px;}
	.service .sec02 ul li .text {
		float: none;
		width: auto;}
	.service .sec02 ul li:nth-child(even) figure {
		float: none;
		width: auto;}
	.service .sec02 ul li:nth-child(even) .text {
		float: none;
		width: auto;
		text-align: left;}
	.service .sec02 ul li .text h4 {
		width: 60%;
		margin-right: auto;}
	.service .sec02 ul li:nth-child(even) .text h4 {
		width: 60%;
		margin-right: 0;
		margin-left: auto;}
}



/* :::::: serviceDetail（事業案内詳細ページ） :::::: */
#content.serviceDetail {}
.serviceDetail {}

.serviceDetail figure {
	text-align: center;}

.serviceDetail h3 {
	color: #003279;
	text-align: center;
	margin: 30px 0 15px 0;}

.serviceDetail ul.imageLR {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 30px;}
.serviceDetail ul.imageLR li {
	float: left;}
.serviceDetail ul.imageLR li:nth-child(2n) {
	float: right;}

.serviceDetail ul.ulstyle01 {
	width: 70%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;}
.serviceDetail ul.ulstyle01 li {
	padding: 5px 0;}
.serviceDetail ul.ulstyle01 ul {
	padding: 0;
	list-style: none;
	margin: 0;}
.serviceDetail ul.ulstyle01 ul li {
	float: left;
	width: 50%;}

.serviceDetail ul.bannerlink {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;}
.serviceDetail ul.bannerlink li {
	display: inline-block;
	padding: 10px;}

.serviceDetail .sec01 {}
.serviceDetail .sec01 h6 {
	font-weight: normal;
	text-align: center;
	line-height: 2em;
	margin-bottom: 40px;}
.serviceDetail .sec01 figure {
	margin-bottom: 30px;}

.serviceDetail .sec02 {}
.serviceDetail .sec02 ul.icolist {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	list-style: none;
	text-align: right;}
.serviceDetail .sec02 ul.icolist li {
	display: inline-block;
	padding: 5px;
	margin-right: 20px;}
.serviceDetail .sec02 ul.icolist li img {
	margin-right: 5px;}

.serviceDetail .sec03 {
	background: #edf7f9;}
.serviceDetail .sec02 .tablestyle02 th,.serviceDetail .sec02 .tablestyle02 td,
.serviceDetail .sec03 .tablestyle02 th,.serviceDetail .sec03 .tablestyle02 td {
	padding: 15px 5px;
	font-size: 0.925em;
	text-align: center;}
.pitbg tr td:nth-child(4){background:#efefef;}
@media only screen and (max-width: 767px) {
	.serviceDetail ul.ulstyle01 {
		width: 90%;}
	.serviceDetail ul.ulstyle01 ul li {
		float: none;
		width: auto;}
}



/* :::::: affiliated（関連会社ページ） :::::: */
#content.affiliated {}
.affiliated {}

.affiliated .sec01 {}
.affiliated .sec01 h6 {
	font-weight: normal;
	text-align: center;
	line-height: 2em;}

.affiliated .sec02 ul {
	margin: 0;
	padding: 0;
	list-style: none;}
.affiliated .sec02 ul li {
	float: left;
	text-align: center;
	margin-bottom: 40px;}
.affiliated .sec02 ul li:last-child {
	margin-bottom: 0;}
.affiliated .sec02 ul li:nth-child(even) {
	float: right;}
.affiliated .sec02 ul li:nth-child(odd) {
	transition-delay: .0s;}
.affiliated .sec02 ul li:nth-child(even) {
	transition-delay: .2s;}
.affiliated .sec02 ul li a:hover img {
	border: 7px solid #fff;
	margin: -7px;}
.affiliated .sec02 ul li a:hover h4 img {
	border: none;
	margin: 0;}
.affiliated .sec02 ul li figure {
	margin-bottom: 20px;}
.affiliated .sec02 ul li h4 {
	margin: 0;
	color: #FFF;
	line-height: 1;
	font-size: 0.95em;}
.affiliated .sec02 ul li h4 strong {
	font-size: 1.5em;
	font-style: italic;}
.affiliated .sec02 ul li h4 span {
	display: block;
	padding: 5px 0;
	font-weight: normal;}
@media only screen and (max-width: 1010px) {
	.affiliated .sec02 ul li {
		width: 47%;}
}
@media only screen and (max-width: 767px) {
	.affiliated .sec02 ul li {
		width: auto;
		float: none !important;}
}



/* :::::: affiliatedDetail（関連会社詳細ページ） :::::: */
#content.affiliatedDetail {}
.affiliatedDetail {}

.affiliatedDetail figure {
	text-align: center;}

.affiliatedDetail ul.imageLR {
	margin: 0;
	padding: 0;
	list-style: none;}
.affiliatedDetail ul.imageLR li {
	float: left;
	text-align: center;
	margin-bottom: 20px;}
.affiliatedDetail ul.imageLR li:nth-child(2n) {
	float: right;}

.affiliatedDetail ul.bannerlink {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;}
.affiliatedDetail ul.bannerlink li {
	display: inline-block;
	padding: 10px;}













/* =============================================================================
   entry-content スタイル
   ========================================================================== */

#content .entry-content{}

#content .entry-content img{}
#content .entry-content h1,#content .entry-content h2,#content .entry-content h3 {
	margin:0.4em 0 0.7em 0;}
#content .entry-content h4,#content .entry-content h5,#content .entry-content h6 {
	margin:1em 0 0.2em 0;}
#content .entry-content h1,#content .entry-content h2,#content .entry-content h3 {
	border-left:5px solid #eb9400;
	padding:0.2em 0 0.2em 0.6em;}
#content .entry-content h5 {
	color:#eb9400;}
#content .entry-content a {
	padding-left:4px;
	padding-right:4px;}

/*ページリンク*/
#content .entry-content .page-links{
	text-align:center;
	clear:both;
	padding:5% 0;}
#content .entry-content .page-links em{
	font-weight:bold;
	font-style:normal;}
#content .entry-content .page-links span{
	padding:5px 10px;
	margin:0 5px;
	background:#f2f2f2;}
#content .entry-content .page-links a{
	padding:5px 10px;
	margin:0 5px;
	color:#FFF;
	background:#1b2d65;}
#content .entry-content .page-links a span{
	padding:0;
	margin:0;
	background:none;}

#content .entry-content embed,
#content .entry-content iframe,
#content .entry-content object,
#content .entry-content video{
	width: 100%;}
#content .entry-content .iframeWrapper{
	position: relative;
	width: 100%;
	padding-top: 75%;
	margin-bottom:20px;}
#content .entry-content .iframeWrapper embed,
#content .entry-content .iframeWrapper iframe,
#content .entry-content .iframeWrapper object,
#content .entry-content .iframeWrapper video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}

#content .entry-content blockquote {
	background-color:#f8f3ec;
	margin-left:3%;
	margin-right:3%;
	padding:3% 5%;
	margin-bottom: 1em;}
#content .entry-content strong {
	font-weight:bold;}
#content .entry-content .aligncenter{
    display: block;
	margin:1em auto 2em auto;}
#content .entry-content .alignleft {
	width:35%;
    float: left;
	margin:0 2em 2em 0;}
#content .entry-content .alignright {
	width:35%;
    float: right;
	margin:0 0 2em 2em;}

#content .entry-content nav.btn {
	margin-top:5px;
	position:relative;
	text-align:center;}
#content .entry-content nav.btn a {
	display:inline-block;
	font-weight:bold;
	background:#FFF;
	border:2px solid #d1d1d1;
	border-radius:10px;
	background:#098dea;
	color:#FFF;
	padding:7px;
	padding-left:30px;
	padding-right:30px;}
#content .entry-content nav.btn a:before {
	position:relative;
	top:1px;
	left:0;
	margin-right:10px;
	font-size:1.25em;
	font-weight:normal;
	content: '\f138';
	font-family: FontAwesome;}
#content .entry-content nav.btn a:hover {
	background:#005a9a;
	color:#FFF;
	text-decoration:none;}

#content .entry-content nav.contactBtn {
	margin-top:15px;
	position:relative;
	text-align:center;}
#content .entry-content nav.contactBtn a {
	display:inline-block;
	font-weight:bold;
	background:#FFF;
	background:#ed9a16;
	border:2px solid #d1d1d1;
	border-radius:10px;
	color:#FFF;
	padding:7px;
	padding-left:30px;
	padding-right:30px;}
#content .entry-content nav.contactBtn a span {
	font-weight:normal;
	font-size:90%;}
#content .entry-content nav.contactBtn a:before {
	position:relative;
	top:1px;
	left:0;
	margin-right:10px;
	font-size:1.25em;
	font-weight:normal;
	content: '\f138';
	font-family: FontAwesome;}
#content .entry-content nav.contactBtn a:hover {
	background:#a46400;
	color:#E5E5E5;
	text-decoration:none;}

@media only screen and (max-width: 559px) {
	#content .entry-content .aligncenter{
		display: block;
		margin:0 auto 2em auto;}
	#content .entry-content .alignleft {
		width:auto;
		display: block;
		float:none;
		margin:0 auto 2em auto;}
	#content .entry-content .alignright {
		width:auto;
		display: block;
		float:none;
		margin:0 auto 2em auto;}
}




/*aboutus*/
.kanren-list{text-align:center;letter-spacing:-0.4em;margin:0 0 0 -30px;padding:0;}
.kanren-list li{display:inline-block;letter-spacing:normal;width:auto;margin:0 0 40px 30px;padding:0; vertical-align: top;list-style:none;}
















.sp{display:none;}

@media only screen and (max-width: 767px) {
	.sp{display:block;}
	.sp.c-red{color:#f00;font-size:12px;}
	.sp-table{width:100%; overflow-x:scroll;}
	.sp-table > table{width:960px!important;}
	.sp-table thead tr{display:table-row!important;}
	.sp-table table.ss-table tr td{display:table-cell!important;padding:5px 0!important;}
	.sp-table table.ss-table th{display:table-cell!important;}
	.sp-table table.ss-table tr td:first-child{background:rgba(0,0,0,0)!important;color:#222!important;}
	.sp-table table.ss-table tr td:first-child a{color:#222!important}
	.sp-table table.ss-table thead tr td{background:#8e8e8e!important;}
}






.serviceinquiry h6{
font-size: 22px;
border-bottom: solid 1px #b1b0a6;
text-align: center;
padding: 10px 0;
}
.serviceinquiry p.-text{
	padding: 10px 0;
	font-size: 0.9em;
	border-bottom: solid 1px #b1b0a6;
}
.serviceinquiry p.tyui{
	padding: 20px 0;
	font-size: 0.9em;
	border-bottom: solid 1px #b1b0a6;
	color: #e73242;
}

.serviceinquiry form span.hisu{
width: 50px;
font-size: 16px;
border: solid 1px #e73242;
color: #e73242;
display: inline-block;
text-align: center;
margin-right: 10px;
}

.serviceinquiry form dl{
	display: flex;
	padding: 20px 0;
	border-bottom: solid 1px #b1b0a6;
}

.serviceinquiry form dl dt{
width: 32%;
}



.serviceinquiry form dl dt.hisu-no{
	box-sizing: border-box;
	padding-left: 60px;
}


.serviceinquiry form dl dd{
	width: 70%;
	display: flex;
}



.serviceinquiry form dl dd input.name{
    width: 160px;
    display: block;
    margin: 0 20px 0 10px;
}


.serviceinquiry form dl dd input.yubin1{
    width: 80px;
    display: block;
    margin: 0 10px;
}

.serviceinquiry form dl dd input.yubin2{
    width: 160px;
    display: block;
    margin: 0 10px;
}

.serviceinquiry form div.privacy-box{
	border-bottom: solid 1px #b1b0a6;
}


.serviceinquiry form div.privacy-box div.privacy{
	overflow: scroll;
	background: #e2e2e2;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	height: 220px;

}


.serviceinquiry form div.privacy-box .privacy-text{
	font-size: 0.9em;
	padding-left: 60px;
	padding-top: 20px;
}




.serviceinquiry form div.privacy-box div.privacy h7{
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    display: block;
}
.serviceinquiry form div.privacy-box div.privacy h8{
    font-size: 1.1em;
    font-weight: bold;
    display: block;
}


.serviceinquiry form input[type="button"], .serviceinquiry form input[type="reset"], .serviceinquiry form input[type="submit"]{
	width: 250px;
    color: #fff;
    background: #86938d;
    margin: 0 auto;
    padding: 10px;
	text-align: center;
	border: none;	
}


.serviceinquiry form p.btn-wrap{
	text-align: center;
	margin-top: 20px;
}




.serviceinquiry form dl dd span.tel1{
	width: 20%;
	margin-right: 5px;
}

.serviceinquiry form dl dd span.tel2{
	width: 20%;
	margin-right: 5px;
	margin-left: 5px;
}

.serviceinquiry form dl dd span.tel3{
	width: 20%;
	margin-right: 5px;
	margin-left: 5px;
}




@media only screen and (max-width: 799px) {
	.serviceinquiry form dl{
		display: block;
	}
	.serviceinquiry form dl dd.yubin-box{
	display: flex;
	flex-wrap: wrap;
	}
	
	.serviceinquiry form dl dd input.name{
		width: 80%;
	}
	.serviceinquiry form dl dd.yubin-box span.yubin{
		width: 40%;
		margin: 0 5px;
	}
	.serviceinquiry form dl dd.yubin-box span.yubin input{
		width: 90%;
	}
	.serviceinquiry form dl dd input.yubin1{
		width: 10%;
	}
	.serviceinquiry form dl dd input.yubin2{
		width: 40%;
	}
	.serviceinquiry form dl dd.yubin-box span.text{
		display: block;
		width: 80%;
	}
	.serviceinquiry form div.privacy-box .privacy-text{
		padding-left: 0;
	}
	.serviceinquiry form dl dd input{
		width: 80%;
	}
	.serviceinquiry form dl dd span{
		display: block;
	}

	.serviceinquiry form dl dd span.contact-houhou{
		display: flex;
	}
	.serviceinquiry form dl dd textarea{
		width: 80%;
	}
	.serviceinquiry form dl dd{
		display: block;
		margin-top: 20px;
	}
	.serviceinquiry form dl dt.hisu-no{
		padding-left: 0;
	}
	.serviceinquiry form dl dt{
		width: 100%;
	}

	.serviceinquiry form dl dd.tel-box{
		display: flex;

		}

}









.serviceDetail div.inquiry-bnr{
	margin: 60px 0;
	text-align: center;
}
@media only screen and (max-width: 799px) {
	.serviceDetail div.inquiry-bnr{
margin: 30px 0;
text-align: center;
	}
	
}