@charset "utf-8";
/*
Theme Name: BizVektor
Theme URI: http://bizvektor.com
Description: BizVektor theme will allow you to build a high-quality web site. It is possible to change the color, to switch to a completely different design. In addition, it is also possible to increase the number of designs by plug-ins.
Author: Vektor,Inc.
Author URI: http://www.vektor-inc.co.jp
Version: 1.8.13

Tags: white, red, blue, black, green, orange, purple, two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style,theme-options
Text Domain: biz-vektor
License: GNU General Public License
License URI: license.txt


BizVektor WordPress theme, Copyright (C) 2014 Vektor,Inc.
BizVektor WordPress theme is licensed under the GPL.
*/

.sticky {}
.bypostauthor {}


/*-------------------------------------------*/
/*	トップページ新着情報更新 180329
/*-------------------------------------------*/
#infoListBoxWrap {
	width: 100%;
	display: flex;
	flex-direction: row;
	-webkit-justify-content: flex-start; /* Safari用 */
	justify-content: flex-start;
	-webkit-align-content: flex-start; /* Safari用 */
	align-content: flex-start;
	flex-wrap: wrap;
}
#infoListBoxWrap .infoListBox {
	display: block;
	width: calc(100% / 3 - 3%);
	margin: 0 1.5%;
}
#infoListBoxWrap .infoListBox div.entryTxtBox {
	float: none;
}
#infoListBoxWrap .infoListBox div.thumbImage {
	float: none;
	padding-bottom: 10px;
	text-align: center;
}
#infoListBoxWrap .infoListBox div.thumbImage div.thumbImageInner img {
	width: 94%;
	height: auto;
}
#infoListBoxWrap .infoListBox div.thumbImage div.thumbImageInner a:hover img {
	opacity: 0.8;
}
@media (max-width: 660px) {
	#infoListBoxWrap .infoListBox {
		width: 100%;
		display: block;
		padding-right: 0;
	}
	#infoListBoxWrap .infoListBox div.entryTxtBox {
		float: right;
		width: 76%;
	}
	#infoListBoxWrap .infoListBox div.thumbImage {
		float: left;
		width: 20%;
		padding-bottom: 10px;
	}
}
/* --------------------------- */


/*-------------------------------------------*/
/*	業務実績更新 180329
/*-------------------------------------------*/
#resultBoxWrap {
	width: 100%;
	display: flex;
	flex-direction: row;
	-webkit-justify-content: flex-start; /* Safari用 */
	justify-content: flex-start;
	-webkit-align-content: flex-start; /* Safari用 */
	align-content: flex-start;
	flex-wrap: wrap;
}
#resultBoxWrap .resultBox {
	display: block;
	width: calc(100% / 3 - 2.5%);
	margin: 0 1% 10px;
	border: #eee 1px solid;
}
#resultBoxWrap .resultBox.wide {
	width: 100%;
}
#resultBoxWrap .resultBox h3 {
	margin: 0;
	padding: 5px;
	background-color: #f5f5f5;
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; /* Opera9,10対応 */
}


#resultBoxWrap .resultBox{
	position: relative;
	overflow: hidden;
	text-align: center;
}
#resultBoxWrap .resultBox > p{
	margin: 0;
}
#resultBoxWrap .resultBox img{
	width: 100%;
	height: auto;
}
#resultBoxWrap .resultBox .caption{
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	width: 100%;
	height: calc(100% - 22px);
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-transition: top 0.3s ease;
	        transition: top 0.3s ease;
}
#resultBoxWrap .resultBox:hover .caption{
	top: 22px;
}
#resultBoxWrap .resultBox .caption p{
	line-height: 1.3;
	margin-bottom: 0.5em;
}

#resultBoxWrap table {
	width: 100%;
}
@media (max-width: 660px){
	#resultBoxWrap .resultBox {
		width: calc(100% / 2 - 2.5%);
	}
}
@media (max-width: 480px){
	#resultBoxWrap .resultBox {
		width: 100%;
	}
	#resultBoxWrap table th,
	#resultBoxWrap table td{
		display: block;
		width: 100%;
	}
}

.caption >div{
	position: absolute;
	width: 80%;
	top: 50%;
	left: 50%;
	color: #ffffff;
	text-align: center;
	-webkit-transform: translateX(-50%) translateY(-50%);
	    -ms-transform: translateX(-50%) translateY(-50%);
	        transform: translateX(-50%) translateY(-50%);}
.caption a{
	display: block;
	max-width: 120px;
	margin: 0 auto;
	padding: 0.5em;
	border: 1px solid #ffffff;
	color: #ffffff;
	text-decoration: none;
	-webkit-transition: all 1s ease;
	        transition: all 1s ease;
}
.caption a:hover{
	background-color: rgba(255, 255, 255, 0.5);
}
/* --------------------------- */




/*-------------------------------------------*/
/*	執筆・監修更新 180904
/*-------------------------------------------*/
.bookblock {
	display: flex;
	flex-wrap: wrap;
}
.bookblock div {
	width: 120px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 85.7%;
	line-height: 135.7%;
}
.bookblock div img {
	float: none;
}
/* --------------------------- */



/*-------------------------------------------*/
/*	TOP/ヘッダ/フッター更新 180904
/*-------------------------------------------*/
body,
#gMenu .menu li a strong,
h1, h2, h3, h4, h4, h5, h6, #header #site-title, #pageTitBnr #pageTitInner #pageTit, #content .leadTxt, #sideTower .localHead,
#siteBottom {
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color: #333;
}

/* ----- ヘッダ ----- */
#pageTitBnr #pageTitInner #pageTit {
	color: #fff;
	font-weight: bold;
}
@media (min-width: 1220px) {
	#header .innerBox {
		width: 1200px;
	}
	#gMenu {
		float: left;
		clear: none;
		width: 100%;
		padding-left: 0;
		margin: 0 auto;
	}
	#gMenu #gMenuInner.innerBox {
		width: 1200px;
	}
	.innerBox, #panList .innerBox, #footMenu .innerBox, #footer .innerBox, #topMainBnrFrame, #pageTitBnr .innerBox, 	#topMainBnrFrame {
		width: 1200px;
	}
	#main #container .content {
		width: 910px;
	}
}

#headerTop #site-description,
#headContact { display: none;}
@media (min-width: 970px) {
	#headContact {
		display: block;
		position: absolute;
		top: 2px;
		right: 20px;
	}
	#headContact a:hover {
		opacity: 0.8;
	}
	#header .innerBox #site-title {
		width: 100%;
		text-align: center;
	}
	#header .innerBox #site-title img { max-height: 150px;}
}
@media (max-width: 969px) {
	#header .innerBox #site-title {
		width: 90%;
		background: url(http://www.mottibenton.co.jp/wp-content/uploads/2016/09/MottiBenton_W1.png) left center no-repeat;
		background-size: contain;
	}
	#header .innerBox #site-title img {
		width: auto;
		height: 70px;
		opacity: 0;
	}
}

#gMenu .menu li { font-size: 16px;}
.headMainMenu { text-align: center;}
.headMainMenu li { display: inline-block; border: none; float: none;}
.headMainMenu .menu li > a,
.headMainMenu .menu > li:first-child a { border: none;}
.headMainMenu .menu li > a { padding: 13px 16px 11px; border: none;}
.headMainMenu li a strong { color: #333;}
.headMainMenu li a:hover { opacity: 0.8;}
.headMainMenu li.current_page_item a strong { color: #008945 !important; font-weight: bold !important;}
#menu-item-565 {
	display: none;
}
@media (min-width: 970px) {
	#gMenu { padding-left: 0; }
	#gMenu .assistive-text {
		display: none;
	}
}
@media (max-width: 969px) {
	#gMenu .assistive-text {
		border: none;
		border-left: #ccc 1px solid;
		background-color: #fff;
		box-shadow: none;
		position: absolute;
		width: 90px;
		height: 90px;
		line-height: 90px;
		top: -90px;
		right: 0;
	}
	.itemOpen #gMenu .assistive-text {
		background-color: #008945;
		color: #fff;
	}
	#header .assistive-text span::before,
	#header.itemClose .assistive-text span::before,
	#header.itemOpen .assistive-text span::before {
		font-size: 55px;
		line-height: 90px;
	}
	#header.itemOpen .headMainMenu .menu {
		border: none;
		background-color: #008945;
		padding: 10px 0;
	}
	#gMenu .headMainMenu ul li {
		background-color: #008945;
		box-shadow: none;
		text-align: center;
		color: #fff;
	}
  #gMenu .headMainMenu ul li a:after { display:none;}
	.headMainMenu li a {
		padding: 10px;
		text-align: center;
	}
	#gMenu .menu li a strong {
		color: #fff !important;
	}
	#menu-item-565 {
		display: block;
	}
}

.contactBtn {
	text-align: center;
	padding-bottom: 60px;
}
.contactBtn a {
	display: inline-block;
	background-color: #008945;
	border-radius: 35px;
	padding: 10px 30px;
}
.contactBtn a:hover {
	opacity: 0.8;
}


/* ----- フッター ----- */
#footer {
	background-color: #fff;
}
#footer * {
	box-sizing: border-box;
}
#footerSection {
	border-top: #008945 2px solid;
}
#footer #footerInner {
	background: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/site_mark.png) left 20px center no-repeat;
	padding: 20px 20px 20px 150px;
}
#footer .innerBox {
	padding: 0;
	max-width: 1200px;
}
#footMenu,
#siteBottom {
	border: none;
	background-color: #fff;
}
#footer #footMenuInner {
	width: auto;
	max-width: 1000px;
}
#siteBottom #siteBottomInner.innerBox #copy {
	font-size: 12px;
	text-align: left;
	padding-top: 5px;
}
#footMenu .menu li {
    font-size: 14px;
}
@media (min-width: 1220px) {
	#siteBottom {
		padding-left: 24px;
	}
}
@media (min-width:660px) and ( max-width:1220px) {
	#siteBottom {
		padding-left: 10px;
	}
}
#footMenu .innerBox .menu li a { background: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/footer_arrow_gr.png) 10px 50% no-repeat; padding: 8px 15px 8px 18px; }
#footMenu .innerBox .menu li a:hover { background-image: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/footer_arrow_gr.png); }
@media (max-width: 769px) {
	#footer #footerInner {
		background: none;
		padding: 0 0 20px;
	}
	#footMenu .menu {
		display: block;
		padding: 0;
		padding-bottom: 80px;
		font-size: 0;
		line-height: 1;
		background: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/site_mark.png) center bottom 10px no-repeat;
		background-size: 60px 60px;
	}
	#footer .innerBox {
		padding-top: 0;
	}
	#footMenu .menu li {
		display: inline-block;
		width: 50%;
		border-right: #e5e5e5 1px solid;
	}
	#footMenu .innerBox .menu li:last-child {
		border-bottom: #e5e5e5 1px solid;
	}
	#footMenu .innerBox .menu li a {
		background: none !important;
		padding: 5%;
	}
	#siteBottom #siteBottomInner.innerBox #copy {
		text-align: center;
		padding: 0 5%;
	}
}



/* ----- 共通 ----- */
.home #main {
	border: none;
	min-width: 320px;
}
.home #main .innerBox {
	width: 100%;
}
@media (max-width: 970px) {
	.home #main #container,
	.home #main .innerBox {
		padding: 0;
		/*width: 90%;
		margin: 0px auto;*/
	}
}

.flexslider {
	background: none;
}
#topMainBnr {
	background: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/bg_topmain.jpg) center top no-repeat #fefdf0;
	background-size: auto 100%;
	border: none;
}
#topMainBnrFrame ul.slides {
	border: none;
}
#topMainBnrFrame ul.slides li {
	text-align: center;
	line-height: 1;
}
#topMainBnrFrame ul.slides li span {
	display: inline-block;
	margin: 0 auto;
}
#topMainBnr img {
	width: 100% !important;
	max-width: 740px !important;
}

/* ------ TopService ----- */
#widget-page-212 > h2 {
	display: none;
}
#topService section {
	width:100%;
}
#topService section#service01 {
	background: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/bg_top_sec_line1.png) center bottom repeat-x;
}
#topService section#service02 {
	background: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/bg_top_sec_line2.png) center bottom repeat-x;
}
#topService section .serviceInner {
	width:100%;
	max-width: 1200px;
	padding-top: 60px;
	padding-bottom: 120px;
	margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#topService section#service02 .serviceInner {
	flex-direction: row-reverse;
}
#topService section#service01 .serviceInner {
	background: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/bg_top_sec1.png) no-repeat;
	background-position: 48% 0%;
}
#topService section#service02 .serviceInner {
	background: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/bg_top_sec2.png) no-repeat;
	background-position: 30% 100%;
}
#topService section#service03 .serviceInner {
	background: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/bg_top_sec3.png) no-repeat;
	background-position: 58% 10%;
	padding-bottom: 60px;
}
#topService section .serviceInner div {
	width: 55%;
}
#topService section .serviceInner .img {
	width: 38%;
}
#topService section .serviceInner .img img {
	width: 100%;
	height: auto;
}
#topService h1 {
	font-size: 128.5%;
	font-weight: normal;
	line-height: 34px;
	margin-bottom: 1em;
}
#topService h1 span {
	display: inline-block;
	position: relative;
	font-size: 80%;
	padding: 0 1em;
	margin: 0 24px 0 14px;
}
#topService h1 span::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17px 14px 17px 0;
	border-color: transparent #fce78a transparent transparent;
	position: absolute;
	top: 0;
	right: 100%;
}
#topService h1 span::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17px 0 17px 14px;
	border-color: transparent transparent transparent #fce78a;
	position: absolute;
	top: 0;
	left: 100%;
}
#topService #service01 h1 span {
	background-color: #fce78a;
}
#topService #service01 h1 span::before {
	border-color: transparent #fce78a transparent transparent;
}
#topService #service01 h1 span::after {
	border-color: transparent transparent transparent #fce78a;
}
#topService #service02 h1 span {
	background-color: #f4cdb7;
}
#topService #service02 h1 span::before {
	border-color: transparent #f4cdb7 transparent transparent;
}
#topService #service02 h1 span::after {
	border-color: transparent transparent transparent #f4cdb7;
}
#topService #service03 h1 span {
	background-color: #e3eb96;
}
#topService #service03 h1 span::before {
	border-color: transparent #e3eb96 transparent transparent;
}
#topService #service03 h1 span::after {
	border-color: transparent transparent transparent #e3eb96;
}
#topService h2 {
	border: none;
	color: #333;
	font-weight: normal;
	font-size: 228.5%;
	background: none;
	padding: 0;
	margin: 0 0 1em;
}
#topService p {
	font-size: 114.2%;
}
@media (max-width: 969px) {
	#topService section {
	}
	#topService section#service01,
	#topService section#service02 {
		background-size: auto 24px;
	}
	#topService section .serviceInner div {
		width: 90% !important;
		margin: 0 auto;
	}
	#topService section .serviceInner div .pc {
		display: none;
	}
	#topService section#service01 .serviceInner,
	#topService section#service02 .serviceInner,
	#topService section#service03 .serviceInner {
		background-position: top -20px right -20px;
		background-size: 40% auto;
	}
}

/* ----- topBlog/topInfo ----- */
.content #topBlog {
	background: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/bg_top_sec_work.png) center center no-repeat;
	background-size: cover;
	padding: 30px 5% 50px;
	margin: 0 0 60px;
}
.content #topBlog a,
.content #topInfo a {
	color: #3a7ae4;
	text-decoration: none;
}
.content #topBlog a:hover,
.content #topInfo a:hover {
	color: #3a7ae4;
	text-decoration: underline;
}
.content #topBlog h2 {
	max-width: 1200px;
	margin: 0 auto 20px;
	text-align: center;
	border: none;
	background: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/top_worktitle.png) center center no-repeat;
	background-size: contain;
	height: 90px;
	text-indent: -9999px;
}
.content #topBlog .moreBtn {
	max-width: 1200px;
	text-align: right;
	position: relative;
	margin: -60px auto 15px;
	padding-right: 30px;
}
.content #topBlog .moreBtn a,
.content #topInfo .moreBtn a {
	background: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/link_arrow.png) left center no-repeat;
	padding-left: 25px;
	font-size:larger;
	font-weight:bold;
}
#infoListBoxWrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
-webkit-justify-content: space-between; /* Safari用 */
	justify-content: space-between;
}
#infoListBoxWrap .infoListBox {
	display: block;
	width: calc(100% / 4 - 4%);
	margin: 0;
}
#infoListBoxWrap .infoListBox div.thumbImage div.thumbImageInner {
	border: #e3eb96 5px solid;
}
#infoListBoxWrap .infoListBox div.thumbImage div.thumbImageInner img {
	width: 100%;
	height: auto;
}
.content .infoList ul li,
.content .infoList .infoListBox,
.content .infoList .infoListBox div.entryTxtBox h4.entryTitle {
	border: none;
}
.content .infoList .infoListBox div.entryTxtBox p.entryMeta {
	font-size: 114.2%;
}
#infoListBoxWrap .infoListBox .infoCate,
#infoListBoxWrap .infoListBox .moreLink,
#topInfo .infoListBox .moreLink,
#topInfo .moreLink.right {
	display: none;
}

@media (max-width: 660px) {
	.content #topBlog h2 {
		height: 70px;
	}
	#infoListBoxWrap .infoListBox {
		width: 100%;
		display: block;
		padding-right: 0;
	}
	#infoListBoxWrap .infoListBox div.entryTxtBox {
		float: right;
		width: 50%;
	}
	#infoListBoxWrap .infoListBox div.thumbImage {
		float: left;
		width: 46%;
		padding-bottom: 10px;
	}
}

.content #topInfo h2 {
	max-width: 1200px;
	background: url(http://www.mottibenton.co.jp/wp-content/uploads/2018/09/bg_top_sec_lecture.png) left bottom no-repeat;
	padding-bottom: 25px;
	margin: 0 auto 30px;
	border: none;
	font-size: 150%;
	color: #333;
}
.content #topInfo .moreBtn {
	max-width: 1200px;
	text-align: right;
	position: relative;
	margin: -75px auto 40px;
margin: 0 auto 40px;
display: none;
}
@media (max-width: 660px) {
	.content #topBlog .moreBtn,
	.content #topInfo .moreBtn {
		/*margin-top: -10px;
		margin-bottom: 5px;*/
		margin: 0;
		position: absolute;
		bottom: 3%;
		right: 0;
	}
	.content #topInfo.infoList {
		padding-bottom: 60px;
	}
}
#topInfo .infoListBox {
    padding: 12px 0 0;
    border-bottom: none;
}
#topInfo .entryList li {
	width:100%;
	max-width: 1200px;
	margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
	/*flex-direction: row-reverse;
	justify-content: flex-end;*/
	font-size: 114.2%;
}
#topInfo .entryList li span {
	display: block;
}
#topInfo .entryList li .infoDate {
	color: #333;
	width: 8em;
}
#topInfo .entryList .infoCate {
	display: none;
}
@media (max-width: 660px) {
	#topInfo .entryList li .infoDate {
		width: 100%;
	}
}


#topInfoBnnerWrap {
	width:100%;
	max-width: 1200px;
	margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#topInfo {
	width: 70%;
}
#topBnner {
	width: 25%;
}
#topBnner ul,
#topBnner ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#topBnner ul li + li {
	margin-top: 17px;
}
#topBnner ul li img {
	width: 100%;
	height: auto;
}
#topBnner a:hover {
	opacity: 0.8;
}
@media screen and (min-width:660px) and ( max-width:1220px) {
	#topInfoBnnerWrap {
		width: 90%;
		margin: 0px auto;
	}
}
@media (max-width: 660px) {
	#topInfo {
		width: 90%;
		margin: 0 auto;
	}
	#topBnner {
		width: 90%;
		margin: 0 auto;
	}
}
/* --------------------------- */


/*-------------------------------------------*/
/*	全体のバナーAFD隠す/FBバナー追加 更新 200218
/*-------------------------------------------*/
#topBnner ul li:nth-child(2) {
	display: none;
}
#snsBnr{
	max-width:1200px;
	margin:0 auto;
	list-style: none;
}
#snsBnr li {
	list-style: none;
}