@charset "utf-8";

/*++++++++++++++
共通
++++++++++++++*/

body {
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	padding: 0;
	color: #111;
	margin: 0;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	/* font-family: "HiraKakuProN-W3","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","helvetica","arial",sans-serif; */
	/*
	font-family: YuMincho, "游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
*/
	position: relative;
	/* background: #F9F4E9; */
	counter-reset: number 0;
	/* font-weight: 100; */
}
.fixed {
    overflow: auto;
    height: 100%;
}
#wrapper {
	padding: 0;
	margin: 0;
}

marker {
	position: relative;
}
marker:before {
	content:"";
	background: rgba(255,255,0,0.63);
	position: absolute;
	left: 0;
	height: 50%;
	width: 100%;
	bottom: 0;
	z-index: -1;
}

.inner {
	max-width: 1200px;
	margin: auto;
}

.w90 {
	max-width: 90%;
	margin: auto;
}

.overlay {
	background: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
}

a {
	text-decoration: none;
	color: inherit;
}

.under {
	text-decoration: underline;
	color: #69c;
}

.under:hover {
	text-decoration: none;
}

.opacity {
	opacity: 1;
	display: block;
	transition: .3s;
}

.opacity:hover {
	opacity: 0.5;
	transition: .3s;	
}

.map {
	border: 1px solid #111;
	border-radius: 100px;
	font-size: 0.8em;
	padding: 5px 15px;
	box-sizing: border-box;
	margin: 0 0 0 10px;
	background: #111;
	color: #fff;
	letter-spacing: 1px;
	text-decoration: none;
	transition: .3s;
}

.map:hover {
	transition:.3s;
	background: #fff;
	color: #111;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

/*改行*/
.br {display: block !important;}
.br2 {display: none !important;}

/*レスポンシブ*/
.pc {display: block !important;}
.sp {display: none !important;}

/*センタリング*/
.center {
	display: block;
	margin: auto;
	text-align: center;
}

/*flex*/
.flex {
	display: flex;
	justify-content: space-between;
}

.column2,.column3 {
	flex-wrap: wrap;
	justify-content: space-between;
}
.column2 .text{
	width: 55%;
}

.column2 figure{
	width: 40%;
}

.column2 dl {
display: flex;
    align-items: center;
    background: #F9F4E9;
    padding: 25px 30px;
    border-radius: 10px;
    width: 45%;
    box-sizing: border-box;
}

.column2 dt {
	color: #ef540a;
	font-size: 1.2em;
	margin: 0 20px 0 0;
	letter-spacing: 1px;
}

.column2 dd {
	font-size: 1.2em;
	letter-spacing: 2px;
}

.column3 li {
	width:33%;
}
/*+++++++++++++++++++
/*hover
+++++++++++++++++++*/
.hover::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  color: #0080AA;
  background: rgba(255,255,0,0.5);
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .5s;
  z-index: -1;
}

.hover:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}

.hover.active {
  background: rgba(255,255,0,0.5);	
}


/*+++++++++++++++++++
/*breadcrumb
+++++++++++++++++++*/
.breadcrumb {margin: 0 0 100px;background: #fff;padding: 10px 20px;position: relative;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}

.breadcrumb ul {justify-content: left;}

.breadcrumb ul li{font-size: 0.7em;color: #666;letter-spacing: 1px;}

.breadcrumb ul li a{padding: 0 30px 0 0;}

/*+++++++++++++++++++
/*margin
+++++++++++++++++++*/
/*極小*/
.mb {
	margin: 0 0 10px;
}

/*小*/
.mb1 {
	margin: 0 0 30px;
}
/*中*/
.mb2 {
	margin: 0 0 50px;
}
/*大*/
.mb3 {
	margin: 0 0 80px;
}
/*+++++++++++++++++++
/*ホバー効果
+++++++++++++++++++*/
/*拡大*/
.scale {
	transition: .5s;
	-webkit-transform: scale(1);
	transform: scale(1);
    overflow: hidden;
    position: relative;
    display: block;
}
.scale:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	/*background: rgba(0,0,0,0.2);*/
}
/*++++++++++++++
下層メインタイトル
++++++++++++++*/
strong {
	font-size: 2.2em;
	letter-spacing:1px;
	line-height: 1.6;
	font-weight: 700;
	position: relative;
	z-index: 1;
}

.medium {
	font-size: 1.5em;
	letter-spacing:1px;
	line-height: 1.6;
	font-weight: 700;
}
h1 {
	
}

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

/*大見出し*/
h2 {
}

/*中見出し*/
h3 {
}

h3 b{
	display: block;
	font-size: 2.8em;
	letter-spacing: 2px;
}

h3 span {
	color: #ee780f;
	font-family: 'Quicksand',sans-serif;
	font-size: 1em;
	letter-spacing: 0;
	/* color: #fff; */
	border-radius: 100px;
	padding: 3px 20px;
	font-weight: bold;
}
/*小見出し*/
h4 {
	position: relative;
	padding: 0 0 15px;
	font-size: 2.2em;
	letter-spacing: 2px;
	line-height: 1.2;
	font-weight: bold;
	border-bottom: 3px solid #eee;
}

h4:before {
	content:"";
	background: #f36d00;
	width: 100px;
	height: 3px;
	position: absolute;
	bottom: -3px;
	margin: auto;
}

/*以下見出し*/
h5 {position: relative;padding: 0 0 15px;font-size: 1.6em;letter-spacing: 2px;line-height: 1.2;font-weight: bold;border-bottom: 3px solid #eee;}
h5:before {
	content:"";
	background: #f36d00;
	width: 100px;
	height: 3px;
	position: absolute;
	bottom: -3px;
	margin: auto;
}

/*以下見出し*/
h6 {
	font-size: 1.2em;
	letter-spacing: 1px;
	padding: 0 0 0 19px;
	position: relative;
	font-weight: bold;
}

















h6:before {
	content:"";
	background: rgba(243, 109, 0, 0.6);
	width: 10px;
	height: 10px;
	border-radius: 100px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

/*本文*/
p {
	font-size: 1em;
	letter-spacing: 1px;
	line-height: 2;
	color: #111;
	font-weight: 100;
	font-family: "HiraKakuProN-W3","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
}


/*補足*/
em {
	font-size: 0.8em;
	font-style: normal;
	letter-spacing: 1px;
	color: #666;
}
.indent {
    display: block;
    text-indent: -18px;
    padding: 0 0 0 18px;
    line-height: 1.8;
}
.indent:before {
	content:"※";
}
/**/
/*上*/
.view-lowup {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .5s;
	transition-delay:1s;
}

.view-lowup2 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .6s;
	transition-delay:1.5s;
}

.view-lowup3 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0,20px);
	transition: .7s;
	transition-delay:2s;
}

.view-lowup4 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0,20px);
	transition: .8s;
	transition-delay:2.5s;
}

.view-lowup5 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0,20px);
	transition: .9s;
	transition-delay:3s;
}

.mv-lowup {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}


/*右*/
.view-lowright {
	opacity: 0;
	transform: translate(60px,0); 
	-webkit-transform: translate(60px,0); 
	transition: .5s;
	transition-delay:0.5s;
}

.mv-lowright {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/*左*/
.view-lowleft {
	opacity: 0;
	transform: translate(-60px,0); 
	-webkit-transform: translate(-60px,0); 
	transition: .5s;
	transition-delay:0.5s;
}

.mv-lowleft {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

.mv-fade {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
}
/**/
/*お見積りボタン*/
a.button_simulation {
	display: block;
	/* border: 1px solid #ccc; */
	padding: 45px 45px 35px;
	background:#f36d00;
	border-radius: 10px;
	box-shadow: 0 6px 0 rgb(243 109 0 / 40%);
	text-align: center;
	position: relative;
	transition:.3s;
	/* overflow: hidden; */
	box-sizing: border-box;
	width: 46%;
}

a.button_simulation:hover {
	transition:.3s;
	transform: translate3d(0, 5px, 5px);	
}
a.button_simulation:before {
	/* content: ""; */
	background: url("../images/common/dentaku.png") no-repeat;
	position: absolute;
	width: 80px;
	height: 99px;
	left: 3%;
	background-size: 55px;
	top: 12%;
	overflow: hidden;
}

a.button_simulation b {
	position: absolute;
	top: 0;
	background: #d8321c !important;
	border-radius: 5px;
	padding: 10px 20px !important;
	color: #fff;
	left: 0;
	right: 0;
	margin: -4% auto 0 !important;
	width: 50% !important;
	font-size: 1.1em !important;
	letter-spacing: 1px;
}
a.button_simulation b:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #d8321c transparent transparent transparent;
    position: absolute;
    bottom: -20%;
    margin: auto;
    left: 0;
    right: 0;
}
a.button_simulation span {
	color: #fff;
	letter-spacing: 3px;
	font-weight: 700;
	font-size: 1.6em;
}


.mainvisual {
	background:#fff;
}
/*++++++++++++++
table
++++++++++++++*/
table {
	
}

tr {
	border-bottom: 1px solid #eee;
}
tr:last-child {
	/* border:none; */
}
th {position:relative;}
th p {font-weight: bold;}

th {
}
td {
}

table.block {
	
}

table.block th{
	
}


table.block td{
	
}

.shadow {
	box-shadow: 0px 6px 0 0px rgb(204 204 204 / 50%) !important;
}

.radius { border-radius: 30px; }

/*+++++++++++++++++++
/section
+++++++++++++++++++*/
section {
	padding: 100px 0 50px;
	clear: both;
	background: #fff;
}

section#estimation.other .otherbox {
	padding: 40px 80px 80px;
	border-radius: 0 0 10px 10px;
	border: 5px solid #f36d00;
}

section.other {padding: 100px 0 200px;}
/*+++++++++++++++++++
/article
+++++++++++++++++++*/
article {margin: 0 0 80px;}

/*+++++++++++++++++++
/*slick
+++++++++++++++++++*/
.slick-prev {
	border: 3px solid #111;
	left: 0;
	width: 50px;























	height: 50px;
	border-radius: 100%;
	z-index: 1;
	top: 8%;
	bottom: 0;
	margin: auto;
	background: #fff;
	transition: .3s;
}
.slick-prev:hover,.slick-prev:focus {
	background:#111;
	transition:.3s;
}
.slick-prev:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}

.slick-prev:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}
.slick-disabled {
	display:none;
}
/*next*/
.slick-next {
	border: 3px solid #111;
	right: 0;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	z-index: 1;
	top: 8%;
	bottom: 0;
	margin: auto;
	background: #fff;
	transition: .3s;
}
.slick-next:hover{
	background:#111;
	transition:.3s;
}
.slick-next:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	transform:rotate(180deg);
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}



.slick-next:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}

.slick-dots {
    margin: auto;
    bottom: -50px;
}

.slick-dots li{
	border-radius: 100% !important;
	width: 10px !important;
	height: 10px !important;
	background: #ccc !important;
	margin: 0 10px !important;
	border: none !important;
	padding: 0 !important;
}

.slick-dots li.slick-active button {
	background: #ee780f !important;
}

.slick-dots li button{}
.slick-dots li button:before {
	content:"";
	width: 10px;
	height: 10px;
}
/*+++++++++++++++++++
/*button
+++++++++++++++++++*/
.button1 {border-radius: 100px;padding: 15px 60px;transition: .3s;position: relative;background: #111;font-size: 1.1em;display: inline-block;font-weight: 700;letter-spacing: 1px;color: #fff;overflow: unset;}

.button1:hover {
	background:#ee780f;
	color:#fff;
	transition:.3s;
	transform: translate3d(5px, 5px, 5px);		
}

.button1:before {
	content:"";
	background: url(../images/common/arrow_w.svg) no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6%;
	margin: auto;
	background-size: 100%;
	width: 20px;
	height: 12px;
	transition:.3s;
}

.button2 {
    /* border: 1px solid #111; */
    border-radius: 100px;
    background: #fff;
    padding: 10px 40px;
    transition: .3s;
    position: relative;
    font-size: 0.9em;
    width: 80%;
    font-weight: 700;
    letter-spacing: 2px;
    color: #111;
    box-sizing: border-box;
}

.button2:before {
	content:"";
	background: url(../images/common/arrow.svg) no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6%;
	margin: auto;
	background-size: 100%;
	width: 20px;
	height: 12px;
	transition:.3s;
}


/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
header {
	position: relative;
	background: #fff;
	width: 100%;
	/* border-bottom: 1px solid #ccc; */
	padding: 20px 50px 40px;
	z-index: 1;
	top: 0;
	box-sizing: border-box;
}
.headertop {width: 39%;display: flex;justify-content: right;float: right;}

.headertop .flex {
	align-items: center;
	width: 100%;
	float: right;
	justify-content: right;
}

.headertop .flex span {font-size: 0.85em;font-weight: 500;letter-spacing: 2px;letter-spacing: 1px;color: #666;padding: 0 0 0 25px;background-size: 15px;margin: 0 0 0 18px;}

.headertop .flex .tel {
	border: none;
	padding: 0;
	font-size: 1.4em;
	width: auto;
	margin: 0;
}

.headertop .flex .tel span {
	font-size: 1em;
	color: #111;
	letter-spacing: 0;

}

.headertop .flex .tel:before {
display:none;}

.logo span {

	font-size: 0.7em;
	letter-spacing: 1px;
	color: #666;
	margin: 0 0 15px;
	font-weight: 100;
	display: block;
}

.headerbox {
	clear: both;

	display: flex;
	justify-content: space-between;
}



header a.logo {
	width: 400px;
	display: block;
	margin: 0px 100px 0 0;
}

header a.logo img {
	/* width:40px; */
}

header ul {
	display:flex;
	justify-content:space-between;
	margin: 25px 15px 0 0;
	align-items: center;
}

header ul li {
	margin: 0 70px 0 0;
}

header ul li a {
	display:block;
	font-weight: 600;
	font-size: 1.2em;
	letter-spacing: 2px;
	padding: 0;
	position: relative;
	z-index: 2;
}

header ul li:last-child {
	margin:0;
	padding: 0;
	border: none;
}
header ul li small {
	position: relative;
	font-family: 'Quicksand',sans-serif;
	font-size: 0.7em;
	font-weight: 500;
	letter-spacing: 1px;
	/* padding: 0 0 0 13px; */
	/* color: #66b733; */
	padding: 5px 0 0;
	text-align: center;
	color: #f36d00;
	display: block;
}
header ul li small:before {
	/* content: ""; */
	width: 7px;
	height: 7px;
	background: #f36d00;border-radius: 100px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0.6;}


.drawer-hamburger {
	margin: 30px;
	right: 1%;
	left: inherit;
}

/*+++++++++++++++++++
/*drawer
+++++++++++++++++++*/
.drwmenu {width: 43%;display: flex;flex-wrap: wrap;justify-content:left;margin: 0;}

.drwmenu dt{
	width: 45%;
	font-weight: bold;
}
.drwmenu dt a {
	position: relative;
	padding: 0 0 0 20px;
	z-index: 10;
}
.drwmenu dt a:before {
    height: 7px;
    background: #f36d00;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.6;
}

.drwmenu dd{
	
}

.drwmenu dd a{
	
}

.drwbox {
	position: fixed;
	/* display: none; */
	justify-content: space-between;
	width: auto;
	top: 0;
	width: 100%;
	margin: auto;
	right: 0;
	align-items: center;
	/* height: 100%; */
	z-index: 10000;
}

.drawer-open header {
	background:none;
}
.drawer-open header a.logo {
	opacity: 0;
}

.drwbox .htel {
	margin: 0 40px 0 0;
}

.drawer-menu {
	background: #fff;
	width: 100%;
	height:100%;
	right: 0;
	padding: 30px 30px 80px;
	position: absolute;
	box-sizing: border-box;
	z-index: -1;
	/* overflow-y: scroll; */
	/* z-index: 0; */
}

.drawer-menu:before {
	content:"";
	position: absolute;
	background: #fff;
	width: 95%;
	height: 30px;
	top: -20px;
	z-index: 9999;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 20px 20px 0 0;
}

.drawer-nav section.contact-common:before,.drawer-nav section.contact-common:after {
	background: none;
}

.drawer-nav section.contact-common .inner {
	max-width:100%;
}


.drawer-nav img.charactor {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	width: 400px;
	margin: 0;
	height: auto;
	transition:.5s;
	left: 50%;
}

.drawer-open .drawer-nav img.charactor {
	left: 6%;
	height: auto;
	transition:.5s;
	transition-delay: .5s;
}
.drawer-nav img.drw_fukidashi {
	position: absolute;
	top: 35%;
	left: 4%;
	transition: .9s;
	transform: rotate(-15deg);
	opacity: 0;
}


.drawer-open .drawer-nav img.drw_fukidashi {
	opacity: 1;
	transition:.9s;
	transition-delay: .9s;
}

.drawer-menu .flex {
	align-items: baseline;
	justify-content:center;
	width: 69%;
}
.drawer-menu dl.drwmenu {
	width:100%;
	margin:0 50px 50px 0;
}

.drawer-menu dl.drwmenu:last-child {
	margin:0;

}

.drawer-menu  a.button_simulation {
	width: 62%;

}

.drawer-menu a.button_simulation span {
	font-size: 1em;
}




.drawer-menu a.button_simulation:before {
	width: 100px;
	height: 108px;
	background-size: 100px;
}

/*is-animation*/
header.is-animation {
	/* background:none; */

	transition:.3s;
}
/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/
footer {
	/* height: 500px; */
	background: #fff;
	/* box-shadow: 0 2px 3px rgb(55 49 37 / 20%); */

	margin: 0 0 5px;
	overflow: unset;
}

.copyright {
	font-size: 0.8em;
	text-align: center;
	padding: 20px 0;
	color: #666;
	background: #F9F4E9;

	letter-spacing: 1px;
}

footer strong {
	display: block;
	font-size: 1.2em;
}

.footerbox {
	max-width:1200px;
	margin:auto;
	padding: 50px 0 80px;
}

.footerbox .flex {
	align-items:center;
	justify-content: space-between;
}

.footerbox .flex figure {

	border-right: 1px solid #eee;
	padding: 0 80px 0 0;
}


#pagetop {
	opacity:1;
	background: url("../images/common/pagetop.png") no-repeat;
	transition: .3s;
	width: 100px;
	height: 130px;
	position: fixed;
	bottom: 0;
	right: 0;
	background-size: 100px;
	margin: 1.5% 2%;
	cursor: pointer;
	z-index: 100;
}

footer .inner {max-width: 95%;}

#pagetop:hover {
	opacity:0.7;
	transition: .3s;
}

/*+++++++++++++++++++
/*column
+++++++++++++++++++*/

section#column {
	/* background: #ad9684; */
	overflow: hidden;
	padding: 150px 0 200px;
	/* background: #F9F4E9; */
}

section#column .inner {
	/* background: #fff; */
	max-width: 1200px;
	position: relative;
	align-items: flex-start;
	/* padding: 50px; */
	border-radius: 10px;
	box-sizing: border-box;
}

section#column .inner h6 {
    font-weight: bold;
}

/*一覧*/
.column section#column {
	background:#fff;
	padding: 50px 0 200px;
}

.column section#column .inner {
	padding: 50px 0 0;
}

.column section#column.other .inner {
    padding:0;
}

section#column .listbox {
	position: relative;
	overflow: hidden;
	padding: 0;
	width: 80%;
	margin: 0 100px 0 0;
}

section#column .listbox.front {
	/* margin:85px 100px 0 0; */
}

/*TOPのみ*/
.frontpage section#column {
	width: 29%;
	padding: 0px 0 100px 350px;
	overflow: unset;
}
.frontpage section#column .listbox.front {
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 10px;
}
/**/


section#column.other .listbox ul {
    border-top: 1px solid #ccc;
    padding: 30px 0 0;
}

section#column .listbox li{
	margin: 0 0 30px;
	border-bottom: 1px dashed #ccc;
	padding: 0 0 30px;
	box-sizing: border-box;
}


section#column .listbox li:first-child .honbun {
	display:block;
}
section#column .listbox li:first-child .honbun p {
	font-size: 0.85em;
}

section#column .listbox li a {
	overflow:hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	opacity:1;
	width: 100%;
	justify-content: space-between;
}

section#column .listbox li a figure {
	transition: .5s;
	-webkit-transform: scale(1);
	transform: scale(1);
    overflow: hidden;
    position: relative;
    display: block;
}
section#column .listbox li a:hover figure {
}

section#column .listbox li a:hover {
	transition:.3s;
	opacity:0.6;
}

section#column .listbox li a figure {width: 30%;margin: 0 3% 0 0;}

section#column dl.title {width: 65%;}

section#column dl.title dt{
	font-size: 1.3em;
	letter-spacing: 1px;
	font-weight: 700;
	/* color: #fff; */
	padding: 10px 0 5px;
}

section#column li:first-child dl.title dt {
	padding: 0 0 10px;
}

section#column li:first-child dl.title dd{
	padding: 0 0 10px;
}

section#column .listbox li .honbun {
	display:none;
}

section#column dl.title dd small{
	font-size: 0.95em;
	color:unset;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	color: #999;
}

section#column dl.title dd em {
	border: 1px solid #666;
	border-radius: 5px;
	padding: 1px 8px 2px;
	font-size: 0.7em;
	margin: 0 0 0 10px;
	box-sizing: border-box;
}
section#column dl.title dd p {
    font-size: 0.9em;
    letter-spacing:0;
}


section#column li dl.title dd {

	position: relative;
	top: 0;
	background: #fff;
	padding: 0;
	border-radius: 0 0 30px 0;
	box-sizing: border-box;
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
}

/*詳細*/
section#column .single {
	background: none;
	padding: 0;
}

section#column .single .detailbox {
	margin: 0 100px 0 0;
	width: 80%;
}
section#column .single .detailbox .honbun {
    border-bottom: 1px solid #ccc;
    padding: 0 0 50px;
    margin: 0 0 50px;
}

section#column .single .detailbox .honbun h5 {
	margin:0 0 40px;
}

section#column .single .detailbox .honbun img {
	width: auto;
	height: auto;
}

section#column .single .detailbox p {
    font-size:0.95em;
}
section#column .single dl.title {
	width:auto;
}
section#column .single dl.title dt {
	font-size: 2em;
	font-weight: bold;
}

section#column .backnumber {
	width: 30%;
	position: relative;
}

section#column .backnumber figure.rorate {
    position:relative;
    /* padding: 75px 0 0; */
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
section#column .backnumber figure.rorate .backnumber_ttl {
	background: #d8321c;
	/* border: 3px solid #d8321c; */
	width: 63%;
	border-radius: 100px;
	color: #fff;
	font-size: 0.9em;
	position: relative;
	padding: 10px 0;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
	/* transform: rotate(-3deg); */
	margin: 16px 0 0;
}

section#column .backnumber figure.rorate .backnumber_ttl:before {
	content:"";
	background:url(../images/common/fukidashi.svg) no-repeat;
	position: absolute;
	width: 23px;
	height: 27px;
	background-size: 20px;
	bottom: -40%;
	right: 15%;
	transform: rotate(-5deg);
}

section#column .backnumber figure.rorate img {width: 90px;/* position: absolute; */top: 0;z-index: 0;/* margin: 0 20px 0 0; */}

section#column .backnumber ul {
	border-top: 5px solid #ccc;
	padding: 20px 0 0;
	background: #fff;
	z-index: 1;
	position: relative;
	margin: -12% auto 80px;
}

section#column .backnumber ul li {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #ccc;
}

section#column .backnumber ul li:last-child {
	padding:0;
	border:none;
	margin:0;
}

section#column .backnumber ul li figure {
	width: 40%;
	margin: 0 10px 0 0;
}
section#column .backnumber ul li dl.title {
	width:58%
}
section#column .backnumber ul li dl.title dt {
	font-size: 1em;
	padding: 0 0 10px;
}
section#column .backnumber ul li dl.title dd {
	padding: 0;
}

section#column .backnumber dl.title dd small{
	font-size: 0.7em;
}

section#column .backnumber dl.title dd em{
	font-size: 0.7em;
}
/*アーカイブ*/
section#column .backnumber ul.archive {
	border: none;
	padding: 0;
	margin: 0 auto 60px;
}
section#column .backnumber ul.archive li {
	margin: 0 0 10px;
	padding: 0 0 10px;
}
section#column .backnumber ul.archive li a {
	font-size: 0.8em;
	letter-spacing: 1px;
}

/**/
/*+++++++++++++++++++
/*お問い合わせ 共通
+++++++++++++++++++*/
section.contact-common {
	position: relative;
	background: #fff;
	padding: 80px 0 50px;
}
section.contact-common:after {
	content:"";
	background:rgba(0,0,0,0.5);
	position: absolute;
	height: 350px;
	top: 0;
	width: 100%;
	margin: auto;
	bottom: inherit;
}
section.contact-common:before {
	content:"";
	background: url(../images/common/bg.jpg) no-repeat center;
	position: absolute;
	height: 350px;
	top: 0;
	width: 100%;
	margin: auto;
	bottom: inherit;
}

section.contact-common .inner {
	margin: auto;
}

.contact-common figure {
	width: 110px;
	position: absolute;
	top: -29px;
	right: 2%;
	margin: auto;
}
.contact-common b {
	font-size: 1.6em;
	/* padding: 0 0 11px 0; */
	letter-spacing: 1px;
	line-height: 1.6;
	/* border-bottom: 4px solid #111; */
	font-weight:600;
	position: absolute;
	left: 0;
	color: #fff;
	top: 0;
	background: #d8321c;
	width: 100%;
	padding: 10px 15px 15px;
	text-align: center;
	box-sizing: border-box;
}

.contact-common b u {
	text-decoration:none;
	font-size: 1.2em;

	position:relative;
	z-index: 100;
	margin: 0 10px 0 0;
}

.contact-common b u:before {
	content:"";
	/* background:rgba(255,255,0,0.5); */
	position:absolute;
	height: 20px;
	width:100%;
	bottom:0;
	z-index: -1;
}

.contact-common figure img {
	width: 130px;
	padding: 0 30px 0 0;
}

.contact-common .box {
	background: #fff;
	padding: 120px 50px 30px;
	margin: 0 auto 0;
	border: 3px solid #d8321c;
	box-sizing: border-box;
	position: relative;
	box-shadow: 0px 6px 6px rgb(204 204 204 / 50%) !important;
	border-radius: 10px;
	z-index: 1;
	/* overflow: hidden; */
}

.contact-common .box p {
	position: relative;
	z-index: 1;
}

.contact-common .box:after {
	content:"";
	background:#fff;
	width: 100%;
	height: 76%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.contact-common .box .ttl {
	background: #fff;
	position: absolute;
	top: -9%;
	left: 0;
	right: 0;
	margin: auto;

	width: 43%;
	text-align: center;
	padding: 7px 0;
	box-sizing: border-box;
	font-size: 1.6em;
	letter-spacing: 1px;
	font-weight: bold;
}

.contact-common .box .flex {
	align-items:center;
	margin: 0 auto 20px;
	position: relative;
	z-index: 1;
}

.contact-common .box .flex:before {



	content:"";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;

	height: 100%;
	border-left: 1px dashed #ccc;
	border-width: 2px;
	top: 0;
	bottom: 0;
}
.tel {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 2.3em;
	letter-spacing: 2px;
	padding: 35px 80px 33px;
	border: 3px solid #111;
	width: 46%;
	box-sizing: border-box;
	border-radius: 10px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.tel:before {
    content:"";
    background: url(../images/common/arrow_w.svg) no-repeat center #d8321c;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    background-size: 25px;
}

.tel span {
	display: block;
	background: url(../images/common/tel.svg) no-repeat left center;
	background-size: 25px;
	font-weight: normal;
	letter-spacing: 1px;
}

/*++++++++++++++
mainvisual
++++++++++++++*/
.mainvisual {
	position: relative;
	/* height: 350px; */
	overflow: hidden;
}

.mainvisual h2 {
	align-items: center;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	top: 0;
	margin: auto;
	/* border-bottom: 2px solid #fff; */
	width: auto;
	padding: 15px 100px;
	box-sizing: border-box;
	letter-spacing: 7px;
}

.mainvisual h2 b {
	font-size: 2.8em;
	color: #fff;
	line-height: 1.2;
}

.company .mainvisual {position: relative;}


.mainvisual .inner {
		height: 300px;
		width: 90%;
		max-width:100%;
		float: right;
		border-radius: 10px 0 0 0;
		position: relative;
		overflow: hidden;
		z-index: 1;
}

.mainvisual .inner:before {
	content:"";
	background: rgba(0,0,0,0.2);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

.mainvisual:after {
    content:"";
    position: absolute;
    height: 150px;
    width: 100%;
    left: 0;
    /* background: #eee; */
    bottom: 0;
    z-index: 0;
}
.n404 .mainvisual .inner {
	background: url("../images/contact/mainttl.jpg") no-repeat;	
}
.privacy .mainvisual .inner {
	background: url("../images/contact/mainttl.jpg") no-repeat;	
}
.thanks .mainvisual .inner,
.contact .mainvisual .inner {
	background: url("../images/contact/mainttl.jpg") no-repeat;	
}

.tips .mainvisual .inner {
	background: url("../images/tips/mainttl.jpg") no-repeat;	
	background-position: top;
}
.column .mainvisual .inner {
	background: url("../images/column/mainttl.jpg") no-repeat;	
}

.estimation  .mainvisual .inner,
.estimation2  .mainvisual .inner,
.estimation3  .mainvisual .inner,
.estimation-thanks  .mainvisual .inner{
	background: url("../images/contact/mainttl.jpg") no-repeat;	
}
.introduction  .mainvisual .inner {
	background: url("../images/introduction/mainttl.jpg") no-repeat;
	background-position: center;	
}
.service  .mainvisual .inner {
	background: url("../images/service/mainttl.jpg") no-repeat;
	background-position: bottom;
}
.otherservice  .mainvisual .inner {
	background: url("../images/otherservice/mainttl.jpg") no-repeat;
	background-position: center;
}


/*pagenavi*/
.wp-pagenavi{
	clear:both;
	margin: 50px 0 0;
	text-align:center;
	padding: 0 0 10px;
	position: relative;
	display: flex;
	justify-content: center;
}

.wp-pagenavi span.pages {
    padding: 10px;
    margin: 0 5px 0 0;
}

.wp-pagenavi span.current {
      display: inline-block;

      color: #f5f1df;
      background: #f36d00;
      padding: 18px 20px;
      box-sizing: border-box;
      text-align: center;
      width: 50px;
      height: 50px;
      line-height: 1.1;
      font-size: 0.9em;
      border-radius: 10px;
      margin: 0 10px 0 0;
      position: relative;
      box-shadow: 0 0px 3px rgba(0,0,0,0.2);
}




a.page.smaller, a.page.larger {
    color: #222;
    padding: 18px 20px;
    text-align: center;
    box-sizing: border-box;
    margin: 0 10px 0 0;
    line-height: 1.1;
    width: 50px;
    height: 50px;
    font-size: 0.9em;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    border-radius: 10px;
}

a.page.smaller:hover,
a.page.larger:hover,
a.previouspostslink:hover,
a.nextpostslink:hover,
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.first:hover,
.wp-pagenavi a.last:hover{
	text-decoration:none;

	box-shadow:0 0px 3px rgba(0,0,0,0.2);
	background: #f36d00;
	color: #fff;
	/* background:#f5f1df; */
	box-shadow:none;
	transition: .3s;

	text-decoration:none;
}


a.page.smaller:hover:after,
a.page.larger:hover:after,
a.previouspostslink:hover:after,
a.nextpostslink:hover:after
 {
	margin:0;

}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
    display: inline-block;
    color: #231815;
    padding: 18px 20px;
    text-align: center;
    line-height: 1.1;
    margin: 0 1% 0 0;
    font-size: 0.9em;
    border-radius: 10px;
    /* border: 1px solid #ccc; */
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 20%);
}

.wp-pagenavi .extend {
	color: #222;
    padding: 18px 20px;
    text-align: center;
    line-height: 1.1;
	margin: 0 8px 0 0;
    font-size: 0.9em;
	position: relative;
	display: flex;
	align-items: center;
}

.wp-pagenavi a.first,.wp-pagenavi a.last {
	display: inline-block;
	color: #222;
	align-items: center;
	background: none;
	/* border: 1px solid #b89d1c; */
	padding: 10px 20px;
	text-align: center;
	margin: 0 8px 0 0;
    font-size: 0.9em;
}
/*+++++++++++++++++++
/example
+++++++++++++++++++*/
#example {padding: 100px 0;background: #fdf7ea;}

#example .slick-list {
	overflow: unset;
}

section#example .case {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	box-sizing: border-box;
}



section#example ul > li:nth-child(2) {
	border: 3px solid #66b73c;
}
section#example ul > li:nth-child(3) {
	border: 3px solid #f36d00;
}


section#example div.flex {flex-wrap: wrap;}


section#example  figure {
	width: 44%;
	margin: 10px 0 0;
}

#example ul{max-width: 1200px;margin: auto;}

#example li{
	z-index: 10;
	background: #fff;
	position: relative;
	margin: 0 30px;
	overflow: hidden;
	border: 3px solid #1d7b97;
	border-radius: 0;
	padding: 100px 40px 40px;
}

#example li .flex {
    flex-wrap:wrap;
    align-items: center;
    padding: 0;
    box-sizing: border-box;
}

#example .textbox{
	width: 52%;
	box-sizing: border-box;
}

#example .textbox p{
	background: #eee;
	border-radius: 5px;
	padding: 20px;
}

#example .textbox strong {
	padding: 0 0 9px;
	display: block;
	font-size: 1.7em;
	margin: 0 0 10px;
}

#example .textbox b{
	display: block;
	color: #555;
	font-size: 0.9em;
	letter-spacing: 1px;
	margin: 0 0 5px;
}

#example li figure{
	border-radius: 0;
	overflow: hidden;
	position: relative;
	margin: 0;
}

#example li figure:before {
	content:"";
}

#example li figure img {
	width:100%;
}

#example dl {
	justify-content: left;
	align-items: center;
	margin: 0 0 20px;
}

#example dt  {
	color: #fff;
	padding: 5px 10px;
	margin: 0 20px 0 0;
	font-weight: 700;
	background: #e50012;
	letter-spacing: 2px;
}

#example dd {
	/* font-family: 'Lato', sans-serif; */
	font-size: 2.6em;
	font-weight: bold;
	color: #e50012;
}

#example dd small {
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 0.6em;
	margin: 0 10px 0 5px;
}


#example .case {
	width: auto;
	padding: 10px 20px 13px;
	color: #fff;
	text-align: center;
	background: #f36d00;
	z-index: 9999;
	margin: auto;
	font-family: 'Lato', sans-serif;
}

section .blue{
    background: #1d7b97 !important;
}

section .green {
	background: #66b73c !important;
}

section .orange {
    background:#f36d00;
    }

section .yellow {
	background: #d9d915;
}

#example .case small {
	/* display: block; */
	font-size: 1.2em;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.1;
	margin: 0 10px 0 0;
	}

#example .case b {
	font-size: 2em;
	font-weight: normal;
	line-height: 1.1;
}

#example ol.tag {
	display: flex;
	margin: 0 0 20px;
}

#example ol.tag li{
	font-weight: bold;
	font-size: 0.9em;
	border: 1px solid #eee !important;
	border-radius: 10px;
	width: auto;
	margin: 0 10px 0 0;
	padding: 10px 20px;
}

#example ol.tag li p {
	background: none;
	padding: 0;
	font-weight: bold;
}
#example ol.tag li:before{
	content: "";
	background: url("../images/common/tag.svg") no-repeat;
}

#example .plandetail {
	display: flex;
	margin: 0 0 20px;
	/* flex-wrap: wrap; */
	/* border-top: 1px dashed #ccc; */
	flex-wrap: wrap;
}
#example .plandetail figure{
	width: 130px;
}

#example .plandetail dl{
	width: 25% !important;
	margin: 0 0 10px;
	position: relative !important;
	padding: 0 !important;
	background: none !important;
}
#example .plandetail dt:before {
	content:"";
	width: 0;
	top: 40%;
	right: -12%;
	position: absolute;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #111;
}
#example .plandetail dl:last-child dt:before {
	display:none;
}
#example .plandetail dt{
	background: none;
	padding: 0;
	margin: 0 0 10px;
	position: relative;
}

#example .plandetail dl:last-child {
	margin:0;
}

#example .plandetail dd{
	font-size: unset;
	text-align: center;
	color: #111 !important;
	font-size: 0.7em !important;
	letter-spacing: 0 !important;
	font-weight: 500;
}
/*++++++++++++++
下層ページタブ
++++++++++++++*/
ul.tab {justify-content: left;margin: 0 auto 100px;width: 100%;margin: 0 0 80px;}
ul.tab li{margin: 0 30px 0 0 !important;width: auto;}
ul.tab li a{
			font-size: 1.2em;
			font-weight: bold;
			letter-spacing: 2px;
			position: relative;
			display: block;
			padding: 0 0 10px 30px;
			border-bottom: 3px solid #eee;
			}
ul.tab li a:hover {
	color:#f36d00;
}
ul.tab li a::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #f36d00;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}

ul.tab li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

ul.tab li:last-child{margin: 0;}
ul.tab li a:before {
	content:"";
	background: url(../images/common/arrow2_nb.svg) no-repeat;
	transform: rotate(90deg);
	position: absolute;
	width: 10px;
	height: 20px;
	left: 0;
	top: -3px;
	bottom: 0;
	margin: auto;
	background-size: 8px;
}

/*ノートPC等*/
@media screen and (max-width: 1699px) {

/*TOPのみ*/
.frontpage section#column {
}
.frontpage section#column .listbox.front {
}
/**/
/*++++++++++++++
mainvisual
++++++++++++++*/

.company .mainvisual {position: relative;}


.mainvisual .inner {width: 93%;}


/*+++++++++++++++++++
/*breadcrumb
+++++++++++++++++++*/
.breadcrumb {margin: 0 0 100px;background: #fff;padding: 10px 20px;position: relative;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}

.breadcrumb ul {justify-content: left;}

.breadcrumb ul li{font-size: 0.7em;color: #666;letter-spacing: 1px;}

.breadcrumb ul li a{padding: 0 30px 0 0;}


/*++++++++++++++
下層メインタイトル
++++++++++++++*/
strong {
}
h1 {
	
}

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

/*大見出し*/
h2 {
}

/*中見出し*/
h3 {
}

/*小見出し*/
h3 b{
	display: block;
	font-size: 2.6em;

	letter-spacing: 2px;
	margin: 10px 0 0;
}


/*本文*/
p {
}


/*補足*/


em {
	font-style: normal;
}


/**/
/*お見積りボタン*/
a.button_simulation {
}

a.button_simulation:hover {
}
a.button_simulation:before {
	/* content: ""; */
	background: url("../images/common/dentaku.png") no-repeat;
	position: absolute;
	width: 80px;
	height: 99px;
	left: 3%;
	background-size: 55px;
	top: 12%;
	overflow: hidden;
}

a.button_simulation b {
}
a.button_simulation b:after {
}
a.button_simulation span {
	color: #fff;
	letter-spacing: 3px;
	font-weight: 700;
	font-size: 1.6em;
}


.mainvisual {
}
/*++++++++++++++
table
++++++++++++++*/
table {
	
}

tr {
	
}

th {
	
}

td {
	

}


.shadow {
}

.radius {}


/*+++++++++++++++++++
/*slick
+++++++++++++++++++*/

.slick-prev:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}

.slick-prev:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}
.slick-disabled {
	display:none;
}
/*next*/
.slick-next {
	/* right: 14%; */
}
.slick-next:hover{
}
.slick-next:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	transform:rotate(180deg);
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}




.slick-next:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}

.slick-dots {
    margin: auto;

    bottom: -45px !important;
}

.slick-dots li{
	background: #ccc !important;
}

/*+++++++++++++++++++
/*button
+++++++++++++++++++*/

.button1:hover:before {
	transition:.3s;
	right:3%;
	background:url(../images/common/arrow_w.svg) no-repeat;	
}
/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
header {
}
.headertop {width: 48%;}

header a.logo {
	margin: 0px 50px 0 0;
}


header ul {
	margin: 20px 0 0 0;
}

header ul li {
	margin: 0 25px 0 0;
}

header ul li a {
}

header ul li:last-child {
	margin:0;
	padding: 0;
	border: none;
}
header ul li small {
}
header ul li small:before {/* content: ""; */width: 7px;height: 7px;background: #f36d00;border-radius: 100px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0.6;}


.drawer-hamburger {
}

/*+++++++++++++++++++
/*drawer
+++++++++++++++++++*/
.drwmenu {}

.drwmenu dt{
}
.drwmenu dt a {font-size: 1.1em;}
.drwmenu dt a:before {
}


.drawer-open header {
	background:none;
}
.drawer-open header a.logo {
	opacity: 0;
}

.drwbox .htel {
	margin: 0 40px 0 0;
}

.drawer-nav img.charactor {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	width: 400px;
	margin: 0;
	height: auto;
	transition:.5s;
	left: 50%;
}

.drawer-open .drawer-nav img.charactor {
	left: 6%;
	height: auto;
	transition:.5s;
	transition-delay: .5s;
}
.drawer-nav img.drw_fukidashi {
	position: absolute;
	top: 35%;
	left: 4%;
	transition: .9s;
	transform: rotate(-15deg);
	opacity: 0;
}


.drawer-open .drawer-nav img.drw_fukidashi {
	opacity: 1;
	transition:.9s;
	transition-delay: .9s;
}


.drawer-menu .flex {
	align-items: baseline;
	justify-content:center;
	width: 69%;
}
.drawer-menu dl.drwmenu {
}

.drawer-menu dl.drwmenu:last-child {
	margin:0;

}

.drawer-menu  a.button_simulation {
	width: 62%;

}

.drawer-menu a.button_simulation span {
}




.drawer-menu a.button_simulation:before {
	width: 100px;
	height: 108px;
	background-size: 100px;
}

/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/

footer strong {
	display: block;
	font-size: 1.2em;
}


footer .inner {max-width: 95%;}

/*+++++++++++++++++++
/*column
+++++++++++++++++++*/


/*一覧*/
.column section#column {
}

.column section#column .inner {
	padding: 50px 0 0;
}

section#column .listbox li:nth-child(2n){
}
section#column .listbox li:first-child .honbun {
	display:block;

}
section#column .listbox li:first-child .honbun p {
	font-size: 0.85em;
}

section#column .listbox li a {
}

section#column .listbox li a figure {
}
section#column .listbox li a:hover figure {
}

section#column .listbox li a:hover {
	transition:.3s;
	opacity:0.6;
}

section#column .listbox li a figure {}



section#column dl.title {}

section#column dl.title dt{
	font-size: 1.2em;
	letter-spacing: 1px;

	font-weight: 700;
	/* color: #fff; */
	padding: 10px 0 20px;

}

section#column li:first-child dl.title dt {
}

section#column li:first-child dl.title dd{
}

section#column .listbox li .honbun {
	display:none;
}

section#column dl.title dd small{
}

section#column dl.title dd em {
}
section#column dl.title dd p {
}


section#column li dl.title dd {
}

/*詳細*/
section#column .single {
	background: none;
	padding: 0;
}

section#column .single .detailbox {
}
section#column .single .detailbox .honbun {
}

section#column .single .detailbox p {
    font-size:0.95em;
}
section#column .single dl.title {
	width:auto;
}
section#column .single dl.title dt {
	font-size: 2em;
	font-weight: 100;

}

section#column .backnumber {
}

section#column .backnumber figure.rorate {
}
section#column .backnumber figure.rorate .backnumber_ttl {
}

section#column .backnumber figure.rorate .backnumber_ttl:before {
	content:"";
	background:url(../images/common/fukidashi.svg) no-repeat;
	position: absolute;
	width: 23px;
	height: 27px;
	background-size: 20px;
	bottom: -40%;
	right: 15%;
	transform: rotate(-5deg);
}

section#column .backnumber figure.rorate img {}

section#column .backnumber ul {
}

section#column .backnumber ul li {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #ccc;
}

section#column .backnumber ul li:last-child {
	padding:0;
	border:none;
	margin:0;
}

section#column .backnumber ul li figure {
	width: 40%;
	margin: 0 20px 0 0;
}


section#column .backnumber dl.title dd small{
	font-size: 0.7em;
}

section#column .backnumber dl.title dd em{
	font-size: 0.7em;
}
/*アーカイブ*/
section#column .backnumber ul.archive {
	border: none;
	padding: 0;
	margin: 0 auto 60px;
}
section#column .backnumber ul.archive li {
	margin: 0 0 10px;
	padding: 0 0 10px;
}
section#column .backnumber ul.archive li a {
	font-size: 0.8em;
	letter-spacing: 1px;
}
/*TOPのみ*/
.frontpage section#column {
}
.frontpage section#column .listbox.front {
}
/**/

/**/
/*+++++++++++++++++++
/*お問い合わせ 共通
+++++++++++++++++++*/

section.contact-common b u:before {
	content:"";
	background:rgba(255,255,0,0.5);
	position:absolute;
	height: 20px;
	width:100%;
	bottom:0;
	z-index: -1;
}

section.contact-common figure img {
	width: 150px;
	padding: 0 30px 0 0;
}


/*+++++++++++++++++++
/example
+++++++++++++++++++*/

#example .slick-list {
	overflow: unset;
}

#example li{margin: 0 60px;}


#example .textbox p{margin: 0 0 10px;letter-spacing: 0;font-size: 0.9em;}

#example dd {
	font-size: 2.4em;
}

/*TOPのみ*/
.frontpage section#column {
	width: 42%;
	padding: 0px 0 100px 150px;
}
.frontpage section#column .listbox.front {
}
/**/
}
@media screen and (max-width: 1299px) {
.medium {
	font-size: 1.3em;
}	

.column2 dl {
	width:80%;
}	
ul.tab {
	/* width:70%; */
}	
/*++++++++++++++
共通
++++++++++++++*/

/*++++++++++++++
mainvisual
++++++++++++++*/

.mainvisual h2 {padding: 15px 50px;}

.mainvisual h2 b {
	font-size: 2.3em;
}

.company .mainvisual {position: relative;}


.mainvisual .inner {
		height: 200px;
}



.inner {
	max-width: 1000px;
}

.overlay {
	background: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
}

.under:hover {
	text-decoration: none;

}

/*改行*/
.br {}
.br2 {display: none !important;}


/*+++++++++++++++++++
/*hover
+++++++++++++++++++*/
.hover::after {
}

.hover:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}


/*+++++++++++++++++++
/*breadcrumb
+++++++++++++++++++*/
.breadcrumb {margin: 0 0 100px;background: #fff;padding: 10px 20px;position: relative;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}

.breadcrumb ul {justify-content: left;}

.breadcrumb ul li{font-size: 0.7em;color: #666;letter-spacing: 1px;}

.breadcrumb ul li a{padding: 0 30px 0 0;}

/*++++++++++++++
下層メインタイトル
++++++++++++++*/
strong {
	font-size: 1.6em;
}
h1 {
	
}

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

/*大見出し*/
h2 {
}

/*中見出し*/
h3 {
}

/*小見出し*/
h3 b{
	font-size: 2.3em;
	margin: 0;
}

h3 span {
}

/*以下見出し*/
h5 {
}


/*以下見出し*/
h6 {
}

/*本文*/
p {font-size: 0.9em;}


/*補足*/
em {
	font-style: normal;
}

/*お見積りボタン*/
a.button_simulation {
	padding: 45px 25px 35px;
}

a.button_simulation:hover {
}
a.button_simulation:before {
	/* content: ""; */
	background: url("../images/common/dentaku.png") no-repeat;
	position: absolute;
	width: 80px;
	height: 99px;
	left: 3%;
	background-size: 55px;
	top: 12%;
	overflow: hidden;
}

a.button_simulation b {
	width: 70% !important;
}
a.button_simulation b:after {
}
a.button_simulation span {
	font-size: 1.4em;
}

.button2 {
    padding: 10px 20px;
}

.button2:before {
	width: 15px;
	height: 8px;
}

.mainvisual {
}
/*++++++++++++++
table
++++++++++++++*/
table {
	
}

tr {
	
}

th {
	
}

td {
	
}


.shadow {
}

.radius {/* border-radius: 30px; */}

/*+++++++++++++++++++
/section
+++++++++++++++++++*/
section {
}

/*+++++++++++++++++++
/article
+++++++++++++++++++*/
article {
	
}

/*+++++++++++++++++++
/*slick
+++++++++++++++++++*/
.slick-prev {left: 3%;}
.slick-prev:hover,.slick-prev:focus {left: 0%;}
.slick-prev:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}

.slick-prev:hover:before {
	border-style: solid;

	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}
.slick-disabled {
	display:none;
}
/*next*/
.slick-next {
	right: 3%;
}
.slick-next:hover{
}
.slick-next:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	transform:rotate(180deg);
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;





	opacity: 1 !important;
}



.slick-next:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}

/*+++++++++++++++++++
/*button
+++++++++++++++++++*/
.button1 {padding: 15px 70px;font-size: 1em;}

.button1:hover:before {
	transition:.3s;
	right:3%;
	background:url(../images/common/arrow_w.svg) no-repeat;	
}
/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
header {
    padding: 30px;
}
.headertop {
    width: auto;
    margin: 0 20px 0 0;
}

.headertop .flex .tel {font-size: 1.3em;}

.headertop .flex .tel span {font-size: inherit;width: 76%;}

header a.logo {
	width: 300px;
	margin: 0 20px;
}


header ul {
	margin: 20px 0 0 0;
}

header ul li a {
	font-size: 1em;
	letter-spacing: 0;
}

header ul li:last-child {
	margin:0;
	padding: 0;
	border: none;
}
header ul li small {
}
header ul li small:before {/* content: ""; */width: 7px;height: 7px;background: #f36d00;border-radius: 100px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0.6;}


.drawer-hamburger {
}

/*+++++++++++++++++++
/*drawer
+++++++++++++++++++*/

.drwmenu dt a {font-size: 1em;}

.drawer-open header {
	background:none;
}
.drawer-open header a.logo {

	opacity: 0;
}

.drwbox .htel {
	margin: 0 40px 0 0;
}

.drawer-menu {
}



.drawer-nav img.charactor {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	width: 400px;
	margin: 0;
	height: auto;
	transition:.5s;

	left: 50%;
}

.drawer-open .drawer-nav img.charactor {
	left: 6%;
	height: auto;
	transition:.5s;
	transition-delay: .5s;
}
.drawer-nav img.drw_fukidashi {
	position: absolute;
	top: 35%;
	left: 4%;
	transition: .9s;
	transform: rotate(-15deg);
	opacity: 0;
}


.drawer-open .drawer-nav img.drw_fukidashi {
	opacity: 1;
	transition:.9s;
	transition-delay: .9s;
}

.drawer-menu .flex {
	align-items: baseline;
	justify-content:center;
	width: 69%;
}
.drawer-menu dl.drwmenu {
}

.drawer-menu dl.drwmenu:last-child {
	margin:0;

}

.drawer-menu  a.button_simulation {
	width: 62%;


}

.drawer-menu a.button_simulation:before {
	width: 100px;
	height: 108px;
	background-size: 100px;
}

/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/

footer strong {
	display: block;
	font-size: 1.2em;
}


.footerbox {
	max-width: 1000px;
}

.footerbox .flex figure {padding: 0 30px 0 0;margin: 0 30px 0 0;}


footer .inner {max-width: 95%;}

/*+++++++++++++++++++
/*column
+++++++++++++++++++*/

.frontpage section#column {padding: 0 0 100px 70px;width: 45%;}
section#column .inner {max-width: 90%;}

/*一覧*/
.column section#column {
}

.column section#column .inner {
	padding: 50px 0 0;
	max-width: 90%;
}

section#column .listbox li:nth-child(2n){
}
section#column .listbox li:first-child .honbun {
	display:block;
}
section#column .listbox li:first-child .honbun p {
	font-size: 0.85em;
}


section#column .listbox li a:hover {
	transition:.3s;
	opacity:0.6;
}

section#column .listbox li .honbun {
	display:none;
}


/*詳細*/
section#column .single {
	background: none;
	padding: 0;
}
section#column .single .detailbox p {
    font-size:0.95em;
}
section#column .single dl.title {
	width:auto;
}
section#column .single dl.title dt {
	font-size: 2em;
	font-weight: 100;

}

section#column .backnumber figure.rorate .backnumber_ttl:before {
	content:"";
	background:url(../images/common/fukidashi.svg) no-repeat;
	position: absolute;
	width: 23px;
	height: 27px;
	background-size: 20px;
	bottom: -40%;
	right: 15%;
	transform: rotate(-5deg);
}

section#column .backnumber figure.rorate img {}

section#column .backnumber ul {
}

section#column .backnumber ul li {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #ccc;
}

section#column .backnumber ul li:last-child {
	padding:0;
	border:none;
	margin:0;
}

section#column .backnumber ul li figure {
	margin: 0 10px 0 0;
}
section#column .backnumber ul li dl.title {
}
section#column .backnumber ul li dl.title dt {
}
section#column .backnumber ul li dl.title dd {
}

section#column .backnumber dl.title dd small{
	font-size: 0.7em;
}

section#column .backnumber dl.title dd em{
	font-size: 0.7em;
}
/*アーカイブ*/
section#column .backnumber ul.archive {
	border: none;
	padding: 0;
	margin: 0 auto 60px;
}
section#column .backnumber ul.archive li {
	margin: 0 0 10px;
	padding: 0 0 10px;
}
section#column .backnumber ul.archive li a {
	font-size: 0.8em;
	letter-spacing: 1px;
}

/**/
/*+++++++++++++++++++
/*お問い合わせ 共通
+++++++++++++++++++*/

section.contact-common figure b {
	font-size: 1.4em;
}

section.contact-common b u {
	font-size: 1.1em;
}

section.contact-common b u:before {
	content:"";
	background:rgba(255,255,0,0.5);
	position:absolute;
	height: 20px;
	width:100%;
	bottom:0;
	z-index: -1;
}

section.contact-common figure img {
	width: 150px;
	padding: 0 30px 0 0;
}

.contact-common .box {
    max-width: 95%;
    padding: 90px 30px 30px;
}

.contact-common .box .ttl {padding: 7px 20px;width: 50%;}

.tel {
}

.contact-common .box .flex:before {
}
.tel {
	font-size: 2em;
	padding: 35px 50px 33px;
}

/*+++++++++++++++++++
/example
+++++++++++++++++++*/

#example .slick-list {
	overflow: unset;
}

#example .textbox{
	width: 50%;
	padding: 0;
}

#example .textbox p{
	font-size:0.8em;
}


#example .textbox strong {font-size: 1.1em;padding: 0;}

#example li figure{width: 55%;}

#example dt  {font-size: 0.9em;}

#example dd {font-size: 2em;}

#example dd small {
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 0.6em;
	margin: 0 10px 0 5px;
}


}
/*タブレット*/
@media screen and (max-width: 1023px) {
.medium {font-size: 1.1em;}	
.frontpage section#column {padding: 0;width: 85%;margin: auto;background: none;}	
ul.tab {
	width: 100%;
	margin:0 0 50px;
}	
	/*++++++++++++++
共通
++++++++++++++*/
ul.tab li {
	margin: 0 0 20px !important;
	width: 100%;
}

ul.tab li a{font-size: 1em;letter-spacing: 0;width: auto;margin: 0 10px 0 0;}
ul.tab li a:before {
	background-size: 5px;
	width: 10px;
	height: 10px;
}	
/*++++++++++++++
mainvisual
++++++++++++++*/
.mainvisual {
	position: relative;
	/* height: 350px; */
}

.mainvisual h2 {
    padding: 15px 50px;
}

.mainvisual h2 b {font-size: 2em;}

.company .mainvisual {position: relative;}


.mainvisual .inner {width: 96%;height: 250px;}


.inner {
    max-width: 90%;
}



/*改行*/
.br {display: none !important;}
.br2 {display: block !important;}


/*+++++++++++++++++++
/*breadcrumb
+++++++++++++++++++*/
.breadcrumb {margin: 0 0 100px;background: #fff;padding: 10px 20px;position: relative;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}


.breadcrumb ul {justify-content: left;}

.breadcrumb ul li{font-size: 0.7em;color: #666;letter-spacing: 1px;}

.breadcrumb ul li a{padding: 0 30px 0 0;}

/*+++++++++++++++++++
/*margin
+++++++++++++++++++*/

/*小*/
.mb1 {margin: 0 0 20px;}
/*中*/
.mb2 {margin: 0 0 30px;}
/*大*/
.mb3 {
}

/*++++++++++++++
下層メインタイトル
++++++++++++++*/
strong {
}
h1 {
	
}

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

/*大見出し*/
h2 {
}


/*中見出し*/
h3 {
}



h4 {
	font-size: 1.8em;
}
/*以下見出し*/
h5 {
}

/*以下見出し*/
h6 {
}

/*本文*/
p {}


/*補足*/
em {
	font-style: normal;
}

/*お見積りボタン*/
a.button_simulation {
	padding: 40px 15px 25px;
	width: 100%;
}

a.button_simulation:hover {
	transition:.3s;
	transform: translate3d(0, 5px, 5px);	
}
a.button_simulation:before {
	/* content: ""; */

	background: url("../images/common/dentaku.png") no-repeat;
	position: absolute;
	width: 80px;
	height: 99px;
	left: 3%;
	background-size: 55px;
	top: 12%;
	overflow: hidden;
}

a.button_simulation b {width: 55% !important;}

a.button_simulation b:after {
    border-width: 10px 10px 0 10px;
    bottom: -20%;
}
a.button_simulation span {letter-spacing: 1px;}


.mainvisual {
}
/*++++++++++++++
table
++++++++++++++*/
table {
	
}

tr {
	
}

th {

	
}

td {
	
}


.shadow {
	box-shadow: 0px 6px 0 0px rgb(204 204 204 / 50%) !important;
}

.radius {/* border-radius: 30px; */}

/*+++++++++++++++++++
/section
+++++++++++++++++++*/
section {padding: 50px 0;}

/*+++++++++++++++++++
/article
+++++++++++++++++++*/
article {
	
}

/*+++++++++++++++++++
/*slick
+++++++++++++++++++*/
.slick-prev {left: 0;}

.slick-prev:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}

.slick-prev:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}
.slick-disabled {
	display:none;
}
/*next*/
.slick-next {right: 1%;}
.slick-next:hover{
}
.slick-next:before {

	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	transform:rotate(180deg);
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}



.slick-next:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}

/*+++++++++++++++++++
/*button
+++++++++++++++++++*/
.button1 {padding: 10px 50px;}

.button1:hover {
}

.button1:before {
}

.button1:hover:before {
	transition:.3s;
	right:3%;
	background:url(../images/common/arrow_w.svg) no-repeat;	
}
/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
header {
	padding: 30px;
}
.headertop {
    margin: 0 0 50px;
    width: auto;
 }
.logo span {
}

.headerbox {
	display: block;
}

header a.logo {width: 400px;margin: 0 auto 30px;}


header ul {margin: 0;}

header ul li {
	margin: 0 20px 0 0;
}


header ul li:last-child {
	margin:0;
	padding: 0;
	border: none;
}
header ul li small {
}
header ul li small:before {/* content: ""; */width: 7px;height: 7px;background: #f36d00;border-radius: 100px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0.6;}


.drawer-hamburger {
}

/*+++++++++++++++++++
/*drawer
+++++++++++++++++++*/
.drwmenu {width: 500px;margin: auto;}


.drawer-open header {
	background:none;
}
.drawer-open header a.logo {
	opacity: 0;
}

.drwbox .htel {
	margin: 0 40px 0 0;

}

.drawer-menu {
}


.drawer-nav img.charactor {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	width: 400px;
	margin: 0;
	height: auto;
	transition:.5s;
	left: 50%;
}

.drawer-open .drawer-nav img.charactor {
	left: 6%;
	height: auto;
	transition:.5s;
	transition-delay: .5s;
}
.drawer-nav img.drw_fukidashi {
	position: absolute;
	top: 35%;
	left: 4%;
	transition: .9s;
	transform: rotate(-15deg);
	opacity: 0;
}





.drawer-open .drawer-nav img.drw_fukidashi {
	opacity: 1;
	transition:.9s;
	transition-delay: .9s;
}


.drawer-menu .flex {
	align-items: baseline;
	justify-content:center;
	width: 69%;
}
.drawer-menu dl.drwmenu {
}

.drawer-menu dl.drwmenu:last-child {
	margin:0;

}

.drawer-menu  a.button_simulation {
	width: 62%;

}

.drawer-menu a.button_simulation span {
}




.drawer-menu a.button_simulation:before {
	width: 100px;
	height: 108px;

	background-size: 100px;
}


/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/
footer {
	/* height: 500px; */
	background: #fff;
}

.copyright {

}

footer strong {
	display: block;
	font-size: 1.2em;
}

.footerbox {padding: 20px 0 40px;}

.footerbox .flex {display: block;}

.footerbox .flex figure {
	padding: 0 0 50px;
	margin: auto;
	text-align: center;
}


#pagetop {
}

footer .inner {max-width: 95%;}

#pagetop:hover {
	opacity:0.7;
	transition: .3s;
}

/*+++++++++++++++++++
/*column
+++++++++++++++++++*/

section#column {padding: 50px 0 100px;}

section#column .inner {display: block;padding: 50px 50px 1px;}

/*一覧*/
.column section#column {
	background:#fff;
	padding: 50px 0 200px;
}

.column section#column .inner {
	padding: 50px 0 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

section#column .listbox {margin: 0 50px 0 0;width: 60%;}


section#column .listbox li{
	padding: 0 0 20px;
}

section#column .listbox li:nth-child(2n){
}
section#column .listbox li:first-child .honbun {
	display:block;
}
section#column .listbox li:first-child .honbun p {
	font-size: 0.85em;
}

section#column .listbox li a {
}

section#column .listbox li a figure {
}
section#column .listbox li a:hover figure {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	/*background: rgba(0,0,0,0.2);*/
}

section#column .listbox li a:hover {
	transition:.3s;
	opacity:0.6;
}

section#column dl.title dt{font-size: 1.1em;}


section#column .listbox li .honbun {
	display:none;
}

section#column dl.title dd small{
	font-size: 0.8em;
}

section#column dl.title dd em {
}

section#column dl.title dd p {
    font-size: 0.8em;
}


section#column li dl.title dd {
}

/*詳細*/
section#column .single {
	background: none;
	padding: 0;
}

section#column .single .detailbox {
}
section#column .single .detailbox .honbun {
}

section#column .single .detailbox p {
    font-size:0.95em;
}
section#column .single dl.title {
	width:auto;
}
section#column .single dl.title dt {
	font-size: 2em;
	font-weight: 100;

}

section#column .backnumber {/* width: 60%; */margin: -88px auto 0;}

section#column .backnumber figure.rorate {
}
section#column .backnumber figure.rorate .backnumber_ttl {margin: 8px 0 0 80px;width: 48%;}

section#column .backnumber figure.rorate .backnumber_ttl:before {
	content:"";

	background:url(../images/common/fukidashi.svg) no-repeat;
	position: absolute;
	width: 23px;
	height: 27px;
	background-size: 20px;
	bottom: -40%;
	right: 15%;
	transform: rotate(-5deg);
}

section#column .backnumber figure.rorate img {
    top: -12px;
    position: relative;
}

section#column .backnumber ul {
}

section#column .backnumber ul li {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #ccc;
}

section#column .backnumber ul li:last-child {
	padding:0;
	border:none;
	margin:0;
}

section#column .backnumber ul li figure {
}
section#column .backnumber ul li dl.title {
}
section#column .backnumber ul li dl.title dt {
}
section#column .backnumber ul li dl.title dd {
}

section#column .backnumber dl.title dd small{
	font-size: 0.7em;
}

section#column .backnumber dl.title dd em{
	font-size: 0.7em;
}
/*アーカイブ*/
section#column .backnumber ul.archive {
	border: none;
	padding: 0;
	margin: 0 auto 60px;
}
section#column .backnumber ul.archive li {
	margin: 0 0 10px;
	padding: 0 0 10px;
}
section#column .backnumber ul.archive li a {
	font-size: 0.8em;
	letter-spacing: 1px;
}

/**/
/*+++++++++++++++++++
/*お問い合わせ 共通
+++++++++++++++++++*/

section.contact-common figure {top: -40%;}
section.contact-common figure b {
	font-size: 1.6em;
	display: block;
	width: 70%;
}

section.contact-common b u {
	font-size: 0.9em;
}

section.contact-common b u:before {
	content:"";
	background:rgba(255,255,0,0.5);
	position:absolute;
	height: 20px;
	width:100%;
	bottom:0;
	z-index: -1;
}

section.contact-common figure img {
	width: 90px;
}
.contact-common .box {
	padding: 120px 30px 30px;
}
.contact-common b {font-size: 1.3em;}

.contact-common .box .ttl {width: 80%;top: -7%;}

.contact-common .box .flex {display: block;}

.contact-common .box .flex:before {display: none;}
.tel {font-size: 1.6em;padding: 30px 35px 25px;width: 100%;display: block;margin: 0 auto 50px;}

.tel span {padding: 0 0 0 20px;background-size: 20px;}
/*+++++++++++++++++++
/example
+++++++++++++++++++*/

#example .slick-list {
	overflow: unset;
}

#example .textbox p{
	font-size:0.8em;
}

#example .textbox b{font-size: 0.7em;}

#example li figure{width: 53%;margin: auto;}


#example li figure img {
	position: relative;
}

#example dt  {font-size: 0.8em;}

#example dd {font-size: 1.8em;}

#example dd small {
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 0.6em;
	margin: 0 10px 0 5px;

}


#example .case b {font-size: 1.5em;}
}

/*スマホ横*/
@media screen and (max-width: 767px) {
section {padding: 50px 0 100px;}	
.headertop .flex {
	display: block;
	float: none;
	justify-content: left;
}
	.headertop .flex span {
    padding: 0;
    margin: 0;
}
#example .plandetail dl {width: 33% !important;}	
/*++++++++++++++
共通
++++++++++++++*/
/*++++++++++++++
mainvisual
++++++++++++++*/
.mainvisual {
	position: relative;
	/* height: 350px; */
}

.mainvisual h2 {padding: 15px 15px 15px 30px;}

.mainvisual h2 b {font-size: 1.6em;}

.company .mainvisual {position: relative;}


/*レスポンシブ*/
.pc {
    display: none !important;
}
.sp {
    display: block !important;
}

/*センタリング*/
.center {
}

/*flex*/
.flex {display: block;}
.column2 .text {width: auto;}
.column2 dl {padding: 15px 20px;width: 80%;}	

.column2 dt,.column2 dd {
	font-size:1em;
}
	.column2 figure {
		width: 100%;
		margin: 0 auto 20px;
	}	
/*+++++++++++++++++++
/*hover
+++++++++++++++++++*/
.hover::after {
}

.hover:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}


/*+++++++++++++++++++
/*breadcrumb
+++++++++++++++++++*/
.breadcrumb {margin: 0 0 100px;background: #fff;padding: 10px 20px;position: relative;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}

.breadcrumb ul {justify-content: left;}

.breadcrumb ul li{font-size: 0.7em;color: #666;letter-spacing: 1px;}

.breadcrumb ul li a{padding: 0 30px 0 0;}

/*大*/
.mb3 {margin: 0 0 60px;}
/*+++++++++++++++++++
/*ホバー効果
+++++++++++++++++++*/
/*拡大*/
.scale {
}
.scale:hover {

	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	/*background: rgba(0,0,0,0.2);*/
}
/*++++++++++++++
下層メインタイトル
++++++++++++++*/
strong {font-size: 1.2em;}
h1 {
	
}

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

/*大見出し*/
h2 {
}

/*中見出し*/
h3 {
}


/*以下見出し*/
h5 {font-size: 1.3em;}

/*以下見出し*/
h6 {
}

/*本文*/
p {line-height: 1.8;}


/*補足*/
em {
	font-style: normal;
}

/**/
/*上*/
.view-lowup {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .5s;
	transition-delay:0.5s;
}

.view-lowup2 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .6s;
	transition-delay:0.6s;

}

.view-lowup3 {

	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0,20px);
	transition: .7s;
	transition-delay:0.7s;
}

.view-lowup4 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0,20px);
	transition: .8s;
	transition-delay:0.8s;
}

.view-lowup5 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0,20px);
	transition: .9s;
	transition-delay:0.9s;
}

.mv-lowup {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}


/*右*/
.view-lowright {
	opacity: 0;
	transform: translate(60px,0); 
	-webkit-transform: translate(60px,0); 
	transition: .5s;
	transition-delay:0.5s;
}


.mv-lowright {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/*左*/
.view-lowleft {
	opacity: 0;
	transform: translate(-60px,0); 
	-webkit-transform: translate(-60px,0); 

	transition: .5s;
	transition-delay:0.5s;
}

.mv-lowleft {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

.mv-fade {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
}
/**/
/*お見積りボタン*/
a.button_simulation {
    width: 100%;
    padding: 35px 15px 25px;
}

a.button_simulation:hover {
	transition:.3s;
	transform: translate3d(0, 5px, 5px);	
}
a.button_simulation:before {
	/* content: ""; */
	background: url("../images/common/dentaku.png") no-repeat;
	position: absolute;
	width: 80px;
	height: 99px;
	left: 3%;
	background-size: 55px;
	top: 12%;
	overflow: hidden;
}

a.button_simulation b {width: 70% !important;font-size: 0.9em !important;margin: -6% auto 0 !important;}
a.button_simulation b:after {
    z-index: 0;
}
a.button_simulation span {font-size: 1.3em;}


.mainvisual {
	background:#fff;
}


.shadow {}

.radius {/* border-radius: 30px; */}


/*+++++++++++++++++++
/*slick
+++++++++++++++++++*/
.slick-prev {left: 5%;}

.slick-prev:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}

.slick-prev:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	

    border-color: transparent #fff transparent transparent;
}
.slick-disabled {
	display:none;
}
/*next*/
.slick-next {right: 5%;}
.slick-next:hover{
}
.slick-next:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;

	transform:rotate(180deg);
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}



.slick-next:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}

/*+++++++++++++++++++
/*button
+++++++++++++++++++*/
.button1 {font-size: 0.9em;}

.button1:hover {
}

.button1:before {
}

.button1:hover:before {
	transition:.3s;
	right:3%;
	background:url(../images/common/arrow_w.svg) no-repeat;	
}
/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
header {padding: 30px 20px;}
.headertop {
    margin: 0 0 20px;
}
.logo span {
	font-size: 0.8em;
}

.headerbox {
	justify-content: center;
}

header a.logo {
	width: auto;
	display: block;
	margin: auto;
	text-align: center;
}

header ul {display: none;}

header ul li {
	margin: 0 70px 0 0;
}

header ul li a {
	display:block;
	font-weight: 600;
	font-size: 1.1em;
	letter-spacing: 2px;
	padding: 0;
	position: relative;
	z-index: 2;
}

header ul li:last-child {
	margin:0;
	padding: 0;
	border: none;
}
header ul li small {
	position: relative;
	font-family: 'Quicksand',sans-serif;
	font-size: 0.7em;
	font-weight: 500;
	letter-spacing: 1px;
	/* padding: 0 0 0 13px; */
	/* color: #66b733; */
	padding: 5px 0 0;
	text-align: center;
	color: #f36d00;
	display: block;
}
header ul li small:before {/* content: ""; */width: 7px;height: 7px;background: #f36d00;border-radius: 100px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0.6;}


.drawer-hamburger {
	margin: 0;
	right: 0;
	left: inherit;
}

/*+++++++++++++++++++
/*drawer
+++++++++++++++++++*/
.drwmenu {}

.drwmenu dt{
}


.drawer-open header {
	background:none;
}
.drawer-open header a.logo {
	opacity: 0;
}

.drwbox .htel {
	margin: 0 40px 0 0;
}

.drawer-menu {
}


.drawer-nav img.charactor {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	width: 400px;
	margin: 0;
	height: auto;
	transition:.5s;
	left: 50%;
}

.drawer-open .drawer-nav img.charactor {
	left: 6%;
	height: auto;
	transition:.5s;
	transition-delay: .5s;
}
.drawer-nav img.drw_fukidashi {
	position: absolute;
	top: 35%;

	left: 4%;
	transition: .9s;
	transform: rotate(-15deg);
	opacity: 0;
}


.drawer-open .drawer-nav img.drw_fukidashi {
	opacity: 1;
	transition:.9s;
	transition-delay: .9s;
}

.drawer-menu .flex {
	align-items: baseline;
	justify-content:center;
	width: 69%;
}

.drawer-menu dl.drwmenu {justify-content: left;margin: 0 0 20px;}

.drawer-menu dl.drwmenu:last-child {
	margin:0;

}

.drawer-menu  a.button_simulation {
}

.drawer-menu a.button_simulation span {
}





.drawer-menu a.button_simulation:before {
	width: 100px;
	height: 108px;
	background-size: 100px;
}


/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/
footer {
	/* height: 500px; */
	background: #fff;
}

.copyright {
}

footer strong {
	display: block;
	font-size: 1.2em;
}

.footerbox {
}

.footerbox .flex {
}

.footerbox .flex figure {
	border-right: none;
	/* padding: 0 80px 0 0; */
}


#pagetop {
}

footer .inner {max-width: 95%;}

#pagetop:hover {
	opacity:0.7;
	transition: .3s;
}

/*+++++++++++++++++++
/*column
+++++++++++++++++++*/

section#column {
	background: #F9F4E9;
}


/*一覧*/
.column section#column {
	padding: 0 0 200px;
}

.column section#column .inner {
	padding: 50px 0 0;
	display: block;
}

section#column .listbox {
}

section#column .listbox.front {
	margin: 0 auto 200px;
	width: 90%;
}

section#column .listbox li:nth-child(2n){
}
section#column .listbox li:first-child .honbun {
	display:block;
}
section#column .listbox li:first-child .honbun p {
	font-size: 0.85em;
}

section#column .listbox li a {
}

section#column .listbox li a figure {
}
section#column .listbox li a:hover figure {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	/*background: rgba(0,0,0,0.2);*/
}

section#column .listbox li a:hover {
	transition:.3s;
	opacity:0.6;
}

section#column .listbox li a figure {}

section#column dl.title {width: 58%;}

section#column dl.title dt{
}

section#column li:first-child dl.title dt {
	padding: 0 0 10px;
}

section#column li:first-child dl.title dd{
	padding: 0 0 10px;
}

section#column .listbox li .honbun {
	display:none;
}

section#column dl.title dd small{
}

section#column dl.title dd em {
}
section#column dl.title dd p {
}




section#column li dl.title dd {
}

/*詳細*/
section#column .single {
	background: none;
	padding: 0;
}

section#column .single .detailbox {
	margin: 0 100px 0 0;
	width: 80%;
	/* border-bottom: 1px solid #ccc; */
	/* padding: 0 0 50px; */
}
section#column .single .detailbox .honbun {
}

section#column .single .detailbox p {
    font-size:0.95em;
}
section#column .single dl.title {
	width:auto;
}
section#column .single dl.title dt {
	font-size: 2em;
	font-weight: 100;

}

section#column .backnumber {width: 60%;}


section#column .backnumber figure.rorate {width: 90%;margin: auto;}

section#column .backnumber figure.rorate .backnumber_ttl {
}

section#column .backnumber figure.rorate .backnumber_ttl:before {
	content:"";
	background:url(../images/common/fukidashi.svg) no-repeat;
	position: absolute;
	width: 23px;
	height: 27px;
	background-size: 20px;
	bottom: -40%;
	right: 15%;
	transform: rotate(-5deg);
}

section#column .backnumber figure.rorate img {}

section#column .backnumber ul {
}

section#column .backnumber ul li a {display: flex;}

section#column .backnumber ul li:last-child {
	padding:0;
	border:none;
	margin:0;
}

section#column .backnumber ul li figure {
}
section#column .backnumber ul li dl.title {
}
section#column .backnumber ul li dl.title dt {
}
section#column .backnumber ul li dl.title dd {
}

section#column .backnumber dl.title dd small{
	font-size: 0.7em;
}

section#column .backnumber dl.title dd em{
	font-size: 0.7em;
}
/*アーカイブ*/
section#column .backnumber ul.archive {
	border: none;
	padding: 0;
	margin: 0 auto 60px;
}
section#column .backnumber ul.archive li {
	margin: 0 0 10px;
	padding: 0 0 10px;
}
section#column .backnumber ul.archive li a {
	font-size: 0.8em;
	letter-spacing: 1px;
}

/**/
/*+++++++++++++++++++
/*お問い合わせ 共通
+++++++++++++++++++*/

section.contact-common figure {position: absolute;width: 80px;top: 0;z-index: 1;}
section.contact-common figure b {font-size: 1.5em;}


section.contact-common b u {
}


section.contact-common b u:before {
	content:"";
	background:rgba(255,255,0,0.5);
	position:absolute;
	height: 20px;
	width:100%;
	bottom:0;
	z-index: -1;
}

section.contact-common figure img {
}

.contact-common .box {padding: 150px 30px 30px;}

.contact-common .box .ttl {}

.contact-common .box .flex {
	display: block;

	margin: -4% auto 0;
}

.contact-common .box .flex:before {display: none;}
.tel {width: 100%;display: block;margin: 0 auto 60px;font-size: 2em;background: #fff;}

/*+++++++++++++++++++
/example
+++++++++++++++++++*/

#example .slick-list {
	overflow: unset;
}

#example ul{margin: 20px 0;max-width: 100%;bottom: 0;}


#example li .flex {display: block;}

#example .textbox{
	width: auto;
	padding: 20px 0;
}

#example .textbox dl.flex {display: flex;}



#example .textbox p{
}

#example li figure{width: 100%;}

#example li figure img {
	position: relative;
}

#example dd small {
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 0.6em;
	margin: 0 10px 0 5px;
}

}

/*スマホ縦*/
@media screen and (max-width: 480px) {
/*改行*/
.br {display: none !important;}
.br2 {display: block !important;}

h4 {
	font-size: 1.3em;
	letter-spacing: 1px;
}	

.medium {
	font-size: 1em;
}
.privacy .mainvisual .inner {
	background: url("../images/contact/mainttl-sp.jpg") no-repeat;	
	background-size:100%;	
}
.contact .mainvisual .inner {
	background: url("../images/contact/mainttl-sp.jpg") no-repeat;	
}

.tips .mainvisual .inner {
	background: url("../images/tips/mainttl-sp.jpg") no-repeat;
	background-size:100%;	
	background-position: top;
}
.column .mainvisual .inner {
	background: url("../images/column/mainttl-sp.jpg") no-repeat;	
	background-size:100%;	
}

.estimation  .mainvisual .inner,
.estimation2  .mainvisual .inner,
.estimation3  .mainvisual .inner{
	background: url("../images/contact/mainttl-sp.jpg") no-repeat;
	background-size:100%;	
}
.introduction  .mainvisual .inner {
	background: url("../images/introduction/mainttl-sp.jpg") no-repeat;
	background-position: center;	
	background-size:100%;	
}
.service  .mainvisual .inner {
	background: url("../images/service/mainttl-sp.jpg") no-repeat;
	background-position: bottom;
	background-size:100%;	
}
.otherservice  .mainvisual .inner {
	background: url("../images/otherservice/mainttl-sp.jpg") no-repeat;
	background-position: center;
	background-size:100%;
}	
/*++++++++++++++
共通
++++++++++++++*/

ul.tab li {
	margin: 0 0 20px;
	width: 80%;
}
ul.tab li a {
}		

	
section.other {padding: 50px 0;}
/*++++++++++++++
mainvisual
++++++++++++++*/
.mainvisual {margin: 0 0 40px;}

.mainvisual h2 {
	padding: 15px 40px;
}

.mainvisual h2 b {font-size: 1.5em;letter-spacing: 2px;}

.company .mainvisual {position: relative;}


.mainvisual .inner {height: 200px;}

.mainvisual .inner:before {
	content:"";
	background: rgba(0,0,0,0.2);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

#wrapper {
	overflow: hidden;
}


/*flex*/
ul.tab {margin: 0 auto 50px;width: auto;}

/*+++++++++++++++++++
/*hover
+++++++++++++++++++*/
.hover::after {
}

.hover:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}



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

/*breadcrumb

+++++++++++++++++++*/
.breadcrumb {margin: 0 0 100px;background: #fff;padding: 10px 20px;position: relative;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}

.breadcrumb ul {justify-content: left;}

.breadcrumb ul li{font-size: 0.7em;color: #666;letter-spacing: 1px;}

.breadcrumb ul li a{padding: 0 30px 0 0;}

/*++++++++++++++
下層メインタイトル
++++++++++++++*/
strong {
}
h1 {
	
}

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

/*大見出し*/
h2 {
}

/*中見出し*/
h3 {
}

/*小見出し*/
h3 b{font-size: 1.6em;margin: 0 0 10px;}

h3 span {letter-spacing: 1px;font-size: 0.8em;}

/*以下見出し*/
h5 {font-size: 1.1em;letter-spacing: 0;}

/*以下見出し*/
h6 {font-size: 1em;}

/*本文*/
p {font-size: 0.8em;}


/*補足*/
em {
	font-style: normal;
}

/**/
/*上*/
.view-lowup {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .5s;
	transition-delay:0.5s;
}

.view-lowup2 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .6s;
	transition-delay:0.6s;
}

.view-lowup3 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0,20px);
	transition: .7s;
	transition-delay:0.7s;
}

.view-lowup4 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0,20px);
	transition: .8s;
	transition-delay:0.8s;
}

.view-lowup5 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0,20px);
	transition: .9s;
	transition-delay:0.9s;
}

.mv-lowup {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}


/*右*/
.view-lowright {
	opacity: 0;
	transform: translate(60px,0); 
	-webkit-transform: translate(60px,0); 
	transition: .5s;
	transition-delay:0.5s;
}

.mv-lowright {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/*左*/
.view-lowleft {
	opacity: 0;
	transform: translate(-60px,0); 
	-webkit-transform: translate(-60px,0); 
	transition: .5s;
	transition-delay:0.5s;
}

.mv-lowleft {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

.mv-fade {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
}
/**/
/*お見積りボタン*/
a.button_simulation {
    margin: 0 auto 20px;
}

a.button_simulation:hover {
	transition:.3s;
	transform: translate3d(0, 5px, 5px);	
}
a.button_simulation:before {
	/* content: ""; */
	background: url("../images/common/dentaku.png") no-repeat;
	position: absolute;
	width: 80px;
	height: 99px;

	left: 3%;
	background-size: 55px;
	top: 12%;
	overflow: hidden;
}

a.button_simulation b {width: 80% !important;font-size: 0.8em !important;text-align: center;}

a.button_simulation b:after {
}
a.button_simulation span {font-size: 1.1em;}

/*++++++++++++++
table
++++++++++++++*/
	table {
	}
table.block,
table.block tbody,
table.block tr,
table.block th,
table.block td {
	display: block !important;
	width: 100% !important;
}

table.block th {
	background: #eee;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
}

td {
	padding: 20px 0 !important;
}


.shadow {
	box-shadow: 0px 6px 0 0px rgb(204 204 204 / 50%) !important;


}

.radius {/* border-radius: 30px; */}

/*+++++++++++++++++++
/*slick
+++++++++++++++++++*/
.slick-prev {width: 40px;height: 40px;left: 0;}

.slick-prev:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;

	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}

.slick-prev:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}
.slick-disabled {
	display:none;
}
/*next*/
.slick-next {width: 35px;height: 35px;right: 1%;}
.slick-next:hover{
}
.slick-next:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;

	transition:.3s;
	width: 0;
	height: 0;
	transform:rotate(180deg);
	border-style: solid;
	border-width: 5px 10px 5px 0;

	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}



.slick-next:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}

.slick-dots {
}

.slick-dots li{
}

.slick-dots li.slick-active button {
}

.slick-dots li button{background: none;border-radius: 100%;overflow: hidden;position: relative;padding: 0;width: 10px;/* height: 10px; */}
.slick-dots li button:before {}
/*+++++++++++++++++++
/*button
+++++++++++++++++++*/
.button1 {padding: 10px 50px 10px 20px;}

.button1:hover {
	background:#111;
	color:#fff;
}

.button1:before {
}

.button1:hover:before {
	transition:.3s;
	right:3%;
	background:url(../images/common/arrow_w.svg) no-repeat;	
}
/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
header {padding: 10px 0;}
.headertop {
    display: none;
}

.headertop .flex {
}

.headertop .flex span {
    font-size: 0.75em;
    padding: 0;
}


.logo span {
	margin: 0 0 0px;

	font-size: 0.6em;

	letter-spacing: 0;
}

.headerbox {
}

header a.logo {width: 200px;text-align: left;margin: 0;padding: 3px 0 3px 15px;}

header ul {display: none;}

header ul li {
	margin: 0 70px 0 0;
}

header ul li a {
	display:block;
	font-weight: 600;
	font-size: 1.1em;

	letter-spacing: 2px;
	padding: 0;
	position: relative;
	z-index: 2;
}


header ul li:last-child {
	margin:0;
	padding: 0;
	border: none;
}
header ul li small {
	position: relative;
	font-family: 'Quicksand',sans-serif;
	font-size: 0.7em;
	font-weight: 500;
	letter-spacing: 1px;
	/* padding: 0 0 0 13px; */
	/* color: #66b733; */
	padding: 5px 0 0;
	text-align: center;
	color: #f36d00;
	display: block;
}
header ul li small:before {/* content: ""; */width: 7px;height: 7px;background: #f36d00;border-radius: 100px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0.6;}


/*+++++++++++++++++++
/*drawer
+++++++++++++++++++*/
.drwmenu {
    width: auto;
}

.drwmenu dt{
}
.drwmenu dt a {font-size: 0.8em;}

.drawer-open header {
	background:none;

}
.drawer-open header a.logo {
	opacity: 0;

}

.drwbox .htel {
	margin: 0 40px 0 0;
}

.drawer-menu {
}


.drawer-nav img.charactor {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	width: 400px;
	margin: 0;
	height: auto;
	transition:.5s;
	left: 50%;
}

.drawer-open .drawer-nav img.charactor {
	left: 6%;
	height: auto;
	transition:.5s;
	transition-delay: .5s;
}
.drawer-nav img.drw_fukidashi {
	position: absolute;
	top: 35%;
	left: 4%;
	transition: .9s;
	transform: rotate(-15deg);
	opacity: 0;
}


.drawer-open .drawer-nav img.drw_fukidashi {
	opacity: 1;
	transition:.9s;
	transition-delay: .9s;
}


.drawer-menu .flex {
	align-items: baseline;
	justify-content:center;
	width: 69%;
}
.drawer-menu dl.drwmenu dt {margin: 0 20px 15px 0;padding: 0 0 15px;width: 100%;}
.drawer-menu dl.drwmenu dt a {
	font-size: 1.1em;
	padding: 0 0 5px 0;
}


.drawer-menu dl.drwmenu dt:nth-child(2n) {
	margin: 0 0 15px;
}

.drawer-menu  a.button_simulation {
	width: auto;
}


.drawer-menu a.button_simulation:before {
	width: 100px;
	height: 108px;
	background-size: 100px;

}

/*is-animation*/
header.is-animation {
	/* background:none; */
	transition:.3s;
}
/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/

footer {
	/* height: 500px; */
	background: #fff;
}

.copyright {font-size: 0.7em;letter-spacing: 0;}

footer strong {
	font-size: 0.9em;
}

.footerbox {max-width: 90%;}

.footerbox .flex {
}

.column section#column .inner {
	display:block;
}

#pagetop {width: 70px;height: 100px;background-size: 100%;}

footer .inner {max-width: 95%;}

#pagetop:hover {
	opacity:0.7;
	transition: .3s;
}

/*+++++++++++++++++++
/*column
+++++++++++++++++++*/

section#column .inner {padding: 20px 20px 1px;}

/*一覧*/
.column section#column {
	background:#fff;
	padding: 0 0 200px;
}

.column section#column .inner {
	padding: 20px 0;
}

.column section#column .inner dlk {
}


section#column .listbox li:first-child .honbun {
	display:block;
}
section#column .listbox li:first-child .honbun p {
	font-size: 0.85em;
}

section#column .listbox li a {
	display: block;
}

section#column .listbox li a figure {
	transition: .5s;
	-webkit-transform: scale(1);
	transform: scale(1);
    overflow: hidden;
    position: relative;
    display: block;
}
section#column .listbox li a:hover figure {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	/*background: rgba(0,0,0,0.2);*/
}

section#column .listbox li a:hover {
	transition:.3s;
	opacity:0.6;
}

section#column .listbox li a figure {width: 100%;margin: 0 0 20px;}

section#column dl.title {width: auto;}

section#column dl.title dt{
	font-size: 1.1em;
}

section#column li:first-child dl.title dt {
}

section#column li:first-child dl.title dd{
}

section#column .listbox li .honbun {
	display:none;
}

section#column dl.title dd small{
}

section#column dl.title dd em {
	border: 1px solid #666;
	border-radius: 5px;
	padding: 1px 8px 2px;
	font-size: 0.7em;
	margin: 0 0 0 10px;
	box-sizing: border-box;
}
section#column dl.title dd p {line-height: 2;}


section#column li dl.title dd {
	position: relative;
	top: 0;
	background: #fff;
	padding: 0;
	border-radius: 0 0 30px 0;
	box-sizing: border-box;
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
}

/*詳細*/
section#column .single {
	background: none;
	padding: 0;
}

section#column .single  figure {}

section#column .single .detailbox {
	margin: 0 auto 100px;
	display: block;
	width: 100%;
}
section#column .single .detailbox .honbun {padding: 0 0 30px;margin: 0 0 30px;}
section#column .single .detailbox h5 {
	padding: 0 0 0 20px;
	font-size: 1em;
	margin: 0 0 20px;
}
section#column .single .detailbox p {
    font-size: 0.9em;
}
section#column .single dl.title {
}
section#column .single dl.title dt {
	font-size: 1.4em;
}

section#column .backnumber {width: 90%;}

section#column .backnumber figure.rorate {
    position:relative;
    /* padding: 75px 0 0; */
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
section#column .backnumber figure.rorate .backnumber_ttl {width: 60%;margin: 10px 20px 10px 10px;}

section#column .backnumber figure.rorate .backnumber_ttl:before {
	content:"";
	background:url(../images/common/fukidashi.svg) no-repeat;
	position: absolute;
	width: 23px;
	height: 27px;
	background-size: 20px;
	bottom: -40%;
	right: 15%;
	transform: rotate(-5deg);
}

section#column .backnumber figure.rorate img {width: 90px;/* position: absolute; */top: -15px;z-index: 0;/* margin: 0 20px 0 0; */right: 19px;}

section#column .backnumber ul {
	border-top: 5px solid #ccc;
	padding: 20px 0 0;
	background: #fff;
	z-index: 1;
	position: relative;
	margin: -12% auto 80px;
}

section#column .backnumber ul li a {display: flex;}

section#column .backnumber ul li:last-child {
	padding:0;
	border:none;
	margin:0;
}

section#column .backnumber ul li figure {
}
section#column .backnumber ul li dl.title {
}
section#column .backnumber ul li dl.title dt {
}
section#column .backnumber ul li dl.title dd {
}


section#column .backnumber dl.title dd small{
	font-size: 0.7em;
}

section#column .backnumber dl.title dd em{
	font-size: 0.7em;
}
/*アーカイブ*/
section#column .backnumber ul.archive {
	border: none;
	padding: 0;
	margin: 0 auto 20px;
}
section#column .backnumber ul.archive li {
	margin: 0 0 10px;
	padding: 0 0 10px;
}
section#column .backnumber ul.archive li a {
	font-size: 0.8em;
	letter-spacing: 1px;
}

/**/
/*+++++++++++++++++++
/*お問い合わせ 共通
+++++++++++++++++++*/
section.contact-common {
	position: relative;
	background: #fff;
	padding: 30px 0 50px;
}

section.contact-common:before {background-size: cover;}

section.contact-common .inner {max-width: 90%;}

.contact-common figure {display: block;position: absolute;padding: 30px 0 0;width: 60px;float: right;right: 0;tp;:;}
.contact-common figure b {width: 70%;font-size: 1.1em;float: left;}

section.contact-common b u {
}

section.contact-common b u:before {
	content:"";
	background:rgba(255,255,0,0.5);
	position:absolute;
	height: 20px;
	width:100%;
	bottom:0;
	z-index: -1;
}

.contact-common figure img {
	width: 87px;
	padding: 0;
}
.contact-common .inner {
	max-width: 100%;
}
.contact-common .box {max-width: 100%;padding: 0px 0 20px;overflow: hidden;}
.contact-common .box p {
	padding:0 20px;
}
.contact-common b {
text-align: center;
    position: relative;
    width: 100%;
    display: block;
    height: auto;
    font-size: 1em;
    padding: 10px;
}

section.contact-common figure {
	display:none;
}

.contact-common .box .ttl {font-size: 1.2em;}

.contact-common .box .flex {
    margin: 0 auto 0;
    width: 90%;
    padding: 30px 0 0;
}
.contact-common .box .flex:before {
	content:"";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 100%;
	border-left: 1px dashed #ccc;
	border-width: 2px;
	top: 0;
	bottom: 0;
}
.tel {padding: 20px;font-size: 1.5em;margin: 0 auto 40px;}
.tel:before {background-size: 18px;}
.tel span {text-align: left;padding: 0 0 0 33px;}
/*+++++++++++++++++++
/example
+++++++++++++++++++*/

#example .textbox{padding: 10px 0;}

#example li figure{height: auto;margin: 0 auto 10px;width: 80%;}

#example li figure:before {
}

#example li figure img {
}

#example dl {
	justify-content: left;
	align-items: center;
	margin: 0 0 10px;
}

#example .plandetail {
	flex-wrap:wrap;
}	
#example .plandetail dl{width: 33% !important;margin: 0 0 10px !important;}

#example dt  {
	color: #fff;
	padding: 5px 10px;
	margin: 0 20px 0 0;
	font-weight: 700;
	background: #e50012;
	letter-spacing: 2px;
}

#example dd {
	color: #e50012;
}

#example dd small {
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 0.6em;
	margin: 0 10px 0 5px;
}


#example li{
    margin: 0 20px;
}
 
/*+++++++++++++++++++
/section
+++++++++++++++++++*/

section#estimation.other {background: #F9F4E9;}

section#estimation.other .otherbox {
	padding: 40px 80px 80px;
	border-radius: 10px;
}

section.other {padding: 100px 0 200px;}

/*+++++++++++++++++++
/*slick
+++++++++++++++++++*/
.slick-prev {width: 40px;height: 40px;left: 0;top: 25%;bottom: unset;}


.slick-prev:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}

.slick-prev:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}
.slick-disabled {
	display:none;
}
/*next*/
.slick-next {
	width: 40px;
	height: 40px;
	top: 25%;
	bottom: unset;
}
.slick-next:hover{
right:0;
}
.slick-next:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	transform:rotate(180deg);
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}



.slick-next:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}

.slick-dots {
    margin: auto;
    bottom: -50px;
}

.slick-dots li{
}

.slick-dots li.slick-active button {
	background: #ee780f !important;
}

.slick-dots li button{}
.slick-dots li button:before {
	content:"";
	width: 10px;
	height: 10px;
}
/*+++++++++++++++++++
/*button
+++++++++++++++++++*/
.button1 {border-radius: 100px;padding: 15px 60px;transition: .3s;position: relative;background: #111;font-size: 1.1em;display: inline-block;font-weight: 700;letter-spacing: 1px;color: #fff;overflow: unset;}

.button1:hover {
	background:#ee780f;
	color:#fff;
	transition:.3s;
	transform: translate3d(5px, 5px, 5px);		
}

.button1:before {
	content:"";
	background: url(../images/common/arrow_w.svg) no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6%;
	margin: auto;
	background-size: 100%;
	width: 20px;
	height: 12px;
	transition:.3s;
}

.button2 {
    /* border: 1px solid #111; */
    border-radius: 100px;
    background: #fff;
    padding: 10px 40px;
    transition: .3s;
    position: relative;
    font-size: 0.9em;
    width: 80%;
    font-weight: 700;
    letter-spacing: 2px;
    color: #111;
    box-sizing: border-box;
}

.button2:before {
	content:"";
	background: url(../images/common/arrow.svg) no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6%;
	margin: auto;
	background-size: 100%;
	width: 20px;
	height: 12px;
	transition:.3s;
}


/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
header {
	position: relative;
	background: #fff;
	width: 100%;
	/* border-bottom: 1px solid #ccc; */
	padding: 20px 50px 40px;
	z-index: 1;
	top: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.headertop {width: 39%;display: flex;justify-content: right;float: right;}

.headertop .flex {
}

.headertop .flex span {font-size: 0.85em;font-weight: 500;letter-spacing: 2px;letter-spacing: 1px;color: #666;padding: 0 0 0 25px;background-size: 15px;margin: 0 0 0 18px;}

.headertop .flex .tel {
	border: none;
	padding: 0;
	font-size: 1.4em;
	width: auto;
	margin: 0;
}

.headertop .flex .tel span {
	font-size: 1em;
	color: #111;
	letter-spacing: 0;

}

.headertop .flex .tel:before {
display:none;}

.logo span {

	font-size: 0.7em;
	letter-spacing: 1px;
	color: #666;
	margin: 0 0 15px;
	font-weight: 100;
	display: block;
}

.headerbox {
	clear: both;

	display: flex;
	justify-content: space-between;
}



header a.logo {
	width: 400px;
	display: block;
	margin: 0px 100px 0 0;
}

header a.logo img {
}

header ul {
	display:flex;
	justify-content:space-between;
	margin: 25px 15px 0 0;
	align-items: center;
}

header ul li {
	margin: 0 70px 0 0;
}

header ul li a {
	display:block;
	font-weight: 600;
	font-size: 1.2em;
	letter-spacing: 2px;
	padding: 0;
	position: relative;
	z-index: 2;
}

header ul li:last-child {
	margin:0;
	padding: 0;
	border: none;
}
header ul li small {
	position: relative;
	font-family: 'Quicksand',sans-serif;
	font-size: 0.7em;
	font-weight: 500;
	letter-spacing: 1px;
	/* padding: 0 0 0 13px; */
	/* color: #66b733; */
	padding: 5px 0 0;
	text-align: center;
	color: #f36d00;
	display: block;
}
header ul li small:before {
	/* content: ""; */
	width: 7px;
	height: 7px;
	background: #f36d00;border-radius: 100px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0.6;}

}
/*+++++++++++++++++++
/*drawer
+++++++++++++++++++*/
.drwmenu {width: 43%;display: flex;flex-wrap: wrap;justify-content:left;margin: 0;}

.drwmenu dt{
	width: 45%;
	font-weight: bold;
}
.drwmenu dt a {
	position: relative;
	padding: 0 0 0 20px;
	z-index: 10;
}
.drwmenu dt a:before {
}


.drawer-open header {
	background:none;
}
.drawer-open header a.logo {
	opacity: 0;
}

.drwbox .htel {
	margin: 0 40px 0 0;
}

.drawer-menu {
	background: #fff;
	width: 100%;
	height:100%;
	right: 0;
	padding: 80px 30px 80px;
	position: absolute;
	box-sizing: border-box;
	z-index: -1;
	/* overflow-y: scroll; */
	/* z-index: 0; */
}


.drawer-nav section.contact-common:before,.drawer-nav section.contact-common:after {
	background: none;
}

.drawer-nav img.drw_fukidashi {
	position: absolute;
	top: 35%;
	left: 4%;
	transition: .9s;
	transform: rotate(-15deg);
	opacity: 0;
}


.drawer-open .drawer-nav img.drw_fukidashi {
	opacity: 1;
	transition:.9s;
	transition-delay: .9s;
}

.drawer-menu .flex {
	align-items: baseline;
	justify-content:center;
	width: 69%;
}
.drawer-menu dl.drwmenu {
	width:100%;
	margin:0 50px 50px 0;
}

.drawer-menu dl.drwmenu:last-child {
	margin:0;

}

.drawer-menu  a.button_simulation {
	width: 62%;

}

.drawer-menu a.button_simulation span {
	font-size: 1em;
}




.drawer-menu a.button_simulation:before {
	width: 100px;
	height: 108px;
	background-size: 100px;
}

/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/
footer {
	/* height: 500px; */
	background: #fff;
	/* box-shadow: 0 2px 3px rgb(55 49 37 / 20%); */

	margin: 0 0 5px;
	overflow: unset;
}

.copyright {
	font-size: 0.8em;
	text-align: center;
	padding: 20px 0;
	color: #666;
	background: #F9F4E9;

	letter-spacing: 1px;
}

footer strong {
	display: block;
	font-size: 1.2em;
}

.footerbox {
	max-width:1200px;
	margin:auto;
	padding: 50px 0 80px;
}

.footerbox .flex {
	align-items:center;
	justify-content: space-between;
}

.footerbox .flex figure {

	border-right: 1px solid #eee;
	padding: 0 80px 0 0;
}


#pagetop {
	opacity:1;
	background: url("../images/common/pagetop.png") no-repeat;
	transition: .3s;
	width: 100px;
	height: 130px;
	position: fixed;
	bottom: 0;
	right: 0;
	background-size: 100px;
	margin: 1.5% 2%;
	cursor: pointer;
	z-index: 100;
}

footer .inner {max-width: 95%;}

#pagetop:hover {
	opacity:0.7;
	transition: .3s;
}

/*+++++++++++++++++++
/*column
+++++++++++++++++++*/


section#column .inner {
	/* background: #fff; */
	max-width: 1200px;
	position: relative;
	align-items: flex-start;
	/* padding: 50px; */
	border-radius: 10px;
	box-sizing: border-box;
}

section#column .inner h6 {
    font-weight: bold;
}

/*一覧*/
.column section#column {
}


section#column .listbox ul{
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* width: 50%; */
	/* float: right; */
	/* max-width: 1250px; */
	/* border-top: 1px solid #ccc; */
	/* margin: auto; */
}

section#column.other .listbox ul {
    border-top: 1px solid #ccc;
    padding: 30px 0 0;
}

section#column .listbox li{
}

section#column .listbox li:last-child{
	/* margin: 0; */
	/* border: none; */
	/* padding: 0; */
}
section#column .listbox li:first-child .honbun {
	display:block;
}
section#column .listbox li:first-child .honbun p {
	font-size: 0.85em;
}

section#column .listbox li a {
	overflow:hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	opacity:1;
	width: 100%;
	justify-content: space-between;
}

section#column .listbox li a figure {
	transition: .5s;
	-webkit-transform: scale(1);
	transform: scale(1);
    overflow: hidden;
    position: relative;
    display: block;
}
section#column .listbox li a:hover figure {
}

section#column .listbox li a:hover {
	transition:.3s;
	opacity:0.6;
}

section#column .listbox li a figure {width: 30%;margin: 0 3% 0 0;}

section#column dl.title {width: 65%;}

section#column dl.title dt{
	font-size: 1.3em;
	letter-spacing: 1px;
	font-weight: 700;
	/* color: #fff; */
	padding: 10px 0 5px;
}

section#column li:first-child dl.title dt {
	padding: 0 0 10px;
}

section#column li:first-child dl.title dd{
	padding: 0 0 10px;
}

section#column .listbox li .honbun {
	display:none;
}

section#column dl.title dd small{
	font-size: 0.95em;
	color:unset;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	color: #999;
}

section#column dl.title dd em {
	border: 1px solid #666;
	border-radius: 5px;
	padding: 1px 8px 2px;
	font-size: 0.7em;
	margin: 0 0 0 10px;
	box-sizing: border-box;
}
section#column dl.title dd p {
    font-size: 0.9em;
    letter-spacing:0;
}


section#column li dl.title dd {

	position: relative;
	top: 0;
	background: #fff;
	padding: 0;
	border-radius: 0 0 30px 0;
	box-sizing: border-box;
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
}

/*詳細*/
section#column .single {
	background: none;
	padding: 0;
}

section#column .single .detailbox {
	margin: 0 100px 0 0;
	width: 80%;
	/* border-bottom: 1px solid #ccc; */
	/* padding: 0 0 50px; */
}
section#column .single .detailbox .honbun {
    border-bottom: 1px solid #ccc;
    padding: 0 0 50px;
    margin: 0 0 50px;
}

section#column .single .detailbox .honbun h5 {
	margin:0 0 40px;
}

section#column .single .detailbox .honbun img {
	width: auto;
	height: auto;
}

section#column .single .detailbox p {
    font-size:0.95em;
}
section#column .single dl.title {
	width:auto;
}

section#column .backnumber figure.rorate {
}
section#column .backnumber figure.rorate .backnumber_ttl {
	background: #d8321c;
	/* border: 3px solid #d8321c; */
	width: 63%;
	border-radius: 100px;
	color: #fff;
	font-size: 0.9em;
	position: relative;
	padding: 10px 0;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
	/* transform: rotate(-3deg); */
	margin: 16px 0 0;
}

section#column .backnumber figure.rorate .backnumber_ttl:before {
	content:"";
	background:url(../images/common/fukidashi.svg) no-repeat;
	position: absolute;
	width: 23px;
	height: 27px;
	background-size: 20px;
	bottom: -40%;
	right: 15%;
	transform: rotate(-5deg);
}

section#column .backnumber figure.rorate img {width: 90px;/* position: absolute; */top: 0;z-index: 0;/* margin: 0 20px 0 0; */}

section#column .backnumber ul {
	border-top: 5px solid #ccc;
	padding: 20px 0 0;
	background: #fff;
	z-index: 1;
	position: relative;
	margin: -12% auto 80px;
}

section#column .backnumber ul li {
}

section#column .backnumber ul li:last-child {
	padding:0;
	border:none;
	margin:0;
}

section#column .backnumber ul li figure {
}
section#column .backnumber ul li dl.title {
	width:58%;
}
section#column .backnumber ul li dl.title dt {
	font-size: 1em;
	padding: 0 0 10px;
}
section#column .backnumber ul li dl.title dd {
	padding: 0;
}

section#column .backnumber dl.title dd small{
	font-size: 0.7em;
}

section#column .backnumber dl.title dd em{
	font-size: 0.7em;
}
/*アーカイブ*/
section#column .backnumber ul.archive {
	border: none;
	padding: 0;
	margin: 0 auto 60px;
}
section#column .backnumber ul.archive li {
	margin: 0 0 10px;
	padding: 0 0 10px;
}
section#column .backnumber ul.archive li a {
	font-size: 0.8em;
	letter-spacing: 1px;
}

/**/
/*+++++++++++++++++++
/*お問い合わせ 共通
+++++++++++++++++++*/
section.contact-common {
	position: relative;
	background: #fff;
	padding: 80px 0 50px;
}
section.contact-common:after {
	content:"";
	background:rgba(0,0,0,0.5);
	position: absolute;
	height: 350px;
	top: 0;
	width: 100%;
	margin: auto;
	bottom: inherit;
}
section.contact-common:before {
	content:"";
	background: url(../images/common/bg.jpg) no-repeat center;
	position: absolute;
	height: 350px;
	top: 0;
	width: 100%;
	margin: auto;
	bottom: inherit;
}

section.contact-common .inner {
	margin: auto;
}

.contact-common figure {
	width: 110px;
	position: absolute;
	top: -29px;
	right: 2%;
	margin: auto;
}

.contact-common b u {
	text-decoration:none;
	font-size: 1.2em;

	position:relative;
	z-index: 100;
	margin: 0 10px 0 0;
}

.contact-common b u:before {
	content:"";
	/* background:rgba(255,255,0,0.5); */
	position:absolute;
	height: 20px;
	width:100%;
	bottom:0;
	z-index: -1;
}

.contact-common figure img {
	width: 130px;
	padding: 0 30px 0 0;
}

.contact-common .box {
	background: #fff;
	padding: 120px 50px 30px;
	margin: 0 auto 0;
	border: 3px solid #d8321c;
	box-sizing: border-box;
	position: relative;
	box-shadow: 0px 6px 6px rgb(204 204 204 / 50%) !important;
	border-radius: 10px;
	z-index: 1;
	/* overflow: hidden; */
}

.contact-common .box p {
	position: relative;
	z-index: 1;
}

.contact-common .box:after {
	content:"";
	background:#fff;
	width: 100%;
	height: 76%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.contact-common .box .ttl {
	background: #fff;
	position: absolute;
	top: -9%;
	left: 0;
	right: 0;
	margin: auto;

	width: 43%;
	text-align: center;
	padding: 7px 0;
	box-sizing: border-box;
	font-size: 1.6em;
	letter-spacing: 1px;
	font-weight: bold;
}

.contact-common .box .flex {
	align-items:center;
	margin: 0 auto 20px;
	position: relative;
	z-index: 1;
}

.contact-common .box .flex:before {
	content:"";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;

	height: 100%;
	border-left: 1px dashed #ccc;
	border-width: 2px;
	top: 0;
	bottom: 0;
}
.tel {
}

.tel:before {
    content:"";
    background: url(../images/common/arrow_w.svg) no-repeat center #d8321c;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    background-size: 25px;
}

.tel span {
}



/*pagenavi*/
.wp-pagenavi{
	clear:both;
	margin: 50px 0 0;
	text-align:center;
	padding: 0 0 10px;
	position: relative;
	display: flex;
	justify-content: center;
}

.wp-pagenavi span.pages {
    padding: 10px;
    margin: 0 5px 0 0;
}

.wp-pagenavi span.current {
      display: inline-block;

      color: #f5f1df;
      background: #f36d00;
      padding: 18px 20px;
      box-sizing: border-box;
      text-align: center;
      width: 50px;
      height: 50px;
      line-height: 1.1;
      font-size: 0.9em;
      border-radius: 10px;
      margin: 0 10px 0 0;
      position: relative;
      box-shadow: 0 0px 3px rgba(0,0,0,0.2);
}




a.page.smaller, a.page.larger {
    color: #222;
    padding: 18px 20px;
    text-align: center;
    box-sizing: border-box;
    margin: 0 10px 0 0;
    line-height: 1.1;
    width: 50px;
    height: 50px;
    font-size: 0.9em;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    border-radius: 10px;
}

a.page.smaller:hover,
a.page.larger:hover,
a.previouspostslink:hover,
a.nextpostslink:hover,
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.first:hover,
.wp-pagenavi a.last:hover{
	text-decoration:none;

	box-shadow:0 0px 3px rgba(0,0,0,0.2);
	background: #f36d00;
	color: #fff;
	/* background:#f5f1df; */
	box-shadow:none;
	transition: .3s;

	text-decoration:none;
}


a.page.smaller:hover:after,
a.page.larger:hover:after,
a.previouspostslink:hover:after,
a.nextpostslink:hover:after
 {
	margin:0;

}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
    display: inline-block;
    color: #231815;
    padding: 18px 20px;
    text-align: center;
    line-height: 1.1;
    margin: 0 1% 0 0;
    font-size: 0.9em;
    border-radius: 10px;
    /* border: 1px solid #ccc; */
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 20%);
}

.wp-pagenavi .extend {
	color: #222;
    padding: 18px 20px;
    text-align: center;
    line-height: 1.1;
	margin: 0 8px 0 0;
    font-size: 0.9em;
	position: relative;
	display: flex;
	align-items: center;
}

.wp-pagenavi a.first,.wp-pagenavi a.last {
	display: inline-block;
	color: #222;
	align-items: center;
	background: none;
	/* border: 1px solid #b89d1c; */
	padding: 10px 20px;
	text-align: center;
	margin: 0 8px 0 0;
    font-size: 0.9em;
}
/*+++++++++++++++++++
/example
+++++++++++++++++++*/


#example ul{margin: auto;}



#example .textbox b{
	display: block;
	color: #555;
	font-size: 0.9em;
	letter-spacing: 1px;
	margin: 0 0 5px;
}

#example .case small {
	/* display: block; */
	font-size: 1.2em;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.1;
	margin: 0 10px 0 0;
	}

#example .case b {
	font-size: 2em;
	font-weight: normal;
	line-height: 1.1;
}

#example ol.tag li:before{
	content: "";
	background: url("../images/common/tag.svg") no-repeat;
}


#example .plandetail figure{
	width: 130px;
}


	#example .plandetail dl:nth-child(3n) {
		/* margin: 0 0 20px; */
	}

#example .plandetail dt:before{right: -4%;display: none;}

#example .plandetail dl:last-child {
	margin:0;
}


/*ノートPC等*/
@media screen and (max-width: 1699px) {

.company .mainvisual {position: relative;}


/*+++++++++++++++++++
/*breadcrumb
+++++++++++++++++++*/
.breadcrumb {margin: 0 0 100px;background: #fff;padding: 10px 20px;position: relative;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}

.breadcrumb ul {justify-content: left;}

.breadcrumb ul li{font-size: 0.7em;color: #666;letter-spacing: 1px;}

.breadcrumb ul li a{padding: 0 30px 0 0;}


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

/*小見出し*/
h3 b{
	display: block;
	font-size: 2.6em;

	letter-spacing: 2px;
	margin: 10px 0 0;
}



a.button_simulation:before {
	/* content: ""; */
	background: url("../images/common/dentaku.png") no-repeat;
	position: absolute;
	width: 80px;
	height: 99px;
	left: 3%;
	background-size: 55px;
	top: 12%;
	overflow: hidden;
}

a.button_simulation span {
}


/*+++++++++++++++++++
/*slick
+++++++++++++++++++*/

.slick-prev:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}

.slick-prev:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}
.slick-disabled {
	display:none;
}
/*next*/
.slick-next {
}
.slick-next:hover{
}
.slick-next:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	transform:rotate(180deg);
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}




.slick-next:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}

.slick-dots {
    margin: auto;

    bottom: -45px !important;
}

.slick-dots li{
	background: #ccc !important;
}

/*+++++++++++++++++++
/*button
+++++++++++++++++++*/

.button1:hover:before {
	transition:.3s;
	right:3%;
	background:url(../images/common/arrow_w.svg) no-repeat;	
}
/*+++++++++++++++++++
/*header
+++++++++++++++++++*/

.headertop {/* width: 48%; */margin: 0;}

header a.logo {
	margin: 0px 50px 0 0;
}
header ul {
	margin: 20px 0 0 0;
}

header ul li {
	margin: 0 25px 0 0;
}

header ul li:last-child {
	margin:0;
	padding: 0;
	border: none;
}

header ul li small:before {/* content: ""; */width: 7px;height: 7px;background: #f36d00;border-radius: 100px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0.6;}
}
/*+++++++++++++++++++
/*drawer
+++++++++++++++++++*/

.drwmenu dt a {display: block;}

.drawer-open header {
	background:none;
}
.drawer-open header a.logo {
	opacity: 0;
}

.drwbox .htel {
	margin: 0 40px 0 0;
}

.drawer-nav img.charactor {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	width: 400px;
	margin: 0;
	height: auto;
	transition:.5s;
	left: 50%;
}

.drawer-open .drawer-nav img.charactor {
	left: 6%;
	height: auto;
	transition:.5s;
	transition-delay: .5s;
}
.drawer-nav img.drw_fukidashi {
	position: absolute;
	top: 35%;
	left: 4%;
	transition: .9s;
	transform: rotate(-15deg);
	opacity: 0;
}


.drawer-open .drawer-nav img.drw_fukidashi {
	opacity: 1;
	transition:.9s;
	transition-delay: .9s;
}


.drawer-menu .flex {
	align-items: baseline;
	justify-content:center;
	width: 69%;
}
.drawer-menu dl.drwmenu:last-child {
	margin:0;

}

.drawer-menu  a.button_simulation {
	width: 62%;

}



.drawer-menu a.button_simulation:before {
	width: 100px;
	height: 108px;
	background-size: 100px;
}


/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/

footer strong {
	display: block;
	font-size: 1.2em;
}


footer .inner {max-width: 95%;}

/*+++++++++++++++++++
/*column
+++++++++++++++++++*/


/*一覧*/

section#column .listbox li:nth-child(2n){
}
section#column .listbox li:first-child .honbun {
	display:block;

}
section#column .listbox li:first-child .honbun p {
	font-size: 0.85em;
}



section#column dl.title dt{
	font-size: 1.2em;
	letter-spacing: 1px;

	font-weight: 700;
	/* color: #fff; */
	padding: 10px 0 20px;

}

section#column .listbox li .honbun {
	display:none;
}


/*詳細*/
section#column .single {
	background: none;
	padding: 0;
}



section#column .single .detailbox p {
    font-size:0.95em;
}
section#column .single dl.title {
	width:auto;
}

section#column .backnumber figure.rorate .backnumber_ttl:before {
	content:"";
	background:url(../images/common/fukidashi.svg) no-repeat;
	position: absolute;
	width: 23px;
	height: 27px;
	background-size: 20px;
	bottom: -40%;
	right: 15%;
	transform: rotate(-5deg);
}

section#column .backnumber figure.rorate img {}

section#column .backnumber ul li {
}

section#column .backnumber ul li:last-child {
	padding:0;
	border:none;
	margin:0;
}

section#column .backnumber ul li figure {
}


section#column .backnumber dl.title dd small{
	font-size: 0.7em;
}

section#column .backnumber dl.title dd em{
	font-size: 0.7em;
}
/*アーカイブ*/
section#column .backnumber ul.archive {
	border: none;
	padding: 0;
	margin: 0 auto 60px;
}
section#column .backnumber ul.archive li {
	margin: 0 0 10px;
	padding: 0 0 10px;
}
section#column .backnumber ul.archive li a {
	font-size: 0.8em;
	letter-spacing: 1px;
}

/**/
/*+++++++++++++++++++
/*お問い合わせ 共通
+++++++++++++++++++*/

section.contact-common b u:before {
	content:"";
	background:rgba(255,255,0,0.5);
	position:absolute;
	height: 20px;
	width:100%;
	bottom:0;
	z-index: -1;
}

section.contact-common figure img {
	width: 150px;
	padding: 0 30px 0 0;
}


/*+++++++++++++++++++
/example
+++++++++++++++++++*/

#example .slick-list {
	overflow: unset;
}

#example li{margin: 0 40px;}

#example dd {
	font-size: 2.4em;
}


}
@media screen and (max-width: 1299px) {
/*++++++++++++++
共通
++++++++++++++*/

/*++++++++++++++
mainvisual
++++++++++++++*/

.mainvisual h2 b {
	font-size: 2.3em;
}

.company .mainvisual {position: relative;}


.overlay {
	background: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
}

.under:hover {
	text-decoration: none;

}

/*改行*/
.br {}
.br2 {display: none !important;}



/*+++++++++++++++++++
/*breadcrumb
+++++++++++++++++++*/
.breadcrumb {margin: 0 0 100px;background: #fff;padding: 10px 20px;position: relative;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}

.breadcrumb ul {justify-content: left;}

.breadcrumb ul li{font-size: 0.7em;color: #666;letter-spacing: 1px;}

.breadcrumb ul li a{padding: 0 30px 0 0;}

/*++++++++++++++
下層メインタイトル
++++++++++++++*/
strong {
	font-size: 1.6em;
}


/*小見出し*/
h3 b{
	font-size: 2.3em;
	margin: 0;
}


/*本文*/
p {font-size: 1em;}


/*補足*/
em {
	font-style: normal;
}

/*お見積りボタン*/
a.button_simulation {
	padding: 45px 25px 35px;
}

a.button_simulation:hover {
}
a.button_simulation:before {
	/* content: ""; */
	background: url("../images/common/dentaku.png") no-repeat;
	position: absolute;
	width: 80px;
	height: 99px;
	left: 3%;
	background-size: 55px;
	top: 12%;
	overflow: hidden;
}

a.button_simulation b {
	width: 70% !important;
}
a.button_simulation b:after {
}
a.button_simulation span {
	font-size: 1.4em;
}

.button2 {
    padding: 10px 20px;
}

.button2:before {
	width: 15px;
	height: 8px;
}

.radius {/* border-radius: 30px; */}

/*+++++++++++++++++++
/*slick
+++++++++++++++++++*/
.slick-prev {left: 3%;}
.slick-prev:hover,.slick-prev:focus {left: 6%;}
.slick-prev:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}

.slick-prev:hover:before {
	border-style: solid;

	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}
.slick-disabled {
	display:none;
}
/*next*/
.slick-next {
	right: 3%;
}
.slick-next:hover{
}
.slick-next:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	transform:rotate(180deg);
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}



.slick-next:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}

/*+++++++++++++++++++
/*button
+++++++++++++++++++*/
.button1 {padding: 15px 70px;font-size: 1em;}

.button1:hover:before {
	transition:.3s;
	right:3%;
	background:url(../images/common/arrow_w.svg) no-repeat;	
}
/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
header {
    padding: 30px;
}
.headertop {
    width: auto;
    margin: 0 20px 0 0;
}

.headertop .flex .tel {font-size: 1.3em;}

.headertop .flex .tel span {

	font-size: inherit;
}

header a.logo {
	width: 300px;
	margin: 0 20px;
}


header ul {
	margin: 20px 0 0 0;
}

header ul li a {
	font-size: 1em;
	letter-spacing: 0;
}

header ul li:last-child {
	margin:0;
	padding: 0;
	border: none;
}

header ul li small:before {/* content: ""; */width: 7px;height: 7px;background: #f36d00;border-radius: 100px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0.6;}



/*+++++++++++++++++++
/*drawer
+++++++++++++++++++*/

.drwmenu dt a {font-size: 1em;}

.drawer-open header {
	background:none;
}
.drawer-open header a.logo {

	opacity: 0;
}

.drwbox .htel {
	margin: 0 40px 0 0;
}



.drawer-nav img.charactor {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	width: 400px;
	margin: 0;
	height: auto;
	transition:.5s;

	left: 50%;
}

.drawer-open .drawer-nav img.charactor {
	left: 6%;
	height: auto;
	transition:.5s;
	transition-delay: .5s;
}
.drawer-nav img.drw_fukidashi {
	position: absolute;
	top: 35%;
	left: 4%;
	transition: .9s;
	transform: rotate(-15deg);
	opacity: 0;
}


.drawer-open .drawer-nav img.drw_fukidashi {
	opacity: 1;
	transition:.9s;
	transition-delay: .9s;
}

.drawer-menu .flex {
	align-items: baseline;
	justify-content:center;
	width: 69%;
}

.drawer-menu dl.drwmenu:last-child {
	margin:0;

}

.drawer-menu  a.button_simulation {
	width: 62%;
}

.drawer-menu a.button_simulation:before {
	width: 100px;
	height: 108px;
	background-size: 100px;
}

/*is-animation*/
header.is-animation {
	/* background:none; */
	transition:.3s;
}
/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/

footer strong {
	display: block;
	font-size: 1.2em;
}


.footerbox {
	max-width: 1000px;
}

.footerbox .flex figure {padding: 0 30px 0 0;margin: 0 30px 0 0;}


footer .inner {max-width: 95%;}

/*+++++++++++++++++++
/*column
+++++++++++++++++++*/
section#column .inner {max-width: 90%;}

/*一覧*/
.column section#column {
	background:#fff;
	padding: 50px 0 200px;
}

.column section#column .inner {
	padding: 50px 0 0;
}

section#column .listbox li:nth-child(2n){
}
section#column .listbox li:first-child .honbun {
	display:block;
}
section#column .listbox li:first-child .honbun p {
	font-size: 0.85em;
}

section#column .listbox li a:hover figure {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	/*background: rgba(0,0,0,0.2);*/
}

section#column .listbox li a:hover {
	transition:.3s;
	opacity:0.6;
}

section#column .listbox li .honbun {
	display:none;
}


/*詳細*/
section#column .single {
	background: none;
	padding: 0;
}
section#column .single .detailbox p {
    font-size:0.95em;
}
section#column .single dl.title {
	width:auto;
}
section#column .single dl.title dt {
	font-size: 2em;
	font-weight: 100;

}

section#column .backnumber figure.rorate .backnumber_ttl:before {
	content:"";
	background:url(../images/common/fukidashi.svg) no-repeat;
	position: absolute;
	width: 23px;
	height: 27px;
	background-size: 20px;
	bottom: -40%;
	right: 15%;
	transform: rotate(-5deg);
}

section#column .backnumber figure.rorate img {}


section#column .backnumber ul li {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #ccc;
}

section#column .backnumber ul li:last-child {
	padding:0;
	border:none;
	margin:0;
}

section#column .backnumber ul li figure {
	margin: 0 10px 0 0;
}

section#column .backnumber dl.title dd small{
	font-size: 0.7em;
}

section#column .backnumber dl.title dd em{
	font-size: 0.7em;
}
/*アーカイブ*/
section#column .backnumber ul.archive {
	border: none;
	padding: 0;
	margin: 0 auto 60px;
}
section#column .backnumber ul.archive li {
	margin: 0 0 10px;
	padding: 0 0 10px;
}
section#column .backnumber ul.archive li a {
	font-size: 0.8em;
	letter-spacing: 1px;
}

/**/
/*+++++++++++++++++++
/*お問い合わせ 共通
+++++++++++++++++++*/

section.contact-common figure b {
	font-size: 1.4em;
}

section.contact-common b u {
	font-size: 1.1em;
}

section.contact-common b u:before {
	content:"";
	background:rgba(255,255,0,0.5);
	position:absolute;
	height: 20px;
	width:100%;
	bottom:0;
	z-index: -1;
}

section.contact-common figure img {
	width: 150px;
	padding: 0 30px 0 0;
}

.contact-common .box {
    max-width: 95%;
    padding: 90px 30px 30px;
}

.contact-common .box .ttl {padding: 7px 20px;width: 50%;}


.tel {
	font-size: 2em;
	padding: 35px 50px 33px;
}

/*+++++++++++++++++++
/example
+++++++++++++++++++*/

#example .slick-list {
	overflow: unset;
}

#example dt  {font-size: 0.9em;}

#example dd {font-size: 2em;}

#example dd small {
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 0.6em;
	margin: 0 10px 0 5px;
}


}
/*タブレット*/
@media screen and (max-width: 1023px) {
/*++++++++++++++
共通
++++++++++++++*/

.company .mainvisual {position: relative;}


.mainvisual .inner {}


.inner {
}

/*++++++++++++++
下層ページタブ
++++++++++++++*/

.map {
}

.map:hover {
	transition:.3s;
	background: #fff;
	color: #111;
}

img {
}

/*改行*/
.br {display: none !important;}
.br2 {display: block !important;}


/*+++++++++++++++++++
/*hover
+++++++++++++++++++*/
.hover::after {
  z-index: -1;
}

.hover:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}


/*+++++++++++++++++++
/*breadcrumb
+++++++++++++++++++*/
.breadcrumb {margin: 0 0 100px;background: #fff;padding: 10px 20px;position: relative;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}


.breadcrumb ul {justify-content: left;}

.breadcrumb ul li{font-size: 0.7em;color: #666;letter-spacing: 1px;}

.breadcrumb ul li a{padding: 0 30px 0 0;}

/*+++++++++++++++++++
/*margin
+++++++++++++++++++*/

/*中*/
.mb2 {margin: 0 0 30px;}


/*++++++++++++++
下層メインタイトル
++++++++++++++*/
strong {
}
h1 {
	
}

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

/*大見出し*/
h2 {
}


/*中見出し*/
h3 {
}

/*小見出し*/

/*以下見出し*/
h5 {font-size: 1.3em;}

/*以下見出し*/
h6 {
}

/*本文*/
p {
    font-size: 0.9em;
    line-height: 1.6;
}


/*補足*/
em {
	font-style: normal;
}

/*お見積りボタン*/
a.button_simulation {
	padding: 40px 15px 25px;
	width: 100%;
}

a.button_simulation:hover {
	transition:.3s;
	transform: translate3d(0, 5px, 5px);	
}
a.button_simulation:before {
	/* content: ""; */

	background: url("../images/common/dentaku.png") no-repeat;
	position: absolute;
	width: 80px;
	height: 99px;
	left: 3%;
	background-size: 55px;
	top: 12%;
	overflow: hidden;
}

a.button_simulation b {width: 55% !important;}

a.button_simulation b:after {
    border-width: 10px 10px 0 10px;
    bottom: -20%;
}
a.button_simulation span {letter-spacing: 1px;}



.shadow {
	box-shadow: 0px 6px 0 0px rgb(204 204 204 / 50%) !important;
}

.radius {/* border-radius: 30px; */}


/*+++++++++++++++++++
/*slick
+++++++++++++++++++*/
.slick-prev {left: 0;}

.slick-prev:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}

.slick-prev:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}
.slick-disabled {
	display:none;
}
/*next*/
.slick-next {}
.slick-next:hover{
}
.slick-next:before {

	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	transform:rotate(180deg);
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}



.slick-next:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}

/*+++++++++++++++++++
/*button
+++++++++++++++++++*/
.button1 {padding: 10px 50px;}

.button1:hover {
}

.button1:before {
}

.button1:hover:before {
	transition:.3s;
	right:3%;
	background:url(../images/common/arrow_w.svg) no-repeat;	
}
/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
header {
	padding: 30px;
}
.headertop {float:none;margin: 0 0 20px;text-align: center;}	
.headertop .flex {
 float: none;
 justify-content: center;
 margin: auto;
 }
.logo span {
}

.headerbox {
	display: block;
}

header a.logo {width: 400px;margin: 0 auto 30px;}


header ul {margin: 0;}

header ul li {
	margin: 0 20px 0 0;
}


header ul li:last-child {
	margin:0;
	padding: 0;
	border: none;
}
header ul li small {
}
header ul li small:before {/* content: ""; */width: 7px;height: 7px;background: #f36d00;border-radius: 100px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0.6;}


/*+++++++++++++++++++
/*drawer
+++++++++++++++++++*/
.drwmenu {width: 500px;margin: auto;}

.drawer-open header {
	background:none;
}
.drawer-open header a.logo {
	opacity: 0;
}

.drwbox .htel {
	margin: 0 40px 0 0;

}

.drawer-menu {
}


.drawer-nav img.charactor {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	width: 400px;
	margin: 0;
	height: auto;
	transition:.5s;
	left: 50%;
}

.drawer-open .drawer-nav img.charactor {
	left: 6%;
	height: auto;
	transition:.5s;
	transition-delay: .5s;
}
.drawer-nav img.drw_fukidashi {
	position: absolute;
	top: 35%;
	left: 4%;
	transition: .9s;
	transform: rotate(-15deg);
	opacity: 0;
}





.drawer-open .drawer-nav img.drw_fukidashi {
	opacity: 1;
	transition:.9s;
	transition-delay: .9s;
}


.drawer-menu .flex {
	align-items: baseline;
	justify-content:center;
	width: 69%;
}
.drawer-menu dl.drwmenu {
}

.drawer-menu dl.drwmenu:last-child {
	margin:0;

}

.drawer-menu  a.button_simulation {
	width: 62%;

}

.drawer-menu a.button_simulation span {
}




.drawer-menu a.button_simulation:before {
	width: 100px;
	height: 108px;

	background-size: 100px;
}


/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/
footer {
	/* height: 500px; */
	background: #fff;
}

.copyright {

}

footer strong {
	display: block;
	font-size: 1.2em;
}

.footerbox {padding: 20px 0 40px;}

.footerbox .flex {display: block;}

.footerbox .flex figure {
	padding: 0 0 50px;
	margin: auto;
	text-align: center;
}


#pagetop {
}

footer .inner {max-width: 95%;}

#pagetop:hover {
	opacity:0.7;
	transition: .3s;
}

/*+++++++++++++++++++
/*column
+++++++++++++++++++*/

section#column {padding: 50px 0 100px;}

section#column .inner {display: block;padding: 50px 50px 1px;}

/*一覧*/

section#column .listbox li{
	padding: 0 0 20px;
}

section#column .listbox li:nth-child(2n){
}
section#column .listbox li:first-child .honbun {
	display:block;
}
section#column .listbox li:first-child .honbun p {
	font-size: 0.85em;
}

section#column .listbox li a {
}

section#column .listbox li a figure {
}
section#column .listbox li a:hover figure {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	/*background: rgba(0,0,0,0.2);*/
}

section#column .listbox li a:hover {
	transition:.3s;
	opacity:0.6;
}

section#column dl.title dt{font-size: 1.1em;}


section#column .listbox li .honbun {
	display:none;
}

section#column dl.title dd small{
	font-size: 0.8em;
}

section#column dl.title dd em {
}

section#column dl.title dd p {
    font-size: 0.8em;
}


section#column li dl.title dd {
}

/*詳細*/
section#column .single {
	background: none;
	padding: 0;
}
ection#column .single .detailbox p {
    font-size:0.95em;
}
section#column .single dl.title {
	width:auto;
}
section#column .single dl.title dt {
	font-size: 2em;
	font-weight: 100;

}
section#column .backnumber figure.rorate .backnumber_ttl {margin: 8px 0 0 0;width: 150px;}

section#column .backnumber figure.rorate .backnumber_ttl:before {
	content:"";

	background:url(../images/common/fukidashi.svg) no-repeat;
	position: absolute;
	width: 23px;
	height: 27px;
	background-size: 20px;
	bottom: -40%;
	right: 15%;
	transform: rotate(-5deg);
}

section#column .backnumber figure.rorate img {
    top: -20px;
    position: relative;
}
section#column .backnumber ul li {
}

section#column .backnumber ul li:last-child {
	padding:0;
	border:none;
	margin:0;
}

section#column .backnumber ul li figure {
}

section#column .backnumber dl.title dd small{
	font-size: 0.7em;
}

section#column .backnumber dl.title dd em{
	font-size: 0.7em;
}
/*アーカイブ*/
section#column .backnumber ul.archive {
	border: none;
	padding: 0;
	margin: 0 auto 60px;
}
section#column .backnumber ul.archive li {
	margin: 0 0 10px;
	padding: 0 0 10px;
}
section#column .backnumber ul.archive li a {
	font-size: 0.8em;
	letter-spacing: 1px;
}

/**/
/*+++++++++++++++++++
/*お問い合わせ 共通
+++++++++++++++++++*/

section.contact-common figure {top: -40%;}
section.contact-common figure b {
	font-size: 1.6em;
	display: block;
	width: 70%;
}

section.contact-common b u {
	font-size: 0.9em;
}

section.contact-common b u:before {
	content:"";
	background:rgba(255,255,0,0.5);
	position:absolute;
	height: 20px;
	width:100%;
	bottom:0;
	z-index: -1;
}

section.contact-common figure img {
	width: 90px;
}
.contact-common .box {
	padding: 120px 30px 30px;
}

.contact-common .box .ttl {width: 80%;top: -7%;}

.contact-common .box .flex {display: block;}

.contact-common .box .flex:before {display: none;}
.tel {font-size: 1.6em;padding: 30px 35px 25px;width: 100%;display: block;margin: 0 auto 50px;}

.tel span {}
/*+++++++++++++++++++
/example
+++++++++++++++++++*/

#example .slick-list {
	overflow: unset;
}

#example .textbox p{
	padding: 15px;
}

#example .textbox b{font-size: 0.7em;}


#example li figure img {
	position: relative;
}

#example dt  {font-size: 0.8em;}

#example dd {font-size: 1.8em;}
#example .plandetail dd {
	font-size: 0.8em;
	letter-spacing: 0;
}
#example dd small {
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 0.6em;
	margin: 0 10px 0 5px;

}


#example .case b {font-size: 1.5em;}
}

/*スマホ横*/
@media screen and (max-width: 767px) {
/*++++++++++++++
共通
++++++++++++++*/

.mainvisual h2 {
}

.mainvisual h2 b {
}

.company .mainvisual {position: relative;}


.mainvisual .inner {
}

img {
}



/*+++++++++++++++++++
/*hover
+++++++++++++++++++*/
.hover::after {
}

.hover:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}


/*+++++++++++++++++++
/*breadcrumb
+++++++++++++++++++*/
.breadcrumb {margin: 0 0 100px;background: #fff;padding: 10px 20px;position: relative;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}

.breadcrumb ul {justify-content: left;}

.breadcrumb ul li{font-size: 0.7em;color: #666;letter-spacing: 1px;}

.breadcrumb ul li a{padding: 0 30px 0 0;}

/*+++++++++++++++++++
/*ホバー効果
+++++++++++++++++++*/
/*拡大*/
.scale {
}
.scale:hover {

	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	/*background: rgba(0,0,0,0.2);*/
}
/*++++++++++++++
下層メインタイトル
++++++++++++++*/
strong {font-size: 1.2em;}
h1 {
	
}

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

/*大見出し*/
h2 {
}

/*中見出し*/
h3 {
}


/*以下見出し*/
h5 {font-size: 1.3em;}

/*以下見出し*/
h6 {
}

/*本文*/
p {line-height: 1.8;}


/*補足*/
em {
	font-style: normal;
}

/**/
/*上*/
.view-lowup {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .5s;
	transition-delay:0.5s;
}

.view-lowup2 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .6s;
	transition-delay:0.6s;

}

.view-lowup3 {

	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0,20px);
	transition: .7s;
	transition-delay:0.7s;
}

.view-lowup4 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0,20px);
	transition: .8s;
	transition-delay:0.8s;
}

.view-lowup5 {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0,20px);
	transition: .9s;
	transition-delay:0.9s;
}

.mv-lowup {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}


/*右*/
.view-lowright {
	opacity: 0;
	transform: translate(60px,0); 
	-webkit-transform: translate(60px,0); 
	transition: .5s;
	transition-delay:0.5s;
}


.mv-lowright {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/*左*/
.view-lowleft {
	opacity: 0;
	transform: translate(-60px,0); 
	-webkit-transform: translate(-60px,0); 

	transition: .5s;
	transition-delay:0.5s;
}

.mv-lowleft {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

.mv-fade {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
}
/**/
/*お見積りボタン*/
a.button_simulation {
    width: 100%;
    padding: 35px 15px 25px;
}

a.button_simulation:hover {
	transition:.3s;
	transform: translate3d(0, 5px, 5px);	
}
a.button_simulation:before {
	/* content: ""; */
	background: url("../images/common/dentaku.png") no-repeat;
	position: absolute;
	width: 80px;
	height: 99px;
	left: 3%;
	background-size: 55px;
	top: 12%;
	overflow: hidden;
}

a.button_simulation b {width: 70% !important;font-size: 0.9em !important;margin: -6% auto 0 !important;}
a.button_simulation b:after {
    z-index: 0;
}
a.button_simulation span {font-size: 1.3em;}


/*+++++++++++++++++++
/*slick
+++++++++++++++++++*/
.slick-prev {left: 5%;}

.slick-prev:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}

.slick-prev:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	

    border-color: transparent #fff transparent transparent;
}

/*next*/

.slick-next:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;

	transform:rotate(180deg);
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}



.slick-next:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}

/*+++++++++++++++++++
/*button
+++++++++++++++++++*/
.button1 {font-size: 0.9em;}



.button1:hover:before {
	transition:.3s;
	right:3%;
	background:url(../images/common/arrow_w.svg) no-repeat;	
}
/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
header {padding: 30px 20px 30px;}

.logo span {
	font-size: 0.8em;
}

.headerbox a.logo img {width: 400px;}
.headertop .flex .tel {
    width: 250px;
    margin: 0 auto 10px;
    justify-content: center;
    text-align: center;
}
.headertop .flex .tel span {
	margin:auto;
}
header a.logo {
	width: auto;
	display: block;
	margin: auto;
	text-align: center;
}

header ul {display: none;}

header ul li {
	margin: 0 70px 0 0;
}

header ul li a {
	display:block;
	font-weight: 600;
	font-size: 1.1em;
	letter-spacing: 2px;
	padding: 0;
	position: relative;
	z-index: 2;
}

header ul li:last-child {
	margin:0;
	padding: 0;
	border: none;
}
header ul li small {
	position: relative;
	font-family: 'Quicksand',sans-serif;
	font-size: 0.7em;
	font-weight: 500;
	letter-spacing: 1px;
	/* padding: 0 0 0 13px; */
	/* color: #66b733; */
	padding: 5px 0 0;
	text-align: center;
	color: #f36d00;
	display: block;
}
header ul li small:before {/* content: ""; */width: 7px;height: 7px;background: #f36d00;border-radius: 100px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0.6;}




/*+++++++++++++++++++
/*drawer
+++++++++++++++++++*/

.drawer-open header {
	background:none;
}
.drawer-open header a.logo {
	opacity: 0;
}

.drwbox .htel {
	margin: 0 40px 0 0;
}

.drawer-menu {
}


.drawer-nav img.charactor {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	width: 400px;
	margin: 0;
	height: auto;
	transition:.5s;
	left: 50%;
}

.drawer-open .drawer-nav img.charactor {
	left: 6%;
	height: auto;
	transition:.5s;
	transition-delay: .5s;
}
.drawer-nav img.drw_fukidashi {
	position: absolute;
	top: 35%;

	left: 4%;
	transition: .9s;
	transform: rotate(-15deg);
	opacity: 0;
}


.drawer-open .drawer-nav img.drw_fukidashi {
	opacity: 1;
	transition:.9s;
	transition-delay: .9s;
}

.drawer-menu .flex {
	align-items: baseline;
	justify-content:center;
	width: 69%;
}

.drawer-menu dl.drwmenu {justify-content: left;margin: 0 0 20px;}

.drawer-menu dl.drwmenu:last-child {
	margin:0;

}

.drawer-menu  a.button_simulation {
}

.drawer-menu a.button_simulation span {
}





.drawer-menu a.button_simulation:before {
	width: 100px;
	height: 108px;
	background-size: 100px;
}


/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/
footer {
	/* height: 500px; */
	background: #fff;
}

.copyright {
}

footer strong {
	display: block;
	font-size: 1.2em;
}

.footerbox {
}

.footerbox .flex {
}

.footerbox .flex figure {
	border-right: none;
	/* padding: 0 80px 0 0; */
}


#pagetop {
}

footer .inner {max-width: 95%;}

#pagetop:hover {
	opacity:0.7;
	transition: .3s;
}

/*+++++++++++++++++++
/*column
+++++++++++++++++++*/

section#column {
	background: #F9F4E9;
}


/*一覧*/

section#column .listbox li:first-child .honbun {
	display:block;
}
section#column .listbox li:first-child .honbun p {
	font-size: 0.85em;
}

section#column .listbox li a {
    justify-content: left;
}

section#column .listbox li a figure {}

section#column dl.title {width: 58%;}

section#column li:first-child dl.title dt {
	padding: 0 0 10px;
}

section#column li:first-child dl.title dd{
	padding: 0 0 10px;
}

section#column .listbox li .honbun {
	display:none;
}

section#column dl.title dd small{
}

section#column dl.title dd em {
}
section#column dl.title dd p {
}




section#column li dl.title dd {
}

/*詳細*/
section#column .single {
	background: none;
	padding: 0;
}

section#column .single .detailbox {
	margin: 0 100px 0 0;
	width: 80%;
	/* border-bottom: 1px solid #ccc; */
	/* padding: 0 0 50px; */
}
section#column .single .detailbox .honbun {
}

section#column .single .detailbox p {
    font-size:0.95em;
}
section#column .single dl.title {
	width:auto;
}
section#column .single dl.title dt {
	font-size: 2em;
	font-weight: 100;

}
section#column .backnumber figure.rorate .backnumber_ttl:before {
	content:"";
	background:url(../images/common/fukidashi.svg) no-repeat;
	position: absolute;
	width: 23px;
	height: 27px;
	background-size: 20px;
	bottom: -40%;
	right: 15%;
	transform: rotate(-5deg);
}


section#column .backnumber ul li:last-child {
	padding:0;
	border:none;
	margin:0;
}

section#column .backnumber ul li figure {
}
section#column .backnumber dl.title dd small{
	font-size: 0.7em;
}

section#column .backnumber dl.title dd em{
	font-size: 0.7em;
}
/*アーカイブ*/
section#column .backnumber ul.archive {
	border: none;
	padding: 0;
	margin: 0 auto 60px;
}
section#column .backnumber ul.archive li {
	margin: 0 0 10px;
	padding: 0 0 10px;
}
section#column .backnumber ul.archive li a {
	font-size: 0.8em;
	letter-spacing: 1px;
}

/**/
/*+++++++++++++++++++
/*お問い合わせ 共通
+++++++++++++++++++*/

section.contact-common figure {position: absolute;width: 80px;top: 0;z-index: 1;}
section.contact-common figure b {font-size: 1.5em;}


section.contact-common b u {
}


section.contact-common b u:before {
	content:"";
	background:rgba(255,255,0,0.5);
	position:absolute;
	height: 20px;
	width:100%;
	bottom:0;
	z-index: -1;
}

section.contact-common figure img {
}

.contact-common .box {padding: 150px 30px 30px;}

.contact-common .inner {
    max-width: 100%;
}

.contact-common .box .flex {
	display: block;

	margin: -4% auto 0;
}

.contact-common .box .flex:before {display: none;}
.tel {width: 100%;display: block;margin: 0 auto 60px;font-size: 2em;background: #fff;}

/*+++++++++++++++++++
/example
+++++++++++++++++++*/

#example .slick-list {
	overflow: unset;
	padding: 0 0 20px;
}

#example ul{margin: 20px 0;max-width: 100%;bottom: 0;}


#example .textbox dl.flex {display: flex;}

#example li figure img {
	position: relative;
}

#example dd small {
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 0.6em;
	margin: 0 10px 0 5px;
}

}

/*スマホ縦*/
@media screen and (max-width: 480px) {
/*レスポンシブ*/

.w90 {
	max-width:100%;
}
/*++++++++++++++
共通
++++++++++++++*/
section.other {padding: 50px 0;}
/*++++++++++++++
mainvisual
++++++++++++++*/

.mainvisual h2 {
	padding: 15px 40px;
}

.mainvisual h2 b {font-size: 1.5em;letter-spacing: 2px;}

.company .mainvisual {position: relative;}

.map {
    display: inline-block;
    margin: 7px 0;
}

.map:hover {
	transition:.3s;
	background: #fff;
	color: #111;
}


/*+++++++++++++++++++
/*hover
+++++++++++++++++++*/
.hover::after {
}

.hover:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}



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

/*breadcrumb

+++++++++++++++++++*/
.breadcrumb {margin: 0 0 100px;background: #fff;padding: 10px 20px;position: relative;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}

.breadcrumb ul {justify-content: left;}

.breadcrumb ul li{font-size: 0.7em;color: #666;letter-spacing: 1px;}

.breadcrumb ul li a{padding: 0 30px 0 0;}

/*+++++++++++++++++++
/*ホバー効果
+++++++++++++++++++*/
/*拡大*/
.scale {
}
.scale:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	/*background: rgba(0,0,0,0.2);*/
}
/*++++++++++++++
下層メインタイトル
++++++++++++++*/
strong {
}
h1 {
	
}

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

/*大見出し*/
h2 {
}

/*中見出し*/
h3 {
}

/*小見出し*/
h3 b{font-size: 1.6em;margin: 0 0 10px;}

h3 span {letter-spacing: 1px;font-size: 0.8em;}

/*以下見出し*/
h5 {font-size: 1.1em;letter-spacing: 0;}

/*以下見出し*/
h6 {font-size: 1em;}

/*本文*/
p {}


/*補足*/
em {
	font-style: normal;
}

/**/
/*お見積りボタン*/
a.button_simulation {
    margin: 0 auto 20px;
}

a.button_simulation:hover {
	transition:.3s;
	transform: translate3d(0, 5px, 5px);	
}
a.button_simulation:before {
	/* content: ""; */
	background: url("../images/common/dentaku.png") no-repeat;
	position: absolute;
	width: 80px;
	height: 99px;

	left: 3%;
	background-size: 55px;
	top: 12%;
	overflow: hidden;
}

a.button_simulation b {width: 80% !important;font-size: 0.8em !important;text-align: center;}

a.button_simulation span {font-size: 1.1em;}


/*++++++++++++++
table
++++++++++++++*/

table.block th {
}

td {
	padding: 12px 0 !important;
}


.shadow {
	box-shadow: 0px 6px 0 0px rgb(204 204 204 / 50%) !important;


}

.radius {/* border-radius: 30px; */}


/*+++++++++++++++++++
/*slick
+++++++++++++++++++*/
.slick-prev {width: 40px;height: 40px;left: 0;top: 25%;bottom: unset;}

.slick-prev:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;

	margin: auto;
	right: 1%;
	left: 0;
	transition:.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}

.slick-prev:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}

/*next*/

.slick-next:before {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1%;
	left: 0;

	transition:.3s;
	width: 0;
	height: 0;
	transform:rotate(180deg);
	border-style: solid;
	border-width: 5px 10px 5px 0;

	border-color: transparent #000 transparent transparent;
	opacity: 1 !important;
}



.slick-next:hover:before {
	border-style: solid;
	border-width: 5px 10px 5px 0;	
    border-color: transparent #fff transparent transparent;
}



.slick-dots li button{background: none;border-radius: 100%;overflow: hidden;position: relative;padding: 0;width: 10px;/* height: 10px; */}
.slick-dots li button:before {}
/*+++++++++++++++++++
/*button
+++++++++++++++++++*/
.button1 {padding: 10px 50px 10px 20px;}

.button1:hover {
	background:#111;
	color:#fff;
}

.button1:hover:before {
	transition:.3s;
	right:3%;
	background:url(../images/common/arrow_w.svg) no-repeat;	
}
/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
header {padding: 10px 0;}
.headertop {
    display: none;
}

.headertop .flex {
}

.headertop .flex span {
    font-size: 0.75em;
    padding: 0;
}


.logo span {
	margin: 0 0 0px;

	font-size: 0.6em;

	letter-spacing: 0;
}

header a.logo {width: 200px;text-align: left;margin: 0;padding: 3px 0 3px 15px;}

header ul {display: none;}

header ul li {
	margin: 0 70px 0 0;
}

header ul li a {
	display:block;
	font-weight: 600;
	font-size: 1.1em;

	letter-spacing: 2px;
	padding: 0;
	position: relative;
	z-index: 2;
}


header ul li:last-child {
	margin:0;
	padding: 0;
	border: none;
}
header ul li small {
	position: relative;
	font-family: 'Quicksand',sans-serif;
	font-size: 0.7em;
	font-weight: 500;
	letter-spacing: 1px;
	/* padding: 0 0 0 13px; */
	/* color: #66b733; */
	padding: 5px 0 0;
	text-align: center;
	color: #f36d00;
	display: block;
}
header ul li small:before {/* content: ""; */width: 7px;height: 7px;background: #f36d00;border-radius: 100px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0.6;}


/*+++++++++++++++++++
/*drawer
+++++++++++++++++++*/
.drwmenu {
    width: auto;
}

.drwmenu dt a {font-size: 0.8em;}

.drawer-open header {
	background:none;

}
.drawer-open header a.logo {
	opacity: 0;

}

.drwbox .htel {
	margin: 0 40px 0 0;
}

.drawer-menu {
}


.drawer-nav img.charactor {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	width: 400px;
	margin: 0;
	height: auto;
	transition:.5s;
	left: 50%;
}

.drawer-open .drawer-nav img.charactor {
	left: 6%;
	height: auto;
	transition:.5s;
	transition-delay: .5s;
}
.drawer-nav img.drw_fukidashi {
	position: absolute;
	top: 35%;
	left: 4%;
	transition: .9s;
	transform: rotate(-15deg);
	opacity: 0;
}


.drawer-open .drawer-nav img.drw_fukidashi {
	opacity: 1;
	transition:.9s;
	transition-delay: .9s;
}


.drawer-menu .flex {
	align-items: baseline;
	justify-content:center;
	width: 69%;
}
.drawer-menu dl.drwmenu dt {}
.drawer-menu dl.drwmenu dt a {
}


.drawer-menu dl.drwmenu dt:nth-child(2n) {
	margin: 0 0 15px;
}

.drawer-menu  a.button_simulation {
	width: auto;
}


.drawer-menu a.button_simulation:before {
	width: 100px;
	height: 108px;
	background-size: 100px;

}

/*is-animation*/
header.is-animation {
	/* background:none; */
	transition:.3s;
}
/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/

footer {
	/* height: 500px; */
	background: #fff;
}

.copyright {font-size: 0.7em;letter-spacing: 0;}

footer strong {
	font-size: 0.9em;
}

.footerbox {max-width: 90%;}

.footerbox .flex {
}

.column section#column .inner {
	display:block;
}

#pagetop {width: 70px;height: 100px;background-size: 100%;}

footer .inner {max-width: 95%;}

#pagetop:hover {
	opacity:0.7;
	transition: .3s;
}

/*+++++++++++++++++++
/*column
+++++++++++++++++++*/

section#column .inner {padding: 20px 20px 1px;}

/*一覧*/
.column section#column {
}

.column section#column .inner {
	padding: 20px 0;
}

.column section#column .inner dlk {
}


section#column .listbox li:first-child .honbun {
	display:block;
}
section#column .listbox li:first-child .honbun p {
	font-size: 0.85em;
}

section#column .listbox li a {
	display: block;
}

section#column .listbox li a figure {
	transition: .5s;
	-webkit-transform: scale(1);
	transform: scale(1);
    overflow: hidden;
    position: relative;
    display: block;
}
section#column .listbox li a:hover figure {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	/*background: rgba(0,0,0,0.2);*/
}

section#column .listbox li a:hover {
	transition:.3s;
	opacity:0.6;
}

section#column .listbox li a figure {width: 100%;margin: 0 0 20px;}

section#column dl.title {width: auto;}

section#column dl.title dt{
	font-size: 1.1em;
}

section#column li:first-child dl.title dt {
}

section#column li:first-child dl.title dd{
}

section#column .listbox li .honbun {
	display:none;
}

section#column dl.title dd small{
}

section#column dl.title dd em {
	border: 1px solid #666;
	border-radius: 5px;
	padding: 1px 8px 2px;
	font-size: 0.7em;
	margin: 0 0 0 10px;
	box-sizing: border-box;
}
section#column dl.title dd p {line-height: 2;}


section#column li dl.title dd {
	position: relative;
	top: 0;
	background: #fff;
	padding: 0;
	border-radius: 0 0 30px 0;
	box-sizing: border-box;
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
}

/*詳細*/
section#column .single {
	background: none;
	padding: 0;
}

section#column .single  figure {}

section#column .single .detailbox {
	margin: 0 auto 150px;
	display: block;
	width: 100%;
}
section#column .single .detailbox .honbun {padding: 0 0 30px;margin: 0 0 30px;}
section#column .single .detailbox h5 {
	padding: 0 0 13px;
	font-size: 1.1em;
	margin: 0 0 20px;
}
	
section#column .single .detailbox p {
    font-size: 0.9em;
}
section#column .single dl.title {
}
section#column .single dl.title dt {
	font-size: 1.4em;
}
section#column .backnumber figure.rorate {
    position:relative;
    /* padding: 75px 0 0; */
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
section#column .backnumber figure.rorate .backnumber_ttl {width: 60%;margin: 10px 20px 10px 10px;}

section#column .backnumber figure.rorate .backnumber_ttl:before {
	content:"";
	background:url(../images/common/fukidashi.svg) no-repeat;
	position: absolute;
	width: 23px;
	height: 27px;
	background-size: 20px;
	bottom: -40%;
	right: 15%;
	transform: rotate(-5deg);
}

section#column .backnumber figure.rorate img {width: 90px;/* position: absolute; */top: -15px;z-index: 0;/* margin: 0 20px 0 0; */right: 19px;}

section#column .backnumber ul {
	border-top: 5px solid #ccc;
	padding: 20px 0 0;
	background: #fff;
	z-index: 1;
	position: relative;
	margin: -12% auto 80px;
}

section#column .backnumber ul li a {display: flex;}

section#column .backnumber ul li:last-child {
	padding:0;
	border:none;
	margin:0;
}


section#column .backnumber dl.title dd small{
	font-size: 0.7em;
}

section#column .backnumber dl.title dd em{
	font-size: 0.7em;
}
/*アーカイブ*/
section#column .backnumber ul.archive {
	border: none;
	padding: 0;
	margin: 0 auto 20px;
}
section#column .backnumber ul.archive li {
	margin: 0 0 10px;
	padding: 0 0 10px;
}
section#column .backnumber ul.archive li a {
	font-size: 0.8em;
	letter-spacing: 1px;
}

/**/
/*+++++++++++++++++++
/*お問い合わせ 共通
+++++++++++++++++++*/
section.contact-common {
	position: relative;
	background: #fff;
	padding: 20px 0 50px;
}

section.contact-common:before {background-size: cover;}

section.contact-common .inner {max-width: 90%;}

.contact-common figure {display: block;position: absolute;padding: 30px 0 0;width: 60px;float: right;right: 0;tp;:;}
.contact-common figure b {width: 70%;font-size: 1.1em;float: left;}

section.contact-common b u {
}

section.contact-common b u:before {
	content:"";
	background:rgba(255,255,0,0.5);
	position:absolute;
	height: 20px;
	width:100%;
	bottom:0;
	z-index: -1;
}

.contact-common figure img {
	width: 87px;
	padding: 0;
}
.contact-common .inner {
	max-width: 100%;
}
.contact-common .box {max-width: 100%;padding: 0 0 20px;overflow: hidden;,:;}
.contact-common .box p {
	padding:0 20px;
}

section.contact-common figure {
	display:none;
}

.contact-common .box .ttl {font-size: 1.2em;}

.contact-common .box .flex {
    margin: 0 auto 0;
    width: 90%;
    padding: 30px 0 0;
}
.contact-common .box .flex:before {
	content:"";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 100%;
	border-left: 1px dashed #ccc;
	border-width: 2px;
	top: 0;
	bottom: 0;
}
.tel {padding: 20px;font-size: 1.5em;margin: 0 auto 40px;}
.tel:before {background-size: 18px;}
.tel span {}
/*+++++++++++++++++++
/example
+++++++++++++++++++*/


#example dd {
	color: #e50012;
}

#example dd small {
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 0.6em;
	margin: 0 10px 0 5px;
}
#example ol.tag li {
	padding: 10px 5px;
	margin: 0 5px 0 0;
}	
#example ol.tag li p {margin: 0;}
#example li{
    margin: 0;
    border: none !important;
    padding: 70px 20px 20px;
}
}