@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700;900&display=swap');

img.hoverlink:hover { opacity:0.7; }

#header .innerBox #site-title img {
    max-height: 73px;
	margin-top: -18px;
}
#headerTop #site-description{ text-align: right; color: #fff;}
#header { box-shadow: none;}

#wrap .mb30{ margin-bottom:30px;}
#wrap .mb40{ margin-bottom:40px;}
#wrap .mb50{ margin-bottom:50px;}
#wrap .mb60{ margin-bottom:60px;}
#wrap .mb80{ margin-bottom:80px;}

body { color: #222; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
#header{ z-index: 99;}
div#footerSection {
    background: url(/wp-content/uploads/2022/09/mhft_bg.jpg) no-repeat #034796;
}
#footMenu{
	display:none;
}
#footer{ background-color: rgba(0,0,0,0);}
#siteBottom{ background-color: rgba(0,0,0,0); border-top:none;}
#gMenu{}
#gMenu .assistive-text{
	background:#0a1569 !important;
	color: #fff !important;
    border-color: #0a1569 !important;
}
#gMenu .assistive-text span:before{
	font-size: 35px !important;
	line-height: 30px !important;
}
.headMainMenu .menu li > a{
	padding: 18px 12px 4px 12px;
    font-size: 98%;
}
#gMenu .headMainMenu ul li a:after{ margin: -18px 0 14px 0;}
#topMainBnr{ top: 94px;}

.innerBox{ width: 100%;}
.blog .innerBox,
.category .innerBox,
.single .innerBox,
.archive .innerBox{ width: 1024px;}
#main #container .content.wide{ width: 1024px;}
#main #container .content{ padding-bottom:0;}

/*clear*/
.clear{clear:both;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

#header #headerInner{ border-bottom-color: rgba(255, 255, 255, 0); padding-top:0;}
	
/* トップページ */
#header.opacyHeader{
	background-color: #fff;
	opacity: 0.8;
}

.widget_recent_entries{ text-align:center;}
.content .infoList .rssBtn{ display: none;}
.infoCate{ display: none;}
.content .infoList ul li .infoDate:before{ content: " ";}
.content #topInfo, .content #topBlog{
	background-color: #f3f8ff;
	text-align: center;
	margin: -40px 0 0 0;
}
.content .infoList ul li{ text-align: left;}
.topcttext{
	width: 1024px;
	text-align: center;
	margin: 0 auto 30px;
	font-size: 220%;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-weight:400;
    letter-spacing: 1px;
    padding: 2px 0 15px 0;
    border-bottom: none;
    color: #333333;
}

/*ボタンデザイン*/
.tp_btn1{
	width: 65%;
	margin: 0 auto 50px;
}
.tp_btn1 a {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 20px 30px;
	margin-left: -5%;
	text-align: center;
	text-decoration: none;
	transition: .3s;
	align-items: center;
	color: #0a479a;
	border: 2px solid #0a479a;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size: 150%;
	font-weight: 500;
}

.tp_btn1 a::after {
	content: '';
	position: absolute;
	top: 40%;
    right: 3%;
	width: 8px;
	height: 8px;
	border-top: 3px solid #0a479a;
	border-right: 3px solid #0a479a;
	transform: rotate(45deg);
}

.tp_btn1 a:hover {
  color: #fff;
  text-decoration: none;
}

.tp_btn1 a:hover::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.tp_btn1 a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #001635;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.tp_btn1 a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}

.tp_btn2{
	width: 65%;
	margin: 0 auto 50px;
}
.tp_btn2 a {
	position: relative;
    display: inline-block;
    width: 100%;
    padding: 40px 30px;
    margin-left: -5%;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    align-items: center;
    color: #0a479a;
    border: 2px solid #0a479a;
    font-family: 'Sawarabi Mincho', sans-serif;
    font-size: 160%;
    font-weight: 500;
	background: #fff;
}

.tp_btn2 a::after {
    content: '';
    position: absolute;
    top: 40%;
    right: 3%;
    width: 8px;
    height: 8px;
    border-top: 3px solid #0a479a;
    border-right: 3px solid #0a479a;
    transform: rotate(45deg);
}

.tp_btn2 a:hover {
  color: #000631;
  text-decoration: none;
}

.tp_btn1 a:hover::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.tp_btn2 a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: #001635;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s;
}
.tp_btn2 a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
/*ボタンここまで*/

#fatalink,#fatalink2{ 
	width: 100%;
	background-color: #f3f8ff;
	padding: 50px 0 20px 0;
}
#fatalink .tp_inner,
#fatalink2 .tp_inner{
	width: 1024px;
	margin: 0 auto 100px;
}
#fatalink .tp_inner div,
#fatalink2 .tp_inner div{
	display: inline-block;
	width: 49.7%;
	/*background-color: #ccdcf8;*/
}
#fatalink.bgnone,#fatalink2.bgnone{ background-color:  rgba(0,0,0,0);}

#footer .innerBox{ padding-top: 60px;}
#footer dl#footerOutline{ float:none; width:60%;}
#footerSiteMap{ 
	width: 100%;
	padding: 50px 0 40px 0;
	text-align: center;
}
#footer dl#footerOutline dt img{max-width: 360px;}
#footer dl#footerOutline dd{font-size: 100%;}
#footerSiteMap .menu{ font-size: 150%;}
#footerSiteMap .menu li a:before{ padding-right: 10px;}

@media screen and (max-width: 970px) { #topMainBnr{ top: 70px;} }

@media screen and (max-width: 970px) { #fatalink .tp_inner div{width: 49%;} }
#fatalink .tp_inner div:nth-child(2),
#fatalink2 .tp_inner div:nth-child(2){ text-align: right;}
/*#fatalink div a{
	display: block;
	position: relative;
	top: 30px;
	left: 80px;
	background-color: #fff;
}*/

.content h2{
	text-align:center;
	padding: 80px 0 0 0;
	margin: 40px auto 40px;
	border-bottom: none;
}

.content #topInfo h2,.content #topBlog h2{
	width: 400px;
	height: 95px;
	background: url(/wp-content/uploads/2022/09/h2_property.png) 0 100px no-repeat;
	text-align:center;
	padding: 120px 0 0 0;
	margin: 40px auto 30px;
	border-bottom: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.content h2:after, .content h1.contentTitle:after, .content h1.entryPostTitle:after, .content .sideWidget h4:after{ border-bottom: none;}

#recent-posts-2.widget_recent_entries{ margin-bottom:80px;}
.home .content #topInfo h2, .content #topBlog h2{ margin-bottom:30px;}
.home .content .infoList ul{
	width: 1024px;
	padding: 0;
	margin: 0 auto;
}
.home .content .infoList ul li{ 
	list-style: none;
	text-align: left;
	padding: 20px 0;
	border-bottom: 1px dotted #ccc;
}
.home .content .infoList ul li a{
	color: #444;
	font-size: 120%;
}
.home .content .infoList ul li a:hover{ color: #004381;}
.home .content .infoList .infoDate{ font-size: 90%; padding: 0 20px;}
.home .content .infoList ul li .infoTxt{ font-size: 85%; padding: 0 20px;}

.content #topBlog .topBlog_inner{
	width: 780px;
	padding: 0;
	margin: 0 auto;
}
.home .content .infoListBox{
	display: inline-block;
	width:45%;
	list-style: none;
	text-align: left;
	padding: 20px 0;
	border-bottom: 1px dotted #ccc;
}
.content .topBlog_inner div.ttBox:nth-child(even){ margin-left:20px;}
.home .content .infoListBox a{
	color: #444;
	font-size: 105%;
}
.content .infoList .infoListBox div.thumbImage{text-align:center;}
.content .infoList .infoListBox div.thumbImage div.thumbImageInner img{ width: 90%; margin-bottom: 10px;}
.content .infoList .infoListBox div.entryTxtBox.haveThumbnail{ float:none; text-align:center;}
.content .infoList .infoListBox div.thumbImage{ float:none;}

.content .infoList .infoListBox h4{ box-shadow:none;}
.home .content .infoListBox a:hover{ color: #004381;}
.home .content .infoListBox .entryMeta{ display:none;}
.home .content .infoListBox p{ display:none;}
.home .content .infoListBox .moreLink{ display:none;}


.content #about{
	background: #e0f3ff;
}
.content #about h2{ padding: 80px 0 0 0;}
.content #about .tp_inner{ 
	position: relative;
    width: 1600px;
    margin: -120px auto 0;
    z-index: 1;
	background: linear-gradient(rgba(255,255,255,0.5) 0, #fff 5%);
}
.content #about .about_txt{
	width: 980px;
	margin: 0 auto;
	padding-bottom:50px;
	text-align: left;
	font-size:130%;
	letter-spacing:1px;
}
.content .about_udimg{
	text-align: center;
	background: #e0f3ff;
}
@media screen and (max-width: 1600px) { /* 1600pxまでの画面に対応 */
.content #about .tp_inner{ width: 100%;}
}

#services{}
.content #services{
	background: #f5f5f5;
}
.content #services h2{ padding: 80px 0 0 0;}
.content #services .tp_inner{ 
	width: 1024px;
    margin: 0 auto;
}
.content #services .srv_box{
	display: inline-block;
	width: 47%;
	margin: 0 0 3% 0;
	text-align: left;
	font-size:130%;
	letter-spacing:1px;
	border-bottom: dotted 2px #00072c;
	vertical-align: top;
}
.content #services .srv_box2{
	display: inline-block;
	width: 47%;
	margin: 0 0 3% 4%;
	text-align: left;
	font-size:130%;
	letter-spacing:1px;
	border-bottom: dotted 2px #00072c;
	vertical-align: top;
}
.content #services .srv_box h3,
.content #services .srv_box2 h3{
	text-align: left;
	margin: 0 auto;
	font-size: 138%;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-weight:400;
    letter-spacing: 1px;
    padding: 2px 0 15px 0;
    color: #00072c;
}
.content #services .srv_box p,
.content #services .srv_box2 p{font-size: 90%; min-height:130px;}
.content .serv_udimg{
	text-align: center;
	margin-top:50px;
}

.content #company{}
.content #company h2{ padding: 80px 0 0 0;}
.content #company .tp_inner{ 
	width: 1024px;
	margin: 0 auto;
}
table.company_table {
    border: solid 1px #ddd;
	border-collapse: collapse;
}
table.company_table th {
    width: 20%;
    font-weight: bold;
    font-size: 135%;
    background-color: #f1faff;
    padding: 25px 30px;
    line-height: 1.6;
	border: solid 1px #ddd;
	border-collapse: collapse;
}
table.company_table td {
    font-size: 135%;
    padding: 25px 30px;
    line-height: 1.6;
	border: solid 1px #ddd;
	border-collapse: collapse;
}

#contactus{	background: #f5f5f5; padding-bottom:80px;}
#contactus .tp_inner{ 
	width: 1024px;
	margin: 0 auto;
}

.content #topPr{ margin-bottom: 0;}
#contactus .tp_inner div{ text-align:center; margin: 0 auto; padding: 30px 0 60px 0;}
#contactus .tp_inner p{
	text-align:center;
	font-family: 'Sawarabi Mincho', serif;
	font-size: 170%;
	line-height: 150%;
	letter-spacing: 2px;
	font-weight: 500;
	margin: 0 auto 60px;	
}

@media screen and (max-width: 660px) { /* 660pxまでの画面に対応 */
	
.content .topPr .prImage{
	width: 180px;
	}
.content .topPr .topPrTxtBox{
	border-bottom: none;
	}
.content h2, .content h1.contentTitle, .content h1.entryPostTitle, .content .sideWidget h4{
	position: relative;
	font-size: 150%;
	font-weight: lighter;
	}
h2:before {
	top: 40px;
	}
	
}

.page-id-7 #header,
.page-id-9 #header,
.page-id-13 #header,
.page-id-23 #header,
.page-id-15 #header,
.page-id-37 #header,
.page-id-39 #header,
.page-id-3 #header,
.page-id-25 #header,
.single-post #header,
.blog #header,
.category #header{ background-color: #fff;}

/* 三井ハウジングについて */

#pageTitBnr{ 
	padding: 110px 0 80px;
	position: relative;
    top: 90px;
	background-color: #ccc;
	background-position: center bottom;
	background-size: cover;
}

#panList{ padding: 90px 0 0 0;}
@media screen and (max-width: 970px) { 
	#pageTitBnr{ top: 50px;}
	#panList{ padding: 50px 0 0 0;}
}
#pageTitBnr #pageTitInner h1#pageTit{
	font-family: 'Sawarabi Mincho', serif ;
	font-size: 220%;
	line-height: 150%;
	letter-spacing: 2px;
	font-weight: lighter;
	margin: 0;
	color: #fff;
	text-shadow: 0 0 3px #ccc ,
		-1px 1px 3px #ccc ,
		1px -1px 3px #ccc ,
		-1px -1px 3px #ccc;
}
.page .content .entry-content { text-align: center;}
.content .entry-content h2{ font-size:200%;}
.content .entry-content h2:before{ top: 48px;}
.content .entry-content h3{
	font-family: 'Sawarabi Mincho', serif;
	display: inline-block;
	text-align: left;
	letter-spacing: 2px;
	margin: 0 auto 5px;
	border-bottom: none;
	font-size:160%;
}
.aboutwrap1{
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	align-content: flex-start;
	width: 100%;
	margin-bottom: 0;
}
.aboutbox1{ flex: 0 0 32%; padding-right:1.8%; margin-bottom: 30px;}
.aboutbox1:nth-child(3){ padding-right:0;}
.content .aboutbox1 img{ margin-bottom: 5px;}
.content .aboutbox1 p.fbox_p1{
	background-color: #f6f6f6;
	text-align: left;
	padding: 10px 10px 15px 10px;
	margin-bottom:2px;
}
.aboutwp1{ 
	text-align: left;
	background-color: #f6f6f6;
	padding: 30px;
	margin-bottom: 80px;
}

.accessmap{ background-color: #e8e8e8; padding: 30px; margin-bottom:80px;}
.accessmap iframe{ width:100%; height: 500px;}
.access_txt{ font-size:135%; text-align:center;}

/* お問い合わせ */
.page-id-15 #pageTitBnr,
.page-id-37 #pageTitBnr,
.page-id-39 #pageTitBnr{ background-image: url(/wp-content/uploads/2022/09/contact_titbg.jpg);}
.contwrap1{
	padding: 30px 20px 20px;
	background-color: #f6f6f6;
	margin-bottom: 80px;
}
p.cotel, p.cofax{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:220%;
	font-weight: 900;
	line-height: 1;
	color: #000033;
	margin-bottom: 10px;
}
.contwrap1 p{ margin-bottom: 10px;}
.mw_wp_form{ text-align: left;}
.chissu{ color: #ff0000;}
.content form table.table_contact{
	margin-top: 5px;
	border: solid 1px #e9e9e9;
}
.content form table.table_contact th{ font-weight:bold; font-size: 120%;}
.content form table.table_contact th{ font-size: 120%;}

form input[type=text], form input[type=email], form input[type=password], form input[type=date], form select, form textarea{ font-size: 120%;}

/*その他*/
.page-id-3 #pageTitBnr, .page-id-25 #pageTitBnr{ background-image: url(/wp-content/uploads/2021/08/other_titbg.jpg);}
.single-info #pageTitBnr,
.archive #pageTitBnr{ background-image: url(/wp-content/uploads/2021/08/other_titbg.jpg);}
#pageTitBnr #pageTitInner #pageTit {
    font-family: 'Sawarabi Mincho', serif;
    font-size: 220%;
    line-height: 150%;
    letter-spacing: 2px;
    font-weight: lighter;
    margin: 0;
    color: #fff;
	text-shadow: 0 0 3px #ccc , -1px 1px 3px #ccc , 1px -1px 3px #ccc , -1px -1px 3px #ccc;
}
.pripol{ text-align: left;}
.content h1.entryPostTitle, .content h1.contentTitle{ text-align: left; color: #001d5f;}

.blog #pageTitBnr,
.single-post #pageTitBnr,
.category #pageTitBnr{ background-image: url(/wp-content/uploads/2021/08/other_titbg.jpg);}

/*施工実績*/
.blog .content .infoList .infoListBox,
.category .content .infoList .infoListBox{ 
	position: static;
	width: 50%;
	overflow: visible;
}
.blog .content .infoList .infoListBox div.thumbImage,
.category .content .infoList .infoListBox div.thumbImage{	float: none; text-align: center;}
.blog .content .infoList .infoListBox div.thumbImage div.thumbImageInner img,
.category .content .infoList .infoListBox div.thumbImage div.thumbImageInner img{ width: 92%; margin-bottom: 5px;}
.blog .content .infoList .infoListBox div.entryTxtBox,
.category .content .infoList .infoListBox div.entryTxtBox{ 
	width: 100%;
	overflow: visible;
}
.blog .content .infoList .infoListBox div.entryTxtBox.haveThumbnail,
.category .content .infoList .infoListBox div.entryTxtBox.haveThumbnail{
	float: none;
	width: 100%;
	text-align: center;
}
.blog .content .infoList,
.category .content .infoList{
	display: flex;
	flex-wrap:wrap;
    justify-content: space-between;
}
.single-post .content p{ font-size: 120%; color: #555;}
.single-info .content p{ font-size: 120%; color: #555;}
.content .infoList .infoListBox div.entryTxtBox h4.entryTitle{ font-size: 105%;}

h1,h2,h3,h4,h4,h5,h6,#header #site-title,#pageTitBnr #pageTitInner #pageTit,#content .leadTxt,#sideTower .localHead{ font-family: 'Sawarabi Mincho', serif !important;}
.sideTower .localHead, .sideTower h3.localHead{ font-size: 120%;}
.sideTower .sideWidget li{ font-size: 100%;}
.sideTower .sideWidget li > a:hover, .sideTower .sideWidget li.current_page_item > a, .sideTower .sideWidget li.current-cat > a{ background-color: #e4f4ff;}
.sideTower .sideWidget li ul li{ font-size: 94%;}

/**** モバイル用設定 ****/
.pc_img{ display: block;}
.mobi_img{ display: none;}

.mbbr{ display: none;}
@media screen and (max-width: 1024px) { /* 1024pxまでの画面に対応 */
	#topMainBnrFrame{ width:100%;}
	/*#topMainBnr .flexslider .slides img{ width:150% !important; margin-left: calc(50% - 134%/2);}*/
	
	.content #about .about_txt{
	width: 88%;
	font-size:120%;
	}
	.topcttext{ width: 100%;}
	.content #services .tp_inner{ width: 100%;}
	.content #company .tp_inner{ width: 100%;}
	.content #contactus .tp_inner{ width: 100%;}
	table.company_table{ width:96%; margin: 0 auto;}
	.accessmap{ width:90%; margin: 0 auto 50px;}
	
	#main #container .content.wide{ width: 100%;}
}
}
@media screen and (max-width: 969px) { /* 969pxまでの画面に対応 */

	.headMainMenu{ padding: 20px 0 0 0;}
#gMenu{padding-left: 0;}
#gMenu .headMainMenu ul li a:after{ margin-top: -18px;}
.headMainMenu li a{ padding: 18px 10px 14px;}

#pageTitBnr #pageTitInner h1#pageTit{ font-size: 180%;}
.content .entry-content h2{ font-size: 170%;}
.content .entry-content h2:before{ top: 43px;}
.content .entry-content h3{ font-size: 150%;}

#header #headerInner{ padding: 8px 0;}

.flexslider .slides{ margin-bottom: 30px;}
	
.blog .innerBox,
.category .innerBox,
.single .innerBox,
.archive .innerBox{ width: 100%;}
#main #container .content.wide{ width: 100%;}
#main #container .content.wide{ width: 96%; margin: 0 auto;}
.topcttext{ width: 90%;}
#about .tp_inner{ width: 98%;}
#fatalink .tp_inner{ width: 98%;}
#fatalink2 .tp_inner{ width: 98%;}
#contactus .tp_inner{ width: 98%;}
.home .content #topInfo h2, .content #topBlog h2{
	width: 50%;
	background-size: contain;
	}
.content h2, .content h1.contentTitle, .content h1.entryPostTitle{ width: 95%;}
.content #about h2{ width: 78%;}
.content #contactus h2{ width: 78%;}
	
#footerSiteMap .menu{ font-size: 120%;}
	
	}

@media screen and (max-width: 768px) { /* 768pxまでの画面に対応 */
div#footerSection { background-size: cover;}
	.content #topBlog .topBlog_inner{ width: 100%;}
}
@media screen and (max-width: 660px) { /* 660pxまでの画面に対応 */

.pc_img{ display: none;}
.mobi_img{ display: block;}
	
.mbbr{ display: block;}
.home #main #container .content{ width:100%;}
#main #container .content{ width: 96%; margin: 0 auto;}
#main #container #sideTower{ width: 96%; margin: 0 auto;}
#header.itemOpen{ background-color: #ffffff;}
#fatalink .tp_inner div,
#fatalink2 .tp_inner div{ width: 84%; display: block;}
.home .content .infoList ul{ width:90%;}
	
/*トップ*/
#header .innerBox #site-title img{ max-height: 56px; margin-top: 0px;}
.topcttext{ font-size: 140%; line-height:1.4;}
.content img{ margin: 0 auto;}
.home #main{ padding-top: 50px;}
#fatalink{ margin-bottom: 50px;}
#fatalink div,#fatalink2 div{ display: block; width: 90%; margin: 0 auto 30px;}
#recent-posts-2 ul{ padding: 20px;}
#recent-posts-2.widget_recent_entries{ padding-top: 50px;}
#recruit{ margin-bottom: 50px;}
#contactus{}
#contactus .tp_inner div img{ width:80%;}
.tp_btn1 a{ width:90%; margin-left: -8%;}
	
/*事業案内*/
.buswrap1{ margin-bottom: 50px;}
.buswrap1 img{ width:90%; margin: 0 auto; position: static;}
.content .buswrap1 img.alignleft{ float: none; margin: 0 auto;}
.buswrap1 div{ position: static; width: 90%; margin: 0 auto; min-height: 240px;}
.buswrap1 div p{ width: 90%; padding: 15px;}

.entry-content .buswrap2 h3{ padding: 0 0 0 0; text-align: center;}
.buswrap2{ margin-bottom: 50px;}
.buswrap2 img{ width:90%; margin: 0 auto; position: static;}
.content .buswrap2 img.alignleft{ float: none; margin: 0 auto;}
.buswrap2 div{ position: static; width: 90%; margin: 0 auto; min-height: 240px; text-align: center;}
.buswrap2 div p{ width: 90%; padding: 15px;}
	
.buswrap3{ margin-bottom: 50px;}
.buswrap3 img{ width:90%; margin: 0 auto; position: static;}
.content .buswrap3 img.alignleft{ float: none; margin: 0 auto;}
.buswrap3 div{ position: static; width: 90%; margin: 0 auto; min-height: 240px; text-align: center;}
.buswrap3 div p{ width: 90%; padding: 15px;}

.entry-content .buswrap4 h3{ padding: 0 0 0 0; text-align: center;}
.buswrap4{ margin-bottom: 50px;}
.buswrap4 img{ width:90%; margin: 0 auto; position: static;}
.content .buswrap4 img.alignleft{ float: none; margin: 0 auto;}
.buswrap4 div{ position: static; width: 90%; margin: 0 auto; min-height: 240px; text-align: center;}
.buswrap4 div p{ width: 90%; padding: 15px;}

.entry-content .buswrap5 h3{ padding: 0 0 0 0; text-align: center;}
.buswrap5{ margin-bottom: 50px;}
.buswrap5 img{ width:90%; margin: 0 auto; position: static;}
.content .buswrap5 img.alignleft{ float: none; margin: 0 auto;}
.buswrap5 div{ position: static; width: 90%; margin: 0 auto; min-height: 240px; text-align: center;}
.buswrap5 div p{ width: 90%; padding: 15px;}
	
.flow_wrap01 dl{ width: 84%;}
.content .flow_wrap01 dl dd{ margin-bottom: 10px;}
.content #post-9 p{ text-align: left;}
.content .sasewrap0 ul{ width: 100%;}
	
.sasebox1{ flex: 0 0 48%; padding-right: 3%; margin-bottom: 10px;}
.sasebox1:nth-child(3){ padding-right: 3%;}
.sasebox1:nth-child(even){ padding-right: 0;}
.sasewrap2{ display: block; width: 80%;}
.sasewrap2 p img{ width: 100%;}
.sasewrap2 p{ display: block; padding-right:0; margin: 0;}

table.company_table th{ padding: 10px 10px;}
table.company_table td{ padding: 10px 10px;}
.accessmap{ padding: 8px;}


/*お問い合わせ*/
.contwrap1 p{ font-size: 88%;}
p.cotel, p.cofax{ font-size: 140%;}
.content form table.table_contact th, .content form table.table_contact td{ font-size: 100%; padding:5px;}
form input[type=text], form input[type=email], form input[type=password], form input[type=date], form select, form textarea{ font-size: 96%; width:88%;}
	
/*ページタイトル*/
.page-id-7 #pageTitBnr{ background-position: -458px 0;}
.page-id-17 #pageTitBnr, .page-id-15 #pageTitBnr, .page-id-23 #pageTitBnr{ background-position: -480px 0;}
.page-id-21 #pageTitBnr{ background-position: -840px 0;}
.page-id-9 #pageTitBnr, .page-id-11 #pageTitBnr, .page-id-13 #pageTitBnr,
.page-id-37 #pageTitBnr, .page-id-39 #pageTitBnr{ background-position: -460px 0;}
.blog #pageTitBnr, .single #pageTitBnr, .category #pageTitBnr,
.page-id-3 #pageTitBnr, .page-id-25 #pageTitBnr{ background-position: -460px 0;}
	
#footMenu .innerBox{ background-color: rgba(0,0,0,0);}
#footerSiteMap .menu li{}
#footerSiteMap .menu li a{ padding: 15px 10px; text-align: left;}
.mobiclr{ display: none;}

.content #topPr .topPrOuter{ border-bottom: none;}
.tp_btn2{ width: 74%;}
.tp_btn2 a{ margin-left: -11%; padding: 30px 30px;}
	
.content .post-content div{ clear: both;}
.content .post-content div.imggly{ width:100%;}
.content .post-content div.imggly img{ width:48%; margin-right:1.8%;}
	
	.content #services .srv_box{
		display: block;
		width: 90%;
		margin: 0 auto 30px;
	}
	.content #services .srv_box2{
		display: block;
		width: 90%;
		margin: 0 auto 30px;
	}
	.content #services .srv_box h3,
	.content #services .srv_box2 h3{ font-size: 120%;}
	.content #services .srv_box p, .content #services .srv_box2 p{ font-size: 86%; min-height: 90px;}
	#footerSiteMap .menu{ font-size: 120%;}
	
	.content .entry-content h2{ font-size: 148%;}
	.content #post-15 p.cont_txt{ margin: 0 auto 30px; width: 94%; text-align: left;}
	div.mw_wp_form{ width:96%; margin: 0 auto;}
	.contwrap1{ margin-bottom: 20px;}
	
	}

@media screen and (max-width: 550px) { /* 550pxまでの画面に対応 */
	/*#topMainBnr{ padding: 18% 0 0 0;}*/
	#topMainBnr{ padding: 0 0 0 0;}
	.content #topInfo h2, .content #topBlog h2{ background-size: contain;}
}
@media screen and (max-width: 500px) { 
	#header .innerBox #site-title img{ width:80%;}
	/*#topMainBnr{ padding: 12% 0 0 0;}*/ #topMainBnr{ width:100%; padding: 0 0 0 0; overflow: hidden;}
	.flexslider .slides img{ max-width:none;}
	#topMainBnr .flexslider .slides img{ width:280%; margin-left: calc(50% - 280%/2);}
	.content #about .tp_inner{ width:94%; margin: -20px auto;}
	.content #about{ padding-bottom:60px;}
	.topcttext { font-size: 130%; }
	.content #about .about_txt{ font-size: 110%;}
	
	.content #topInfo h2, .content #topBlog h2{ width:80%;}
	.content #about h2{ width:56%;}
	.content #services h2{ width:80%;}
	.content #company h2{ width:80%;}
	.content #company h2#accessmp{ width:55%;}
	.content #contactus h2{ width:70%;}
	
	#contactus .tp_inner p{ font-size: 140%;}
	.tp_btn2 a{ font-size: 130%;}
	.tp_btn2 a::after{ top: 45%;}
}
@media screen and (max-width: 470px) { /*#topMainBnr{ padding: 8% 0 0 0;}*/ #topMainBnr{ padding: 0 0 0 0;}  }
@media screen and (max-width: 440px) { /*#topMainBnr{ padding: 4% 0 0 0;}*/ #topMainBnr{ padding: 0 0 0 0;}  }
@media screen and (max-width: 400px) { /* 400pxまでの画面に対応 */
	#topMainBnr{ padding: 0;}
	.home #main{ padding-top: 30px;}
}