/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,button{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
h1, h2, h3, h4, h5, h6 {
  line-height: 140% !important;
  font-weight: normal;
  font-family: 'boku';}
}
*{box-sizing: border-box;margin: 0;padding: 0;}
ol,ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
img{height: auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;position: relative;}
html {-webkit-text-size-adjust: 100%}
body{
	font-family:"メイリオ" , Meiryo, "Meiryo UI" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro"  , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 16px;
	line-height: 170%;
	color:#3f3f3f;
	-webkit-text-size-adjust:100%;
	background:#fdf8f2;
	font-weight: normal;
	width: 100%;
	position: relative;
}
@font-face{ 
	font-family: 'boku';
	src: url('fonts/bokutachi.woff') format('woff'); 
	font-weight: normal;
	font-style: normal;
}
.web-font{font-family: 'boku';}
@font-face{ 
	font-family: 'myfont_alpha';
	src: url('fonts/yasashisa_alpha.woff') format('woff'); 
	font-weight: normal;
	font-style: normal;
}
.web-font-alpha{font-family: 'myfont_alpha';}
/* リンク設定
------------------------------------------------------------*/
a{
	margin:0;
	padding:0;
	text-decoration:none;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-size:100%;
	color:#1772c5;
}
a:hover, a:active{
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-o-transition:opacity 1s; 
	outline: none;
	color:#ccc;
}

/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea,input[type="tel"],input[type="email"],select,input[type="date"]{
	vertical-align:middle;
	max-width:99%;
	width: 99%;
	line-height:46px;
	height:46px;
	padding:5px 10px;
	border:1px solid #d4d4d7;
	border-radius:6px;
	font-size:100%;
	background:#fcfcfc;
	box-sizing: border-box !important;
}
input[type="date"]{width: auto;}
textarea{
	height:auto;
	line-height:1.5;
	box-sizing: border-box;
}
input[type="submit"],input[type="reset"],input[type="button"],
.button,
.wp-block-search .wp-block-search__button,
.wp-block-buttons .wp-block-button__link{
	position: relative;
	background:url(images/back-blue.jpg) repeat left top !important;
	border-radius: 6px;
	border: none;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 5px 0 #5a492e;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'boku';
	padding:0 15px;
	font-weight: normal !important;
	font-size: 18px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	box-sizing: border-box;
	width: 240px;
	height: 54px;
}
.tel-button{
	background:url(images/back-yellow.jpg) repeat left top !important;
	color: #3f3f3f !important;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,
.button:hover,
.wp-block-search .wp-block-search__button:hover,
.wp-block-buttons .wp-block-button__link:hover{
	top: -6px;
	box-shadow: 0 9px 0 #5a492e;
	color: #fff;
	text-decoration: none;
	filter: none !important;
}
.button:active ,
.wp-block-search .wp-block-search__button:active,
.wp-block-buttons .wp-block-button__link:active{
	top: 5px !important;
	box-shadow: none !important;
}
/* 共通レイアウト
------------------------------------------------------------*/
.container, 
.container-fluid, 
.container-lg, 
.container-md, 
.container-sm, 
.container-xl {
	width: 100%;
	padding-right: 0;
	padding-left:  0;
	margin-right: auto;
	margin-left: auto;
}
:is(.alignfull,.alignwide):where(:not(.is-layout-flex))>:is(div[class*=wp-container-],div[class*=wp-block-],
div[class*=vk_],
.alert,
:where(:is(h1,h2,h3,h4,h5,h6))):where(:not(.alignfull,
.alignwide,.wp-block-cover__background,
.wp-block-cover__image-background,
.wp-block-column,
.vk_outer,
.vk_slider_wrapper,
.vk_gridcolcard_item,
.swiper-wrapper,
.swiper-pagination,
.is-content-justification-right,
.is-content-justification-left)){
	max-width: 1140px;
}
#header {
	padding: 0;
	width: 100%;
	position: relative;
	z-index: 100;
}
.wrapper{
	margin:0 auto;
	width:1140px;
	padding-bottom: 40px;
	position: relative;
}
body.sidebar-fix-priority-top .site-body{
	padding-top: 0;
}
body.sidebar-fix-priority-top .site-body-container{
	display: flex;
	
}
#main {
	width: auto;
	
	margin: 0;
}
.main-section--col--two{
	width: auto;
	margin: 0 40px 30px 0 !important;
	flex: 2;
	padding-top: 50px;
}
.sub-section--col--two{
	width: 300px;
	margin: 0;
	float: none !important;
	padding-top: 50px;
}
footer{
	clear:both;
	background:url(images/back-footer.jpg) repeat center top;
	margin-top: 50px;
	color: #fcfaf5;
	padding-top: 50px;
} 
.cont-box{
	clear: both;
	margin: 0 auto 40px auto;
	display: block;
}
.flex-area{
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.flex-area-left{
	display: flex;
	justify-content:flex-start;
	align-items: center;
}
.flex-area-center{
	display: flex;
	justify-content:center;
	align-items: center;
}
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
  width: 100%;
}
.section-area{
	position: relative;
	padding: 0 ;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section-title{
	background:url(images/back-brown2.jpg) repeat center top !important;
	/* width: 100%; */
	text-align: center;
	font-weight: bold;
}
.section-title h2{
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 130%;
	color: #fdf1e1;
	padding: 15px 0 13px;
}
.section-title h2:before,
.section-title h2:after{
	content:"";
	display: inline-block;
	background: url(images/title-circle.png) no-repeat center top;
	background-size: 100% auto;
	width: 16px;
	height: 16px;
	margin: 0 20px;
}
.section-title:after{
	content:"";
	display: block;
	position: absolute;
	background: url(images/section-title-arrow.png) no-repeat center top;
	background-size: 100% auto;
	width: 70px;
	height: 24px;
	margin: auto;
	left: 0;
	right: 0;
}
.round{
	border-radius:6px;
}
.has-box{padding: 10px !important;}
.box-inner{
	margin:0 10px;
	padding: 20px 0 10px;
}
.box-inner-border {
	margin: 0 10px;
	box-sizing: border-box;
	padding-bottom: 1px;
}
.box-title {
	margin: 1px 1px 0 1px;
	padding: 10px 5px 0 ;
}
.back-beige{
	border-radius: 6px;
	background: url(images/back-beige.jpg) repeat center top;
}
.back-white{
	background: #fff;
	border-radius: 6px;
}
.back-l-yellow{
	background: url(images/back-l-yellow.jpg) repeat center top;
	border-radius: 6px;
}
.back-blue{
	border-radius: 6px;
	background: url(images/back-blue.jpg) repeat center top;
}
.back-l-blue{
	background: url(images/back-l-blue.jpg) repeat center top;
	border-radius: 6px;
}
.back-brown{
	background: url(images/back-brown2.jpg) repeat center top;
	border-radius: 6px;
}
.back-dark-brown{
	background: url(images/back-nav.jpg) repeat center top;
	border-radius: 6px;
}
.back-gray{
	background: url(images/back-gray.jpg) repeat center top;
	border-radius: 6px;
}
.spacer{
	display: block;
	width: 100%;
}
.spacer30{
	height: 30px;
}
.spacer40{
	height: 40px;
}
.spacer50{
	height: 50px;
}
.spacer100{
	height: 100px;
}
.absolute-img{
	position: absolute;
	display: block;
}

/* ---       ヘッダー
----------------------------------------------------------------------*/
#site-header-container{
	display: block;
	max-width: 100%;
	padding: 0;
}
#site-header-container .site-header-logo{
	max-width: 1140px;
	width: 96%;
	margin: 0 auto;
	padding: 12px 0 20px;
	line-height: 130% !important;
}
#site-header-container .site-description {
	font-size: 14px;
}
.site-title {
	font-size: 26px;
	margin: 15px 0 0 0;
	padding: 0 0 5px 0;
	float: left;
	line-height: 130%;
}
.site-title a {color: #3f3f3f;}
.site-title a:hover,.site-title a:focus {color: #1772c5;}
.vk-mobile-nav-menu-btn{
	background: url(images/back-blue.jpg) repeat left top !important;
	border-radius: 6px;
	border: none;
	color: #fff;
	text-indent: 0;
	width: 80px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 20px;
	right: 12px !important;
	z-index: 20001;
	border: none !important;
}
.vk-mobile-nav-menu-btn.menu-open{
	background: var(--vk-mobile-nav-menu-btn-close-bg-src) center 50% no-repeat rgb(222 222 222) !important;
	text-indent: -9999px;
	background: #ddd;
	border: none !important;
}
#vk-mobile-nav{
	background: #e5f3ff;
	z-index: 20000;
}
.vk-mobile-nav-menu-outer{
	background: #fff;
	border-radius: 6px;
	padding: 35px;
}
#vk-mobile-nav ul,
#vk-mobile-nav li {
	border: none !important;
}
#vk-mobile-nav li a{
	display: flex;
	height: 60px;
	position: relative;
	justify-content: flex-start;
	align-items: center;
	border-bottom: dotted 3px #efe7dc;
}
#vk-mobile-nav li a:before {
	content: "";
	display: inline-block;
	background: url(images/arrow-circle-blue.png) repeat-x left bottom;
	background-size: 100% auto;
	width: 16px;
	height: 16px;
	margin: 0 6px 0 0;
}


/* タイポグラフィ
------------------------------------------------------------*/
h2{font-size:30px;}
h2.title{
	margin:30px auto 20px auto;
}
.single #main h2,
#main .page-post h2{
	background: url(images/line-dotted-brown.png) repeat-x left bottom;
	background-size: auto 10px;
	padding: 0 0 20px 5px;
	margin: 35px auto 25px;
}
.single #main h2 .text,
#main .page-post h2 .text{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;

}
.single #main h2 .text:before,
#main .page-post h2 .text:before{
	content: "";
	display: inline-block;
	background: url(images/icon-h2.png) no-repeat center top;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	position: relative;
	top: 12px;
	flex-shrink: 0;
	margin: 0 10px 0 0;
}
h3{font-size: 24px;}
h3.title{
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 150%;
}
.single #main h3,
#main .page-post h3{
	background: url(images/line-h3.jpg) repeat-x left bottom;
	background-size: auto 8px;
	padding: 0 0 15px 5px;
	margin: 30px auto 15px;
}
h4{font-size: 20px;}
h4.title{
	margin:15px 0 10px;
	padding:15px 0;
}
h2.first,h3.first,h4.first{margin-top: 0;}
table{
	width: 100%;
	border-spacing: 1px;
	box-sizing:border-box;
	border: #ede5d9;
}
table th{
	vertical-align: middle;
	box-sizing:border-box;
	text-align: left;
	line-height: 150%;
	font-size: 18px;
	font-family: 'boku';
}
table thead th {
	background: none;
	border-left: #fff 2px solid;
}
table thead th:first-child{border-left: none;}
table tbody th {background: url(images/back-l-blue.jpg) repeat center top;}
table td{
	background: #fff;
	vertical-align: middle;
	box-sizing:border-box;
	text-align: left;
	line-height: 140%;
}
table th span.th,table td span.td{
	padding: 10px 10px 8px 15px;
	display: block;
}
ul{
	
}
.single #main ul{
	list-style: disc;
	margin: 0 0 25px;
}
.single #main ul li{
	padding: 0 0 10px;
}

ol{
	list-style: auto;
	list-style-position: inside;
	margin: 0 0 25px;
}
ol li{
	padding: 0 0 10px;
}

ul.is-style-vk-numbered-circle-mark li:before, 
ol.is-style-vk-numbered-circle-mark li:before {
	background: #c7e2e7;
	color: #323232;
}
.main-section--col--two p{
	margin-bottom: 20px;
}
.flex-icon{margin-right: 10px;}
.title-area{
	position: relative;
	clear: both;
	margin: 0 10px 10px 10px;
	padding: 20px 0 16px 0 ;
}
.title-dotted-beige{
	background: url(images/line-dotted-beige.png) repeat-x left bottom;
	background-size: auto 10px;
}
.title-dotted-brown{
	background: url(images/line-dotted-brown.png) repeat-x left bottom;
	background-size: auto 10px;
	padding-bottom: 12px;
}

.title-dotted-blue{
	background: url(images/line-dotted-blue.png) repeat-x left bottom;
	background-size: auto 10px;
}
.title-dotted-white{
	background: url(images/line-dotted-white.png) repeat-x left bottom;
	background-size: auto 10px;
}
.title-dotted-min{
	background-size: auto 6px;
	padding-bottom: 13px;
}
.line-double-beige{
	background: url(images/line-double-beige.png) repeat-x left bottom;
	background-size: auto 12px;
}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.relative{position: relative;}
.icon-flex{
	margin: 0 6px 0 0;
}
.bold{font-weight: bold;}
.blue{color: #1772c5;}
.brown{color: #5d442d;}
.beige{color: #a07a54;}
.tel-number{
	font-family: 'myfont_alpha';
}
.font18{font-size: 18px !important;line-height: 1em;}
.font20{font-size: 20px !important;line-height: 1em;}
.font24{font-size: 24px !important;line-height: 1em;}
.font30{font-size: 30px !important;line-height: 1em;}
.font36{font-size: 36px !important;line-height: 1em;}
.font40{font-size: 40px !important;line-height: 1em;}
.marker-blue{background: linear-gradient(transparent 50%, #c5edf0 50%);padding-bottom: 5px;}
.marker-yellow{background: linear-gradient(transparent 50%, #faf1a1 50%);padding-bottom: 5px;}
br.br1140,br.br789,br.br589,br.br489,br.br389{display: none;}
/********************* トップページ *********************/
#mainimage-inner{
	padding: 25px 0;
}
#top-search-area{
	background: url(images/back-nav.jpg) repeat center top !important;
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#top-search-area h3{
	margin: 0 20px 0 0;
}
#top-search-area input{
	width: 500px;
	height: 60px;
}
#top-search-area button{width: 100px;}


#top-cat-wrap{
	flex-wrap: wrap;
}
#top-cat-wrap .top-cat-box{
	width: 48%;
	margin: 0 0 20px;
	background: #fff !important;
	border: 1px solid #ede5d9;
	padding: 2px;
}
#top-cat-wrap .top-cat-box .title-area{
	padding: 18px 0 5px 0;
	margin: 0 0 28px !important;
	max-width: 100% !important;
}
#top-cat-wrap .top-cat-box .title-area:after{
	content: "";
	display: block;
	background: url(images/line-double-beige.png) repeat-x left bottom;
	background-size: auto 100%;
	width: 100%;
	height: 12px;
	position: relative;
	z-index: 10;
	bottom: -11px;
}
#top-cat-wrap .top-cat-box figure{
	margin: 0 auto 20px;
}
#top-cat-wrap .top-cat-box p{
	width: 90%;
	margin: 0 auto 20px;
}
#top-new-article > .inner{
	padding: 30px 8px 1px !important;
}
.wp-block-post-template{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
.wp-block-post{
	width: 31%;
	margin: 0 1% 30px !important;
	background: #fff;
	border: 1px solid #ede5d9;
	padding: 12px;
	border-radius: 6px;
	position: relative;
}
.wp-block-post figure{
	margin: 0 auto;
}
.wp-block-post figure img{
	width: 100%;
	height: 100%;
	aspect-ratio:4/3;
	border-radius: 6px;	
}
.wp-block-post .wp-block-post-title{
	margin: 0 !important;
}
.wp-block-post .wp-block-post-title a{
	background: url(images/line-dotted-brown.png) repeat-x left bottom;
	background-size: auto 4px;
	padding: 14px 0 13px 27px;
	margin: 0 0 20px;
	position: relative;
	width: 100%;
	color: #3f3f3f;
}
.wp-block-post .taxonomy-category{
	background: #f4f1a1;
	border-radius: 3px;
	padding: 3px 20px;
	position: absolute;
	font-family: 'boku';
	font-size: 14px;
	top: -14px;
	right: 5px;
}
.wp-block-post .taxonomy-category a{
	color: #3f3f3f;
	text-decoration: none;
}


.wp-block-post .wp-block-post-title a:before{
	content: "";
	display: inline-block;
	background: url(images/arrow-circle-blue.png) repeat-x left bottom;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 18px;
}
.wp-block-post:hover{
	opacity: 0.6;
}
#top-greeting{
	padding: 50px 50px 0;
}
#greeting-title{
	padding: 10px 20px;
}
#top-greeting .greeting-column .right{
	order: 2;
}
#top-greeting .greeting-column .left{
	order: 1;
	flex: 2;
}

#top-office-info h2 {
	padding: 15px 0 4px;
}
#top-office-info h2 .icon-flex{
	margin-bottom: -8px;
}
#top-office-info .inner-box{
	padding: 35px 25px;
}
#top-office-info .inner-box h3{
	padding-bottom: 14px;
}
#top-office-info .inner-box .wp-block-gallery{
	margin: 0 auto 20px;
}
#top-office-info .inner-box .wp-block-gallery figure{
	width: 48%;
}
#top-office-info .inner-box .wp-block-gallery img{
	border-radius: 6px;
}
#top-office-info p{
	margin-bottom: 8px;
}
#top-office-info .tel-number{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 10px;
}
#top-office-info .tel-number:before{
	content: "";
	display: inline-block;
	background: url(images/icon-tel.png) no-repeat center top;
	background-size: 100% auto;
	width: 40px;
	height: 36px;
	margin: 0 8px 0 0;
	
}
#top-office-info .wp-block-button__link img{
	margin: 0 6px 0 0;
}
#top-link-banner{
	display: flex;
	align-items: center;
}
#top-link-banner .left{
	margin: 0 25px !important;
}
#top-link-banner .text-area{
	flex: 2;
	padding: 15px;
}
#top-link-banner h2{
	margin: 0 auto 15px;
}
#top-link-banner p{
	line-height: 130%;
	margin: 0 auto 5px;
}
#top-link-banner .text-area figure{
	margin: 0 auto 15px;
}
#top-link-banner .wp-block-button__link{
	width: 280px;
}

/************** ポップアップ **************/
#popup-area,
#popup-area-line{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
}
#popup-back,
#popup-back-line{
	background: rgba(207, 230, 234, 0.9);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 0;
	opacity: 0;
}
#popup-inner{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 96%;
	max-width: 100%;
	padding: 50px 20px;
	z-index: 2;
	border-radius: 6px ;
}
#popup-inner{
	background: #f8ffff;
	border: 6px solid #8b7c6e;
}
#popup-area.show ,
#popup-area.show #popup-back{
	opacity: 1;
	visibility: visible;
}	
#popup-area h2{margin: 0 auto 5px;}
#popup-area-line h2 img{margin-right: 20px;}
.popup-button-area{
	position: relative;
	padding-bottom: 20px;
}
#popup-time{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: -1.2em;
	display: block;
}
#popup-area .button{
	line-height: 60px;
	margin: 0 auto 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	color: #4b3d30 !important;
}
#popup-area #call{
	min-width: 400px;
	font-size: 20px;
	background: url(../images/back-yellow.jpg) repeat left top;
	box-shadow: 0 3px 0 #5a492e;
}
#popup-area #call img{
	width: auto;
	height: 46px;
}
#popup-area #close{
	background: #ccc !important;
	color: #555 !important;
	font-size: 16px;
}	
/*     サイドバー  .sub-section--col--two
------------------------------------------------------------*/
.sub-section--col--two .widget{
	margin-bottom:  0 !important;
}
.side-cont{
	margin: 0 0 30px;
}
#side-link-banner{
	padding: 10px !important;
}
#side-link-banner .text-area{
	max-width: 100%;
	padding: 25px 18px 16px;
	margin: 0;
}
#side-link-banner h2{
	margin: 0 auto;
	max-width: 100%;
	padding: 15px 0 8px;
}
#side-link-banner .absolute-img{
	left: 0;
	right: 0;
	margin: auto;
	top: -43px;
}
#side-link-banner p{
	font-size: 14px;
	line-height: 130%;
}
#side-link-banner .office-people{
	margin: 0 auto 14px;
}
#side-link-banner .wp-block-button__link{
	font-size: 15px;
}
#side-search h3,
#side-search .wp-block-search__button-outside{
	max-width: 100%;
}
#side-search .wp-block-search__input{
	height: 48px;
}

#side-search button{
	width: 100px;
	height: 44px;
	font-size: 14px;
}
#side-cat-list{
	padding: 0 0 10px !important;
}
.side-cont .title-area,
.side-cont .title-area h3,
#side-cat-list #cat-list{
	max-width: 100%;
	list-style: none;
}
.side-cont .title-area h3{
	width: 92%;
	margin: 0 auto;
}
.side-cont .title-area h3 img{margin-right: 6px;}
#side-cat-list #cat-list{
	margin: 0 10px !important;
	background: #fff;
	border-radius: 6px;
	padding: 10px 20px 15px;
}
#side-cat-list #cat-list li{margin: 0 !important;}
#side-cat-list #cat-list li a{
	display: flex;
	height: 60px;
	position: relative;
	justify-content: flex-start;
	align-items: center;
	border-bottom: dotted 3px #efe7dc;
	color: #3f3f3f;
	text-decoration: none;
}
#side-cat-list #cat-list li a:before ,
#side-new-article .wp-block-latest-posts__post-title:before{
	content: "";
	display: inline-block;
	background: url(images/arrow-circle-blue.png) repeat-x left bottom;
	background-size: 100% auto;
	width: 16px;
	height: 16px;
	margin: 0 6px 0 0;
	flex-shrink: 0;
}
#side-new-article .wp-block-latest-posts__featured-image{
	width: 94%;
	margin: 0 auto ;
}
#side-new-article li{
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}
#side-new-article li:hover{
	opacity: 0.6;
}
#side-new-article .wp-block-latest-posts__featured-image a{
	padding: 0 0 10px;	
	display: block;
}
#side-new-article .wp-block-latest-posts__featured-image img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	aspect-ratio:3/2;
	border-radius: 6px;
	display: block;
}
#side-new-article .wp-block-latest-posts__post-title{
	line-height: 140%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 94%;
	margin: 0 auto;
	text-decoration: none;
	padding-bottom: 30px;
}
#side-new-article .wp-block-latest-posts__post-title:before{
	top: 3px;
	position: relative;
}
.sub-section--col--two aside.widget_media,
.sub-section--col--two aside.widget_link_list,
.sub-section--col--two aside.widget_text{
	display: none !important;
}



/*     フッター  #footer
------------------------------------------------------------*/
footer .widget_block{
	margin-bottom: 0 !important;
}
footer .site-footer-content > .row{
	display: block;
}
footer .site-footer-content > .row .col-lg-4{
	width: 100% !important;
	max-width: 100% !important;
}
footer a{
	color: #fcfaf5;
}
#footer-site-title a{
	padding: 0 0 15px;
	display: block;
}
footer .wp-block-button__link{
	width: 360px !important;
}

#footer-nav a {
	font-size: 14px;
	padding: 10px 20px;
}
.site-footer-copyright{
	display: none !important;
}
#copy{
	padding:0 0 10px 0;
	text-align:center;
	font-size:10px;
	color: #fff;
	line-height: 130%;
}
#page_top{
	background: url(images/back-blue.jpg) no-repeat center top;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	border: none !important;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 130%;
	font-size: 14px;
	padding: 5px 0 0;
	z-index: 10000;
}
.scrolled .page_top_btn{
	opacity: 0.7;
}

#footer-sp-area{display: none;}
#footer-sp-area-inner {
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	bottom: 0;
	opacity: 0.9;
	z-index: 10000;
	align-items: stretch;
	justify-content:space-around;
	background: #f0e8e0;
	padding: 10px 0;
}
#footer-sp-area .button{
	line-height: 56px;
	width:31%;
	padding: 0;
}
.go-sp-ai{
	background: url(images/back-red.png) repeat center top !important;
	color: #f9f4ee !important;
}
.go-sp-ai span{padding-left: 30px;}

.icon-robo{
	position: absolute;
	width: 48px;
	height: auto;
	bottom: 0;
	left: 0;
	display: block;
}
#header-sp-ai .icon-robo{width: 50px;}
.go-sp-ai .balloon {
	background: url(images/balloon-right.png) no-repeat center top;
	background-size: 100% 100%;
	width: 85px;
	height: 50px;
	position: absolute;
	top: -36px;
	left: 50px;
	display: block;
	padding: 16px 0 0 0;
	line-height: 1em;
	font-size: 12px;
	color: #4b3d30;
}
#go-sp-tel .balloon{
	background: url(images/balloon-left.png) no-repeat center top;
	background-size: 100% 100%;
	width: 48px;
	height: 40px;
	position: absolute;
	top: -14px;
	left: -12px;
	display: block;
	padding: 13px 0 0 0;
	line-height: 1em;
	font-size: 14px;
	color: #4b3d30;
}
#go-sp-tel .tel-img{
	top: -23px;
	left: 0;
	display: block;
	right: 0;
	margin: auto;
}
#go-sp-mail .icon-mail{
	top: -23px;
	left: 0;
	right: 0;
	margin: auto;
}

/************************ 下層ページ共通 ************************/
.breadcrumb-list{
	font-size: 14px;
	line-height: 140%;
}
.breadcrumb-list li{
	padding: 0;
}

/************************ カテゴリページ ************************/
body.category .page-header{display: none;}
.archive-header-title{
	height: 0px;
}
#category-lead-area .cat-lead-box{
	display: none;
	width: 100% !important;
	max-width: 100% !important;
}
.category-zikohasan #cat-zikohasan{
	display: block;
}
.category-kozinsaisei #cat-kozinsaisei{
	display: block;
}
.category-ninniseiri #cat-ninniseiri{
	display: block;
}
.category-jikou #cat-jikou{
	display: block;
}
.category-kabarai #cat-kabarai{
	display: block;
}
.category-shinyou #cat-shinyou{
	display: block;
}
#category-lead-area .cat-lead-box .inner-box{
	padding: 35px 30px 20px;
	margin-bottom: 18px;
}
#category-lead-area .cat-lead-box .inner-box figure{
	margin: 0 auto 20px;
}
.archive-title-yellow{
	padding: 12px 10px;
	margin: 0 auto 30px !important;
}

.archive .post-list{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}
.post-list .vk_post {
	display: block !important;
	width: 48%;
	margin: 0 1% 30px !important;
	background: #fff;
	border: 1px solid #ede5d9;
	padding: 12px !important;
	border-radius: 6px;
	position: relative;
	
}
.post-list .vk_post:hover{
	opacity: 0.6;
}
.vk_post .vk_post_date,
.vk_post .vk_post_excerpt,
.vk_post .vk_post_btnOuter,
.vk_post .vk_post_imgOuter_singleTermLabel{
	display: none !important;
}
.vk_post .media-img{
	width: 100%;
	margin: 0 !important;
	border-radius: 6px;
}
.vk_post .media-img a{
	display: block;
}
.vk_post .media-body {
	width: 100%;
	padding: 0 !important;
}
.vk_post .vk_post_title {
	margin: 0 !important;
}
.vk_post .vk_post_title a {
	background: url(images/line-dotted-brown.png) repeat-x left bottom;
	background-size: auto 4px;
	padding: 14px 0 13px 27px;
	margin: 0 0 10px;
	position: relative;
	width: 100%;
	color: #3f3f3f;
	display: block;
}
.vk_post .vk_post_title a:before {
	content: "";
	display: inline-block;
	background: url(images/arrow-circle-blue.png) repeat-x left bottom;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 18px;
}
#bottom-banner-wrap{margin: 100px auto 30px;}
#bottom-banner-wrap .bottom-banner{
	max-width: 100%;
	width: 100%;
	padding: 10px !important;
}
#bottom-banner-wrap .title-area {
	margin: 0 10px 10px 10px;
	padding: 8px 0 0 0;
}
#bottom-banner-wrap .inner-box{
	padding: 25px 30px;
}
#bottom-banner-wrap .photo-area{
	margin: 0 50px 0 0 !important;
}
#bottom-banner-wrap .photo-area img{
	aspect-ratio:5/3;
	object-position: top;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#bottom-banner-wrap .text-area{
	margin: 0 !important;
}
#bottom-banner-wrap .text-area p{
	margin-bottom: 10px;
	line-height: 130%;
}

#bottom-banner-wrap .wp-block-button__link{
	font-size: 15px;
}
/************************ 記事ページ ************************/
.single .page-header,
.single #comments,
.single .next-prev,
.single .veu_followSet,
.single .author,
.single .entry-footer{
	display: none !important;
}
.single article.entry{
	background: #fff;
	border: 1px solid #e3d2b9;
	border-radius: 6px;
	padding: 2px 2px 50px;
}
.single .entry-title{
	background: url(images/back-l-yellow.jpg) repeat center top;
	font-size: 30px;
	line-height: 130%;
	padding: 30px 22px 10px;
}
.single .entry-title span{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: url(images/line-dotted-white.png) repeat-x left bottom;
	background-size: auto 10px;
	padding: 0 0 20px;
	
}
.single .entry-title span:before{
	content: "";
	display: block;
	background: url(images/icon-log.png) no-repeat center top;
	background-size: 100% auto;
	width: 50px;
	height: 50px;
	margin: 0 6px 0 0;
	flex-shrink: 0;
}
.single .entry-header .entry-meta{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0 auto;
	flex-wrap: wrap;
}
.single .entry-header .entry-meta-item-category{
	font-size: 15px;
	background: #f0e9e1;
	border-radius: 4px;
	line-height: 1em;
	padding: 3px 15px;
	
	font-family: "boku";
}
.single .entry-header .entry-meta-item-category a{
	color: #3f3f3f;
}

.single article.entry .entry-body{
	width: 94%;
	margin: 0 auto;
	max-width: 680px;
}
.single #main #bottom-banner-wrap {
	margin: 80px auto 80px;
}
.single #main #bottom-banner-wrap h2{
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}


.single article .veu_relatedPosts .relatedPosts_title{
	background: url(images/back-l-blue.jpg) no-repeat center top;
	border-radius: 6px;
	padding: 15px 12px 5px;
	margin: 0 auto 20px;
}
.single article .veu_relatedPosts .relatedPosts_title .text{
	padding: 0 0 12px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: url(images/line-dotted-white.png) no-repeat center bottom;
	background-size: auto 7px;
}
.single article .veu_relatedPosts .relatedPosts_title .text:before {
	content: "";
	display: inline-block;
	background: url(images/icon-list.png) no-repeat center top;
	background-size: 100% auto;
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	margin: 0 10px 0 0;
}
.veu_relatedPosts .relatedPosts_item{
	width: 30%;
	margin: 0 1.5%;
	font-family: "boku";
	border: none !important;
}
.veu_relatedPosts .relatedPosts_item .media{
	display: block;
	padding: 0;
}
.veu_relatedPosts .relatedPosts_item>.media .postList_thumbnail {
	width: 100%;
	min-width: initial;
	padding: 0;
	margin: 0 auto;
}
.veu_relatedPosts .relatedPosts_item>.media .postList_thumbnail img{
	border-radius: 6px;
}
.veu_relatedPosts .relatedPosts_item>.media .media-heading{
	line-height: 130%;
}
.veu_relatedPosts .relatedPosts_item>.media .media-heading:before{
	content: "";
	display: inline-block;
	background: url(images/arrow-circle-blue.png) repeat-x left bottom;
	background-size: 100% auto;
	width: 12px;
	height: 12px;
	margin: 0 6px 0 0;
	flex-shrink: 0;
}
.veu_relatedPosts .relatedPosts_item .published{
	display: none;
}
.single #go-category-top{
	margin: 100px auto 30px;
}
#go-category-top .wp-block-button__link{
	margin: 0 auto;
	background: #dcd3c7 !important;
	color: #3f3f3f;
}
/************************ 検索結果 ************************/
.page-header-inner{
	background: url(images/back-l-yellow.jpg) repeat center top;
	border-radius: 6px;
	padding: 35px 15px 10px;
	margin: 50px auto 0;
}
.page-header-title{
	background: url(images/line-dotted-white.png) no-repeat center bottom;
	background-size: auto 9px;
	padding: 0 0 15px;
	font-weight: normal;
}
/************************ 問い合わせ ************************/
#contact-form-wrap{
	padding: 50px 30px;
}
.mailform dl{
	width: 100%;
}
.mailform dl dt{
	background: none;
	text-align: left;
	width: 30%;
	white-space: nowrap;
	vertical-align: top;
	line-height: 50px;
	font-size: 18px;
}
.mailform dl dd{
	width: 70%;
}
.mailform .required {
	padding-left: 15px;
	font-size: 0.8em;
	color: #e28304;
}
#contact-form-wrap .accept-area{
	padding: 50px 0 30px;
	text-align: center;
}
#contact-form-wrap .accept-area label{
	display: flex;
	justify-content: center;
	align-items: center;
}
#contact-form-wrap .accept-area input{
	width: 20px;
	height: 20px;
	margin: 0 20px 0 0;
	flex-shrink: 0;
}
#mail-submit input{
	margin: 0 auto;
}


/************** レイアウト **************/
:root{
	--vk-width-container: 100% !important;
	max-width: 
}
.wp-block-group .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 100% !important;
}
/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width:992px){
	/* .container, .container-lg, .container-md, .container-sm {
		max-width: 100%;
	} */
	#global-nav{
		background: url(images/back-nav.jpg) repeat center top;
		z-index: 1000;
	}
	#global-nav ul{
		width: 1140px;
		margin: 0 auto;
		display: flex;
		justify-content:space-around;
		align-items:stretch;
		height: 60px;
		padding: 5px 0 5px 2px;
	}
	#global-nav ul li{
		text-align: center;
		line-height: 130%;
		width: 14.2%;
		margin: 0;
		padding: 0;
		cursor: pointer;
	}
	#global-nav ul li a{
		color:#efe9e0;
		position: relative;
		display:flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		font-weight: normal;
		cursor: pointer;
		border-right: 2px dotted #efe9e0;
	}
	#global-nav .global-nav-list>li .global-nav-name{
		font-size:17px;
		font-family: 'boku';
	}
	#global-nav ul li:first-child a{border-left: 2px dotted #efe9e0;}
	#global-nav ul li a:hover,
	#global-nav ul li.current-menu-item a{background:rgba(255, 255, 255, 0.5);}
}
@media only screen and (max-width:1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1120px;
	}

}
@media only screen and (max-width:1140px){
	:is(.alignfull,.alignwide):where(:not(.is-layout-flex))>:is(div[class*=wp-container-],div[class*=wp-block-], div[class*=vk_], .alert, :where(:is(h1,h2,h3,h4,h5,h6))):where(:not(.alignfull, .alignwide,.wp-block-cover__background, .wp-block-cover__image-background, .wp-block-column, .vk_outer, .vk_slider_wrapper, .vk_gridcolcard_item, .swiper-wrapper, .swiper-pagination, .is-content-justification-right, .is-content-justification-left)) {
		width: 96%;
	}
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 96%;
	}

	br.br1140{display: block;}
	.font18{font-size: 18px !important;}
	.font20{font-size: 20px !important;}
	h3,
	.font24{font-size: 22px !important;}
	h2,
	.font30{font-size: 28px !important;}
	.font36{font-size: 32px !important;}
	.font40{font-size: 34px !important;}
	.title-dotted-beige,
	.title-dotted-brown,
	.title-dotted-blue,
	.title-dotted-white{
		background-size: auto 8px;
	}
	#top-link-banner h2 img{
		width: 50px !important;
	}
	#top-link-banner .left {
		margin: 0 20px !important;
		width: 450px;
	}
	
	
}
@media only screen and (max-width:991px){
	
	.spacer30{
		height: 30px;
	}
	.spacer40{
		height: 40px;
	}
	.spacer50{
		height: 50px;
	}
	.spacer100{
		height: 70px;
	}

	#site-header-container .site-header-logo {
		text-align: left;
		padding: 7px 0 12px;
	}
	.site-header-logo a{
		display: block;
	}
	
	#side-new-article ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
	}
	#side-new-article li {
		width: 49%;
	}
	
	
	
	
	
	/***********トップページ***********/
	#mainimage-inner{
		padding: 15px !important;
	}
	#top-search-area{
		height: auto;
		padding: 15px 20px 20px;
	}
	#top-search-bar{
		display: block;
	}
	#top-search-area h3 {
		margin: 0 auto 10px;
		justify-content: center;
	}
	#top-search-area input {
		width: 100%;
		height: 54px;
	}
	#top-search-area .wp-block-search__inside-wrapper {
		max-width: 600px;
		margin: 0 auto;
	}
	#top-cat-wrap .top-cat-box .title-area {
		margin: 0 0 16px !important;
	}
	#top-cat-wrap .top-cat-box figure {
		margin: 0 auto 15px;
		width: 92%;
	}
	#top-cat-area > .inner{
		padding: 1px 10px  !important;
	}
	.wp-block-post {
		width: 48%;
	}
	.greeting-column{
		display: block !important;
	}
	#top-greeting .greeting-column .right {
		display: block;
		margin: 0 auto 20px;
		width: 340px;
	}
	#office-column{
		display: block;
	}
	#office-column .office-box{
		display: block;
		margin: 0 auto 50px;
		max-width: 400px;
		
	}
	#top-link-banner{
		display: block;
	}
	#top-link-banner .left {
		margin: 0 auto 20px !important;
		width: 450px;
	}
	/***********下層ページ共通***********/
	.breadcrumb-list {
		padding: 6px 0 35px;
	}
	/***********カテゴリページ***********/
	body.sidebar-fix-priority-top .site-body-container{
		display: block;
	}
	.main-section--col--two{
		width: 100%;
		margin: 0 auto 50px !important;
		padding-top: 0;
	}
	.sub-section--col--two{
		width: 100%;
		max-width: 800px;
		margin: 0 auto !important;
	}
	.vk_post .vk_post_title a {
		padding: 14px 10px 13px 30px;
	}
	.vk_post .vk_post_title a:before {
		width: 14px;
		height: 14px;
		left: 8px;
		top: 18px;
	}
	body.category #bottom-banner-wrap {
		display: none;
	}
	
	
	/***********記事ページ***********/
	
}
@media only screen and (max-width:768px){
	.spacer30{
		height: 25px;
	}
	.spacer40{
		height: 30px;
	}
	.spacer50{
		height: 40px;
	}
	.spacer100{
		height: 60px;
	}
	br.br789{display: block;}
	.font18{font-size: 18px !important;}
	.font20{font-size: 20px !important;}
	h3,
	.font24{font-size: 20px !important;}
	h2,
	.font30{font-size: 24px !important;}
	.font36{font-size: 28px !important;}
	.font40{font-size: 30px !important;}
	#footer-sp-area{display: block;}
	.page_top_btn {
		bottom: 75px;
	}
	.site-footer{
		padding-bottom: 80px;
	}
	/***********トップページ***********/
	#top-cat-area .title-area .icon-flex{
		width: 42px !important;
	}
	#top-cat-wrap .top-cat-box .title-area .icon-flex{
		width: 36px !important;
	}
	#top-greeting {
		padding: 30px 30px 0;
	}
	#top-office-info .inner-box h3 {
		font-size: 22px !important;
	}
	#top-lp-link-img1{
		width: 400px;
	}
	#top-link-banner .left {
		width: 300px;
	}
	/***********下層ページ***********/
	.page-header-inner {
		padding: 25px 15px 10px;
		margin: 0 auto 0;
	}
	.page-header-title {
		font-size: 28px;
	}
	/***********カテゴリページ***********/
	#category-lead-area .category-lead{
		padding: 1px 10px 10px !important;
	}
	#category-lead-area .cat-lead-box .inner-box {
		padding: 30px 22px 20px;
		margin-bottom: 0;
	}
	.archive-title-yellow .icon-flex{
		width: 40px !important;
		height: auto;
	}
	.post-list {
		margin: 0 auto !important;
	}
	.post-list .vk_post {
		padding: 6px !important;
	}
	.vk_post .vk_post_title{
		font-size: 17px !important;
	}
	/***********記事ページ***********/
	.breadcrumb-list {
		margin: 0;
		padding: 6px 0 35px;
		font-size: 13px;
	}
	.single .entry-title {
		font-size: 25px;
		padding: 30px 22px 10px;
		
		text-align: center;
	}
	.single .entry-title span{
		justify-content: center;
	}
	.single .entry-title span:before {
		width: 42px;
		height: 42px;
		margin: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: -19px;
	}
	.single .entry-header .entry-meta-item-category {
		font-size: 13px;
	}
	.single article.entry .entry-body {
		width: 90%;
	}
	#bottom-banner-wrap .photo-area {
		margin: 0 30px 0 0 !important;
	}
	#bottom-banner-wrap .inner-box {
		padding: 20px 18px;
	}
	#bottom-banner-wrap .text-area p {
		font-size: 13px;
	}
	.single #main #bottom-banner-wrap {
		margin: 80px auto 30px;
	}
	.single #go-category-top {
		margin: 30px auto 50px;
	}
	/***********問い合わせ**********/
	.mailform dl {
		width: 100%;
		display: block;
		max-width: 600px;
		margin: 0 auto 20px !important;
	}
	.mailform dl dt,
	.mailform dl dd{
		width: 100%;
	}
	.mailform dl dt {
		background: url(images/line-dotted-brown.png) no-repeat center bottom;
		background-size: auto 6px;
		padding: 0 0 12px;
		margin: 0 auto 11px;
	}
	
	
}
@media only screen and (max-width:589px){
	br.br589{display: block;}
	.spacer30{
		height: 25px;
	}
	.spacer40{
		height: 30px;
	}
	.spacer50{
		height: 40px;
	}
	.spacer100{
		height: 60px;
	}
	.font18{font-size: 18px !important;}
	.font20{font-size: 20px !important;}
	h3,
	.font24{font-size: 20px !important;}
	h2,
	.font30{font-size: 24px !important;}
	.font36{font-size: 28px !important;}
	.font40{font-size: 30px !important;}
	input[type="submit"], 
	input[type="reset"], 
	input[type="button"], 
	.button, 
	.wp-block-search .wp-block-search__button, 
	.wp-block-buttons .wp-block-button__link{
		font-size: 16px;
		height: 50px;
	}
	.vk-mobile-nav-menu-btn {
		top: 13px;
		right: 12px !important;
	}
	#site-header-container .site-description {
		font-size: 12px;
	}
	#site-header-container .site-header-logo {
		font-size: 20px;
	}
	#popup-area #call {
		min-width: 300px;
	}
	#popup-area #close {
		font-size: 14px;
		width: 180px;
	}
	
	#footer-sp-area-inner{padding: 5px 0;}
	#footer-sp-area .button {
		padding-top: 5px;
		line-height: 62px;}
	#footer-sp-area .button .min{
		font-size: 0.8em;
	}
	.icon-robo {width: 34px;}
	.go-sp-ai .balloon {
		width: 74px;
		height: 44px;
		top: -33px;
		font-size: 11px;
		left: 37px;
		padding-top: 14px;
	}

	#go-sp-tel .balloon {
		top: -25px;
	}
	#go-sp-mail .icon-mail,
	#go-sp-tel .tel-img{
		width: auto !important;
		height: 32px; !important;
		top: -20px !important;
	}
	#footer-nav a {
		font-size: 13px;
	}
	#page_top {
		width: 64px;
		height: 64px;
		font-size: 12px;
		padding: 5px 0 0;
		bottom: 62px;
	}
	/***********トップページ***********/
	#top-search-area h3 .icon-flex{
		width: 40px !important;
	}
	#top-cat-wrap{
		display: block;
	}
	#top-cat-wrap .top-cat-box {
		width: 100%;
		margin: 0 auto 25px;
	}
	.wp-block-post {
		padding: 5px;
	}
	.wp-block-post .wp-block-post-title{
		font-size:  17px !important;
	}
	.wp-block-post .wp-block-post-title a {
		padding: 13px 0 13px 21px;
	}
	.wp-block-post .wp-block-post-title a:before {
		width: 15px;
		height: 15px;
		top: 18px;
	}
	.wp-block-post .taxonomy-category {
		padding: 0 12px;
		font-size: 12px;
		top: -14px;
		right: 5px;
	}
	#top-office-info h2 .icon-flex {
		margin-bottom: -8px;
		width: 47px !important;
	}
	#top-office-info .inner-box h3 .icon-flex{
		width: 22px !important;
		margin: 0 6px -3px;
	}
	/***********カテゴリページ***********/
	#category-lead-area .category-lead h2{
		justify-content: center;
	}
	#category-lead-area .category-lead .title-area img{
		width: 40px !important;
	}
	.post-list{
		display: block;
	}
	.post-list .vk_post {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 20px !important;
	}
	
	
	/***********記事ページ***********/
	
	.single .entry-title {
		font-size: 23px;
		padding: 30px 15px 10px;
		text-align: left;
	}
	.single .entry-title span {
		justify-content: flex-start;
		line-height: 120%;
	}
	#bottom-banner-wrap .inner-box {
		padding: 20px 18px;
		display: block;
		text-align: center;
	}
	#bottom-banner-wrap .photo-area {
		margin: 0 auto 10px !important;
		width: 200px;
	}
	/***********検索結果***********/
	
	
	/***********問い合わせ**********/
	#contact-form-wrap {
		padding: 50px 10px;
	}
	
	
}
@media only screen and (max-width:489px){
	br.br489{display: block;}
	.spacer30{
		height: 20px;
	}
	.spacer40{
		height: 25px;
	}
	.spacer50{
		height: 30px;
	}
	.spacer100{
		height: 50px;
	}
	.font18{font-size: 16px !important;}
	.font20{font-size: 18px !important;}
	h3,
	.font24{font-size: 20px !important;}
	h2,
	.font30{font-size: 24px !important;}
	.font36{font-size: 26px !important;}
	.font40{font-size: 28px !important;}
	#site-header-container .site-description {
		font-size: 10px;
	}
	#site-header-container .site-header-logo {
		font-size: 16px;
		padding-right: 63px;
	}
	.vk-mobile-nav-menu-btn {
		font-size: 13px;
		top: 8px;
		right: 9px !important;
		width: 60px;
		height: 46px;
	}
	.vk-mobile-nav-menu-outer {
		padding: 20px;
	}
	footer{
		padding-top: 0;
	}
	#footer-site-title a {
		padding: 0;
		font-size: 16px;
	}
	footer .wp-block-button__link {
		width: 300px !important;
	}
	#footer-nav{
		display: block;
		text-align: center;
	}
	#footer-sp-area .button{
		height: 60px;
		width: 32%;
		line-height: 110%;
	}
	#go-sp-ai{
		font-size: 14px ;
	}
	.go-sp-ai .balloon {
		width: 62px;
		height: 44px;
		top: -33px;
		font-size: 10px;
		left: 24px;
		padding-top: 14px;
	}
	#page_top {
		width: 58px;
		height: 58px;
		font-size: 12px;
		padding: 5px 0 0;
		bottom: 90px;
	}
	/***********トップページ***********/
	#mainimage-inner {
		padding: 7px !important;
	}
	#top-search-area h3 .icon-flex {
		width: 32px !important;
	}
	#top-search-area input {
		height: 44px;
	}
	#top-search-area button {
		width: 100px;
		height: 44px;
		font-size: 15px;
	}
	#top-cat-area .title-area .icon-flex {
		width: 35px !important;
	}
	.wp-block-post-template {
		display: block;
	}
	.wp-block-post {
		padding: 5px;
		margin: 0 auto 20px !important;
		padding: 8px;
		max-width: 340px;
		width: 100%;
	}
	#top-greeting .greeting-column .right{
		width: 90%;
		max-width: 300px;
		margin: 0 auto 20px;
	}
	#top-office-info p {
		margin-bottom: 8px;
		font-size: 14px;
		line-height: 140%;
	}
	
	/******共通*******/
	.section-title h2:before, .section-title h2:after {
		width: 12px;
		height: 12px;
		margin: 0 8px;
	}
	/***********下層ページ***********/
	.page-header-title {
		font-size: 24px;
	}
	/***********カテゴリページ***********/
	#side-new-article ul{
		display: block;
	}
	#side-new-article li {
		width: 100%;
	}
	/***********記事ページ***********/	
	.single .entry-header .entry-meta {
		font-size: 12px;
		
	}
	.single #main h2 ,
	#main .page-post h2{
		background-size: auto 6px;
		padding: 0 0 15px 5px;
		font-size:20px !important;
	}
	.single #main h2 .text:before ,
	#main .page-post h2 .text:before{
		width: 14px;
		height: 14px;
		top: 8px;
		margin: 0 10px 0 0;
	}
	.single #main h3,
	#main .page-post h3{
		background-size: auto 5px;
		padding: 0 0 13px 5px;
		margin: 30px auto 15px;
	}
	.single #main #bottom-banner-wrap #bottom-banner-img{
		width: 280px;
	}
	.single article .veu_relatedPosts .relatedPosts_title {
		background: url(images/back-l-blue.jpg) no-repeat center top;
		border-radius: 6px;
		padding: 12px 12px 4px;
		margin: 0 auto 16px;
		font-size: 21px;
	}
	.veu_relatedPosts>.row {
		margin-right: 0;
	}
	.veu_relatedPosts .relatedPosts_item {
		width: 46%;
		margin: 0 1.5% 20px;
	}
	/***********問い合わせ**********/
	#contact-form-wrap .accept-area {
		padding: 30px 0 30px;
		text-align: left;
		font-size: 14px;
	}
	.mailform dl dt{
		font-size: 16px;
	}
	
}
@media only screen and (max-width:389px){
	br.br389{display: block;}
	h3, 
	.font24 {
		font-size: 19px !important;
	}
	h2,
	.font30 {
		font-size: 22px !important;
	}
	.font40 {
		font-size: 26px !important;
	}
	#site-header-container .site-header-logo {
		font-size: 14px;
	}
	
	footer .wp-block-button__link img{
		width: 28px !important;
	}
	
	#popup-area #call {
		min-width: 200px;
		width: 100%;
	}
	.icon-robo {
		left: -5px;
		width: 34px;
	}
	.go-sp-ai span{padding-left: 25px;}
	#go-sp-tel .balloon {
		font-size: 13px;
		width: 44px;
		height: 37px;
	}
	
	#footer-sp-area .button .min{
		display: block;
	}
	#go-sp-mail .icon-mail, #go-sp-tel .tel-img {
		height: 28px;
		top: -17px !important;
	}
	.go-sp-ai .balloon {
		width: 62px;
		height: 41px;
		top: -27px;
		font-size: 10px;
		left: 17px;
		padding-top: 14px;
	}
	#page_top {
		bottom: 95px;
	}
	/***********トップページ***********/
	#top-greeting {
		padding: 20px 18px 0;
	}
	#greeting-title .icon-flex{
		width: 38px !important;
	}
	#top-greeting .greeting-column .right {
		width: 90%;
	}
	
	#top-office-info .inner-box {
		padding: 25px 25px 5px;
	}
	#top-lp-link-img1 {
		width: 300px;
	}
	#top-link-banner .left {
		width: 90%;
		margin: 15px auto !important;
	}
	#top-link-banner .text-area figure {
		width: 88%;
		margin: 0 auto 15px;
	}

	
}