@charset "utf-8";

/* CSS Document */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	width:100%;boz-sizing:border-box;
}
/* スマホ（767px以下） */
.col-xs-1-5 {width: 20%;float: left;}
.col-xs-2-5 {width: 40%;float: left;}
.col-xs-3-5 {width: 60%;float: left;}
.col-xs-4-5 {width: 80%;float: left;}
/* タブレット（768px～991px） */
@media (min-width: 768px) {
    .col-sm-1-5 {width: 20%;float: left;}
    .col-sm-2-5 {width: 40%;float: left;}
    .col-sm-3-5 {width: 60%;float: left;}
    .col-sm-4-5 {width: 80%;float: left;}
}
/* PC（992px～1119px） */
@media (min-width: 992px) {
    .col-md-1-5 {width: 20%;float: left;}
    .col-md-2-5 {width: 40%;float: left;}
    .col-md-3-5 {width: 60%;float: left;}
    .col-md-4-5 {width: 80%;float: left;}
}
/* PC大画面（1200px以上）*/
@media (min-width: 1200px) {
    .col-lg-1-5 {width: 20%;float: left;}
    .col-lg-2-5 {width: 40%;float: left;}
    .col-lg-3-5 {width: 60%;float: left;}
    .col-lg-4-5 {width: 80%;float: left;}
}

clearfix::after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
}

dt.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;zoom:1;}


img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	max-width:100%;
	hegiht:auto;
}

.bold {font-weight: bold;}

.mt0 {margin-top: 0px!important;}
.mt3 {margin-top: 3px!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}
.mt80 {margin-top: 80px!important;}

.mb3 {margin-bottom: 3px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb80 {margin-bottom: 80px!important;}

.pdg3 {padding: 3px;}
.pdg5 {padding: 5px;}
.pdg10 {padding: 10px;}
.pdg20 {padding: 20px;}
.pdg30 {padding: 30px;}
.pdg40 {padding: 40px;}
.pdg50 {padding: 50px;}

.va--t {vertical-align: top;}
.va--m {vertical-align: middle;}
.va--b {vertical-align: bottom;}

.pt60{padding-top:60px!important;}
.pb60{padding-bottom:60px;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
background:transparent;
-webkit-text-size-adjust:none;
}
textarea {font-family:inherit;font-size:inherit;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
li{list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
ins {text-decoration:none;}
mark {font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
header, section, footer, aside, nav, main, article, figure {display: block;}

button[type="submit"]{
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-family:inherit;
vertical-align:baseline;
cursor:pointer;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="date"]{
border:1px solid #ddd;
vertical-align:baseline;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

input[type="submit"]{cursor:pointer;}
.yoyaku input[type="submit"]{cursor:pointer;position:relative;background:000;width:90px;height:34px;color:#fff;padding:2px;border:1px solid #fff;box-shadow:0 0 0 2px #9a8f66;
}
.yoyaku input[type="text"]{background:#fff;width:50px;margin:0 2px;padding:2px;}

select{
border:1px solid #ddd;
font-family:inherit;
vertical-align:baseline;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;background: #f8f7f5;
    padding: 6px;
    font-size: 16px;
    border: 1px solid #eee;
}
::-webkit-input-placeholder{
color:#888;
}
::-moz-placeholder {
color:#888;
opacity:1;
}
:-ms-input-placeholder {
color: #888;
}
/**/
.privacy{border: 1px solid #e95b1d;
    border-radius: 4px;
    padding: 30px;margin-bottom: 80px;}
.privacy h4{font-size:18px;}
.privacy h5{font-size:17px;    margin-bottom: 6px;}
.privacy p{font-size:16px;}
/**/
.fare_tbl2 tr td{text-align:left;    padding: 6px;}
.price td{padding:6px;}
.fare_tbl2 tr td:last-child{text-align:right;width: 23%;}
.price th span{font-size:14px}
.fare_tbl2 th{width: 18%;}
.no-l-bor{border-left: none!important;}
.no-r-bor{border-right: none!important;}

/**/
.blo1{
    position: relative;
overflow: hidden;padding-bottom: 80px;
}
.blo1 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;width:100%;height:auto;
}
.blo1 figcaption{
    position: absolute;
    text-align: center;
    bottom: -100px;
    margin: auto;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 190px;
    overflow: hidden;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    background: #fff;
    padding-top: 26px;
}

figcaption p {
	color:#000000;

}

.blo1 figcaption h3{
color:#000000;font-size:20px;margin-bottom:20px;padding-bottom:0;border:none;
}
.blo1 figcaption h3 span{
color:#ff8429;font-size:12px;display:block;margin:0 auto;margin-top:10px;
}

figure:hover figcaption, figure:hover .blo2 figcaption {
    height: 270px;
    text-align: center;}


a{outline:none;color:#000;  -webkit-transition: all .3s;
  transition: all .3s;}
a:link     {color:#000; text-decoration:none;   -webkit-transition: all .3s;
  transition: all .3s;}
a:hover    { color:#000; text-decoration: none;  -webkit-transition: all .3s;
  transition: all .3s;}
a:active   {color:#000; text-decoration:none; }

/* CSS Document */

*{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0;
	list-style-type: none;
	font-size: 18px;
}

span,a{font-size:inherit;}


ul {
list-style:none;padding:0;
margin:0;
}

body {
    animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

body{
font-size:18px;
font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
font-weight: 400;
color:#424242;
position:relative;
width: 100%;
overflow-x:hidden;
line-height: 2;  word-break: break-all;
-webkit-text-size-adjust: 100%;padding-top:96px;
}

/*#topimage{min-height:100vh;background:url('../img/topimage.jpg') no-repeat 50% 50%;background-size:cover;width:100%;}*/
#topimage{position:relative;}

p{line-height:180%;}

.anchor{padding-top: 112px;
margin-top: -112px;}

.cl {
  min-height: 0px;
  clear:both;
}

* html .cl {
  height: 0px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.container .row {
    margin-right: -15px;
    margin-left: -15px;
}
@media screen,tv{
.print{
		display:none;
	}}

@media print{
#pagetop {
	display:none;
	}
}

#pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-family: Palatino Linotype;
    z-index: 99;
}
#pageTop:hover{
	}

a[href^="tel:"] { cursor: default; }

/**/
a img.linkimg{
background:none!important;
}

a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

.nopc{display:none!important;}

/* header */
/**/
.flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex, .flex-st, .flex-cn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;}


#header {
position: fixed;
    top: 0;
    right: 0;
    box-sizing: border-box;
    background: #fff url('../cmn/head_line.png') repeat-x 50% 0%;
	z-index:1000;
	width:100%;height:96px;padding-top: 15px;
}

#header .container{padding: 0 30px;width: auto;}


#header:before {
	content: "";
	display: block;
	width: 100%;
}
#navi{float:right;display:table;}
.head_r{display: table-cell;
    width: 470px;
    margin-top: 10px;
    padding-left: 20px;}

.header_inner {width:100%;
    position: relative;
    margin: 0 auto;
    align-items: center;
	box-sizing:border-box;padding: 0;padding-top:26px;padding-bottom:30px;display:block;display: inline-block;
}

.header_right2 {
	float: right;
    text-align: right;display:block;max-width:308px;width:100%;
}
.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;

}

#navi a{-webkit-transition: all .3s;
    transition: all .3s}


#logo {float:left;display:block;max-width:270px;width:auto;margin-top:2px;}
#logo a{display:flex;align-items:center;gap:8px;}

#logo img {
	height:47px;width:auto;
}

#header_right {
    float: right;
    width: calc(100% - 280px);
}
.time th{border:1px solid #fff;background:#ff8429;color:#fff;text-align:center;padding:10px;}
.time td{border:1px solid #ff8429;text-align:center;padding:10px;background:#fff;}


h4.entry-title{font-weight:bold;}

.trigger span{color:#fff;cursor:pointer;}

ul#navi_ul {display:inline-block;line-height:30px;text-align:center;text-align: right;    margin-top: 10px;
}
ul#navi_ul li {
    text-align:center;box-sizing:border-box;display:inline-block;padding: 0px 8px;padding-right: 13px;border-right: 1px solid #ccc;
}
ul#navi_ul > li .nosp {
    text-decoration: none;
    font-weight: bold;
    position: relative;
    display: block;
    color: #000;
    padding: 0 13px;
    z-index: 2;
    line-height:30px;
    box-sizing: border-box;
}


ul#navi_ul li .level-2 li{border-right:0!important;}
#dropdown-trigger{padding: 0!important;}

ul#navi_ul li p {
    line-height: 58px;
    color: #000;
    font-weight: bold;
	cursor: pointer;    font-size: 15px;
}

.submenu li {
    margin-left: 20px;
}
.head_tel{display:inline-block;vertical-align:baseline;}

.category-list li {
    padding-bottom: 5px;
    border-bottom: solid 1px #ccc;
}
.category-list li a:hover{color:#e95b1d!important;}
.child {
    margin-left: 20px;
}

#side{border:1px solid #e95b1d;margin-top: 20px;}
#side h4:before{content:'◆ ';color:#e95b1d;}
#side .new_cat{display:inline-block;}
#side p{font-size:16px;}

/**/
#navi ul li a#dropdown-trigger:hover:after, #navi ul li a#dropdown-trigger:active:after, #navi ul li a#dropdown-trigger:focus:after, #navi ul li a#dropdown-trigger.active:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#navi ul li a#dropdown-trigger:before{content:none;}
#navi ul li a#dropdown-trigger:after {
    content:'';
	background:url(../img/b01.png) no-repeat 50% 50%;
	background-size: 12px;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: -10px;
    width:100%;
    text-align: center;
    font-size: 10px;
    -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* sub navi */
#header .level-2 .container {
    max-width: 1140px;
    width: 100%;
}
 .level-2{
    position: absolute;;
    top: 96px;
    left: 0px;
    width: 100%;background:#282832;    text-align: left;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: -10px;
    opacity: 0;padding: 30px 30px 25px;    z-index: -2;  visibility: hidden;
}


#dropdown-trigger_wrap:hover .level-2 {
	margin-top:0;
    opacity: 1;
    visibility: visible;z-index: 100;
}


.level-2 li a{
	display:block;
	padding:0 13px;
	color:#fff!important;font-weight:bold;}

/**/
.max-width{max-width:300px;margin:0 auto;}

/**/

.recruit_top1{position:relative;margin: 0 30px;margin-bottom:36px;}
.recruit_box{display:inline-block;margin-left: 10px;vertical-align: middle;}
.recruit_box a {
    max-width: 100%;
    width: 198px;
    line-height: 50px;
    color: #fff!important;
    text-align: center;
    background: #e95b1d;
    display: inline-block;
    font-size: 22px;
    padding-left: 30px;
   /* background: #e95b1d;*/
	background:#EE8319;
}
.recruit_box a:before{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;
/*background:url(../cmn/ico_recruit.png) no-repeat 14px 50%;*/
	background: url(../cmn/mail.png) no-repeat 16px 50%;
    background-size: 26px;}

.recruit_box a{
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.recruit_box a:hover {
  color: #fff;
}
.recruit_box a::after {
  top:0%;
  right:-100%;
  width: 100%;
  height: 100%;
}
.recruit_box a:hover::after {
  top: 0;
  right: 0;
  background-color: #e84618;
}

/**/

.slick-slide{padding:0 15px;}
.new_cat{font-size:16px;color:#e95b1d;border:1px solid #e95b1d;width:94px;padding:3px 0;line-height:100%;display:block;    text-align: center;margin-bottom:6px;}
.slidework h4{margin-top:10px;line-height:130%;color:#e95b1d;}

/**/
.head_tel .f_tel {
    font-size: 28px;
    padding-left: 37px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    background: url(../cmn/tel.png) 0px 50% no-repeat;
    background-size: 30px;
}

ul#navi_ul li a {position:relative;
    display: block;font-size:16px;
    box-sizing: border-box;font-weight:bold;padding:10px 0!important;
	letter-spacing:1px;    line-height: 30px;
}

ul#navi_ul li a:hover{}

ul#navi_ul li a:before{
	content: "";
	position: absolute;
	 left: 0;
	bottom: 3px;
	width: 100%;
	height: 1px;
	background: #e95b1d;
	transform: scale(0, 1);
	transform-origin: left;
	transition: 0.4s;
}
ul#navi_ul li a:hover:before {
	transform: scale(1);
}
ul#navi_ul .level-2 li a:before{

	background: #fff;

}

.main-visual {
    width: 100%;
    background-size: cover;
    text-align: center;
    position: relative;overflow:hidden;margin-bottom:30px;
}.main-visual video {

    margin: auto;
    width: 100%;
}
#main_head {position:relative;
}
.tit{background-color: #46af46;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #54cc3b), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #54cc3b),color-stop(.75, #54cc3b), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 14px 14px;padding:33px 0;margin-bottom:26px;}
.tit h3{margin-bottom:0;    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: bold;}
.know{font-size:20px;border:1px solid #46af46;color:#46af46;padding:6px;text-align:center;}
.noknow{font-size:20px;border:1px solid #46af46;background:#46af46;color:#fff;padding:6px;text-align:center;}

.gry1{padding:15px 10px;background:#eaeaea;height:152px;}
.gry1 h5{text-align:center;}

.gry_border{max-width:1060px;margin:0 auto;width:100%;}
.gry_border_in{position:relative;border:10px solid #eaeaea;padding:26px;font-weight:bold;}
.gry_border_in h4{border-bottom:5px solid #46af46;padding-bottom:10px;font-size:20px;margin-bottom:30px;}

.hokenbox{background:#fffcd2;padding:10px;padding-left:30px;}

.point_wrap{position:absolute;top:-60px;left:-60px;z-index:100;}
.point{background:#46af46;color:#fff;width:144px;height:144px;display:table;border-radius:50%;}
.point div{color:#ffffff;font-size:20px;display:table-cell;vertical-align:middle;text-align:center;    line-height: 130%;}

.know_img{height:100px;}

.shizen_saigai img{display:block;}
.shizen_saigai{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;flex-flow: row wrap;flex-direction:row;align-items:center;
}
.shizen_saigai li{font-weight:bold;width:16.66%;text-align:center;padding:0 5px;}

.tekiyo{background:#ff9700;color:#fff;font-size:20px;font-weight:bold;text-align:center;}
.tekiyo_off{background:#fff;color:#000;font-size:20px;font-weight:bold;text-align:center;border:1px solid #ff9700;}

.sankaku{height:22px;}
.sankaku img{vertical-align:top;}

.cream{background:#fffcd2;padding:18px;}

.balloon1-top {
  position: relative;
  display: block;
  padding: 7px 2px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 18px;
  background: #46af46;border-radius:15px;text-align:center;margin-top: 16px;
}

.fukidashi{font-size:18px;}
.fukidashi span{font-size:13px;display:block;font-weight:bold;}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #46af46;
}

.balloon1-top p {
  margin: 0;
  padding: 0;
}

/**/
.main-slide{position: relative;overflow:hidden;}

.emer{
position: absolute;
z-index: 100;
background: #fff;
bottom: 40px;
left: 0;
right: 0;
margin: auto;
width: 100%;
max-width: 1000px;
box-sizing: border-box;
border: 3px solid #ff8429;}
.emer a:hover{color:#ff8429;}

#container {
	overflow: hidden;
	margin-top: 50px;
}

.container_liquid {
    position: relative;
    margin-bottom: 0;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.big{font-size:30px;}


.button {
  text-decoration: none;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn{line-height:60px;border:1px solid #fff;max-width:316px;width:100%;text-align:center;margin:30px;border-radius:none;
font-size:18px;position:relative;}
.contact_btn{    background: url(../cmn/mail_icon.png) no-repeat 20% 50%;
    padding-left: 70px;}
.tel_btn{background:url('../cmn/tel_icon.png') no-repeat 20% 50%;padding-left: 70px;font-size:24px;}
.contact_btn:hover{background:rgba(255,255,255,0.2) url(../cmn/mail_icon.png) no-repeat 20% 50%;}

/*メーカー*/
.makerbox{text-align:center;padding:20px 10px;border:1px solid #ccc;height:92px;display:table;width:100%;margin-bottom:2px;}
.yohaku{padding:10px;}
.makerbox a{display:block;display:table-cell;vertical-align:middle;height:100%;width:100%;}
.makerbox img{max-height:50px;width:auto;}
.yohaku img{max-height:70px;width:auto;}
#maker{padding-top:100px;text-align:center;font-weight:bold;}

/**/
#topimage .main-catch {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    pointer-events: none;
}

#topimage  .main-catch-box {
    position: absolute;
    top: 40%;
    left: 24%;
    transform: translate(-50%, -50%);
	  -ms-transform:  translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -webkit-transform:translate(-50%, -50%);
}#slide-top{
    height: 100vh !important;
    width: 100%;
    overflow: auto;
    background-color: #666;
}
#slide-top2 #firstview-container:before {
    content: '';
    position: absolute;
    z-index: 10;
    background: url(../img/taiyo-kun.png) no-repeat 100% 50%;
    background-size: 30%;
    width: 100%;
    height: 100%;
    top: -20%;
    left: 0;
}
#slide-top2:before{content:'';position:absolute;z-index:2;background:rgba(0,0,0,0.05);width:100%;height:100%;top:0;left:0;border:10px solid #e04615;}
#slide-top2:after{
    content:'';
    position:absolute;z-index:1;    
    background: #666 url(../img/top02.jpg) no-repeat 50% 50%;
    /*background: #666 url(../img/top04.jpg) no-repeat 50% 60%;*/
    background-size:cover;
    width:100%;
    height:100%;
    top:0;
    left:0;
    border:10px solid #e04615;
}


@media screen and (min-width: 1000px){
    
#slide-top2:after{
    content:'';
    position:absolute;z-index:1;
    background: #666 url(../img/top01.jpg) no-repeat 50% 50%;    
    /*background: #666 url(../img/top01_pc.jpg) no-repeat 50% 50%;*/
    /*background: #666 url(../img/top04.jpg) no-repeat 50% 70%;*/
    background-size:cover;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
    
}
@media screen and (min-width: 1400px){
    #slide-top2:after{
        content:'';
        position:absolute;z-index:1;    
        background: #666 url(../img/top01.jpg) no-repeat 50% 40%;
        background-size:cover;
        width:100%;
        height:100%;
        top:0;
        left:0;
    }
}



#slide-top2 .main-content h2{margin-bottom:10px;}
#slide-top2 #firstview-container{position:relative;
    padding-bottom: 110px;
    align-items: flex-end;
    height: 100%;    justify-content: center;
}
#slide-top2{
    height: 100vh !important;
    width: 100%;
    overflow: auto;
    background-color: #666;
}

#slide-top2 {
    max-height: 810px !important;
    height: 100vh !important;
    width: 100%;
    overflow: auto;
  /*  background: #666 url(../img/top01.jpg) no-repeat 50% 50%;background-size:cover;*/
    overflow: hidden!important;
    position: relative;
}
#slide-top2 .main-content h1 .catch-sub,#slide-top2 .main-content h1 .catch-main{display:inline-block!important;}
#slide-top2 .catch-sub {
    font-size: 65%;}
#slide-top2 .catch-main {
    font-size: 104%;
}
#slide-top2 .main-content{flex:none;margin-top:0!important;    max-width: 100%;padding:0 20px;}
#slide-top2 .award{width:100%;    margin-top: 10px;}
/*farebox*/

.farebox{border:2px solid #282832;
    position: relative;
    z-index: 10;}
.farebox h4{background:#282832;color:#fff;text-align:center;padding:10px 4px;font-weight:bold;margin-bottom:0;}
.farebox_in{padding:16px;}
.fare_tag span{font-size:14px;color:#EE8319;border:1px solid #EE8319;padding:3px;margin-right:6px;line-height:100%;display:inline-block;    text-align: center;margin-bottom:6px;}
.farebox_in .more2{margin:0 auto;display:block;}
.farebox_in p{font-size:15px;}
.farebox_in .row{margin:0 -5px;}
.farebox_in .col-md-6{padding:0 5px;}

#simulation{margin-top:30px;}
#simulation .farebox_in p{    font-size: 18px;}
#simulation .farebox_in .more2{max-width:310px;}
.simu_contact{background: #FFF9E2;padding:14px;padding-top:25px;font-weight:bold;border: 2px solid #EE8319;}

#simulation .con_btn {
    font-size: 26px;
    margin: 0 auto;
	max-width: 360px;}

#simulation .con_btn:before {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../cmn/mail.png) no-repeat 20px 50%;
}

.kakaku{color: #e84618;
    font-weight: bold;
    line-height: 260%;
    font-size: 20px;    margin-top: 10px;
}
.b_kakaku{font-size: 56px;
    font-family: Arial;
}

.s_kakaku{font-size:16px;color:#666;}

/**/
.mt100{margin-top:100px;}

.ser_bg{background:url(../img/back_ser.jpg) no-repeat 50% 50%;background-size:cover;margin-top:-26px;padding:56px 0;}
.hoken{padding:0 9%;padding-bottom:20px;border-bottom:1px solid #ccc;margin-bottom:20px;}
.songai{padding:0 9%;}
.w72{width:72px;height:auto;}

#service h4{font-size:30px;text-align:center;line-height: 150%;margin-bottom:50px;}

.c_orange{color:#ff9700;}
#service .point_wrap{left:0;right:0;margin:0 auto;top:0;top: -78px;}
#service .point{margin:0 auto;text-align:center;}
#service .point span{color:#fffb64;font-size:21px;display:block;line-height:100%;}
#service .point div{font-size:66px;line-height:100%;color:#fffb64;}
#service h5{color:#46af46;font-size:30px;border-bottom:6px solid #46af46;padding-bottom:6px;text-align:center;}

.w__box{position:relative;padding:90px 30px;padding-bottom:56px;background:#fff;margin-top: 72px;}

.zu_wrap{margin-top:30px;margin-bottom:80px;}
.zu_wrap img{border:1px solid #b1b1b1;}
/*事例*/
.zirei1{background:#f4f4f4;padding:30px;margin:20px auto;margin-top:50px;}

.zirei1 h4{border-bottom:6px solid #46af46;font-size:36px;font-weight:bold;padding-bottom: 10px;}
.zirei1 h4 span.fo38{font-size:40px;}
.zirei1 h4 span.fo24{font-size:26px;letter-spacing:2px;}

.zirei1 .syubetsu{width:100%;background:#fff;    margin-bottom: 20px;margin-top:20px;}
.zirei1 .syubetsu th{width:25%;padding:10px;border:1px solid #aaaaaa;text-align:center;}
.zirei1 .syubetsu td{width:75%;padding:10px;border:1px solid #aaaaaa;}

.spbr{margin-left:10px;}
.tag_wrap{position:relative;}
.tag{position:absolute;z-index:10;top:20px;right:20px;width:100%;}
.tag ul{display: flex; /* 子要素をflexboxで揃える */
    flex-direction: row; /* 子要素をflexboxにより方向に揃える */
    justify-content:flex-end; /* 子要素をflexboxにより に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */}
.tag li{color:#ffffff;width:110px;line-height:46px;text-align:center;background:#46af46;margin-left:10px;}

.kasyo{border:1px solid #46af46;padding:10px;text-align:center;text-align:center;background:#fff;}
.genin{border:1px solid #46af46;padding:10px;text-align:center;text-align:center;background:#fff;margin-top: 20px;}

.fare{max-width:380px;width:100%;margin-bottom: 20px;margin-top:20px;margin:0 auto;margin-top:20px;}
.fare th{width:40%;padding:10px;font-size:26px;line-height:120%;}
.fare td{width:60%;padding:10px;font-size:26px;line-height:120%;text-align:right;}
.fare span{color:#ff9700;}

.kasyo ul{display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;justify-content: center;
    align-items: center;text-align:center;  flex-wrap: wrap;
}
.kasyo li{font-size:18px;text-align:center;background:#fffcd2;padding:5px;min-width:88px;margin:0 7px;margin-bottom:6px;}

/*対象物件*/
.fo20{font-size:20px;}

.case1{position:relative;}

.case_wrap{width:90px;height:90px;position:absolute;z-index:10;background:rgba(70,175,70,0.65);text-align:center;color:#fff;border-radius:50%;top:10px;right:10px;}

.case_mark span{display:block;font-size:12px;line-height:100%;    margin-bottom: 10px;}
.case_mark{line-height:100%;font-size:15px;display:table;width:100%;height:100%;}

.case_mark_in{display:table-cell;vertical-align:middle;margin:0 auto;width:100%;height:100%;}

.all_taisyo{margin-top:20px;clear:both;border:1px solid #46af46;position:relative;text-align:center;padding: 20px;
    padding-top: 40px;}

.all_taisyo span{    background: #fff;
    display: block;
    padding: 0 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -15px;
    font-weight: bold;
    z-index: 10;
    font-size: 16px;
    width: 250px;}

.all_taisyo ul{   display: flex; /* 子要素をflexboxで揃える */
    flex-direction: row;
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
align-items: start;flex-wrap:wrap;
}

.all_taisyo li{padding: 0 3%;
    margin-bottom: 20px;
    width: 16.666%;
    text-align: center;}

#taisyo{margin-bottom:60px;}

/*payment*/
.payment h4{color:#e95b1d;}
.payment h4:before{content:'◆ ';color:#e95b1d;}

#p_plan {
    width: 100%;
    padding: 20px;
    border: 2px solid #e5e5e5;
    background-color: #fffaeb;
    margin: 0 auto 20px;
}#p_plan p {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
}.card {border:1px solid #e95b1d;
    width: 100%;margin:20px auto;padding: 20px;
	text-align: center;}
.card img {margin:0 auto;
    max-width: 650px;width:100%;height:auto;margin-top:20px;
}
/*price*/

.price h4{color:#e95b1d;}
.price h4:before{content:'◆ ';color:#e95b1d;}
.price td{text-align:right;border: 1px solid #ccc;}
.price th{text-align:center;background:#f8f7f5;border: 1px solid #ccc;}

/*会社概要*/
.company_bg{    background: url(../img/back_company.jpg) no-repeat 50% 50%;
    background-size: cover;
    margin-top: -26px;
    padding: 56px 0;}
.info-table_wrap {
    background: rgba(255,255,255,0.85);
    padding: 46px;
    margin-bottom: 50px;
}
.company table{width: 100%;
    margin-bottom: 40px;}

.company th{font-weight:bold;padding:10px;border-bottom:solid 1px #d3d3d3;width: 20%;}
.company td{padding: 10px ;border-bottom:solid 1px #d3d3d3;width: 80%;    line-height: 150%;}


.company{
    padding: 60px 0;
    position: relative;
    padding-bottom: 20px;
}

.company h4 {
    text-align: left;
    font-size: 24px;
    color: #e95b1d;
    margin-bottom: 50px;
}

.company:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f8f7f5;
    -webkit-transform: skew(0, 3deg) translateY(0px);
    -moz-transform: skew(0, 3deg) translateY(0px);
    -ms-transform: skew(0, 3deg) translateY(0px);
    transform: skew(0, 3deg) translateY(0px);
}

/**/
.company dl{width:100%;display:table;border-bottom: 1px solid #000;}
.company dt {
    display: table-cell;
    width: 30%;
    text-align: left;
    box-sizing: border-box;padding: 20px 0 20px 20px;
	position:relative;
}
.company dt:before {content:'';position:absolute;z-index:10;bottom:0;left:0;height:1px;width:100%;background:#000;}
.company dd {
	text-align:left;    width: 70%;
padding: 20px;
    display: table-cell;
    box-sizing: border-box;line-height: 150%;
}
/**/
.enkaku dl{width:100%;max-width: 850px;display:table;margin:0 auto;/*border-bottom: 1px solid #fff;*/position:relative;padding-bottom: 40px}
.enkaku dt {
    display: table-cell;
    width: 20%;
    text-align: left;
    box-sizing: border-box;padding: 0px 20px;padding-right:10px;
	position:relative;
}

.enkaku dd {
	text-align:left;    width: 80%;
padding: 0px 20px;
    display: table-cell;
    box-sizing: border-box;line-height: 150%;
}
.enkaku dd li{padding:10px;border-bottom: 1px solid #ccc;}

.enkaku{
    position: relative;
    padding: 60px 0;
    margin-bottom: 60px;
}
.enkaku dl::before {
    background: #e95b1d;
    content: "";
    height: 100%;
    height: calc(100%);
    width: 1px;
    position: absolute;
    left: 35px;
    top: 0px;
    z-index: 1;
}
.enkaku dl::after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 22px;
    left: 30px;
    width: 10px;
    height: 10px;
    text-align: center;
    display: block;
    background: #e95b1d;
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: 50%;
}

.year {
    position: relative;
    display: inline-block;
    margin: 1.5em 0 1.5em 15px;
    margin-left: 34px;
    margin-top: 4px;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #fff;
    font-size: 16px;
    background: #e95b1d;
    text-align: center;
}

.year:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e95b1d;
}
/**/
.greeting{
    position: relative;
    padding: 60px 0;
    margin-bottom: 60px;
}
.kasopage .greeting h3{color:#fff;}
.greeting:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #282832;
    -webkit-transform: skew(0, -3deg) translateY(0px);
    -moz-transform: skew(0, -3deg) translateY(0px);
    -ms-transform: skew(0, -3deg) translateY(0px);
    transform: skew(0, -3deg) translateY(0px);
}
.greeting:after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: #282832;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform:translateY(100px);
    transform: translateY(100px);
}

.greeting .posi {
	position: relative;}

.greeting .bg {
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(../img/daihyo.jpg);
    left: 0;
    top: 0;
    width: 80%;
    height: calc(100% - 0px);
}
.greeting .row{
	justify-content: flex-end;}
.gree {
    position: relative;
    padding: 50px;
    margin-bottom: 20px;
    background-color: #FFF;
    z-index: 2;
}
/**/
.staff{
    position: relative;
    padding: 60px 0;
}
.cpho {
    max-width: 240px;
    max-height: 240px;
    width: 100%;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cbox{text-align:center;}

.cbox .name{
    margin: 5px 10px;
    font-size: 18px;color:#e95b1d;font-weight:bold;    margin-top: 10px;
}
.rep-name {
    font-weight: normal;
    font-size: 1.2rem;
    text-align: right;
    margin-top: 20px;
}.rep-name span {
    margin-left: 20px;
    font-size: 1.5rem;
    letter-spacing: 2px;
}


/**/
.nav-previous {
    float: left;
}

.slick-prev::before {
    content: url(../cmn/ya_l.png) !important;
}

.slick-next::before {
    content: url(../cmn/ya_r.png) !important;
}
.slick-prev{left: 0;}
.slick-next{right:0;}
.slick-prev,
.slick-next {
    width: 28px !important;
    height: 76px !important;
	z-index:10;    top: 28%;
}

.nav-next {
    float: right;
}


.posirela {
    position: relative;width:100%;
}

.wrap {
    position: absolute;
    height: 300px;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;width:600px;
}

.sitemap li{font-size:15px;padding:5px 0;}
.sitemap li a{
font-size:15px;
color:#ffffff;
}


.footimg{height:440px;background:url(../img/top_foot.jpg) no-repeat 50% 50%;background-size:cover;}

/*ｰｰｰ*/

.add{font-size:16px;    margin-bottom: 16px;text-align:center;}

h2{font-size:45px;margin-bottom:38px;text-align:center;letter-spacing:6px;
}
h3 {
    font-size: 1.5em;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
}
h4{font-size:22px;margin-bottom:16px;}
h5{font-size:20px;margin-bottom:16px;}
h2 span{font-size:17px;display:block;  text-transform: uppercase;margin-top: 10px;
}

#news h2{color:#EE8319;position: absolute;
    z-index: 1;
    display: block;
    left: 0;
    top: 0;    top: -60px;
    margin: auto;
    height: 280px;}

.kasopage h3,#news2 h3,#works2 h3{color:#EE8319;
    font-weight: bold;
    position: relative;
    text-align: center;
    font-size: 40px;
    margin-bottom: 50px;letter-spacing:2px;}
#works2 h4{margin-top: 10px;
    line-height: 130%;
}


/**/

#catnav {
    position: relative;
    z-index: 10;
    margin-bottom: 50px;
    text-align: center;
    font-size: 0px;
    line-height: 0px;
    text-align: left;
}
#catnav li{
    display: inline-block;
    margin-left: 12px;
    margin-bottom: 10px;
}
#catnav li a{
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    background: #fff;
    font-size: 17px;
    color: #e95b1d;
    line-height: 1;
    border: 1px solid #e95b1d;
    box-sizing: border-box;
    text-decoration: none;
    transition: all 0.5s;
    line-height: 32px;
}
#catnav li a:hover,#catnav li a.current{
    background: #FFF9E2;
	opacity: 1;
}
/*#catnav li:first-child a.current {
    background: #fff!important;
    color: #424242 !important;
    opacity: 1;
}
#catnav li:first-child a:hover{background: #e95b1d;
    color: #fff !important;
    opacity: 1;
}*/

#works2 .noitem {
padding: 3em 0px;
text-align: center;
font-size: 14px;height:300px;}
#works2 .tabbox {
display: none;}
#works2 .tabbox:nth-of-type(1) {
display: block;}

.blo1 figcaption h3,.parenthesis h3,.post h3,#side h3{background:none;padding:0;color:#282832;}
.blo1 figcaption h3:after,.parenthesis h3:after,.post h3:after,#side h3:after{content:none;}
.blo1 figcaption h3:before,.parenthesis h3:before,.post h3:before,#side h3:before{content:none;}

#news {
    padding: 60px 0;    padding-top: 140px;}

#news ul{width:100%;}
.news_in_wrap{max-width:720px;width:100%;display:block;margin:0 auto;position:relative;}
.news_in{padding:30px 10%;width:100%;display:block;margin:0 auto;position:relative;letter-spacing:1px;}
.news_in li{margin-bottom:10px;}

.noi img {
    width: 100%;
    height: auto;
}
.more{
    max-width: 210px;
    width: 100%;
    line-height: 56px;
    padding-bottom: 3px;
    margin: 0 auto;
    text-align: center;
    display: block;
   /* font-size: 16px;*/font-size:22px;
    font-weight: bold;
    background: #EE8319;color:#fff!important;
	letter-spacing:2px;
}

.more{
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.more:hover {
  color: #fff;
	text-decoration:none;
}
.more::after {
  top:0%;
  right:-100%;
  width: 100%;
  height: 100%;
}
.more:hover::after {
  top: 0;
  right: 0;
  background-color: #e84618;
}

.tel_wrap{display:inline-block;}

#recruit{padding:100px 0;position:relative;}

#recruit:before {
	z-index:-1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 150%;
background:url('../cmn/back_recruit.jpg') no-repeat 50% 50%;background-size:cover;
-webkit-transform: skew(0, 3deg) translateY(0px);
    -moz-transform: skew(0, 3deg) translateY(0px);
    -ms-transform: skew(0, 3deg) translateY(0px);
    transform: skew(0, 3deg) translateY(0px);
	/*    -webkit-transform: skew(0, -3deg) translateY(0px);
    -moz-transform: skew(0, -3deg) translateY(0px);
    -ms-transform: skew(0, -3deg) translateY(0px);
    transform: skew(0, -3deg) translateY(0px);*/
}


#recruit h2{color:#fff;}
.text_work{font-size:46px;text-align:center;color:#fff;margin-bottom:30px;}

.disflex{display: -webkit-flex;
    display: flex;
 -webkit-justify-content: space-between;
    justify-content: space-between;}

.more2 {
    max-width: 292px;
    width: 100%;
    line-height: 56px;
    padding-bottom: 3px;
    margin: 0 auto;
    text-align: center;
    display: inline-block;margin:0 20px;
   /* font-size: 17px;*/font-size:22px;letter-spacing:2px;
    background: #EE8319;color:#fff!important;
}
.more2{
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.more2:hover {
  color: #fff;
}
.more2::after {
  top:0%;
  right:-100%;
  width: 100%;
  height: 100%;
}
.more2:hover::after {
  top: 0;
  right: 0;
  background-color: #e84618;
}

.mr20{margin-right:20px;}

.list_btn{
    max-width: 176px;
    width: 100%;
    line-height: 40px;
    padding-bottom: 3px;
    margin: 0 auto;
    border-radius: 30px;
    text-align:left;
    display: block;
    background: #ff8429 url(../cmn/ya01.png) 90% 50%;
    background-repeat: no-repeat;
    border: 1px solid #ff8429;
    color: #fff!important;position: absolute;
    right: 10px;
    top: 0;
	padding-left:20px;
}
.list_btn:hover{background:#fff url(../cmn/ya02.png) 90% 50% no-repeat;color:#ff8429!important;}

#contact_foot{padding:64px 0;color:#fff;text-align:center;background:#bfe036 url('../img/contact_back.jpg') 50% 50%;background-size:cover;position:relative;}

#contact_foot:before{position:absolute;content:'';background:rgba(191,224,54,0.8);z-index:10;top:0;left:0;width:100%;height:100%;}

#contact_foot h3{color:#fff;font-weight:normal;}

#contact_foot .container{position:relative;z-index:11;}

#news h2 {    text-align: left;
}
#news{    display: inline-block;width:100%;position:relative;}

#news:before {
	z-index:-1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f8f7f5;/*	-webkit-transform: skew(0, 3deg) translateY(0px);
    -moz-transform: skew(0, 3deg) translateY(0px);
    -ms-transform: skew(0, 3deg) translateY(0px);
    transform: skew(0, 3deg) translateY(0px);*/
	    -webkit-transform: skew(0, -3deg) translateY(0px);
    -moz-transform: skew(0, -3deg) translateY(0px);
    -ms-transform: skew(0, -3deg) translateY(0px);
    transform: skew(0, -3deg) translateY(0px);
}

#news:after{
	z-index:-1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f8f7f5;	-webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform:  translateY(60px);
    transform:  translateY(60px);
}

.newscate h2 span.news_a{    position: absolute;font-size:inherit;color:inherit;
top:50px;line-height:30px;display: inline;}

#news2 a{    color: #000000!important;display:block;}

.newscate ul{float:left;display:block;    width: 83%;    margin-top:30px;}
.newscate{    display: inline-block;width:100%;position:relative;}

.newscate li{padding:3px 5px;}
.newscate li a{padding:5px 0;display:block;font-size:16px;}
.newscate li a:hover{color:#9a8f66}

/**/
.time_p{margin-bottom:20px;}

.nav-below{/*padding-top:40px;*/padding-bottom:40px;/*margin-top:40px;*/}
.nav-previous{float:left;}
.nav-next{float:right;}

.post_cate,.post{
    position: relative;    min-height: 500px;}
.post h3{margin-bottom:10px;padding:10px;vertical-align: middle;line-height: 140%;}
.post img{max-width:100%;height:auto;text-align:center;margin-bottom:20px;}

/**/
.block {overflow:hidden;}
.block img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;}

.strong{font-weight:bold;}
#work{padding:60px 0;padding-top: 100px;}
#work li a:hover h4,#works2 li a:hover{color: #e95b1d!important;-webkit-transition: all .3s;
    transition: all .3s;}
.work_ul li a{display:block;}

.work_ul h4{margin-bottom:0;}



.before_work,.after_work{    position: relative;}
.before_work .caption {
    position: absolute;
    top: 8px;
    left: 0;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 10;
} .after_work .caption {
    position: absolute;
    top: 10px;
    left: 3px;
    color: #FFFFFF;
    font-size:20px;
    font-weight: bold;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 10;
}
.before_work::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 65px 65px 0 0;
    border-color: #EE8319 transparent transparent transparent;
}
.after_work::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 80px 80px 0 0;
    border-color: #e95b1d transparent transparent transparent;
}

h4.new_tit{font-size:16px;display:inline-block;margin-left:36px;}
#news li a:hover{color:#e95b1d!important;}

.news_text{padding: 3px 26px;
    padding-bottom: 2px;position:relative;}

.time1{display:block;margin-bottom:10px;}


.hover-parent {width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
figcaption.hover-mask {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.5);
opacity: 0;
color: #fff;
display: flex;
align-items: center;
text-align: center;
padding: 30px;box-sizing:border-box;　padding-bottom: 0;

}
.hover-parent:hover figcaption.hover-mask {
	width: 100%;
height: 100%;
opacity: 1;
transition: all 0.6s ease;　padding-bottom: 30px;

}
a{-webkit-transition: all .3s;
    transition: all .3s;}
a:hover{-webkit-transition: all .3s;
    transition: all .3s}
/*contents1*/
.contentbox1{position:relative;padding:60px 0;max-width:198px;width:100%;margin:0 auto;}
#contents1{position:relative;}

#contents1:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #282832;
    -webkit-transform: skew(0, -3deg) translateY(0px);
    -moz-transform: skew(0, -3deg) translateY(0px);
    -ms-transform: skew(0, -3deg) translateY(0px);
    transform: skew(0, -3deg) translateY(0px);
}
#contents1:after{
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #282832;
    -webkit-transform: skew(0, 3deg) translateY(100px);
    -moz-transform: skew(0, 3deg) translateY(100px);
    -ms-transform: skew(0, 3deg) translateY(100px);
    transform: skew(0, 3deg) translateY(100px);
}




.contentbox1 h2{    color: #fff;
    position: absolute;
    z-index: 1;
    display: block;
    left: 0;
    top: -30px;text-align:left;
    margin: auto;
    height: 280px;}
.bicon{width:198px;margin-bottom:10px;}

.n1{background:url(../cmn/bicon1.png) no-repeat 50% 50%;background-size:100%;}
.n2{background:url(../cmn/bicon2.png) no-repeat 50% 50%;background-size:100%;}
.n3{background:url(../cmn/bicon3.png) no-repeat 50% 50%;background-size:100%;}
.n4{background:url(../cmn/bicon4.png) no-repeat 50% 50%;background-size:100%;}

.tb{display:table;width:100%;height:100%;}
.tb-cell{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}
.tb-cell img{height:66px;width:auto;}

#contents1 a .bicon{display:block;-webkit-transition: opacity 0.3s ease-out;
　-moz-transition: opacity 0.3s ease-out;
　-ms-transition: opacity 0.3s ease-out;
　-o-transition: opacity 0.3s ease-out;
　transition: opacity 0.3s ease-out;position:relaitive;}

#contents1 a:hover .bicon:after{position:absolute;z-index:-1;content:'';
	top:0;bottom:0;left:0;right:0;margin:auto;-webkit-transition: all .3s;
    transition: all .3s;/*opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";*/
background:rgba(255,255,255,0.6);border-radius:50%;}


#contents1 a .bicon{
    position: relative;
    width: 100%;
}
#contents1 a .bicon:before {
    content:"";
    display: block;
    padding-top: 100%; /* 高さを幅の75%に固定 */
}
#contents1 a .bicon .tb_wrap{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#contents1 a:hover .more{
  color: #fff;
	text-decoration:none;
}
#contents1 a .more::after {
  top:0%;
  right:-100%;
  width: 100%;
  height: 100%;
}
#contents1 a:hover .more::after {
  top: 0;
  right: 0;
  background-color: #e84618;
}

/**/

.slick-slide img{height:auto;}

/**/
#voice{position:relative;padding:60px 0;margin-bottom:60px;}
#voice2{position:relative;padding:60px 0;}
#voice:before {
	z-index:-1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #e95b1d;
    -webkit-transform: skew(0, -3deg) translateY(0px);
    -moz-transform: skew(0, -3deg) translateY(0px);
    -ms-transform: skew(0, -3deg) translateY(0px);
    transform: skew(0, -3deg) translateY(0px);
}
#voice h2,#voice2 h2{margin-bottom:40px;}
#voice2 h3{font-weight: bold;
    position: relative;
    text-align: center;
    font-size: 40px;
    margin-bottom: 50px;
    letter-spacing: 2px;}

#voice2 .wbox {
    /*padding: 28px;*/
    background: #fff;
    box-sizing: border-box;
    border: 2px solid #e95b1d;
    height: 100%;position:relative;  /*  padding-bottom: 120px;*/
}
.voicetit{background: #fff9c0;
    padding: 5px 10px;
    font-weight: bold;font-size:17px;}

.v_comment{    padding: 5px 10px;}

.voice_wrap{    border: 1px solid #4c4c4c;
    margin-bottom: 28px;}


/*以下、②左側のコメント*/
.balloon6 {
  width: 100%;
  margin: 10px 0;
  overflow: hidden;
}
.balloon6_r {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
}


.balloon6_r .faceicon {
    float: right;
    margin-left: -30px;
    width: 80px;
}
.balloon6_r .faceicon img{
  width: 100%;
  height: auto;
  border-radius: 50%;
}


.balloon6 .faceicon {
    float: left;
    margin-right: -30px;
    width: 80px;
}
.balloon6 .faceicon img{
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.balloon6 .chatting {
}
.line-bc{    margin-bottom: 40px;}

.chatting {
  display: inline-block;
  position: relative;
  margin: 0 0 0 50px;
  padding: 10px;
  max-width: 900px;
  border-radius: 12px;
  background: #edf1ee;    margin-top: 20px;
}

.chatting:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 3px;
  left: -19px;
  border: 8px solid transparent;
  border-right: 18px solid #edf1ee;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
.chatting p {
  margin: 0;
  padding: 0;
}

/*以下、③右側の緑コメント*/
.mycomment {
  margin: 10px 0;
}
.mycomment {
    display: inline-block;
    position: relative;
    margin: 0 50px 0 0;
    padding: 10px;
    max-width: 900px;
    border-radius: 12px;
    background: #edf1ee;
    margin-top: 20px;
    float: right;
}
.mycomment p:after {
  content: "";
  position: absolute;
  top: 3px;
  right: -19px;
  border: 8px solid transparent;
  border-left: 18px solid #edf1ee;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}




/*#voice li:nth-child(2n),#voice2 li:nth-child(2n){margin-top:-40px;}*/

span.noi{display:block;    height: 100%;}
span.noi span{
    background-size: cover;
    background-repeat: no-repeat;
    display: block;background-position:50% 50%;}

span.noi span {
    position: relative;
    width: 100%;height: 100%;
}
#voice .block{border: 1px solid #ccc;}
#voice2 .block {
    border: 1px solid #ccc;
}
.work_ul li a:hover p{color:#e95b1d;    -webkit-transition: all .3s;
    transition: all .3s;}

span.noi span:before {
    content:"";
    display: block;
    padding-top: 73%; /* 高さを幅の75%に固定 */
}
.scale{overflow:hidden;}
.scale > span{   -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;}

#voice ul a:hover .scale > span{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
		 -ms-transform:  scale(1.3);
      -moz-transform:  scale(1.3);
      -o-transform:  scale(1.3);
}#voice2 ul a:hover .scale > span{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
		 -ms-transform:  scale(1.3);
      -moz-transform:  scale(1.3);
      -o-transform:  scale(1.3);
}.work_ul li a:hover .scale > span{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
		 -ms-transform:  scale(1.3);
      -moz-transform:  scale(1.3);
      -o-transform:  scale(1.3);
}.work_post a:hover .scale > span{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
		 -ms-transform:  scale(1.3);
      -moz-transform:  scale(1.3);
      -o-transform:  scale(1.3);
}
.slidework a:hover .scale > span{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
		 -ms-transform:  scale(1.3);
      -moz-transform:  scale(1.3);
      -o-transform:  scale(1.3);
}

.level-2 li a:hover .scale > span{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
		 -ms-transform:  scale(1.3);
      -moz-transform:  scale(1.3);
      -o-transform:  scale(1.3);
}

#voice .wbox p,#voice2 .wbox p{font-size:16px;line-height:150%;}
#voice h4,#voice2 h4{color:#e95b1d;margin-bottom:10px;    text-align: center;
    padding-bottom: 10px;}
.infoname{text-align:right;}

.hyokabox {
    background: #282832;
    color: #fff;
    text-align: center;
    border: 2px solid #282832;
    width: 200px;
    margin: 0 auto;
    position: absolute;
    z-index: 10;
    bottom: 28px;
    right: 45px;
}

.hyokabox .ten{text-align:center;background: #fff;
    color: #e95b1d;    font-size: 26px;}

.ar_voice .hyokabox{position:relative;width:auto;bottom:auto;right:auto;}

.voice-list-arv .v_comment{line-height: 1.6;
    font-size: 0.9rem;
    letter-spacing: 0px;
    text-align: justify;
    word-break: break-word;}

        .nopc2{display:none;}


.hyoka-acv{position: relative;
    bottom: auto;
    right: auto;
    left: auto;
    margin: 0 auto;}
#voice2 .voice-list-arv h3{    margin-bottom: 0px;
    letter-spacing: 0px;    color: #333!important;}
#voice2 .voice-list{    gap: 20px 16px;    margin-top: -16px;}

.post .ar_voice img{margin-bottom:6px;}
.ar_voice a{background: #fff;
    padding: 10px;display:block;
border: 1px solid #e95b1d;}
/**/
.slidework{margin-bottom:80px;}

.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -26px;
}
.slick-dots li button:before {
    font-family: 'slick';
	font-size: 16px;}
.nav-previous {
    float: left;
}

.slick-prev::before {
    content: url(../cmn/prev_m.jpg) !important;
}

.slick-next::before {
    content: url(../cmn/next_m.jpg) !important;
}
.slick-prev{left:1px;}
.slick-next{right:1px;}
.slick-prev,
.slick-next {
    width: 40px !important;
    height: 40px !important;
	z-index:10;    top: 44%;
}

.nav-next {
    float: right;
}


/**/
span.noi{display:block;}

#footer{background:#282832;}

.p-box--triangle_wrap{display:table;width:100%;height:35px;}
.p-box--triangle_l{display:table-cell;width:50%;height:100%;}
.p-box--triangle_r{display:table-cell;width:50%;height:100%;}

.p-box--triangle_l_in {
    width: 100%;
    height: 35px;
    position: relative;
    overflow: hidden;
}.p-box--triangle_l_in::before {
    content: " ";
    display: block;
    width: 1000px;
    height: 250px;
    background: #f8f7f5;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    position: absolute;
    bottom: 0;
    right: 0px;
}
.p-box--triangle_r_in {
    width: 100%;
    height: 35px;
    position: relative;
    overflow: hidden;
}
.p-box--triangle_r_in::after {
    content: " ";
    display: block;
    width: 1000px;
    height: 250px;
    background: #f8f7f5;
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    position: absolute;
    bottom: 0;
    left: 0px;
}
.p-box2--triangle_wrap{display:table;width:100%;height:35px;}
.p-box2--triangle_l{display:table-cell;width:50%;height:100%;}
.p-box2--triangle_r{display:table-cell;width:50%;height:100%;}

.p-box2--triangle_l_in {
    width: 100%;
    height: 35px;
    /* background: url(https://image-data.herokuapp.com/triangle/bg01.gif); */
    position: relative;
    overflow: hidden;
}.p-box2--triangle_l_in::before {
    content: " ";
    display: block;
    width: 1000px;
    height: 250px;
    background: #f8f7f5;
    -webkit-transform:rotate(2deg);
    transform: rotate(2deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    position: absolute;
    top: 0;
right:0;

}.p-box2--triangle_r_in {
    width: 100%;
    height: 35px;
    /* background: url(https://image-data.herokuapp.com/triangle/bg01.gif); */
    position: relative;
    overflow: hidden;
}.p-box2--triangle_r_in::after {
    content: " ";
    display: block;
    width: 1000px;
    height: 250px;
    background: #f8f7f5;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    position: absolute;
    top: 0;
    left: 0px;
}


.foot{color:#fff;}
.desc{text-align:center;}
.foot_logo{font-size:24px;text-align:center;letter-spacing:2px;    margin-bottom: 6px;}

.foot a{color:#fff!important;display:inline-block;-webkit-transition: all .3s;
    transition: all .3s;}
.foot a:hover{  color: #e84618!important;}

.copy{font-size:12px;text-align:center;margin-top:0px;padding-bottom:20px;padding-top:12px;color:#fff;}

p.address{font-size:16px;text-align:left;}
.foot h2 img{max-width:238px;}
.foot{padding-bottom: 10px;letter-spacing: 1px;}

.con_box .conp{font-size:20px;margin-bottom:50px;letter-spacing: 2px;}
.con_box{background:url('../cmn/footimg.jpg') no-repeat 50% 50%;
background-size:cover;padding:50px 0;padding-bottom: 0;position:relative;
}

.foot h2{text-align:left;}
.foot .container{padding:0 10%;width:auto;}
.sitemap{margin-bottom:30px;}

.kasen{text-decoration: underline!important;}
.kasen:hover{text-decoration:none!important;}

.foot .p-box--triangle_wrap{margin-bottom: 20px;}

.foot_ul{    margin-top: 40px;margin-bottom: 20px;}
.foot_ul li{position:relative;}
.foot_ul ul ul li a{font-size:15px}
.foot_ul ul ul li{padding-left:24px;line-height: 150%;}

.f_tel{font-size:30px;position:relative;}
.f_tel span{font-size:22px;}


.parenthesis {
  position: relative;
    max-width: 282px;width:100%;
  padding: 15px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;margin: 0 auto;
	text-align:center;
}
.parenthesis::before,
.parenthesis::after {
  position: absolute;
  content: '';
  width: 66px;
  height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis::before {
  top: 0;
  right: 0;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}
.parenthesis::after {
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}

.area1 {
    border: 1px solid #e95b1d;
    border-radius: 4px;
    padding: 7px 5px;
    font-size: 16px;
    line-height: 160%;
    max-width: 376px;
    display: block;
    margin: 0 auto;
    background: rgba(255,255,255,0.6);
}

.teltime{font-size:16px;}

.con_box_in{/*max-width:920px;*/width:100%;margin:0 auto;}

.con_btn {
    font-size: 22px;
    margin: 0 auto;
    max-width: 320px;
    width: 100%;
    line-height: 60px;
    background: #EE8319;
    color: #fff!important;
    display: block;
    z-index: 2;
    position: relative;
    text-align: center;
    overflow: hidden;
    padding-left: 56px;
}
.con_btn:before{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;
background:url(../cmn/mail.png) no-repeat 16px 50%}
.con_btn{
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.con_btn:hover {
  color: #fff;
}
.con_btn::after {
  top:0%;
  right:-100%;
  width: 100%;
  height: 100%;
}
.con_btn:hover::after {
  top: 0;
  right: 0;
  background-color: #e84618;
}
.con_box2 {
    margin-top: 6px;
    max-width: 450px;
    margin: 0 auto;
}
.con_box2 .f_tel {
    font-size: 24px;
    background: url(../cmn/tel.png) 0px 50% no-repeat;
background-size: 26px;
    max-width: 240px;
    padding-left: 26px;
}
.con_box2 .con_btn{
max-width: 200px;
    padding-left: 36px;
}
.f_tel {
    position: relative;
    width: 100%;
    padding-left: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    background: url(../cmn/tel.png) 0px 50% no-repeat;
    background-size: 42px;
}
.f_tel {
	font-size: 36px;line-height: 120%;
    font-weight: bold;}
.f_tel_wrap{color: #282832!important;
    max-width: 330px;
    display: block;
    margin-top: 8px;}
 .f_tel span {
	font-size: 15px;}
.con_btn{width:100%;    line-height: 66px;}
.mvBox {
    overflow: hidden;
}
/*.wrap1_animated {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;	width:100%;
}*/
.overhidden{overflow:hidden;}

@keyframes blockSlideRight {
    0% {
        width: 0%;
    }
    50% {
        width: 100%;
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes imgFadeInLeft {
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }

}/*

.wrap1 {
    overflow: hidden;
    position: relative;
    display: block;width:100%;
}
.wrap2 {
    overflow: hidden;
    position: relative;
    display: block;width:100%;
}.wrap3 {
    overflow: hidden;
    position: relative;
    display: block;width:100%;
}
.wrap1_animated::after {
    animation: blockSlideRight 2s ease both;
    position: absolute;
    background: #282832;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
*/
.img {
    transform: translateX(0%);
}

.img_animated {
    animation: imgFadeInLeft 2s ease both;
}

#service{padding:60px 0;position:relative;padding-bottom: 20px;}
#service a:hover h3{text-decoration: underline;}

#service h3{color:#e95b1d;}

#service:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:#f8f7f5;
    -webkit-transform: skew(0, 3deg) translateY(40px);
    -moz-transform: skew(0, 3deg) translateY(40px);
    -ms-transform: skew(0, 3deg) translateY(40px);
    transform: skew(0, 3deg) translateY(40px);
}
#service h2 {
    position: absolute;
    z-index: 1;
    display: block;
    right: 0;
    top: 0;
    top: -30px;
    text-align: left;
    margin: auto;
    height: 280px;
}


#service .col-md-6{padding:0 30px;}
#service a{display:block;overflow:hidden;}

#service a:hover .wrap1_animated{
    -webkit-transform: scale(1.3)!important;
    transform: scale(1.3)!important;
}
/**/

.head_zissi{position:absolute;z-index:10;top:5%;right:5%;}

.shi_saigai{color:#46AF46;}
.shi_senmon{color:#FF9700;}

.catch{font-size:52px}

.zisseki{font-size:22px}
.zisseki span{font-size:40px}
.consulting1 p{font-size:20px}
.consulting1{}

.shizen_wrap{font-size:18px;padding:24px;background:rgba(255,255,255,0.7);}
.shizen_wrap{width:520px;position:absolute;
    left: 9%;bottom:56px;}

.shizen_wrap li{width:25%;text-align:center;padding:4px 10px;}
.shizen_wrap li img{width:100%;height:auto;}

.shizen_wrap ul{width:100%;display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;}


.shizen1{color:#46AF46;border:1px solid #46AF46;padding:4px;margin-top:4px;}
.shizen1 p{text-align:center;font-weight:bold;}

.consulting1 h1{color:#46AF46;line-height: 150%;}


@media (min-width: 768px){
/*768px以上*/
.tate {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
}@media (min-width: 1024px){
/*1024px以上*/
.tate2 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
}
/**/

.wbox{padding:18px;background:#fff;box-sizing:border-box;}

.catch{width: 530px;
    height: 284px;
    text-align: center;
    color: #424242;
    margin: 0 auto;
    font-weight: bold;
    background: rgba(0,0,0,0.6);
    padding: 50px;text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.7686274509803922), 0px 0px 6px rgba(0, 0, 0, 0.7686274509803922), 0px 0px 6px rgba(0, 0, 0, 0.7686274509803922), 0px 0px 6px rgba(0, 0, 0, 0.7686274509803922), 0px 0px 6px rgba(0, 0, 0, 0.7686274509803922), 0px 0px 6px rgba(0, 0, 0, 0.7686274509803922);}

.catch {
    font-size: 42px;
    color: #fff;
}

.p_zisseki{    font-size: 62px;
    letter-spacing: 0.1em;
   }

.s_no{font-size: 42px;
    margin-left: 20px;
    color: #e84618;}

.s_one{    font-size: 90px;
    color: #e84618;}
/**/

.uketsuke_wrap{background:#ff9900;color:#fff;padding:20px 0;margin-bottom:40px;}
.uketsuke_wrap h3{font-size:53px;padding-bottom:6px;border-bottom:1px solid #fff;color:#fff;}
.uketsuke_wrap h3 span{font-size:22px;font-weight:bold;color:#fff;    vertical-align: middle;}
.uketsuke_wrap .container{width:1000px;margin:0 auto;max-width: 100%;padding:0 15px;}

.sodan_r{position:relative;    margin-top: 20px;text-align:center;}
/**/

#insurance h3{color:#fff;text-align:center;font-size:36px;font-weight:bold;}



/**/

.tel a{font-weight:bold;font-family:Arial;font-size:44px;
background:url(../img/tel.png) no-repeat 0 50%;padding-left:30px;background-size:26px;
}
.tel{display: block;
    line-height: 100%;
    padding: 10px;}

.tel_wrap .teltime{font-size:16px;font-weight:bold;display:block;color:#000;padding-left: 30px;}
.consulting1{bottom:38px;right:72px;z-index:10;position:absolute;}

.squareBox{position: relative;background: rgba(255,255,255,0.8);width:460px;border-radius:50%;text-align:center;font-weight:bold;}
.squareBox:before{display: block;
    content: '';
		padding-top: 100%;}
.squareBox_in{position: absolute;
    top: 0;
    width: 100%;
    height: 100%;box-sizing: border-box;padding: 0 30px;}

.mannaka{display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;}

.mannaka2{display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;}

 /* ページャー */
.pagination1{
    margin-top:50px;
    text-align:center}
.page-numbers li{display:inline-block;}
a.page-numbers,
.pagination1 .current{
    background-color: #fff;
    border: solid 1px #666;
    border-radius:0px;
    padding:6px 9px;
    margin:0 2px;
    text-decoration: none;
    color:#666;line-height: 140%;}

.pagination1 .current{
    background-color: #666;
    border: solid 1px #666;
    color:#FFFFFF;line-height: 140%;}

 .pagination1 a:hover{
    color: #ffffff!important;
    border: solid 1px #666;
    background-color: #666;}

/*下層*/
.submenu {
    display: none;
}
.breadcrumbs {
    padding: 10px;
    text-align: right;
    margin-top: -30px;
    position: relative;
    z-index: 10;
}.breadcrumbs a{}
.breadcrumbs a:hover{text-decoration:underline;}
.breadcrumbs .container span{font-size: 14px;}

.kaso_back {
    background-image: url(../img/kaso_back.jpg) ;
	background-size: cover;/*background-attachment: fixed;*/
background-repeat:no-repeat;
    background-position: center center;
    padding: 110px 0;position: relative;
	overflow:hidden;
}
.b_payment{    background-image: url(../img/back/b_payment.jpg) ;background-position: center 30%;}
.b_company{    background-image: url(../img/back/b_company.jpg) ;background-position: center 73%;}

.b_resume{    background-image: url(../img/back/b_resume.jpg) ;background-position: center 73%;}

.b_service{    background-image: url(../img/back/b_service.jpg) ;}
.b_flow{background-image: url(../img/back/b_flow.jpg);background-position: center 90%;}
.b_faq{background-image: url(../img/back/b_faq.jpg);background-position: center 10%;}
.b_price{background-image: url(../img/back/b_price.jpg);}
.b_contact,.b_error,.b_confirm,.b_complate{background-image:url(../img/back/b_contact.jpg) ;}
.b_works{background-image: url(../img/back/b_service.jpg) ;}
.b_voice{background-image: url(../img/back/b_service.jpg) ;}
.b_staff{background-image: url(../img/back/b_staff.jpg) ;}

.b_news{background-image: url(../img/back/b_news.jpg) ;}
.b_blog{background-image: url(../img/back/b_news.jpg) ;}

.b_requirements{background-image: url(../img/back/b_requirements.jpg) ;}
.b_requirements_test{background-image: url(../img/back/b_requirements.jpg) ;}

.b_entry,.parent-pageid-24 .b_error,.parent-pageid-24 .b_confirm,.parent-pageid-24 .b_complate{background-image: url(../img/back/b_entry.jpg) ;}

.pageback{padding:100px 0;background:#ccc;}

.kaso_back h2 {line-height:100%;
    font-weight: 700;
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    font-size: 45px;
    padding: 10px;
color: #fff;
}
.kaso_tit h2 span{font-size:18px;color:#666;}
.kaso_tit h2{color:#282832;}
.kaso_tit h2 .en1{font-size: 45px;    text-transform: capitalize;}
.kaso_tit {
    background: rgba(255,255,255,0.75);
    min-width: 344px;
    width: 100%;
    max-width: 480px;
    line-height: 118px;
    box-sizing: border-box;
    margin: 0 auto;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding-top: 10px;
    padding-bottom: 6px;
}

.kaso_back:before {
    z-index: 1;
    content: "";
    position: absolute;
    left: 0;
    bottom: -40%;
    width: 100%;
    height: 50%;
    background: #ffffff;
    -webkit-transform: skew(0, -2deg) translateY(0px);
    -moz-transform: skew(0, -2deg) translateY(0px);
    -ms-transform: skew(0, -2deg) translateY(0px);
    transform: skew(0, -2deg) translateY(0px);
}

.fixed_tag{position: fixed;
    right: 0;
    top: 10%;
    z-index: 100;}
.fixed_tel{
	background:#ff9700 url(../img/tel.png) 50% 20px no-repeat;
    background-size: 26px;
    width:82px;margin-bottom:20px;text-align:center;font-weight:bold;}
.fixed_tel a{display:block;padding-top: 60px;padding-bottom: 20px;}


.fixed_mail{
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 22px;
    font-weight: bold;
    background: #fffb64 url(../img/mail.png) 50% 20px no-repeat;
    background-size: 43px;
    width:82px;text-align:center;font-weight:bold; }
.fixed_mail a{display:block;line-height: 82px;padding-top: 60px;padding-bottom: 20px;}

.check1{
    background: url(../cmn/check.png) no-repeat 0 50%;
    padding: 5px 0;
    padding-left: 28px;
    font-weight: bold;
}

/**/

.accordionbox{padding-top:50px;padding-bottom:50px;}
.accordionlist{
/*width: 80%;*/
    margin: 30px 20px;
	box-shadow: 0px 0px 10px rgba(200,200,200,0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(200,200,200,0.5);
    -moz-box-shadow: 0px 0px 10px (200,200,200,0.5);
	background:#fff;
}
.accordionlist dt{position:relative;
    display:block;cursor: pointer;
    padding: 15px;padding-left:60px;
    border-top: 1px solid #DFDFDF;font-weight:bold;
background: url(../cmn/q1.png)no-repeat 15px 20px;
    background-size: 35px;

}
.accordionlist dt:first-child{
    border-top: none !important;
}
.accordionlist dt .title{
	float: left;
	font-size:22px;padding-top: 10px;width: calc(100% - 65px);
}
.accordionlist dt .title2{
    /*padding-left: 10px;padding-top: 10px;*/
	float: left;
	font-size:22px;width:90%;
}
.accordionlist dd{
    display:none;
	background:#F7F7F7 url(../cmn/a1.png)no-repeat 15px 20px;
	background-size: 35px;
    padding: 15px;padding-left:60px;}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}


.accordion_icon {
	right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	position: relative;    position: absolute;
	width: 50px;
	height: 50px;
	float: right;
	margin-right:30px;
	background:#9a8f66;
	border-radius:25px;
}
.accordion_icon span {
	position: absolute;
left:0;right:0;margin:auto;
width: 50%;
    height: 3px;
    background-color: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 25px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 25px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion_icon:hover{cursor: pointer;}
.accordion_icon.active2 span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active2 span:nth-of-type(2) {
	top: 25px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

span.require {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    width: 55px;
    height: 32px;
    padding: 3px 10px;
    color:#fff;
    background: #000;
    z-index: 1;
    font-size: 14px;
    text-align: center;line-height:27px;
}

input[type="tel"],
input[type="email"] {
    border: 1px solid #ccc;
    padding: 5px;
    color: #000;
    background: -webkit-gradient( linear, left top, left bottom, from(#eee), to(#fff));
    background: -moz-linear-gradient( top, #eee, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffffffff);
    zoom: 1;

}

input[type="text"], textarea {
    border: 1px solid #ccc;
    padding: 5px;
    color: #000;
    background: -webkit-gradient( linear, left top, left bottom, from(#eee), to(#fff) );
    background: -moz-linear-gradient( top, #eee, #fff );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;

}

 textarea {
    width: 100%;    height: 200px;}


input[type="submit"],input[type="button"]{
    max-width: 234px;
    width: 100%;
    line-height: 44px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 26px;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
	position:relative;  z-index: 2;
  overflow: hidden;
}

.require_table th {
    width: 30%;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    background: #f7f7f7;
    position: relative;
    text-align: left;padding-right:60px;
}

.require_table td {
    width: 70%;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #cccccc;background:#fff;
}

.require_table tr:last-child {
    border-bottom: 1px solid #cccccc;
}

.require_table {
    width: 100%;
    margin: 0 auto;margin-bottom: 30px;
}


.table_contact th {
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #000;border-left:none;
    position: relative;
    text-align: left;padding-right:60px;

}

.table_contact td {
    width: 70%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #000;background:#fff;	border-left:none;border-right:none;
}

.table_contact tr:last-child {
    border-bottom: 1px solid #cccccc;
}

.table_contact {
    width: 100%;
    margin: 0 auto;margin-bottom: 30px;
}

.table_contact tbody,
.table_contact tr {
    width: 100%;
}

/**/
.know_wrap{padding-top:18px;}
.know_wrap .gry1 img{height:54px;width:auto;}
.know_wrap .col-md-4{padding:0 6px;}

#contents1{padding:60px 0;    padding-top: 100px;}

.whiteback{background:#fff;padding:30px;}
.whiteback2 {
    background: #fff;
    padding: 60px;border:1px solid #e95b1d;
}


.contactbox{padding:30px;background:#ff8429;color:#fff;text-align:center;}
.conceptbox{padding:20px;background:#f7f7f7;padding-bottom:0;}

.case .new_tit{
    color: #000000 !important;
}

.sitemap li{
    list-style: circle;
    margin-left: 15px;
}

.map iframe{
    max-width: 100%;
}

/*サービス　service*/
.gry_back {
    padding: 60px 0;
    position: relative;
    padding-bottom: 40px;
    margin-top: 45px;
    margin-bottom: 65px;
}
.gry_back:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f8f7f5;
    -webkit-transform: skew(0, 3deg) translateY(20px);
    -moz-transform: skew(0, 3deg) translateY(20px);
    -ms-transform: skew(0, 3deg) translateY(20px);
    transform: skew(0, 3deg) translateY(20px);
}
.plan h4{color:#e95b1d;}
.plan h4{font-size:24px;line-height: 57px;padding-left:64px;margin-bottom:30px;}
.plan h5{font-size:20px;margin-bottom:30px;}
.plan .icon1_h4{background: url(../cmn/ico2.png ) no-repeat 0px 50%;
    background-size: 50px;color:#EE8319;}
.plan .icon2_h4{background: url(../cmn/ico1.png ) no-repeat 0px 50%;
    background-size: 50px;color:#EE8319;}
.plan .icon3_h4{background: url(../cmn/ico3.png ) no-repeat 0px 50%;
    background-size: 50px;color:#EE8319;}

.c_banner{box-sizing:border-box;border:1px solid #ccc;}

.area_wrap{
    position: relative;
    padding: 60px 0;
    margin-bottom: 60px;
}

.area_wrap:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFF9E2;
    -webkit-transform: skew(0, -3deg) translateY(0px);
    -moz-transform: skew(0, -3deg) translateY(0px);
    -ms-transform: skew(0, -3deg) translateY(0px);
    transform: skew(0, -3deg) translateY(0px);
}
.areabox{padding:20px;width:100%;background:#fff;font-size:19px;margin-bottom:16px;}

#why h4,#aftercare h4{text-align:center;font-size:24px;color:#e95b1d;margin-bottom:50px;}
#why h5,#aftercare h5{    color: #282832;
    margin-bottom: 26px;}

.merit_txt{font-size:25px;color:#EE8319;letter-spacing:1px;height:180px;}

.merit_txt:before{color:#EE8319;content:'■ ';font-size:25px;}

.merit1{position:relative;display:table;width:202px;height:202px;margin:0 auto;}
.merit1_in{display:table-cell;text-align:center;vertical-align:center;width:100%;height:100%;}

.merit1:after {
    width: 0;
    height: 0;
    border-bottom: 202px solid rgba(238,131,25,0.56);
    border-left: 202px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -2;
    content: '';}

.aftercare_in{
    position: relative;
    padding: 60px 0;
    margin-bottom: 60px;
}
.aftercare_in:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f8f7f5;
    -webkit-transform: skew(0, 3deg) translateY(20px);
    -moz-transform: skew(0, 3deg) translateY(20px);
    -ms-transform: skew(0, 3deg) translateY(20px);
    transform: skew(0, 3deg) translateY(20px);
}
.kikan_table{width:100%;margin-bottom:30px;}
.kikan_table th,.kikan_table td{background:#ffffff;border:1px solid #f8f7f5;padding:10px;}
.kikan_table th{width:35%;}
.kikan_table td{width:65%;}

.mensai{background:#ffffff;padding:20px;margin-bottom:20px;}
.mensai h6{font-size:17px;color:#e95b1d;margin-bottom:20px;}
.mensai h6:before{content:'■ ';}
/* --------------------------------
 * CONTACT
 * -------------------------------- */

.body .contact .bodywrap{margin-top:32px;}

#contact_box{padding:20px;margin:20px 0;box-sizing:border-box;}
#contact_box table{width:100%;}
#contact_box th{font-size:17px;font-weight:bold;margin-bottom:10px;padding:10px 0;width:30%;}

#contact_box td{width:70%;padding:10px 0;}
.emphasis{position:absolute;z-index:10;top:0;bottom:0;margin:auto 0;
	font-size:16px;color:#fff;background:#e95b1d;width:38px;height:28px;line-height:24px;display:inline-block;text-align:center;right:14px;}

.mw_wp_form .vertical-item{
	float:left;width:50%;margin-bottom:10px;}
input[type="text"],input[type="email"], input[type="number"], input[type="url"], input[type="password"], input[type="date"],input[type="tel"],textarea{
	background:#f8f7f5;padding:6px;font-size:16px;border:1px solid #eee;}

input[type="text"], input[type="email"]{
    width: 100%;
}
textarea {
    width: 100%;
}
.radio{padding:15px 0;}

.mwform-zip-field{display: block;
    margin-bottom: 20px;}

.contact_bottom li{text-align:center;font-size:17px;padding:16px 0;padding-bottom:46px;}
.contact_bottom a{color:#0084a3!important;}

#contact_box div.contact_bottom div.item {
    /* width: 400px; */
    margin: 20px auto;
    text-align: center;
}
#contact_box div.item input[type=submit] {
    max-width: 230px;
    width: 100%;
    line-height: 56px;
    padding-bottom: 3px;
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #fff!important;
    letter-spacing: 2px;
}
#contact_box div.item input[name=submitconfirm] {
    max-width: 210px;
    width: 100%;
    line-height: 36px;
    padding-bottom: 3px;
}
#contact_box div.item input[name=submitBack] {
    max-width: 210px;
    width: 100%;
    line-height: 36px;
    padding-bottom: 3px;
}
#contact_box div.item input[type=submit]:hover {
  color: #fff;
	text-decoration:none;
}
.button_wrap{    position: relative;
    z-index: 2;
    max-width: 234px;
    width: 100%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    background: #EE8319;
    margin-bottom: 20px;}
.button_wrap_submitBack {background:#666;}


.button_wrap::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button_wrap::after {
  top:0%;
  right:-100%;
  width: 100%;
  height: 100%;    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button_wrap:hover::after {
  top: 0;
  right: 0;
  background:#e84618!important;
}

.mw_wp_form .error {
    font-size: 93%;
    color: #000000;
    display: block;
    margin-top: 10px;
}


.radio input[type="radio"]{
    display: none!important;
}

.radio  input[type="radio"] + span{
  padding-left: 26px;
  position:relative;
  margin-right: 20px;
}

.radio  input[type="radio"] + span::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;bottom:0;margin:auto 0;
  left: 0;
  width: 13px;
  height: 13px;
  border: 2px solid #cccccc;
  border-radius: 50%;
}

.radio  input[type="radio"]:checked + span{
  color: #009a9a;
}

.radio  input[type="radio"]:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;bottom:0;margin:auto 0;
  left: 2px;
  width: 9px;
  height: 9px;
  background: #009a9a;
  border-radius: 50%;
}

.container{max-width:1140px;padding:0 30px;}


.company_intro{    padding-bottom: 40px;}
.taiyotoso_what{padding:40px 0;background:#eee;}
.current_situation{padding:40px 0;}
.about_painter{padding:40px 0;background:#eee;}
.about_private{padding:40px 0;}

.sora{background-image:url(../img/img_sora.jpg); background-position: 50% 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;   background-attachment: fixed;height: 300px;}

@media (min-width: 1200px){
.container {
	width: 1140px;max-width: 100%;}}



@media (max-width: 992px){
	.f-box h2{display:block;}
.contact{max-width:inherit;}}
@media screen and (max-width: 900px){
.mw_wp_form .vertical-item {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
#contact_box {
    padding: 5%;}

#content_div.page div#contact_box div.contact_bottom div.item input[type=submit] {
    width: 250px;
    margin: 20px 0;font-size: 18px;
}

}

#mw-wp-form-captcha {
    text-align: center;
    padding: 0 3% 2.0em 3%;
    line-height: 2.5em;padding-top: 30px;
}
#mw-wp-form-captcha img{margin-bottom:10px;}
#mw-wp-form-captcha input{width:200px;height:50px;margin:0 auto;margin-top:10px;}

.page_contact-confirm h4{position:relative;text-align:center;font-size:22px;color:#008aaa;font-weight:bold;padding-bottom:20px;display:table;margin:0 auto;margin-bottom:20px;}
.page_contact-confirm h4:after{content:'';position:absolute;z-index:10;border-bottom:4px dotted #a1dbe5;left:0;right:0;margin:auto;bottom:0;width:calc(100% - 60px)}

.page_contact-complete h4{position:relative;text-align:center;font-size:22px;color:#008aaa;font-weight:bold;padding-bottom:20px;display:table;margin:0 auto;margin-bottom:56px;}
.page_contact-complete h4:after{content:'';position:absolute;z-index:10;border-bottom:4px dotted #a1dbe5;left:0;right:0;margin:auto;bottom:0;width:calc(100% - 60px)}

.page_contact-err h4{position:relative;text-align:center;font-size:22px;color:#ff4848;font-weight:bold;padding-bottom:20px;display:table;margin:0 auto;margin-bottom:20px;}
.page_contact-err h4:after{content:'';position:absolute;z-index:10;border-bottom:4px dotted #f7bfbf;left:0;right:0;margin:auto;bottom:0;width:calc(100% - 60px)}

.accordion li a{
    color: #000;
}
/*flow*/


.flow_l{width:80px;height:80px;text-align:center;display: block;color:#fff;background:#282832;vertical-align:middle;box-sizing:border-box;border-radius:50%;}

.flow_l{font-size:30px;z-index:1;position:absolute;padding-top: 15px;line-height: 100%;}

.flow_l span.step{font-size:15px;display:block;    line-height: 100%;margin-bottom:5px;}
.flow-list2{position:relative;}

.flow-list{position:relative;}

.flow-list::before {
    background: #282832;
    content: "";
    height: 100%;
    height: calc(100%);
    width: 1px;
    position: absolute;
    left: 40px;
    top: 0;
}

.step-r{width: calc(100% - 120px);display:block;float:right;padding-bottom:80px;padding-top:30px;/*border-bottom: 1px solid #000;*/}


.flow_lwrap{width:100px;display:block;float:left;position:relative;}

.flow-inner{float:left;width:60%;}

.flowimg{float:right;width:37%;}
.flowimg img{width:100%;height:auto;}

.flow-listbox{padding:30px;background:#fff;border-radius:10px;}

.flow-list2::before{content:none;}
.flow-list h5,.flow-list2 h5{font-size:20px;margin-bottom:10px;margin-bottom:20px;color: #e95b1d;}

/*よくある質問*/
#faq{background:#efefef;padding-bottom:100px;}
.faq_area{margin-top:60px;}
.faq{margin:20px 0;display:block;    margin-bottom: 40px;}
.faq dl dt,
.faq dl dd {
	padding:0;margin:0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.faq dl dt.question {background-color: #ffffff;
    width: 100%;
    padding: 20px 10px;
    padding-top: 26px;
    line-height: 140%;
    padding-left: 25px;
    display: table;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    position: relative;
}
.tablecellbox1 h3{font-size:18px;margin-bottom:0;    line-height: 140%;}
.faq dt.question:before {
    content: 'Q';
    position: absolute;
    z-index: 10;
    top:30px;
    left: 20px;
    color: #e95b1d;
    font-weight: bold;
    font-size: 34px;
}
  .faq  dl dt.question:first-child {background:#fff;
    border-bottom: solid 1px #d3d3d3;
    }
  .faq   dl dt.question:hover {
    }
   .faq  dl dt.question div.tablecellbox2 img {
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        -ms-transition: .5s;
	   vertical-align: middle;
    }

.rotate {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.faq  dl dt.question div.tablecellbox1 {
    padding-left: 45px;
    padding-right: 2%;
    height: 32px;}


.faq  dl dt.question div.tablecellbox2 {
    width: 32px;
    height: 32px;
}
.faq  dd.answer {position:relative;
    line-height: 1.3;
    padding: 20px 10px;
	background:#f8f7f5 ; padding-left: 25px;
}
.faq  dd.answer:before{content:'A';position:absolute;z-index:10;top:14px;left:20px;color:#EE8319;font-weight:bold;font-size:34px;}

.faq dd.answer div.tablecellbox1 {
    vertical-align: top;
    padding-left: 40px;
}

div.tablecellbox1,
div.tablecellbox2 {
    display: table-cell;
    vertical-align: middle;
}

.question h4{margin-bottom: 0px;font-size:20px;line-height: 140%;}


/*業務案内*/
#s0,#s1,#s2,#s3,#s7{   padding-top: 70px;
    margin-top: -70px;}
#s3{    margin-bottom: 30px;}

.back_black{background:#000;color:#fff;}
#s1 .serWord h4,#s1 .serWord p{color:#fff;}

.serBox {
    position: relative;    display: inline-block;
    width: 100%;    vertical-align: bottom;
}

.serImg {
    width: 50%;
}
.serImg img {
    width: 100%;height:auto;
}
.serWord {
    width: 40%;
    position: absolute;
    right: 4%;
    top: 54%;
    transform: translateY(-50%);
}
.list li{padding-left:1em;
text-indent:-1em;line-height: 170%;}

.service_label li{border: 1px solid #000;padding:5px 10px;margin-right:10px;display:inline-block;margin-bottom:10px;font-weight:bold;font-size:15px;}
.service_label{margin-bottom:20px;}
#s1 .service_label li{border: 1px solid #fff;}
.back_black .serBox .serImg {
	float: right;
}

.back_black .serBox .serWord {
	right: auto;
	left: 9%;
}
.particular_box_wrap{
	margin-top: 96px;}

.particular_box{/*border:1px solid #282832;*/padding:0 20px;
padding-top:70px;
padding-bottom:30px;text-align:center;height:100%;    background: #FFF9E2}

.particular_box p{text-align:left;}

.c3{color:#e95b1d;}
.c4{color:#282832;}

.fo24{font-size:26px;letter-spacing:2px;font-weight: bold;}
.fo18{font-size:20px;    line-height: 160%;}
.fo17 {
    font-size: 19px;
    line-height: 160%;
    font-weight: bold;
}

.serWord h4 {
    margin-bottom: 37px;
    font-size: 24px;
    letter-spacing: 4px;
}

/*COMPANY*/
.txt_concept{font-size:40px;margin-bottom:20px;}
.concept{padding:60px 0;margin-top:-40px;
}
 .client{ padding:60px 0;background:#000;color:#fff;
}

#concept{padding-top:40px;padding-bottom:40px;position:relative;}
#concept:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-transform: skew(0, -3deg) translateY(0px);
    -moz-transform: skew(0, -3deg) translateY(0px);
    -ms-transform: skew(0, -3deg) translateY(0px);
    transform: skew(0, -3deg) translateY(0px);
}


.ico1_wrap2{position:absolute;left:0;right:0;margin:0 auto;top:-63px;}
.ico1_wrap{display:table;width:126px;height:126px;margin:0 auto;border:2px solid #e95b1d;border-radius:50%;background:#fff;}
.ico1{display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%;}
.ico1 img{height:86px;width:auto;}

.c1{color:#EE8319;}
.c2{color:#666666;}

#topimage{
    position: relative;
}
#topimage:before {
    z-index: 1;
    content: "";
    position: absolute;
    left: 0;
    bottom: -10%;
    width: 100%;
    height: 20%;
    background: #ffffff;
    -webkit-transform: skew(0, -2deg) translateY(0px);
    -moz-transform: skew(0, -2deg) translateY(0px);
    -ms-transform: skew(0, -2deg) translateY(0px);
    transform: skew(0, -2deg) translateY(0px);
}

.main-visual {
   /* width: 100%;
    background-size: cover;
    text-align: center;
    position: relative;overflow:hidden;margin-bottom:30px;*/
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
  /*  pointer-events: none;*/
}
.main-visual .img_v {
    text-align: center;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    padding: 20px;
}
.catch{font-size:42px;color:#fff;}

/**/
.upper{margin-top:230px;}
.upper2{margin-top:-180px;}
.commenttit{font-weight: bold;
	margin-bottom: 17px;}
.comment{
    position: relative;
    line-height: 1.3;
    padding: 20px 10px;
    background: #f8f7f5;
    padding-left: 25px;border: 3px solid #ccc;
}

/**/

.siko_photo_group h4{color: #EE8319;text-align: left;
    margin-bottom: 20px;
    margin-top: 50px;
    border-left: 1px solid #ee8319;
    padding: 15px;
    padding-left: 25px;
}
.siko_photo_group h5 {
    color: #e95b1d;
    border-bottom: 1px solid #e95b1d;
    padding-bottom: 10px;
}

.post .container h2 span{
    font-size: 45px;
    margin-bottom: 38px;
    text-align: center;
    letter-spacing: 6px;
}
#toc_container{
    margin:2em auto;
}

/* 230731 */

.youtube-cm {
    width: 100%;
    /* max-width: 560px; */
    margin: 60px auto 30px;
    position: relative;
    padding-top: 56.25%;
}.youtube-cm iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* 230731 */

/* 230801 */

.shindan-banner{
  width: 100%;
  max-width: 1140px;
  background: #fff;
  margin: 0 auto 30px;
  position: relative;
  z-index: 10;
  transform: translateY(-50px);
  box-shadow: 0px -5px 15px rgb(0 0 0 / 28%);
}

/* 231102 staff */
.staff_wrap table td img {
    width: 100%;
}

/*
.staff_wrap table {
	border-collapse: separate;
	border-spacing: 5px;
}*/

td.staff_visual {
    width: 30%;
    background-size: cover;
	background-position: 50% 50%;
    padding: 15px;
    background-clip: content-box;
}

.staff_01 {
    background-image:url('../img/staff/staff01.jpg');
}

.staff_02 {
    background-image:url('../img/staff/staff02.jpg');
}

.staff_03 {
    background-image:url('../img/staff/staff03.jpg');
}

.staff_04 {
    background-image:url('../img/staff/staff04.jpg');
}

.staff_05 {
    background-image:url('../img/staff/staff05.jpg');
}
.staff_06 {
    background-image:url('../img/staff/staff06.jpg');
    height: 400px;
}
.staff_07 {
    background-image:url('../img/staff/staff07.jpg');
    height: 400px;
}
td.staff_name,
td.staff_line2{
    font-weight:bold;
}

td.staff_name,
td.staff_line2,
td.staff_line3{
	padding: 15px;
}

td.staff_line2 {
	width: 20%;
}


td.staff_line3 {
	width: 50%;
}

td.staff_line2 {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

td.staff_line3 {
    border-top: 1px solid #ccc;
	text-align: justify;
	word-break: break-all;
}

.staff_name {
	font-size: 120%;
}

.staff_name span.kana {
	font-size: 78%;
	padding-left: .5em;
}

#s6 table,
#s7 table{width:100%}

.main-content h1{    text-shadow: 0 0 3px #000;}
@media screen and (min-width: 1000px){
   
    #slide-top2 #firstview-container:before {
    content: '';
    position: absolute;
    z-index: 10;
    background: url(../img/taiyo-kun.png) no-repeat 100% 0%;
    background-size: 17%;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0;
}
    #slide-top2{/*height: 500px !important;*/}
    #slide-top2 .main-content {
    /*margin-top: 0!important;
    max-width: 55%;
    padding: 0 20px;*/
}
    #slide-top2 #firstview-container{    /*justify-content: flex-end!important;padding-bottom: 140px;*/}
        
}@media screen and (min-width: 1200px){
      /* ナビゲーション */
  header.head_menu_new #header_right2 nav {
    overflow: auto;
    position: fixed;
    top: 0;
    right: -70%;
    width: 70%;
    max-width: 320px;
    /*height: 100%;*/
    opacity: 0;
    z-index: 9999;
    /*background:rgba(255,255,255,0.9);*/
  }
  header.head_menu_new  #header_right2 nav ul {
    border-top: 1px solid #ccc;
  }
  header.head_menu_new  #header_right2 nav ul li {
    border-bottom: 1px solid #ccc;
    color: #000000;    width: auto;
    height: auto;
    padding: 0;
    float: none;
    position: relative;
    display: inherit;
    margin: auto;
    display: block;
  }
  header.head_menu_new  #header_right2 nav ul li a {
    position: relative;
    display: block;
    padding: 13px;
    text-decoration: none;
    line-height: 20px;
  }
  header.head_menu_new  #header_right2 nav ul li a:hover {background:#eee;}
  header.head_menu_new  #header_right2 nav ul li a:before {
    position: absolute;
    top: 50%;
    right: 1.5em;
    display: inline-block;
    content: "";
    width: 7px;
    height: 7px;
    margin-top: -4px;
    margin-right: -4px;
    vertical-align: middle;
    border-top: 3px solid #666666;
    border-right: 3px solid #666666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);    left: inherit;
    background: none;
  }

    
  #header_right2  ul#navi_ul {
    position: relative;
    height: auto;
    text-align: inherit;
    margin: 0 auto;
    padding: 0;
    z-index: 30;
    width: 100%;
    display: block;
}
    #navi2{float:right;display:table;    color: inherit;
    height: auto;
    /* overflow-x: hidden; */
    margin-top: 52px;
    overflow-y: hidden;
    background: #fff;}

    .head_menu_new #header_right{
    padding-right: 100px;
}
    
    /*PC専用ハンバーガー*/
      /* ナビゲーション：アクティブ時 */
header.head_menu_new.navOpen2 #header_right2 nav {
    opacity: 1;
    right: 0;
  }
header .navBtn2 {
    display: block;
    width: 96px;
    height: 96px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 30px;
    padding-top: 25px;
    padding-bottom: 16px;
    background: #000;
    box-sizing: border-box;
}

  header .navBtn2 span {
    z-index: 10;
    margin-top: 3px;
    display: block;
    height: 4px;
    width: 100%;
    background: #ffffff;
    border-radius: 2px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
header .navBtn2 span.menuB {
    background: none;
    width: auto;
    margin-top: 0px;
    border-radius: 0;
    display: block;
    position: absolute;
    height: auto;
    top: 50px;
    right: 25px;
    z-index: 15;
    color: #ffffff;
    font-size: 15px;
}
  header .navBtn2 span:nth-of-type(2), header .navBtn2 span:nth-of-type(3) {
    margin-top: 5px;
  }
  /* ナビゲーションアイコン：アクティブ */
  header.navOpen2 .navBtn2 span:nth-of-type(1) {
    -webkit-transform: translateY(9px) translateX(0) rotate(45deg);
    -ms-transform: translateY(9px) translateX(0) rotate(45deg);
    transform: translateY(9px) translateX(0) rotate(45deg);
  }
  header.navOpen2 .navBtn2 span:nth-of-type(2) {
    margin-top: 5px;
    opacity: 0;
    -webkit-transform: translateY(9px);
    -ms-transform: translateY(9px);
    transform: translateY(9px);
  }
  header.navOpen2 .navBtn2 span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
    transform: translateY(-9px) translateX(0) rotate(-45deg);
  }
    
}

  	/* お客様の声 一覧 */
    .voice-list {
    display: grid;
    gap: 10px; /* 各アイテムの間隔 */
    grid-template-columns: repeat(2, 1fr); /* デフォルト：スマホ2列 */
    padding: 0;
    margin: 0;
    }

    /* 各アイテム */
    .voice-item {
    list-style: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
    }

    .voice-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }

    /* PCサイズでは3列 */
    @media screen and (min-width: 1024px) {
        .voice-list {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .main-visual .googlereviews {
    position: absolute;
    z-index: 100;
    width: 430px;
    height: 60px;
    background-color: #0085fa;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    line-height: 1;
    }

    /* アイコン部分 */
    .main-visual .googlereviews .icon {
    position: relative;
    width: 100px;
    }
    .main-visual .googlereviews .icon .number {
    position: absolute;
    font-size: 0.6rem;
    font-weight: 700;
    color: #FFF;
    right: 7px;
    top: 3px;
    text-align: center;
    }

    /* 中央テキスト部分 */
    .main-visual .googlereviews > .contents {
    position: relative;
    text-align: center;
    line-height: 1.5;
    }
    .main-visual .googlereviews > .contents .title {
    font-size: 1rem;
    font-weight: 700;
    color: #FFF;
    }
    .main-visual .googlereviews > .contents .date {
    color: #FFF;
    font-weight: 500;
    font-size: 0.8rem;
    }

    /* 星部分 */
.main-visual .googlereviews .star {
    position: relative;
    width: 130px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap; /* 折り返し禁止 */
}
    .main-visual .googlereviews .star .score {
    font-weight: 500;
    font-size: 0.9rem;
    color: #FFF;
    }.googlereviews .star-wrap {
    position: relative;
    display: inline-block;
    font-size: 14px; /* サイズを小さく */
    line-height: 1;
    letter-spacing: 1px;
    white-space: nowrap; /* 折り返し禁止 */
}
.googlereviews .star-wrap .star-bg {
    color: #ddd;
    display: block;
    white-space: nowrap; /* 折り返し禁止 */
}
.googlereviews .star-wrap .star-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap; /* 折り返し禁止 */
    color: #f5a623;
}
/*  スマホ対応（横並びのまま・幅100%） */
@media screen and (max-width: 768px) {
    .main-visual .googlereviews {
        max-width: 330px;        height: 65px;
    }
    .main-visual .googlereviews .icon .number {
    font-size: 0.8rem;
    top: 2px;
    }

    .main-visual .googlereviews .star {
        width: 100px;
    }

    .main-visual .googlereviews > .contents .title {
        font-size: 1.3rem;
    }

    .main-visual .googlereviews > .contents .date {
        font-size: 1rem;
    }

    .main-visual .googlereviews .star {
        width: 130px;
    }

    .main-visual .googlereviews .star .score {
        font-size: 1.1rem;
    }

}

/* 施工実績タブ（施工事例ページの#catnavに合わせる） */
.work_tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 12px;list-style:none;padding:0;margin:0 0 40px;}
.work_tab{display:inline-block;padding:0 20px;background:#fff;font-size:17px;color:#e95b1d;line-height:32px;border:1px solid #e95b1d;border-radius:0;cursor:pointer;transition:all 0.5s;}
/* 枠線2px（内側の影で1px足して、サイズが変わってガタつかないようにする） */
.work_tab.is-active{background:#FFF9E2;}
.work_tab:hover{background:#FFF9E2;border-color:#ED6A18;box-shadow:inset 0 0 0 1px #ED6A18;}
/* クリック時にブラウザが付ける丸い枠（フォーカスリング）を消す */
.work_tab:focus{outline:none;}
.work_tab:focus-visible{outline:2px solid #ED6A18;outline-offset:2px;}
.work_panel{display:none;}
.work_panel.is-active{display:block;}
.work_empty{text-align:center;padding:60px 0;font-size:90%;line-height:180%;}
@media (max-width:767px){
  .work_tabs{gap:8px;margin-bottom:24px;}
  .work_tab{font-size:15px;padding:0 14px;}
}