/* Bootstrap風5カラム対応 */
.five-cols .col {
  flex: 0 0 20%;
  max-width: 20%;margin-bottom:20px;
}
@media (max-width: 991px) {
  .five-cols .col {
    flex: 0 0 30%;
    max-width: 30%;
  }
}

@media (max-width: 768px) {
  .five-cols .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 480px) {
  .five-cols .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	max-width:100%;
	height:auto;
}
/*リンク色*/
a{outline:none;color:#000000;-webkit-transition: all .3s;
    transition: all .3s}
a:link     {color:#000000; text-decoration:none; }
a:hover    { color:#666666; text-decoration: none!important;-webkit-transition: all .3s;
    transition: all .3s}
a:active   {color:#000000; text-decoration:none; }
/* CSS Document */
.bold {font-weight:400;}

.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;}
.mt100 {margin-top: 100px!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;}
.mb60 {margin-bottom: 60px!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;}
.pb60{padding-bottom:60px;}
.pt20 {padding-top:20px!important;}

.hr{border-top: 1px solid #ccc;}

/* fade */
.inview-fade,
ul.inview-fade li,
ol.inview-fade li,
dl.inview-fade dt,
dl.inview-fade dd {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate3d(0,0,0) scale(1.0);
  transform: translate3d(0,0,0) scale(1.0);
  opacity: 0;
}
.inviewed-fade,
ul.inviewed-fade li,
ol.inviewed-fade li,
dl.inviewed-fade dt,
dl.inviewed-fade dd {
  -webkit-transform: translate3d(0,0,0) scale(1.0);
  transform: translate3d(0,0,0) scale(1.0);
  opacity: 1;
}

/* zoom */
.inview-zoom,
.inviewed-zoom {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.inview-zoom .backimg,
.inviewed-zoom .backimg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center top;
}
.inview-zoom .backimg {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate3d(-50%, 0, 0) scale(1.15);
  transform: translate3d(-50%, 0, 0) scale(1.15);
  opacity: 0;
}
.inviewed-zoom .backimg {
  -webkit-transform: translate3d(-50%, 0, 0) scale(1.0);
  transform: translate3d(-50%, 0, 0) scale(1.0);
  opacity: 1;
}


/* up */
.inview-up,
ul.inview-up li,
ol.inview-up li,
dl.inview-up dt,
dl.inview-up dd {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate3d(0,20px,0) scale(1.0);
  transform: translate3d(0,20px,0) scale(1.0);
  opacity: 0;
}
.inviewed-up,
ul.inviewed-up li,
ol.inviewed-up li,
dl.inviewed-up dt,
dl.inviewed-up dd {
  -webkit-transform: translate3d(0,0,0) scale(1.0);
  transform: translate3d(0,0,0) scale(1.0);
  opacity: 1;
}

.zip21{    width: 100px;
    display: inline-block;}
.zip22{    width: 100px;
    display: inline-block;}
/**/
.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;
}

.blo1 figcaption p {

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

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

/*リンク色*/
a{-webkit-transition: all .3s;
    transition: all .3s}
/* CSS Document */

*{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0;
	list-style-type: none;
	font-size: 16px;
    @media (min-width: 1024px) and (max-width: 1280px) {
        font-size: 14px;
    }

}

.header .gnav__box a.betsu{position:relative;display:block;}
.header .gnav__box a.betsu:after{    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(../img/new/betsutab.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    vertical-align: middle;
    margin-left: 10px;}
#sub_contents3 a.betsu{position:relative;display:block;}
#sub_contents3 a.betsu:after{    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../img/new/betsutab.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;}
.sub_list_01 a.betsu{position:relative;display:block;}
.sub_list_01 a.betsu:after{    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../img/new/betsutab.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;}
.header .gnav__box h5 a{font-weight:bold;color:rgb(108, 117, 125)!important;}
.header .gnav__box h5.pt-5 a{padding-left:5px;font-size:15px;}
.header .gnav__box h5 a:hover{color:#008080!important;}
.header-categry{
    font-size: 16px;
    @media (min-width: 1024px){
        font-size: 15px;
    }
    @media (max-width: 768px){
        font-size: 14px;
    }
}
.header-categry-under{
    font-size: 14px;
    @media (max-width: 768px){
        font-size: 12px;
    }
}

a:link{
    @media (min-width: 768px) and (max-width: 1024px) {
        font-size: 12px;
    }
    @media (min-width: 1025px){
        font-size: 14px;
    }
}

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:16px;
font-family:"Noto Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴシック Pro",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-weight: 400;
position:relative;
width: 100%;
overflow-x:hidden!important;
line-height: 1.8;  word-break: break-all;
-webkit-text-size-adjust: 100%;
}

body main{font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴシック Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

#topimage{position:relative;position: relative;/*overflow:hidden;*/}

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

.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;-webkit-transition: all .3s;
    transition: all .3s
}
 
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

.nopc{display:none!important;}
.nopc2{display:none!important;}

/**/

#main_container.page-kitchen_hoshou {
    max-width: 960px;
    padding: 0 20px;
    width: 100%;
}

/*#main_container.page-sitemap,#main_container.page-kiyaku{    max-width: 960px;
    padding: 0 20px;
    width: 100%;}
*/
/**/
.footer{margin-top:60px;}

.foot{    background: #F1EADA;
    color: #444;
  /* padding: 100px 0 120px 0;*/
    padding: 40px 0 40px 0;
   /* margin-bottom: 40px;*/}
.foot_logo p{    color: #555;
    font-family: "Noto Sans JP";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;}
.add{text-align: center;
    color: #444;
    font-family: "Noto Sans JP";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;}

/* header */
header {
    /* padding-top: 12px; */
    position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
	z-index:1000;margin-bottom:0;padding-top:0!important;
}

header.card_lv03__header {
    margin-top: 1.25rem;
    position: relative;
    width: auto;
    top: auto;
    background: none;
    z-index: 0;
    margin-bottom: 0;
    padding-top: 0;
}

/**/
.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('../img/new/head_line.png') repeat-x 50% 0%;
	z-index:1000;
	width:100%;height:104px;padding-top: 15px;
}

#header:before {
	content: "";
	display: block;
	width: 100%;
}*/
#navi{text-align:center;}



.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;
}
.head_n .contact_box {
    padding: 10px 20px;
    margin-top: 0;
    padding-bottom: 10px;
    padding-top: 17px;padding-top: 14px;
}a.foot_tel {
    position: relative;
    font-size: 30px;
    line-height: 100%;
    color: #000000!important;
    padding-left: 20px;
}
a.foot_tel:before {content:'';
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/new/ico_tel.svg) no-repeat 0px 50%;
    background-size: 20px;
}

.con_r{position:relative;}
.con_r:before {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    left: -23px;
    width: 1px;
    height: 110%;
    background: #fff;
}

a.con_btn {
    background: #fff;
    color: #FC7C04!important;
    font-size: 14px;
    max-width: 210px;
    width: 100%;
    padding-left: 50px;
    position: relative;
    display: table;
}a.con_btn:before {content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/new/ico_mail.svg) no-repeat 16px 50%;
    background-size: 24px;
}

a.con_btn:hover{background:#eee;}


.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;text-align:left;}


#logo {padding-bottom: 22px;}
#logo a{display:block;}
#logo img {
    height: auto;
    width: 180px;
}
.v_bottom,.v_bottom2{display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;    -webkit-align-items: flex-end;align-items: flex-end;    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-align: stretch;}

.v_top{display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;    -webkit-align-items: flex-start;align-items: flex-start;    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-align: stretch;}


.top_text{margin-top:-10%;    z-index: 100;
    position: relative;}

.centerBox{
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;height: auto;}

.per50{width:50%;}


.top_icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 10%;
    z-index: 10;
    width: 335px;
    height: 212px;
}.top_icon img{max-width: 335px;
    height: auto;
    width: 100%;
}
#topimage_wrap{position:relative;margin-top:16px;}

#topimage{position:relative;/*background:#9fa0a0;*/
    position: relative;
}

/*#topimage:before{
    content: "";
    display: block;
    padding-top: 55%;}*/

#footer {
    /* padding-top: 60px; */
    background: #fff;
    color: #000;
    position: relative;
    margin-top: 100px;
}

.page-home .store{    background: #ecebe7;}
.page-home .drama-list__item{width:100%;}

.page-home #footer {margin-top:0;}
#footer img.footlogo {
    position: relative;
    width: 110px;
    height: auto;
    margin-bottom: 16px;
    margin-top: 4px;
}


#footer #pageTop_wrap img {
    position: relative;
    width: 40px;
    height: auto;
    margin-bottom: 0px;
    margin-top: 4px;
}

.f_logo img{width:200px;height:auto;}


.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;}

.gry1{position:relative;}
.gry1:before{content:'';background: #F6F6F6;
top:0;left:0;width:50%;height:100%;position:absolute;z-index:-1;}
/**/

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

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

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

/**/
#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/new/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 */
    @media (max-width: 1435px) {

#header .container {
    /* max-width: 1140px;
    width: 100%; */
    
        font-size: 10px;
    }

}
/*@media (min-width: 1250px) {*/
@media (min-width: 1280px) {
#headerTop {
    padding: 0px 20px;}
#header .container {
        font-size: 13px;
    padding: 0 20px!important;        padding-right: 0 !important;
    }
        .header .gnav__menu{/*margin-right: 14px!important;*/margin-right: 22px!important;}
        

}   /* @media (max-width: 1435px) {

#header .header__logo {
        width: 40%;

    }
}
    @media (max-width: 1435px) {

#header .gnav__aside__btn {
        width: 100%;
        font-size: 10px;
        padding: 7px 1px;
        text-align: center;
    }
}*/
/* btn */
/* @media (max-width: 1600px) { */
    @media (max-width: 6000px) {

#header .btn-contact {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        /*background-color: #212529;*/
        background-color: #fff;
        width: 120px;
       /*min-height: 44px;*/
       min-height: 30px;
        /*color: #fff;*/
        padding-bottom: 4px;
    font-size: 12px;
        border-radius: 12px;
    position:relative;
    }
        #header .btn-contact img{display:none;} 
        

}
  #header .btn-contact .btn-icon {      
      /*  margin-right: 10px;*/ 
        width: 15px;
        height: 15px;
          position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto 0;
  }

#header .btn-contact:hover{
    opacity: .5;
    /*color: #fff!important*/
}

    #header .gnav__aside__btn .btn-icon {      
        margin-right: 10px; 
        /* padding: none; */
        width: 15px;
        height: 15px;display:none;
  }
    @media (max-width: 1435px) {

#header .gnav__aside__btn[target=_blank]::after{
        width: 10px;
        margin-right: -6px;
    }
}
 .level-2{
    position: absolute;;
    top: 96px;
    left: 0px;
    width: 100%;background: #014C86;    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:400;}

/**/
.max-width{max-width:300px;margin:0 auto;}
.pg_support .page-home .info-list>li{    border-top: 1px solid #c5c5c5!important;}
.page-support .texttl {
    background: none;
    border-bottom: 2px solid #000;
}
.page-support .texttl h2,.page-support .texttl h3 {
    border-left: none;
    font-size: 178.5% !important;
    letter-spacing: 1px;
}

.support .top_list{display:none!important;}

/**/
.head_r li{display:inline-block;width:50%;text-align:center;padding: 0 10px;}

.top_unko{background:#f7f7f7;border-radius:20px;}

.top_unko > .flex{height:260px;}
.top_unko_l {
    width: 50%;
    position: relative;
    background: url(../img/new/busimg.jpg) no-repeat 0% 50%;
    height: 100%;
    border-radius: 20px 0px 0 20px;background-size:cover;
}
.top_unko_l img{border-radius:50%;}



.top_unko_l2{
	background: url(../img/new/train.jpg) no-repeat 70% 70%;
}

.top_unko_r{padding: 15px 20px;padding-bottom:0;width:50%;}

.u_free_r{width:calc(100% - 74px);}

.u_free_r p span{font-size:15px;}

.today_unko{color:#1586c3;font-size:22px;text-align:center;}

.fo15{font-size:15px;}

.recruit_box a{background:#b4a66d;border:1px solid #b4a66d;color:#070d29!important;
	max-width:530px;width:100%;padding:8px 0; display: block;
    margin: 0 auto;line-height: 32px;}

.recruit_box a:hover{color:#b4a66d!important;border:1px solid #b4a66d;background:none;}

.step{width:100%;display:table;margin-bottom:40px;}
.step li{display:table-cell;text-align:center;vertical-align:middle;}

.w28{width:28%;    background: #faf08e;padding: 10px 5px;font-weight:bold;border-radius: 10px;}
.w8{width:8%;font-size:14px;}
.w8 .yaku1{width:100%;background:#eee;}
.fc-toolbar h2 {
    margin: 0;
    color: #000;
}


ol.num01 {
    text-align: left;
    padding: 0;
    margin: 30px 0 30px 30px;
}
ol.num01 > li{
	padding:0;
	margin:5px 0 5px 0;
	list-style:none;
}
ol.num01 > li:nth-child(1):before{content:"① "; margin-left:-18px;}
ol.num01 > li:nth-child(2):before{content:"② "; margin-left:-18px;}
ol.num01 > li:nth-child(3):before{content:"③ "; margin-left:-18px;}
ol.num01 > li:nth-child(4):before{content:"④ "; margin-left:-18px;}

.imap{height:300px;}
.timetable1{border:2px solid #ccc;}

.table.timetable1 td{width:50%!important;text-align:center;}
.table.timetable1 th{text-align:center;}

.table.timetable1 td:first-child{border-right:1px solid #ccc;}

.timetable2{border:2px solid #ccc;}
.table.timetable2 th{text-align:center;width:33.3%!important;    border: 1px solid #ccc;}
.table.timetable2 td{border: 1px solid #ccc;text-align:center;}
.table.timetable2 td{width:33.3%!important;}


.time1_1{font-weight:bold;}

.kiteibox{padding: 20px;
    background: #fafafa;
    margin-bottom: 50px;
    border-radius: 20px;margin-top:20px;
}
.kiteibox h6{margin-bottom:20px;}

.sea_midashi p{font-size:18px;font-weight:bold;}

/**/
h3 {
    text-align: center;
    padding-bottom: 14px;
    margin-bottom: 30px;
}

/**/
#main{/*padding:30px 0;*/padding-bottom:0;overflow:hidden;}

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


.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;line-height:1;}
.contact_btn{    background: url(../img/new/mail_icon.png) no-repeat 20% 50%;
    padding-left: 70px;}
.tel_btn{background:url('../img/new/tel_icon.png') no-repeat 20% 50%;padding-left: 70px;font-size:24px;}
.contact_btn:hover{background:rgba(255,255,255,0.2) url(../img/new/mail_icon.png) no-repeat 20% 50%;}

/**/
#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%);
}

/**/
 .pri_wrap ol {
    margin: 20px 0 0 30px;
}
 .pri_wrap{
    background: #fff;
    padding: 30px;
    border: 1px solid #e8e8e8;
}

.pri_wrap li{   list-style: outside decimal;
    font-size: 0.95em;
    line-height: 140%;
margin: 10px 0 0 0;}


@media screen and (min-width: 800px){

}



h3 {
    font-size: 1.5em;
    font-weight:400;
    margin-bottom: 20px;
    position: relative;
}
	  


h4{font-size:24px;margin-bottom:16px;}
h5{font-size:18px;margin-bottom:16px;}

	  


h4{font-size:24px;margin-bottom:16px;}
h5{font-size:18px;margin-bottom:16px;}

.noi img {
    width: 100%;
    height: auto;
}

.more {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border: 1px solid #17a2a4;
    color: #17a2a4!important;
    border-radius: 30px;
    line-height: 65px;
    padding-bottom: 0px;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 400;
    box-sizing: border-box;
    font-weight: bold;
    width: 100%;
    width: 363px;
    padding: 0px 0;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.more:after {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    right: 20px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #17a2a4;
    border-right: 1px solid #17a2a4;
    -webkit-transform: rotate( 
45deg
 );
    transform: rotate( 
45deg
 );
}

.more:hover {background:#17a2a4;color:#fff!important;
	text-decoration:none;
}

.more3 {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border: 1px solid #17a2a4;
    color: #17a2a4!important;
    border-radius: 30px;
    line-height: 65px;
    padding-bottom: 0px;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    font-weight: bold;
    width: 100%;
    width: 280px;
    padding: 0px 0;
    display: block;
    text-align: center;
}
.more3 span{font-size:12px;}
a.more3:hover {background:#17a2a4;color:#fff!important;
	text-decoration:none;
}

.maintop h2{background-size: auto auto;
background-color: rgba(23, 164, 130, 0.96);
background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(23, 162, 164, 1) 20px, rgba(23, 162, 164, 1) 40px );
    border-radius: 30px 30px 0 0;
    font-weight: bold;
    padding: 10px;
    padding-left: 40px;}


.snsbox{background: #f7f7f7;
    padding: 20px;
    text-align: center;}


.sidebarbox_wrap{width:304px;}


.tel_wrap{display:inline-block;}

.more2{border:1px solid #17a2a4;color:#17a2a4!important;border-radius:30px;line-height:30px;
    padding-bottom: 0px;
    position: relative;margin:0 auto;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    box-sizing: border-box;
    font-weight: bold;
    width: 100%;
    width: 158px;
    padding: 0px 0;
    display: block;
    text-align: center;
margin-bottom:20px;
}

.more2:hover{color:#fff!important;background:#17a2a4!important;}

.more2:after {
position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    right: 10px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #17a2a4;
    border-right: 1px solid #17a2a4;
    -webkit-transform: rotate( 
45deg
 );
    transform: rotate( 
45deg
 );
}
.more2:after:hover {
    border-top: 1px solid #17a2a4;
    border-right: 1px solid #17a2a4;
}




.more4 {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border: 1px solid #17a2a4;
    color: #17a2a4!important;
    border-radius: 30px;
    line-height: 65px;
    padding-bottom: 0px;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 400;
    box-sizing: border-box;
    font-weight: bold;
    width: 100%;
    max-width: 523px;
    padding: 0px 0;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.more4:after {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    right: 20px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #17a2a4;
    border-right: 1px solid #17a2a4;
    -webkit-transform: rotate( 
45deg
 );
    transform: rotate( 
45deg
 );
}

.more4:hover {background:#17a2a4;color:#fff!important;
	text-decoration:none;
}


.wood_ul .more2 {
    line-height: 40px;
    padding-bottom: 0px;
    position: relative;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
    font-weight: bold;
    background: #000000;
    color: #fff!important;
    width: 100%;
    width: 220px;
    padding: 0px 0;
    display: block;
    text-align: center;
}

.top_bana1_wrap .button{color: #FFF;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
font-size: 15px;
font-weight: 900;
line-height: normal;    display: block;
    line-height: 230%;margin-top:20px;}

.top_bana1_wrap .button.btn_red01{width: 256px;
border-radius: 100px;
background: #FF4D00;}
.top_bana1_wrap .button.btn_green01{width: 256px;
border-radius: 100px;border-radius: 100px;
background: #009D90;}

.top_bana1_wrap .button:hover{background:#666;}

.top_bana1 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    font-size: 36px;
    font-style: normal;
    color: #fff;
    font-weight: 900;
    line-height: 42px;
    background: url(../img/new/top_banner01.jpg) no-repeat 50% 50%;
    background-size: cover;
    /* height: 200px; */
    width: 100%;
    padding: 40px 20px;
    /* padding-top: 28%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.top_bana2{    background: url(../img/new/top_banner02.jpg) no-repeat 50% 50%;
    background-size: cover;}

.top_bana3{    background: url(../img/new/cafe_slider_sp.webp) no-repeat 50% 50%;
    background-size: cover;}
.top_bana1 p {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    font-family: "Noto Sans JP";
    font-size: 26px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.2;    margin-bottom: 3px;
}
/**/
.page-support .top_bana1 p{font-size:20px; }

.page-support .top_bana1{   background: url(../img/new/support/24B_sub01_floor.jpg) no-repeat 50% 50%;
    background-size: cover;padding:5%;position:relative;align-items: flex-start;
}

.page-support .top_bana1:before{    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;}

.page-support .top_bana1 p{positoin:relative;z-index:2;}
.page-support .top_bana2{    background: url(../img/new/support/_5BX3153.jpg) no-repeat 50% 50%;
    background-size: cover;}


.page-support .top_bana1 span{    display: block;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    font-family: "Noto Sans JP";
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 42px;}
.page-support .top_bana1_wrap:before {
bottom: 0;top:auto;
    left: 0;
    right: 0;
    height: 50%;
    position: absolute;
    z-index: -1;
    margin: 0 calc(50% - 50vw);
    background: #F1EADA;
    width: 100vw;
    content: '';
}
.page-support .top_bana1_wrap {
    position: relative;
    padding-top: 20px;
    padding-bottom: 80px;
}
.page-support .top_bana1_wrap .button:hover{color:#fff!important;}

.page-support .line_contant{padding-top:20px;}


.page-support .hoho{position:relative;padding:40px 0;}
.page-support .hoho:before {
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    margin: 0 calc(50% - 50vw);
    background: #F1EADA;
    width: 100vw;
    content: '';
}
.page-support .hoho .more1:hover{    background: #444}
.page-support .hoho a:hover .more1{background:#666;}

#kounyu01{padding:30px 0;}

/**/
.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%;text-align: left;}
.post img{max-width:100%;height:auto;text-align:center;margin-bottom:20px;margin-top: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:400;}
#news li a:hover{color:#cccccc!important;}


.hover-parent {width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
#mw_news .hover-parent,.img_wrap .hover-parent{
border: 1px solid #cecece;}

.bus_wrap{max-width:400px;margin:0 auto;display:table;margin-top:30px;margin-bottom:20px;}

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}

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

/*.img_wrap{border: 1px solid #000;}*/

span.noi{display:block;}

/*
.foot .container {  padding: 0 50px;width: 100%;
}*/
.copy_wrap{background:#F1EADA;}
.foot_link1 {
    display: block;
    margin: 0 auto;
    padding: 20px 0;
}
.foot_link1 ul {
    display: flex;
    justify-content: center;
    align-content: center;
}.foot_link1 li{display:inline-block;    margin: 0 10px;}
.foot_link1 li a{display:block;margin:0 auto;position:relative;}
.foot_link1 li a:before{content:'';background:url(../img/new/ico_link1.svg) no-repeat 0% 50%;width:14px;height:14px;padding-left:20px;background-size:14px;}

.foot_link1{display:block;margin:0 auto;}


.foot ul{text-align:center;}
.foot_sitemap li{display:block;}
.foot_sitemap .col-md-3{margin-bottom:20px;}
.foot_sitemap li a{position:relative;padding-left:20px;}
.foot_sitemap li a:before {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    left: 3px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.foot ul{margin-bottom:20px;}

.flex-reverse{flex-direction: row-reverse;}

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

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

.foot .unei_company li{margin-bottom:16px;}
.foot a:hover{  }

.footinfo{padding-bottom: 40px;}

.copy {
    font-size: 11px;
    text-align: center;
    margin-top: 0px;
    padding-top: 33px;    padding-bottom: 20px;
}

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

.img {
    transform: translateX(0%);
}

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

@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;
}
}
/**/

/**/

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

.tel_wrap .teltime{font-size:15px;font-weight:400;display:block;color:#000;padding-left: 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 #000000;
    border-radius:0px;
    padding:6px 9px;
    margin:0 2px;
    text-decoration: none;
    color:#000000;line-height: 140%;}
 
.pagination1 .current{
    background-color: #000000;
    border: solid 1px #000000;
    color:#FFFFFF;line-height: 140%;}
 
 .pagination1 a:hover{
    color: #ffffff!important;
    border: solid 1px #000000;
    background-color: #000000;}

/*下層*/
.submenu {
    display: none;
}
.breadcrumbs{padding:10px;text-align:left;padding-top: 10px;
    line-height: 170%;}
/*.breadcrumbs a{color:#014C86!important;}*/
.breadcrumbs a:hover{text-decoration:underline;}
.breadcrumbs .container span {
    font-size: 13px;    line-height: 160%;
}
/*.kaso_tit_wrap3{position:relative;}
.kaso_tit_wrap3:before {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    position: absolute;
    z-index: 11;
    margin: 0 calc(50% - 50vw);
    background: #fff;
    width: 100vw;
    content: '';
}*/
.posi_rela_kaso{background: url(../img/new/topimage.jpg);    padding: 70px 0;}
#main_head h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    padding-top: 20px;
}.kaso_tit h2{color:#fff;}
/*
.kasopage h3 {
    position: relative;
    padding: 0.85em 0.85em;
    background: #444444;
    color: #ffffff;
    text-align: left;
}
.kasopage h3:before {
  content: " ";
  position: absolute;
  top: -16px;
  left: 0;
  /*width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
        width: 100%;
  height: 0;
  border: solid 8px transparent;
  border-bottom-color: #222222;
}*/

.kasopage h3 {background: #F1EADA;
    background: #efefef;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    padding-left: 30px;    font-weight: bold;
}
.kasopage h3:before{content:'';position:absolute;z-index:2;width:7px;top:0;left:0;background:#FF4D00;height:50%;}
.kasopage h3:after{content:'';position:absolute;z-index:1;width:7px;bottom:0;left:0;background:#009E91;height:100%;}

.kasopage h4{padding-bottom:16px;border-bottom:4px solid #009E91;color:#009E91;font-weight:bold;}





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

.kaso_back h2 {
    line-height: 100%;
    font-weight: 700;
    position: relative;
    z-index: 12;
    margin-bottom: 0;
    font-size: 30px;
    letter-spacing: 1px;
    padding: 36px 10px;
    text-align: center;
    color: #0e5287;
    background: rgb(255 255 255 / 80%);
    max-width: 600px;
    border-radius: 10px;
}

.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 rgba(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:400;
background: url(../img/new/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(../img/new/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: #f59900;    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"]{
  -webkit-transition: all .3s;
  transition: all .3s;
font-family:"Noto Sans Japanese","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	position:relative;  z-index: 2;
  overflow: hidden;
    overflow: hidden;
    border: 1px solid #17a2a4;
    color: #17a2a4!important;
    border-radius: 30px;
    line-height: 65px;
    padding-bottom: 0px;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 400;
    box-sizing: border-box;
    font-weight: bold;
    width: 100%;
    width: 363px;
    padding: 0px 0;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
input[type="button"].wpcf7c-btn-back{background:#ccc;    border: 2px solid #ccc;
}



input[type="submit"]:hover,input[type="button"]:hover{background:#17a2a4;color:#fff!important;	text-decoration:none;}



::placeholder{
  color:#ccc
}

#searchform{width:230px;background: #ebebeb;
    padding: 8px 10px;
    border-radius: 40px;height:47px;}

#searchform input[type="text"]{max-width:184px;}

#searchform input[type=submit] {
    width: 30px;
    height: 30px;
	background:url(../cmn/mushimegane.svg) center/20px no-repeat;
    border: none;
    cursor: pointer;padding:0;margin:0;line-height:32px;display:inline-block;
}
#searchform input[type=submit]:hover {
    width: 30px;
    height: 30px;
	    background:url(../cmn/mushimegane.svg) center/20px no-repeat!important;
    border: none;
    cursor: pointer;padding:0;margin:0;line-height:32px;display:inline-block;
}

#searchform input[type="text"] {
    background: inherit;
    padding: 3px;
    font-size: 16px;
    border: none;
    line-height: 140%;
    width: calc(100% - 30px);
}

.table_contact_wrap{max-width:900px;margin:0 auto;}
.table_contact th {
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;border-right:none;border-left:none;
    position: relative;background: #eee;
    text-align: left;padding-right:60px;

}

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

.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%;
}

.whiteback {
    background: #fff;
    padding: 30px;
    border: 2px solid #e8e8e8;
    border-radius: 20px;
}

.whiteback.post a{color:#007bff!important;}
.whiteback.post a:hover{color:#007bff!important;text-decoration:underline;}

h3.tit_h3{border-bottom: 2px solid #17a2a4;
    padding: 10px;
    padding-top: 0;text-align:left;line-height: 140%;    padding-left: 23px;}
h3.tit_h3:before{content:'';width:5px;position:absolute;z-index:10;top:0;bottom:0;height:90%;background:#17a2a4;left:0;}


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

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

/* --------------------------------
 * CONTACT
 * -------------------------------- */

.contact_box{box-sizing:border-box;background: #E5E0D5;max-width:620px;width:100%;
    color: #000;
    padding: 20px 36px;margin:0 auto;
    margin-top: 10px;
    margin-bottom: 10px;}

.contact_box h4{    font-size: 17px;    margin-bottom: 10px;}


#contact_box table{width:100%;}
#contact_box tr{border-top: 1px solid #dfe6ea;}
#contact_box th{font-size:17px;font-weight:400;margin-bottom:10px;padding:10px 0;width:30%;}

#contact_box td{width:70%;padding:16px 0;}
.emphasis{position:absolute;z-index:10;top:0;bottom:0;margin:auto 0;
	font-size:14px;color:#fff;background:#000000;width:48px;height:28px;line-height:24px;display:inline-block;text-align:center;right:14px;
-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
}
input[type="text"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], input[type="date"], input[type="tel"], textarea {
    background: #ffffff;
    padding: 6px;
    font-size: 16px;
    border: 1px solid #dce0e0;
}

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

.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: 210px;
    width: 100%;
    line-height: 36px;
    padding-bottom: 3px;
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 14px;
    color: #fff!important;
    letter-spacing: 1px;
}
#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: #014C86;
    border-radius: 10px;
	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:#216fa3!important;
}

.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: #014C86;
}

.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: #014C86;
  border-radius: 50%;
}

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


.pg_stories .container_wrap{overflow:hidden;}


.flex-reverse{  -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;}
/*@media (min-width: 1250px){*/
@media (min-width: 1280px){
.container {
	width: 1210px;max-width: 100%;}
   #header .container {padding: 0 30px;        width: auto;}
}
.wbox01{background:#fff;padding:30px;border-radius:30px;}

#header_right{position:relative;}

#header_right:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    margin: 0 calc(50% - 55vw);
    border-top: 1px solid #444;
    background: #fff;
    height: 100%;
    width: 110vw;
}
#header_right:after{content:'';position:absolute;bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    margin: 0 calc(50% - 55vw);
    background: #444;height:1px;
    width: 110vw;}

#topimage{
    position: relative;
}
.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%;
    left: 40%;
    transform: translate(-40%, -50%);
    padding: 20px;
}

h2 {
    color: #444;
    display: block;
    position: relative;
    font-size:32px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.newsbox{border-radius: 30px;
    background: #F5F5F5;
    padding: 60px;    padding-bottom: 20px;
  /*  display: flex;
    justify-content: flex-start;
    align-items: flex-start;*/}

.page-home h2{text-align:left;}

.page-home .media-list__author{display:none;}


#information_box{    background: #fff;
    border-radius: 50px;
    padding: 30px;}

#information_box h2 {
    color: #444;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    display: table;
    /*padding-left: 84px;*/position:relative;
     font-size: 50px;    margin-bottom: 20px;
}
/*#information_box h2:before {
    content: '';
    background: url(../img/new/ico_bikkuri.svg) no-repeat;
    background-size: 57px;
    position: absolute;
    width: 57px;
    height: 95px;
    top: 0px;
    bottom: 0;
    margin: auto 0;
    left: 0;
}*/
.information_box_wrap{    background: #F1EADA;    padding-top: 98px;}

.information_box_wrap + .top_bana1_wrap{padding-top:50px;}


#information_box h2 span {
    color: #FF4D00;
    text-align: center;
    font-family: "Zen Kaku Gothic New";
   /* font-size: clamp(1.75rem, 1.568rem + 0.91vw, 2.25rem);*/
    font-size:20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    display: block;
    margin: 0 auto;
}


h2 span.txt_mini{font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;margin-left:20px;}



.page-home h2 span.tit {font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
    position:relative;
}




#news h2{text-align:left;padding-top:20px;    min-width: 110px;}
/*#news h2 span.tit:before{width:82px;content:'';height:2px;left:0;top:0;background:#444;position:absolute; }*/

.top_block{padding-bottom:80px;}
.p_in{    padding-top: 40px;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;}

.more1 {
    background: #444;
    color: #fff;
    line-height: 44px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin: 0 auto;
    display: table;
    position: relative;
    color: #fff !important;
    max-width: 288px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
    margin-top: 24px;
	border-radius:30px;
}
.more1:hover{background:#666;}

.time{font-size: 12px;}


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

.ser1 figcaption{margin-top:10px;}

.cate_link{padding:17px 30px;background:#fff;display:block;margin-bottom:10px;border:1px solid #fff;height:100%;}
.cate_link .flex{height:100%;}

.cate_link h4,.cate_link p{-webkit-transition: all .3s;
	transition: all .3s;}
.cate_link:hover h4,.cate_link:hover p{color:#666!important;}
.cate_link:hover{border:1px solid #000;}

#news figure{
    background: #251E1C;}
#news .more_txt1_wrap a{display:flex;}
.more_txt1:after {
    position: absolute;
    top: 44%;
    right: 0.6em;
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    margin-top: -4px;
    margin-right: -4px;
    vertical-align: middle;
    border-top: 2px solid #666666;
    border-right: 2px solid #666666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.more_txt1 {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-right: 40px;
}
/*.slick-disabled{display:none!important;}*/

/**/
.table th{
width: 30%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-right: none;
    border-left: none;
    position: relative;
    background: #eee;
    text-align: left;}

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

.img_sns{position:relative;    padding-bottom: 50px;}

.sns_icon_wrap{position:absolute;z-index:10;bottom:0;right:0;}
.sns_icon_wrap div{padding:0 4px;}


table a{text-decoration:underline!important;}

.syutten img{border-radius:10px;}

.border1{padding:10px 20px;border-bottom:1px solid #ccc;}

/**/
.slidework{margin-bottom:60px;}

#asociate_producer .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;
}
.page-home .topics-list .slick-next{margin-top:5px;}
.page-home .topics-list .slick-prev{margin-top:5px;}
.topics-wrap{position:relative;}
.page-home .topics-controller {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 6px;
    margin-left: 130px;
}

#asociate_producer .slick-prev::before {background-image:none;
    content: url(../img/new/slide_arrow.svg) !important;
}

#asociate_producer .slick-next::before {background-image:none;
    content: url(../img/new/slide_arrow2.svg) !important;
}
#asociate_producer .slick-prev{left:-8%;}
#asociate_producer .slick-next{right:-8%;}
#asociate_producer .slick-prev,
#asociate_producer .slick-next {
    width: 62px !important;
    height: 125px !important;
	z-index:10; top:40%;
}#asociate_producer .slick-next::before,#asociate_producer  .slick-prev::before{ width: 62px !important;
    height: 125px !important;}

.nav-next {
    float: right;
}

.iframe_map{height:300px;margin-bottom:10px;}
.iframe_map iframe{height:300px;width:100%;}

.wood_ul li{padding-bottom:20px;border-bottom:1px solid #ccc;}

/*side*/
.time1{font-size:12px;}

.indent{padding-left:1em;
text-indent:-1em;}

.hosoku{font-size:11px;}
.hosoku2{color:#d30225;font-size:11px;}

/**/

.wpcf7cp-btns .wpcf7cp-cfm-edit-btn,
.wpcf7cp-btns .wpcf7cp-cfm-submit-btn,
input[type="submit"],input[type="button"]{
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 26px;
    max-width: 314px;
    width: 100%;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    display: block;
    /* background-size: 8px; */
    margin-top: 10px;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    letter-spacing: 2px;
    z-index: 2;

	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
font-family:"Noto Sans JP", sans-serif;
}
.wpcf7cp-btns .wpcf7cp-cfm-submit-btn{
    border-radius: 30px;border: 1px solid #17a2a4;
    color: #17a2a4!important;
}
.wpcf7cp-cfm-submit-btn:hover,.wpcf7c-btn-backwpcf7c-btn-back:hover{background:#17a2a4;color:#fff!important;}

input[type="button"].wpcf7c-btn-back{background:#fff;color:#ccc!important;cursor: pointer;   }

input.wpcf7c-conf, textarea.wpcf7c-conf {
    background: #eee !important;
    border: solid 1px #eee;
    color: #666;
}

.wpcf7cp-btns .wpcf7cp-cfm-edit-btn{background:#eee;  border-radius: 30px;  }

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

}

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

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

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

#wpcf7cpcnf table tbody,
#wpcf7cpcnf table tr,
.table_contact tbody,
.table_contact tr {
    width: 100%;
}
.ir_flex,.recruit_flex{display:flex;}

.ir_flex .more1{background:#fff;color:#444!important}
.recruit_flex .more1{background:#fff;color:#444!important}
.recruit_r {
    background: #444;
    color: #fff;
    padding: 60px 60px;
    width: 40%;
}
.recruit_r_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    height: 100%;
}
.recruit_img{width:60%;}
.recruit_img img{width:100%;height:100%;object-fit:cover;}

.ir_l{background: #444;
    color: #fff;
    padding: 40px;
    width: 40%;
}
.ir_l_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    height: 100%;
}
.ir_img{width:60%;}
.ir_img img{width:100%;height:100%;object-fit:cover;}
.w33{width:32%;}

.dd-flex{display:flex;    justify-content: space-between;margin-top:28px;}

.w33 img{width:100%;height:230px;object-fit:cover;}
#sns_guideline .container{padding-bottom:100px;}


.backimg{padding:14% 0;position:relative; z-index: -1;/*margin: 100px 0;*/margin-top:0;}
#top_company{padding-top:100px;}
.inner{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   clip-path: inset(0);
}
.bg{
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-image: url('../img/new/company_back.jpg');
   background-size: cover;
   background-position: center;
   z-index: -1;
}
#about{padding-top:150px;}

.img_handing01 {height:430px;}
.img_handing01 img{height:100%;width:100%;object-fit:cover;}
.img_concept01 {height:430px;}
.img_concept01 img{height:100%;width:100%;object-fit:cover;}
.img_story01 {height:430px;}
.img_story01 img{height:100%;width:100%;object-fit:cover;
    object-position: 50% 70%;}
/**/
.histryList01{position:relative;}
.histryList01 dl {
    display: table;
    width: 100%;
    position: relative;
    /* padding-bottom: 18px; */
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    /* margin-left: 40px; */
}.histryList01 dt {
    display: table-cell;
    vertical-align: top;
    width: calc(16% - 60px)!important;
    min-width: 170px;
    position: relative;
    padding-left: 60px;
}.histryList01 dd{display:table-cell;vertical-align:top;    width: calc(84% - 20px) !important;}
.histryList01 dt::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 24px;
    top: 11px;
    background: #009E91;
}
/*.histryList01 dl::before {
    background: #009E91;
    content: "";
    height: 100%;
    height: 100%;
    width: 1px;
    position: absolute;
    left: 28px;
    top: 15px;
}*/
.histryList01 dl:last-child::before{content:none;}

/**/
.newslist_cale dl {
    display: table;
    width: 100%;
    position: relative;
    /* padding-bottom: 18px; */
    margin-bottom: 30px;
}.newslist_cale dt {
    display: table-cell;
    vertical-align: top;
    width: calc(16% - 60px);
    min-width: 170px;
    position: relative;
    padding-left: 60px;
}
.newslist_cale dl::before {
    background: #009E91;
    content: "";
    width: 6px;
    position: absolute;
    left: 0px;top:0;height:100%;
}
.newslist_cale dd{display:table-cell;vertical-align:top;width:84%;}

.tax-list .newslist a{display:table;position:relative;    padding-left: 40px;}
.tax-list .newslist a:before{content:'';position:absolute;background:url(../img/new/ico_pdf.svg);background-size:30px;width:30px;height:30px;z-index:10;left:0;top:0;bottom:0;margin:auto 0;}

.main_l1 .newslist a{display:table;position:relative;    padding-left: 40px;}
.main_l1 .newslist a:before{content:'';position:absolute;background:url(../img/new/ico_pdf.svg);background-size:30px;width:30px;height:30px;z-index:10;left:0;top:0;bottom:0;margin:auto 0;}



#news ul{width:100%;/*border-top: 1px solid #cbcdd3;*/}
.news_in {
    max-width: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 30px;
    background: #F5F5F5;
    /* padding: 0px 20px; */
  /*  padding-left: 60px;*/
    z-index: 2;
    position: relative;
}


.news_in li:nth-child(1) { -webkit-transition-delay: .3s; transition-delay: .3s; }
.news_in li:nth-child(2) { -webkit-transition-delay: .6s; transition-delay: .6; }
.news_in li:nth-child(3) { -webkit-transition-delay: .9s; transition-delay: .9s; }
.news_in li:nth-child(4) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
.time1{font-size:14px;display: inline-block;    margin-left: 16px;}
.title1 {
    margin-top: 7px;
    display: block;font-size: 20px;
}
.news_in  a:hover h4.new_tit{color:#009D90;}

.news_in  a:hover h4.new_tit span{}

.news_text{padding: 14px 26px;    padding-right: 70px;padding-top:0;
    padding-bottom: 2px;position:relative;/*border-bottom:1px solid #cbcdd3;*/}
.news_text:after{content:'';background:url(../img/new/arrow.svg) no-repeat 50% 50%;background-size:34px;position:absolute;top:0;bottom:0;margin:auto 0;right:0;height: 30px;width:34px;height:34px;
}

.news_in ul li{border-bottom:1px solid #cbcdd3;padding-top:14px;padding-bottom:14px;}
.news_in  ul li:last-child{border-bottom:none;}

.news_in li a{    display: flex;display:table;
    justify-content: flex-start;
    align-content: space-around;
    align-items: flex-start;width:100%;}
.news_text{width:80%;display:table-cell;    vertical-align: top;}
.img_wrap{width:20%;display:table-cell;    vertical-align: top;}

.news_text p{
font-size: 14px;
font-weight: 400;
line-height: normal;
}
.category_1{background: #333;
    padding: 6px 30px;    line-height: 22px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    width: 132px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;border-radius:0;}
.category_2{background: #387AB7;
}.category_3{background: #3AA3C1;
}.category_4{background: #5BBBAF;
}
.btn_support {
    background: #FF4D00;
    position: fixed;
    z-index: 10;
    bottom: 0;
    right: 5%;
    padding: 0 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 188px;
    border-radius: 30px 30px 0px 0px;
    color: #fff;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    align-content: center;
    flex-direction: column;
}
.btn_support:hover{background: #ffa882;}
.btn_support p{color: #FFF;
text-align: center;
font-family: "Noto Sans JP";
font-size: 16px;
font-style: normal;
font-weight: 900;
line-height: normal;margin-bottom:0;}
.topimg_wrap{position:relative;padding-bottom: 0px;}
.top_bana1_wrap{position:relative;    padding-top: 100px;padding-bottom: 80px;}
.top_bana1_wrap:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 50%;
    background: #F1EADA;
    top: 0;
    left: 0;
}
.ico_support {
    background: url(../img/new/ico_support.svg) no-repeat 50% 0%;
    background-size: 36px;
    width: 32px;
    height: 32px;
}


#woodone_select {
    background: #F1EADA;
    position: relative;
    margin-top: 10vh;
    padding-bottom: 20vh;
}
#woodone_select .container{position:relative;z-index:1;}
#woodone_select:before {
    content: '';
    position: absolute;
    z-index: -2;
    border-radius: 50%;
    top: -10vh;
    left: 0;
    width: 100%;
    padding-top: 20vh;
    background: #F1EADA;
}
#woodone_select:after {
    content: '';
    position: absolute;
    background: url(../img/new/ico_sen.svg) no-repeat 50% 0%;
   background-size: 100%;
    top: -10vw;
    right: 0;
    width: 30vw;
    padding-top: 100%;
    z-index: 0;
}

#catalog:before{
    content: '';
    position: absolute;
    background: url(../img/new/ico_doku.svg) no-repeat 50% 0%;
   background-size: 100%;
    top: -10vw;
    right: 0;
    width: 30vw;
    padding-top: 100%;
    z-index: 0;
}

#product{   background: #F1EADA;
    position: relative;
    margin-top: 10vh;    z-index: 0;
  padding-bottom:40vh;}
#product:before {
    content: '';
    position: absolute;
    z-index: -2;
    border-radius: 50%;
    top: -10vh;
    left: 0;
    width: 100%;
    padding-top: 20vh;
    background: #F1EADA;
}

#product:after{
    content: '';
    position: absolute;
    background: url(../img/new/ico_sei.svg) no-repeat 50% 0%;
    background-size: 100%;
    top: -10vw;
    right: 0;
    width: 30vw;
    padding-top: 100%;
    /*z-index: 0;*/
    z-index: -1;
}

#catalog:after{
    content: '';
    position: absolute;
    background: url(../img/new/ico_doku.svg) no-repeat 50% 0%;
   background-size: 100%;
    top: -10vw;
    right: 0;
    width: 30vw;
    padding-top: 100%;
    z-index: 0;
}

#catalog:before{
    content: '';
    position: absolute;
    background: url(../img/new/ico_doku.svg) no-repeat 50% 0%;
background-size: 100%;
    top: -10vw;
    right: 0;
    width: 30vw;
    padding-top: 100%;
    z-index: 0;
}

#catalog .container{position:relative;z-index:1;}

#news{    margin-bottom: 0px;padding-top:0;}

.notice_time{margin-right: 6%;}
.notice_in{margin-bottom: 40px;}


.notice_in ul{border-top:1px solid #444;}
.notice_in li{padding:37px 40px;border-bottom:1px solid #444;}

.s_btn {
    background: url(../img/new/img_sele01.jpg) no-repeat 50% 50%;
    display: flex;
    width: 100%;
    height: 100%;
    background-size: cover;
    padding-top: 80%;
    /* align-items: center; */
    /* justify-content: center; */
    /* align-content: center; */
    position:relative;
}
.s_btn:before{content:'';position:absolute;z-index:0;background:rgba(0,0,0,0.2);width:100%;height:100%;top:0;left:0;}

.s_btn2{background: url(../img/new/style_img02.jpg) no-repeat 50% 50%;background-size: cover;}
.s_btn3{background: url(../img/new/style_img03.jpg) no-repeat 50% 50%;background-size: cover;}
.s_btn4{background: url(../img/new/style_img04.jpg) no-repeat 50% 50%;background-size: cover;}
.s_btn5{background: url(../img/new/style_img05.jpg) no-repeat 50% 50%;background-size: cover;}
.s_btn6{background: url(../img/new/style_img06.jpg) no-repeat 50% 50%;background-size: cover;}

a:hover .style_back_box{background:rgba(0,0,0,0.6);    -webkit-transition: all .3s;
    transition: all .3s;}
#movie_woodone{padding-bottom:100px;}
#movie_woodone .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#movie_woodone .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.s_btn_product {
    background: url(../img/new/img_sele001.jpg) no-repeat 50% 50%;
    display: flex;
    width: 100%;
    height: 100%;
    background-size: cover;
    padding-top: 40%;
    /* align-items: center; */
    /* justify-content: center; */
    /* align-content: center; */
    position: relative;
}
.p02 .s_btn_product {    background: url(../img/new/img_sele002.jpg) no-repeat 50% 50%;    background-size: cover;

}
.style_back {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.style_back_box{    border: 2px solid #fff;
    text-align: center;
    display: block;
    padding: 10px;
    color: #fff;    width: 220px;    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
    font-size: 24px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);}
#product .style_back_box{max-width: 360px;
width: 100%;}


.ico_sankaku{line-height: 180%;
    display: table;
    margin: 0 auto;
  /*  padding-left: 40px;*/
    margin-top: 4px;position:relative;}
/*
.ico_sankaku:before {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    background: url(../img/new/polygon.svg) no-repeat 0% 50%;
    background-size: 100%;
    width: 20px;
    height: 20px;
}*/

.hyodai01{
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-size: 17px;
font-style: normal;
font-weight: 900;
line-height: 22px; /* 175% */
margin-bottom: 6px;}

.hyodai_txt{color: #FFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-size: 12px;
font-style: normal;
font-weight: 900;
line-height: 42px; /* 350% */
    margin-bottom: 0;}


#catalog .book01 p{
font-size:clamp(1.875rem, 1.602rem + 1.36vw, 2.625rem);
font-style: normal;
font-weight: 700;
line-height: normal;    text-shadow: 3px 2px 2px rgba(255, 255, 255, 1);}

.kimama__top a.btn{color:#fff!important;}

/**/

.wood {
    background: url(../img/new/vector3.jpg) 50% 70%;
    background-size: cover;
    padding-top: 40%;
    width: 100%;
    overflow: hidden;
    position: relative;display:block;}
.wood:before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 1; -webkit-transition: all .3s;
    transition: all .3s;}

.wood:hover:before {
    background: rgba(0, 0, 0, 0.2);    -webkit-transition: all .3s;
    transition: all .3s;}



.wood_in {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wood_in p{color: #FFF;text-align: center;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);font-family: "Noto Sans JP";font-size: 44px;font-weight: 900;/* line-height: 42px; */ /* 65.625% */position:relative;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;}

.wood_in:before{content:'';position:absolute;z-index:10;background: url(../img/new/vector3.svg) no-repeat 88% 50%;background-size:auto 78%;top:0;left:0;width:100%;height:100%;}

#catalog{position:relative;position: relative;
    margin-top: 0vh;margin-bottom:20vh;}
#catalog:before {
    content: '';
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    top: -10vh;
    left: 0;
    width: 100%;
    padding-top: 20vh;
    background: #fff;
}

.catalog1 {
    background: url(../img/new/catalog_img.png) no-repeat 50% 50%;
    padding-top: 20%;
    position: relative;
    background-size:auto 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.book01{    width: 49%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    align-content: flex-end;
}
@media screen and (max-width: 768px) {
    .catalog1 {
            background-size: auto 100%;
    position: relative;
    display: flex;
     padding-top: 0;
    align-items: center;
    justify-content: center;
    aspect-ratio: 2 / 1;
    text-align: center;
    }
    .book01{    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
}


.p01{    margin-left: 0;
    margin-right: auto;
    width: 76%;    margin-bottom: 50px;    position: relative;
    z-index: 2;}
.p02{    margin-right:0;
    margin-left: auto;
    width: 76%;}
#product .container{position:relative;z-index:1;}
#product .style_back_box {
    border: 2px solid #fff;
    text-align: center;
    display: block;
    padding: 10px;
    color: #fff;
    max-width: 360px;
    width: 100%;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
    font-size: 24px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);    -webkit-transition: all .3s;
    transition: all .3s;
}
#product a:hover .style_back_box{background:rgba(0,0,0,0.6);    -webkit-transition: all .3s;
    transition: all .3s;}
.bunyabetsu{    border-radius: 20px;
    background: #FFF;padding:80px;}
.bunyabetsu h3{padding-bottom:18px;border-bottom:1px solid #000;}

.product01_in{display: flex;
    justify-content: flex-start;}
.shikaku01{    width: 55px;
    height: 55px;
    background: #ccc;margin-right: 17px;}
.syohin01{ width: 100%;
    height: 180px;
    background: #ccc;margin-bottom:10px;}

p.product01_p{    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;font-size:15.5px;    font-size: 15.5px;
    margin-bottom: 0;}

.showroom .container {
    position: relative;
    z-index: 2;
    padding-top: 20vh;
    padding-bottom: 20vh;
}.showroom{position:relative;position: relative;
    margin-top: 0vh;/*margin-bottom:20vh;*/background:#f5f5f5;padding-bottom:10vh;
    margin-top: -10vh;}

.pg_reform .showroom{margin-bottom:-60px;}

.showroom:before {
    content: '';
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    top: -10vh;
    left: 0;
    width: 100%;
    padding-top: 20vh;
    background: #f5f5f5;
}


#magazine .container{position:relative;z-index:1;}
#magazine{position:relative;position: relative;
    margin-top: 0vh;/*margin-bottom:20vh;*/}
#magazine:before {
    content: '';
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    top: -10vh;
    left: 0;
    width: 100%;
    padding-top: 20vh;
    background: #fff;
}
#magazine:after {
    content: '';
    position: absolute;
    background: url(../img/new/ico_shiru.svg) no-repeat 50% 0%;
    background-size: 100%;
    top: -10vw;
    right: 0;
    width: 30vw;
    padding-top: 100%;
    z-index: 0;
}
#notice{margin-bottom:120px;}

.slick-dots li button:before{color:#D9D9D9;}
.slick-dots li.slick-active button:before{color:#444444;}

#topics{margin-bottom: 80px;}
.topimg_tit_wrap {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    top: 36%;
    left: 20%;
    transform: translate(-50%, -50%);
}.topimg_in{position:relative;}

.topimg_tit{font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: normal;font-size: clamp(1.5rem, 0.442rem + 3.08vw, 2.75rem);}
.woodone_txt{font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;}

#navi{        width: 1210px;
        max-width: 100%;margin:0 auto;}

.header_fixed{    position: absolute;
    z-index: 1;
    top: 26px;
    right: 30px;
    display: flex;    width:calc(100% - 240px);
    flex-wrap: wrap;
    justify-content: flex-end;}

.header_fixed li{margin-left: 10px;}
.gry_btn {
    border-radius: 23px;
    background: #444;
    color: #fff!important;
    padding: 10px;
    font-size: 10px;
    min-width: 173px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.mid_button {
    border-radius: 23px;
    background: #009D90;
    width: 195px;
    height: 40px;
    color: #fff!important;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    padding: 5px 33px;
    line-height: 180%;    display: block;
}
.mid_button:hover{background:#fff;background:#444;}
.gry_buttton_mail span {
    display: inline-block;
    margin: 0 auto;
    padding-left: 30px;
    background: url(../img/new/ico_mail.svg) no-repeat 3% 50%;
    background-size: 20px;
}
#header.fixed #header_right{    position: fixed;
    background: #fff;
    top: 0;}

.header .gnav__products{text-align:left;}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* 半透明の黒 */
    z-index: 10; /* オーバーレイが前面に来る */
}

.active-overlay {
    display: block;
}

/* オーバーレイを除外するクラス */
.no-overlay {
    position: relative;
    z-index: 50; /* オーバーレイより前に表示する */
}
.header .gnav__head{text-align:left;}
.header .gnav__showroom dt{margin:0!important;text-align:left!important;}
.sp01{display:none;}

.page-home .bnrs-list__item{padding:0!important;}

.bnrs-list2{    display: flex;
    justify-content: space-evenly;}
.slick-slide img{margin:0 auto;    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;}
.slick-slider .slick-track, .slick-slider .slick-list{height:100%;}
.topimg_in_in.slick-slider{    height: calc(100vh - 90px);}

#media_gallery .slick-slide img{max-width:720px;max-height:455px;width:100%;height:100%;object-fit: none;}
.media-gallery-thumb .slick-slide img{object-fit:unset;}
#media_gallery,#media_gallery_thumb{max-width:720px;width:100%;margin: 0 auto;
    margin-bottom: 20px;}
/**/
.showroom a{position:relative;display:block;    overflow: hidden;}
.showroom a:before{content:'';   position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto; background:rgba(0,0,0,0.3);}
.showroom a img{position:relative;display:block;object-fit: cover;    transform: scale(1.3);aspect-ratio: 16 / 7;    transform: scale(1.4);}
.showroom .ab_show01 h2 span.tit{color:#fff;    font-size: 32px;}
.showroom .ab_show01 h2 span.txt_mini{display:block;color:#fff;}
.showroom a .ab_show01{color:#fff!important;}
.ab_show01{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;}
.product_woodone{
    /*padding: 60px 30px;
    background-image: url(../../index/img/new/_BTX4280_1.jpg);*/
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    aspect-ratio: 1600 / 867;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
        margin-bottom: 26vh;    -webkit-transition: all .3s;
    transition: all .3s;
}
.product_woodone:before {
    
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 1; -webkit-transition: all .3s;
    transition: all .3s;
    
}

.product_woodone:hover:before {
    background: rgba(0, 0, 0, 0.2);    -webkit-transition: all .3s;
    transition: all .3s;
}

.product_woodone_in{position:relative;z-index:2;display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);    padding: 30px;
}
.product_woodone_in h2{color: #fff;}
.product_woodone_in h2 span{display:block;font-size:36px;}
#product_woodone{margin-bottom:90px;}
.btn_youtube {
    background-image: url(../../index/img/new/youtube_5968852.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 80px;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.movie_btn{    display: block;
    position: relative;}

.page-home .media{background:none;}
.page-home .drama{background:none;}
.page-home .topics{background:none;    padding-bottom: 0;}
.page-home .news{background:none;}
.page-home .info-list>li{border-top:none;}
.page-home .important-news .info-list>li{border-top: 1px solid #c5c5c5;}
.page-home .kimama{background:none;padding-top:0;padding-bottom:40px}
#magazine{    padding-bottom: 0;}

.kaso_back{    background-size: cover;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: center center;
    padding-top:300px;
    position: relative;
    overflow: hidden;    background-image: url(../../images/company/im_company_photo.jpg);
background-image: url(../../index/img/new/21A_4335.jpg);background-image: url(../../index/img/new/_5BX2905.jpg);

}

/**/
.single.parent_strength .kaso_back,.tax-broadcaster .kaso_back,.tax-yearly .kaso_back,.category-media .kaso_back{background-image: url(../../images/strength/_5BX3895.jpg);    background-position: 50% 70%;}

.pg_quality .kaso_back{background-image: url(../../index/img/new/quality/_5BX4114.jpg);    background-position: 50% 40%;}

.pg_flow .kaso_back{background-image: url(../../index/img/new/reform/_5BX4134.jpg);    background-position: 50% 57%;}

.pg_cleanwood .kaso_back{background-image: url(../../images/strength/0C4A7333.jpg);    background-position: 50% 60%;}

.pg_tv_cm .kaso_back{background-image: url(../../images/strength/tvcm/BFX_0169.jpg);    background-position: 50% 60%;}
.pg_maintenance .kaso_back{background-image: url(../../index/img/new/maintenance/_5BX4515.jpg);    background-position: 50% 60%;}
.pg_kankyo .kaso_back{background-image: url(../../index/img/new/_5BX2999.jpg);    background-position: 50% 40%;}
.pg_reform .kaso_back{background-image:url('../../index/img/new/reform/backimg_reform.jpg');
    background-position: center 59%;
}
.parent_supplier_hotline .kaso_back{background-image:url('../../images/company/im_company_photo.jpg');background-image: url(../../index/img/new/21A_4335.jpg);}

.parent_company .kaso_back{background-image:url('../../images/company/im_company_photo.jpg');/*background-image: url(../../index/img/new/_5BX3120.jpg)*/
    background-image: url(../../index/img/new/_5BX2905.jpg);background-position: center 49.7%;}

.parent_sim .kaso_back{background-image: url(../../index/img/new/ar_kitchen.jpg);}

.parent_line .kaso_back{display:none;}

/*.pg_sitemap .kaso_back,.pg_kitchen_hoshou .kaso_back,.pg_kiyaku .kaso_back{background-image: url(../../index/img/new/_5BX3120.jpg);}*/

/**/

.kaso_tit_wrap{    background: #444444;
    padding: 10px 0;
    color: #fff;}
#pagetl{font-size: 38px;word-break:normal;}

.rights_policy{    border: 1px solid #ccc;
    padding: 55px;}

.pg_supplier_hotline .texttl {
    background: none;
    /* margin-bottom: 10px; */
    border-bottom: 2px solid #000;
}.pg_supplier_hotline .texttl h2,.pg_supplier_hotline .texttl h3{    border-left: none;padding:0;}

.pg_supplier_hotline .tx{  /*  padding: 40px 60px;
    background: #fdfaf0;
    border: 2px solid #ccc;
    border-radius: 10px;*/
    margin-bottom: 50px;}

.pg_plan .texttl{background:none;}
.pg_plan .texttl h2,.pg_plan .texttl h3{    border-left: none;}

.pg_plan .tx{  
    margin-bottom: 50px;}

.pg_plan .row .tx{height:100%;}

.pg_plan .texttl{background:none;}
.pg_plan .texttl h2,.pg_plan .texttl h3{    border-left: none;}

.pg_plan .tx{ 
    margin-bottom: 50px;}

.pg_plan .row .tx{height:100%;}

/**/

.pg_plan_josei .texttl{background:none;}
.pg_plan_josei .texttl h2,.pg_plan_josei .texttl h3{    border-left: none;}
.pg_plan_josei .tx{  /*  padding: 40px 60px;
    background: #fdfaf0;
    border: 2px solid #ccc;
    border-radius: 10px;*/
    margin-bottom: 50px;}
.pg_plan_josei .row .tx{height:100%;}

/**/

.pg_plan .texttl{background:none;}
.pg_plan .texttl h2,.pg_plan .texttl h3{    border-left: none;}

.pg_plan .tx{  /*  padding: 40px 60px;
    background: #fdfaf0;
    border: 2px solid #ccc;
    border-radius: 10px;*/
    margin-bottom: 50px;}

.pg_plan .row .tx{height:100%;}

/**/

.wrap_hoshin1{    display: flex;}

.hoshin_l{    background: #009E91;
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    padding: 0 13px;
    font-family: 'Montserrat';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;}

.hoshin_r{    padding: 20px;
    border: 1px solid #ccc;
width: calc(100% - 60px);}

.wrap_hoshin11 li{margin-bottom:20px;}
/**/
.container #main_container{width:auto;}
#topicpath{margin-bottom:80px;}
.bt_contents_foot ul{width:auto; float: none;
    margin: 0 -15px;}
    /* margin: 0 -3px 0 0;}*/
.bt_contents_foot li {
    width:33.33333333%;
    float: none;
    margin: 0;
}
.page-sim .simulation ul {
    position: relative;
    height: 100%;
    padding-bottom: 20px;padding:20px;    padding-top: 0;
    display: flex;
    justify-content: flex-start;    flex-direction: column;
    border: solid 1px #e6e6e6;
}

.simulation ul li.ph{margin:0 -20px;}

#sub_contents ul{       position: relative;
    height: 100%;
   /* padding-bottom: 100px;*/
    display: flex;
    justify-content: flex-start;   flex-direction: row;    flex-wrap: wrap;}
#sub_contents .bnr_area2 li {
    margin: 1%;
    width: 32%;
}
.sub_list01 li {
    display: inline-block;
    margin: 0;
    padding: 1%;
    width: 25%;
    /* border: 1px solid #ccc; */
    /* margin: 1%; */
}

.sub_list01 li a{  display:block;}

#sub_contents .bnr_area.popular li {
    margin: 1%;
    width: 32%;
}
/**/
.cw-title {border-left: none;
    font-size: 178.5% !important;
    letter-spacing: 1px;
    text-align:center;
}
.cw-section{
 /*   padding: 40px 60px;
    background: #fdfaf0;
    border: 2px solid #ccc;
    border-radius: 10px;*/
    margin-bottom: 50px;
}

.cw-section > .cw-section {
    background: none;
    border: none;
    padding: 0;
    border-radius: 0;
}

h5.cw-switch-inner {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}
.cw-heading {
    border-bottom: 2px solid #2A2823;
    text-align: left;
}
.cw-menu a:hover,
.cw-switch:hover ,
.cw-switch-check:checked ~ .cw-switch {
    background: #333;
    color: #fff;
}

/*シミュレーション*/

.page-sim #sub_contents{float:none;width:auto;margin:0;}
.page-sim #main_contents {float:none;width:auto;margin:0;}
.page-sim img{width:100%;}
.page-sim .ph img{border:1px solid #ccc;    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: 50% 50%;}
.page-sim ul{position:relative;height:100%;padding-bottom: 100px;}
.page-sim .name{    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: bold;}
.simulation .entry_area .box{float:none;width:auto;margin:0;}
.page-sim .link{    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;}
.more1:hover{color:#fff!important;opacity:0.7;}

.pg_privacy .subtl01 h3{text-align:left;}

/*line*/

.howto_content {
    margin-top: 40px;
    border: 4px solid #32ba17;
    padding: 30px 20px}

.step_00{    border: 2px solid #ccc;
    color: #00b900;
    padding: 10px 20px;
    margin-right: 20px;background:#fff;}
.howto_content h3{    text-align: left;}

.howto_content {
    margin-top: 40px;
    border: 4px solid #32ba17;
    padding: 50px 30px;
    position: relative;
 /*   background: #fdfaf0;*/
    border: 2px solid #ccc;
    border-radius: 10px;
}

.howto_content:before {
    content: '';
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    color: #32ba17;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -2.3em;
    line-height: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 1.5em 2em;
    border-top-color: currentColor;
    border-bottom: 0;
}
.howto_content:last-child:before{content:none;}
.chat-contents div div.pa40_0:nth-last-child(1){border: 4px solid #32ba17!important;
    padding: 50px 30px!important;}

.step1_flex {
    justify-content: space-around;
    max-width: 700px;
    margin: 0 auto;
}

.box li::marker {
  content: none;
}
.sitemap .box li {
    line-height: 1.4;
    font-size: 76.9%;
    margin: 0 0 4px 8px;
    border-bottom: 1px solid #efefef;
}
/**/


.sitemap .texttl {
    position: relative;
    clear: both;
     background:none;
    margin: 0 0 20px;
    padding: 11px;
    position: relative;
    min-height: 17px;
    border-bottom: 1px solid #000;
}.sitemap .box {
    width: 32.3%;
    float: none;
    margin: 0 0.5%;
}
.sitemap{
   /* padding: 40px 60px;
    background: #fdfaf0;
    border: 2px solid #ccc;
    border-radius: 10px;*/
    margin-bottom: 50px;
}

.sitemap .box .tl a, .sitemap .box2 .tl a {
    background-image: url(../images/ic_arrow_list03.png);
    padding: 10px 0;
    border: 1px solid #3e3d3d;
    border-radius: 13px;
    width: 96%;
    background: rgba(255, 255, 255, 0.6);
    text-align: center;
}
.sitemap .box li a {
    background-image: url(../images/ic_arrow_list01.gif);
    padding: 5px;
    padding-left: 13px;
    font-size: 13.6px;    padding-bottom: 10px;
}
.sitemap .box li {
    line-height: 1.4;
    font-size: 76.9%;
    margin: 0 0 4px 8px;
    border-bottom: 1px solid #efefef;
}
/*キッチン延長保証サービス*/
.kitchen_hoshou_flex{    display: flex;
    flex-wrap: nowrap;justify-content: space-between;}

.page-kitchen_hoshou #sub_contents {
  float: none;
    width: auto;
    margin: 0;/*width:20%;*/
    display:none;
}

.page-kitchen_hoshou #main_contents{
       float: none;
    width: auto;
    margin: 0 auto;    /*width: calc(100% - 230px - 60px);*/
    
}
.page-kitchen_hoshou #sub_contents ul{    flex-direction: column;}
.hoshou_navi ul {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.page-kitchen_hoshou #sub_contents ul li a img{width: 100%;height:auto;}

#kitchen_hoshou{       max-width: 1100px;
    margin: 0 auto;}

#kitchen_hoshou h3{min-height: 32px;text-align: left;}
.hoshou_navi .clrfix:after{content:none;}
.hoshou_repletion_box{width:auto;}

.qa_box{width:100%;}

/**/

.page-link {
     position: relative;
     display: block;
     padding: 0;
    margin-left: 0;
    line-height:inherit;
    color:inherit;
    background-color:inherit;
    border:none;
}

.page-link:hover {
    z-index: 2;
    color:inherit;
    text-decoration: none;
    background-color:inherit;
    border-color:inherit;
}
.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow:0;
}

.page-link #sub_contents{display:none;}

#main_contents {
    width: auto;
    float: none;
    margin-bottom: 50px;
}

.lin_box{padding: 30px;
    border: 1px solid #ccc;
    border-radius: 12px;    height: 100%;}
.lin_box a{display:block;margin-top:10px;}
.page-link .texttl,.page-kiyaku .texttl{background:none;border-bottom: 1px solid #2a2823;
}
.lin_box .tx img{margin-bottom:10px;}

.page-link .texttl h3,.page-kiyaku .texttl h3{    text-align: left;}
.bt_contents_foot img{width:100%;}

/**/

#arKitchen .ttl-section{    text-align: left;}
/**/
.bt_contents_foot {
    clear: both;
    padding-top: 100px;display:none!important;
}

.bt_contents_foot{margin-top:100px;}
ol.list_number li{    padding: 0 0 20px 0px;    text-indent: -1.4em;
    padding-left: 1.4em;}
ol.list_number li:before {
    position: relative;
    counter-increment: number;
    display: inline;
    background: none;
    /* color: #2A2823; */
    font-weight: normal;
    font-size: inherit;
    /* left: 0; */
    width: auto;
    height: auto;
    line-height: auto;
    /* text-align: center; */
    content: counter(number) '．';
}
/**/

#sub_contents {
    float:none;
    width:auto;
    margin:0;    clear: both;
}

#sub_contents .sub_list01{
    padding: 0 0 10px;
    display: flex;
    flex-wrap: wrap;
}
#sub_contents .sub_list01 > li {
    width: calc(25% - 8px);
    margin: 4px;
}

#sub_contents .sub_list01 > li ul{display:none;}

#sub_contents .bnr_area2 ul{    padding: 0 0 10px;
    display: flex;
    flex-wrap: wrap;}

#sub_contents .bnr_area2 ul > li{
    width: calc(25% - 8px);
    margin: 4px;
}
#sub_contents .sub_list01 li.green > a, #sub_contents .sub_list02 li.green > a {
    background:#fff url(../../common/images/ic_arrow_list02_on.png) no-repeat 10px 1.4em;
}
#sub_contents .sub_list01 li a, #sub_contents .sub_list02 li a {
    border: 1px solid #D4D4D3;
    padding: 10px;
    padding-left: 20px;
    background:#fff url(../../common/images/ic_arrow_list02.png) no-repeat 10px 1.4em;
    text-decoration: none;
    font-size: 14.6px;
}
#sub_contents_wrap{background:#fcfcfc;padding:50px 0;clear: both;    position: relative;}
#sub_contents_wrap:before {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    margin: 0 calc(50% - 50vw);
    background-color: #fcfcfc;
    width: 100vw;
    content: '';
}
#sub_contents .listtl{    background: #444;
    color: #fff;position:relative;}

#sub_contents .listtl:before{content:'';position:absolute;z-index:1;left:0;top:0;height:100%;width:10px;background:#FF4D00;}
#sub_contents .listtl:after{content:'';position:absolute;z-index:1;left:10px;top:0;height:100%;width:10px;background:#009E91;}


#sub_contents .listtl h1, #sub_contents .listtl > div{font-size:16px;background:none;positon:relative;}

/**/
.reform_box1{border:#444444 2px solid;padding:10px;}


/**/
/*リフォーム・リノベ*/
.reform_intro{position:relative;    padding-bottom: 50px;}
.reform_intro h2 {
    font-weight: bold;
    line-height: 120%;
    font-size: 30px;
}.reform_intro:before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    background: #EEE7D7;
    height: 68%;
    width: 100vw;
}
.reform1_box{position:relative; padding-top:30px;
   /* padding-bottom: 360px;*/}

/*.reform1_box:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -23%);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../../index/img/new/reform/img_kozi.png);
    padding-top: 100%;
    background-size: 70vw;
    width: 100vw;
    /* bottom: 0; */
}*/
.reform_box1{border:#444444 2px solid;padding:10px;height:100%;padding:20px;background:#fff;}
.reform1_box h2{    background: #444444;color:#fff;text-align:center;font-size:24px;padding:20px 0;font-weight:bold;}
.reform_box1 h3{font-weight:bold;    font-size: 30px;
    font-weight: bold;
    line-height: 130%;border-bottom:1px solid #444;}
.back_cream{position:relative;padding:40px 0;}
.back_cream:before{
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    background: #EEE7D7;
    height: 100%;
    width: 100vw;
}
.mizumawari h2{    color: #444444;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    position: relative;
    padding-bottom: 26px;
    margin-bottom: 30px;}
.mizumawari h2:before{content:'';position:absolute;width:200px;height:1px;background:#FE4D01;bottom:0;left:0;right:0;margin:0 auto;}
.reform_sen h2:before{content:'';position:absolute;width:200px;height:1px;background:#FE4D01;bottom:0;left:0;right:0;margin:0 auto;}
.mizumawari_box .tit1 h3{color:#fff;padding:14px 10px;text-align:center;margin-bottom:0;}
.mizumawari_box .tit_red h3{background:#FE4D01;}
.mizumawari_box .tit_green h3{background:#009A8C;}
.mizu_whit_box{padding:20px;background:#fff;}
.miz_nayami h4{font-size:18px;text-decoration:underline;}
.miz_nayami{    padding: 20px;
    border: 1px solid #ccc;
    padding-top: 0;
    margin-bottom: 20px;}

.miz_nayami h4 {
    font-size: 22px;
    text-decoration: underline;
}
.miz_nayami li{
    font-size: 18px;
}

.reform_sen{position: relative;
    padding: 40px 0;}
.reform_sen h2 {
    color: #444444;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    position: relative;
    padding-bottom: 26px;
    margin-bottom: 30px;
}
.reform_sen li{
 margin-bottom: 34px;
}
.reform_sen li .accordion-header{
    background: #EEE7D7;
    padding: 10px;
    padding-bottom: 20px;
    margin-left: 30px;
   font-weight:bold;
    position: relative;
    padding-left: 50px;
    display: flex;
    justify-content: space-between;
    padding-right: 30px;
    align-items: center;    padding-top: 20px;
        border-radius: 10px;
}
.reform_sen li .number_1 {
    position: absolute;
    z-index: 1;
    background: #444444;
    color: #fff;
    font-size: 40px;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    top: -10px;
    left: -35px;
    text-align: center;
    line-height: 1.6;
}
.reform_sen li:nth-child(3) .fea_img1 {
  background: none;
}.reform_sen li:nth-child(4) .fea_img1 {
  background: none;
}.reform_sen li:nth-child(5) .fea_img1 {
  background: none;
}.reform_sen li:nth-child(6) .fea_img1 {
  background: none;
}.reform_sen li:nth-child(7) .fea_img1 {
  background: none;
}.reform_catatlog{    position: relative;
    padding: 40px 0;}
.reform_catatlog:before{    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    background: #EEE7D7;
    height: 100%;
    width: 100vw;}
.reform_catatlog h2,.sekozirei h2,.use01 h2,.page-reform #magazine h2,.pg_reform .showroom h2 {
    color: #444444;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    position: relative;
    padding-bottom: 26px;
    margin-bottom: 30px;
}


.reform_catatlog h2:before,.sekozirei h2:before,.use01 h2:before,.page-reform #magazine h2:before,.pg_reform .showroom h2:before{
    content: '';
    position: absolute;
    width: 200px;
    height: 1px;
    background: #FE4D01;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.pg_reform .showroom .ab_show01 h2:before{content:none;}


.accordion-toggle {
  flex-grow: 1;
  padding-left: 10px;padding-right:6px;
}

.accordion-icon {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 24px;
}

.accordion-icon::before,
.accordion-icon::after {
  content: "";
  position: absolute;
  background-color: #333;
}

.accordion-icon::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
}

.accordion-icon::after {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  transform: translateX(-50%);
  transition: opacity 0.3s ease;
}

.accordion-item.open .accordion-icon::after {
  opacity: 0;
}

/* アニメーション用 */
.reform_contents {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  padding:0 10px;
 /* background: #f0f0f0;*/margin-left:30px;
}
.reform_contents img{    max-width: 800px;width:100%;
    margin: 0 auto;
    display: table;}

.accordion-item.open .reform_contents{ padding: 10px;}

.fea_img1 img{width: 300px;
    height: auto;    object-fit: contain;
    aspect-ratio: 16 / 10.6;}
.fea_img1{margin-top:10px;background:#fff;}
.simulation_1 h2{font-size:24px;   font-weight: bold;
    line-height: 120%;}
.simulation_1{position:relative;    padding-bottom: 10px;margin-bottom:50px;}
.simulation_1:before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    background: #EEE7D7;
    height: 58%;
    width: 100vw;
}
.shiro_waku{border:1px solid #666;height:50vh;width:100%;background:#fff;}
.sekozirei{padding:70px 0;}

.use01{margin-bottom: 30vh;}

.page-reform #magazine:before{content:none;}
.page-reform #magazine:after{content:none;}


/**/

.use01 a{position:relative;display:block}
.use01 a:before{content:'';   position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto; background:rgba(0,0,0,0.3);}
.use01 a img{position:relative;display:block;object-fit: cover;aspect-ratio: 16 / 7;}
.use01 h3{color:#fff;    font-size: 32px;}
.use01 a .ab_show01{color:#fff!important;}

.use01 .more1{font-size: 16px;margin-bottom:0;margin-top:0;}
/**/

.sns {
    padding: 45px 0 30px
}
.sns.d-md-block{
        border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}


@media (min-width: 769px) {
    .sns {
        padding:40px 0
    }
    .page-home .bnrs-list__item{border-left:0!important;       }    
    
}
@media (max-width: 1280px) {

    .page-home .bnrs-list__item{}    
    
}

.sns-list {
    padding: 0;
    margin: 0;
    list-style: none
}

@media (min-width: 769px) {
    .sns-list {
        display:flex
    }
}

@media (max-width: 768.98px) {
    .sns-list {
        margin-top:-20px
    }
}

@media (max-width: 768.98px) {
    .sns-list>li {
        border-top:1px solid #c9c9c9
    }

   .sns-list>li:first-child {
        border-top: 0
    }
}

@media (min-width: 769px) {
    .sns-list>li {
        flex:1;
        padding-left: 1%;
        text-align: center;
        border-left: 1px solid #c9c9c9
    }

    .sns-list>li:first-child {
        border-left: 0
    }
}

.sns-list__link {
    position: relative;
    display: block;
    padding: 10px 0
}

@media (max-width: 768.98px) {
    .sns-list__link:after {
        position:absolute;
        top: 50%;
        right: 0;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        content: "";
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M6%2C0%2C4.909%2C1.091l4.13%2C4.13H0V6.779H9.039l-4.13%2C4.13L6%2C12l6-6Z%22%20fill%3D%22%23212529%22%2F%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain
    }
}

/**/

/*ウッドワンクオリティ*/
@media (min-width: 768px) {
    .section-movie {
        flex: 0 1 58%;
        max-width: 620px;
        margin: 0;
    }
    
    .menu-list a{color:#fff!important;}
    
}
/*メンテナンス*/
.mainte_slide_wrap2 {
    position: relative;margin-bottom:50px;
}.mainte_slide_wrap2:before {
    content: '';
    position: absolute;
    top: 10%;
    left: 40%;
    transform: translate(0%, 0%);
    z-index: -1;
    background: #F1EADA;
    height: 70%;
    width: 100%;
}
.mainte_slide_wrap3 {
    position: relative;
}.mainte_slide_wrap3:before {
    content: '';
    position: absolute;
    top: 10%;
    right: 40%;
    transform: translate(0%, 0%);
    z-index: -1;
    background: #F1EADA;
    height: 70%;
    width: 100%;
}
.txt_mainte{
        display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-end;
    height: 100%;padding:16px;
    padding-bottom:30px;
}
.txt_mainte p{line-height:2;}
.mainte_tit{
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: clamp(1.5rem, 0.442rem + 3.08vw, 2.2rem);
margin-bottom:30px;
}
.mainte_tit span{
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.mainte_tit_in{
    font-size:clamp(1rem, 0.818rem + 0.91vw, 1.5rem);    margin-bottom: 10px;}

.slide{height: auto;width:100%;background:#eee;aspect-ratio: 16 / 9;}
#hozon_book{padding:100px 0;}
.mainte_gd_wrap{display:flex;max-width:600px;width:100%;margin:0 auto;align-items: flex-end;}
.mainte_gd_l{width:50%;}
.mainte_gr_r{width:50%;padding: 20px;padding-bottom:0;}
.mainte_gr_r h4{line-height:130%;}

.mainte_gd_wrap2{}
.mainte_gd_wrap2 .mainte_gd_l img{width:70%;display:table;margin:0 auto;}
.mainte_gd_wrap2 .mainte_gd_l{width:50%;}
.mainte_gd_wrap2 .mainte_gr_r{width:50%;padding-top:10px;}
.mainte_gd_wrap2 .mainte_gr_r h4{font-size:18px;    margin-top: 12px;}

#hozon_book .mainte_gr_r .more1{margin-bottom:0;}
.back_white_wrap{padding:60px 0;position:relative;}
.back_cream_wrap{padding:60px 0;position:relative;}
.back_white_wrap:before{position:absolute;background:#ffffff;content:'';z-index:-1;top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);width:100vw;height:100%;}
.back_white_wrap:after {
    content: '';
    position: absolute;
    padding-top: 0;
    margin-top: -4%;
    border-radius: 50%;
    background: #ffffff;
    z-index: -1;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 220vw;
    padding-top: 30%;
}
.back_cream_wrap:before{position:absolute;background:#F1EADA;content:'';z-index:-1;top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);width:100vw;height:100%;}
.back_cream_wrap:after {
    content: '';
    position: absolute;
    padding-top: 0;
    margin-top: -4%;
    border-radius: 50%;
    background: #F1EADA;
    z-index: -1;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 220vw;
    padding-top: 30%;
}
h2.tit1{font-size:40px;font-weight:bold;}
h2.tit1 span{font-size:20px;margin-left:10px;}
.door_wrap h3 ,.w_youtube h3{
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    padding-left: 24px;
    border-bottom: 1px solid #666;
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
}
.door_wrap h3:before,.w_youtube h3:before{content:'■';position:absolute;z-index:10;top:0;left:0;}
.tit_1{font-size:16px;font-weight:bold;}
.door_wrap ul{display:flex;width:100%;justify-content: flex-end;margin-bottom:30px;flex-wrap: wrap;}
.door_wrap li{width:48%;}
.door_wrap .more1,.mainte_mn .more1{    width: 95%;margin-bottom:0;}
.door_wrap .more1_2,.mainte_mn .more1_2{
    background: #fff;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    display: table;
    position: relative;
    color: #444 !important;
    max-width: 288px;
        width: 95%;
    margin: 0 auto;
    margin-top: 24px;
	border-radius:30px;
}.mainte_mn .more1_2{border:1px solid #444;}
.door_wrap .more1_2:hover,.mainte_mn .more1_2:hover{background:#666;color: #fff !important;}
.mainte_mn{background: #fff;padding: 40px;border-radius: 30px;    margin: 60px auto;}
.mainte_mn_in{position: relative;text-align: left;height: 30px;margin-bottom: 26px;}
.mainte_mn_in:before{content: '';position: absolute;height: 1px;background: #808080;z-index: 1;width: 100%;top: 0;bottom: 0;margin: auto 0;}
.mainte_mn_in h3{position:absolute;z-index:2;left:0;top:0;bottom:0;margin:auto 0;display:inline-block;background:#fff;    padding-right: 20px;}
.w_youtube table{width:100%;}
.w_youtube table iframe{
  width: 100%;height:auto;
  aspect-ratio: 16 / 9;
}
.w_youtube table td{padding:20px;width:50%;vertical-align:top;}
.bg_img{background:#eee;border:1px solid #666;padding-top:100%;}
#floor{position:relative;}
.door_wrap img{width: 100%;
    aspect-ratio: 16 / 9;
  /*  object-fit: cover;*/
        object-fit: contain;
    background: #e1e6e8;}
.yotte{margin-left: auto;width: 80%;margin-bottom:36px;}
.ytb_wrap .more1{max-width: 360px;line-height: 170%;padding: 20px 0;border-radius: 50px;}
.mnl_btn {
    width: 100%;
    position: relative;
    z-index: 10;
    display: block;
    background: url(../../index/img/new/maintenance/0200219_3670.jpg) no-repeat 50% 76%;
    height: 220px;
}.mnl_btn:before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    width: 100%;
    height: 100%;
} 
#floor li.long:nth-of-type(1) .mnl_btn{background: url(../../index/img/new/maintenance/yukazai.jpg) no-repeat 50% 56%;}
#floor li.long:nth-of-type(3) .mnl_btn{background: url(../../index/img/new/maintenance/yukazai_naturaloil.jpg) no-repeat 50% 100%;}
#kitchen .kitchen_img_wrap:nth-of-type(1) .back_img_wrap{background: url(../../index/img/new/maintenance/kitchen_oteire.jpg) no-repeat 50% 36%;}
#kitchen .kitchen_img_wrap:nth-of-type(2) .back_img_wrap{background: url(../../index/img/new/maintenance/sc01.jpg) no-repeat 50% 36%;}
#kitchen .kitchen_img_wrap:nth-of-type(3) .back_img_wrap{background: url(../../index/img/new/maintenance/kitchen_movie.jpg) no-repeat 50% 56%;}
.mnl_btn span{
    /* padding: 35px 0; */
    /* position: absolute; */
    z-index: 10;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    color: #fff;
    position: relative;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.mnl_btn1{
    background: url(../../index/img/new/doa.jpg) no-repeat 50% 50%;height: 320px;
}
.mnl_btn2{
    background: url(../../index/img/new/yukazai.jpg) no-repeat 50% 50%;height: 320px;
}.mnl_btn3{
    background: url(../../index/img/new/kittin01.jpg) no-repeat 50% 3%;height: 320px;
}
.mnl_btn1:before,.mnl_btn2:before,.mnl_btn3:before {
    content: '';
    position: absolute;
    background:none;
    z-index: 10;
    width: 100%;
    height: 100%;
}
          .hoho1_img .mnl_btn{    background: url(../../index/img/new/support/0200219_3670.jpg) no-repeat 50% 16%;    background-size: cover;}
.hoho2_img .mnl_btn{    background: url(../../index/img/new/support/_5BX3887.jpg) no-repeat 50% 100%;    background-size: cover;}


#floor .long{margin-bottom:30px;}
.kitchen_img_wrap{margin-bottom:30px;}
.kitchen_img_wrap .back_img_wrap{
    width: 100%;
    position: relative;
    z-index: 10;
    display: block;
    background: url(../../index/img/new/maintenance/0200219_3670.jpg) no-repeat 50% 76%;
    height: 220px;}
.kitchen_img_wrap .back_img_wrap:before{content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    width: 100%;
    height: 100%;}
.kitchen_img_wrap p{
    /* padding: 35px 0; */
    /* position: absolute; */
    z-index: 10;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    color: #fff;
    position: relative;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.img-frame{
   position: relative;
   width:100%;
   height:100%;
   overflow: hidden;
   margin: 0 auto;
}.img-frame2{
   position: relative;
   width:100%;
   height:100%;
   overflow: hidden;
   margin: 0 auto;
}@media screen and (max-width: 767px){
    
   .page-support #sub_contents .sub_list01 > li{    width: calc(50% - 8px);
    margin: 4px;
}
    .slide{ height: 200px;}
.img-frame{
   width: 100%;
   height: 200px;
}.img-frame2{
   width: 100%;
   height: 200px;
}.mainte_tit span {
    font-size: 26px;}
    
    .mainte_slide_wrap{margin-bottom:0;}
    h2.tit1 {
    font-size: 30px;
    font-weight: bold;
}h2.tit1 span {
    font-size: 14px;
    margin-left: 10px;
}.yotte {
    margin-left: auto;
    width: 90%;
    margin-bottom: 30px;
    }.more1{font-size:15px;}
    .mnl_btn{
    height: 160px!important;
}
    .door_wrap .more1,.door_wrap .more1_2, .mainte_mn .more1_2 {
    line-height: 1.6;
    padding: 10px 0;
    font-size: 13px;margin-top:10px;}
    .kitchen_img_wrap p{padding: 0 8px;font-size: 15px;}
    .kitchen_img_wrap .back_img_wrap{height:140px;}
    .mnl_btn span{font-size: 15px;}
    .w_youtube table td {
        padding: 5px;}
    .tit_1 {
    font-size: 13px;
    font-weight: bold;
    }.door_wrap h3, .w_youtube h3{font-size:16px;padding-bottom: 10px;
            margin-top: 14px;}
    
    .mainte_gd_l {
    width: 30%;
}.mainte_gr_r {
    width: 70%;
    padding: 8px;
    padding-bottom: 0;
}
    
    .mainte_gd_wrap2 .mainte_gd_l{width:30%;}
.mainte_gd_wrap2 .mainte_gr_r{width:70%;padding-top:10px;}
    .mainte_gd_wrap2 .mainte_gd_l img{width:100%;}
    .mainte_gr_r h4 {
    text-align: center;
}.mainte_mn {
    padding: 30px;
    border-radius: 30px;
    margin: 0px auto;
    margin-bottom: 60px;padding-bottom: 0;
}
.back_white_wrap {
    padding: 30px 0;}
        h2.tit1{
            margin-bottom: 6px;}    .yotte {
        margin-bottom: 16px;
    }
    #top_link .mb80 {
    margin-bottom: 40px !important;
}.mainte_tit {
    margin-bottom: 20px;
}   .door_wrap ul {
    margin-bottom: 10px;}
}.img-01, .img-02, .img-03, .img-04{
background-position:50% 50%;
   position: absolute;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
}.img-01{
   background-image: url('/index/img/new/m_mente01.jpg');
   animation: slide-animation-01 12s infinite;
}.img-02{
   background-image: url('/index/img/new/m_mente02.jpg');
   animation: slide-animation-03 12s infinite;
}
.img-03{
   background-image: url('/index/img/new/m_mente03.jpg');
   animation: slide-animation-01 12s infinite;
}
.img-04{
   background-image: url('/index/img/new/m_mente04.jpg');
   animation: slide-animation-03 12s infinite;
}
.img-05{
   background-image: url('/index/img/new/catalog/5BFX_0006.jpg');
}
@keyframes slide-animation-01 {
    0% { opacity: 1; transform: scale(1.0); }
    30% { opacity: 1; transform: scale(1.05); }  /* 少し拡大 */
    40% { opacity: 0; transform: scale(1.05); }  /* 少し拡大を保つ */
    60% { opacity: 0; transform: scale(1.0); }  /* 透明になりながら縮小 */
    100% { opacity: 1; transform: scale(1.0); }  /* 最後に戻る */
}

@keyframes slide-animation-03 {
    0% { opacity: 0; transform: scale(1.05); }
    30% { opacity: 0; transform: scale(1.05); }
    40% { opacity: 1; transform: scale(1.0); }
    60% { opacity: 1; transform: scale(1.0); }
    100% { opacity: 0; transform: scale(1.05); }}

/*リフォーム～お家づくりの流れ～*/.step_con_wrap .more1{line-height: 1.5;padding: 10px 0;}
.step_con_wrap .col-md-7{display: flex;
    align-items: center;
    align-content: center;}
.step_tit{    font-size: 24px;font-weight:bold;        text-indent: -4.6em;
        padding-left: 4.5em;}
.step_number {
    margin-bottom: 0;
    margin-right: 16px;
    font-weight: bold;
    padding: 10px;
    background: #F1EADA;
}
.step_1{}
.img_wrap2{height:100%;background:#eee;}
.contact_wrap{    padding: 20px;
    border: 8px solid #2f9f95;
    display: flex;justify-content: space-between;}
.mail_btn{    padding: 10px 40px;    margin-bottom: 0;
    margin-top: 0;}
.contact_in{display:flex;align-items: center;}
.contact_in h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    margin-right: 20px;
    background: #2f9f95;
    color: #fff;
    padding: 20px;
}.uketsuke{margin-left:30px;}
.tel1_wrap{font-size:32px;}
.tel1_wrap .tel1{font-size:17px;}
.arrow1{width:100%;height:50px;text-align:center;}
    
@media (max-width:1100px){
.contact_wrap{flex-direction: column;}
.contact_in{flex-wrap: wrap;    justify-content: center;margin:0 auto;margin-bottom:20px;}
}
@media (max-width: 767px){
.contact_wrap{flex-direction: column;padding:3%;}
.more1{    font-size: 15px;}
.step_tit {
    font-size: 17px;
    font-weight: bold;
}
.tel1_wrap{font-size: 22px;}
.step_con_wrap .more1,.contact_wrap .more1{    line-height: 1.5;
    padding: 10px 0;}
}
/*クオリティ*/
/*#quality{padding-bottom:20vh;}*/
#quality{margin-top:30px;}

#quality h2{    color: #444444;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    position: relative;
    padding-bottom: 26px;
    margin-bottom: 30px;}
#quality h2:before {
    content: '';
    position: absolute;
    width: 200px;
    height: 1px;
    background: #FE4D01;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#t01{position:relative;
padding:60px 0;/*padding-bottom: 130px;*/

    padding-top: 180px;
    margin-top: -120px;padding-bottom:0;
}
#t01:before{content:'';}

#t02,#t03{   padding-top: 180px;
    margin-top: -120px;}
#t02 .back_white_wrap {
    padding: 10px 0;
    position: relative;
}
#t02 .container{position:relative;}

#t03 .wbox01 .more1{margin-bottom:0;}

#t03 .container{position:relative;}

.qu_wrap{position:relative;}
.qu_wrap img{object-fit:cover;object-position:50% 50%;aspect-ratio:1/1;    border-radius: 50%;
}
.qu_wrap_in{position:absolute;top: 0;
    width: 100%;
    height: 100%;
    left: 0;    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;    -webkit-transition: all .3s;
    transition: all .3s;}

#quality a:hover .qu_wrap_in{ background: rgba(0, 0, 0, 0.8);}


.qu_wrap_in1 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 50%;
    flex-direction: column;
        padding: 0 30px;
    padding-top: 12%;
}
.qu01,.qu02,.qu03{font-size: 70px;
    color: #fff;line-height: 1.2;
    font-family: "Times New Roman", times, "Yu Mincho", yumincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

.qu_wrap_in1 h3 {
        font-size: 1.2em;
    line-height: 1.6;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;margin-bottom:0;    padding-bottom: 0;
}

.qu_wrap_in1 p{color:#fff;}

.qu_wrap1{}
.qu_wrap2{}
.qu_wrap3{}

.t_qu01 {
    position: absolute;
    z-index: 0;
    left: -40px;
    top: 0px;
    font-size: 10vw;
    color: #fff;
    font-family: "Times New Roman", times, "Yu Mincho", yumincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;line-height:1;
}
.t_qu02{    color: #F1EADA;left:0;}

.posi_wrap{position:relative;z-index:10;}
.menu{margin-top:60px;}

.pg_quality #main_contents{    overflow: hidden;}

.tit_t01{    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;}

/*カタログ*/
.page-catalog .mainte_slide_wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;margin-top:40px;margin-bottom:130px;
}.page-catalog .mainte_slide_wrap:before {
    content: '';
    position: absolute;
    top: 0%;
    right: 40%;
    transform: translate(0%, 0%);
    z-index: -1;
    background: #F1EADA;
    height: 50%;
    width: 100%;
}
.page-catalog .mainte_tit{
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: clamp(1.5rem, 0.442rem + 3.08vw, 2.75rem);
margin-bottom:30px;
}
.page-catalog .mainte_tit span{
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.page-catalog .slide{height:500px;width:100%;background:#eee;}
.page-catalog .img-frame {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.page-catalog .img-05 {
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-catalog .catalog_more{margin-bottom:100px;}


.pg_catalog .back_img_wrap:before{
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10;
    width: 100%;
    height: 100%;
}
.pg_catalog .catalog_more:nth-of-type(1){width:100%}

.pg_catalog .catalog_more:nth-of-type(1) .back_img_wrap{background: url(../../index/img/new/catalog/catalog01_img.jpg) no-repeat 50% 56%; background-size: cover;
    background-repeat: no-repeat;}/*送付するカタログが不明*/

.pg_catalog .catalog_more:nth-of-type(2) .back_img_wrap{background: url(../../index/img/new/catalog/catalog02_img.jpg) no-repeat 50% 36%; background-size: cover;
    background-repeat: no-repeat;}/*2025年度版を作成中につき表紙が決まってから連携します。*/

.pg_catalog .catalog_more:nth-of-type(3) .back_img_wrap{background: url(../../index/img/new/catalog/catalog03_img.jpg) no-repeat 50% 56%; background-size: cover;
    background-repeat: no-repeat;}/*2025年度版を作成中につき表紙が決まってから連携します。*/

.pg_catalog .catalog_more:nth-of-type(4) .back_img_wrap{
    background: url(../../index/img/new/catalog/catalog04_img.jpg) no-repeat 50% 56%; background-size: cover;
    background-repeat: no-repeat;}

.pg_catalog .catalog_more:nth-of-type(5) .back_img_wrap{
    background: url(../../index/img/new/catalog/catalog05_img.jpg) no-repeat 50% 36%; background-size: cover;
    background-repeat: no-repeat;}

.pg_catalog .catalog_more:nth-of-type(6) .back_img_wrap{background: url(../../index/img/new/catalog/catalog06_img.jpg) no-repeat 50% 56%; background-size: cover;
    background-repeat: no-repeat;}

.pg_catalog .catalog_more:nth-of-type(7) .back_img_wrap{background: url(../../index/img/new/catalog/catalog07_img.jpg) no-repeat 50% 56%; background-size: cover;
    background-repeat: no-repeat;}

.pg_catalog .catalog_more:nth-of-type(8) .back_img_wrap{background: url(../../index/img/new/catalog/catalog08_img.jpg) no-repeat 50% 36%; background-size: cover;
    background-repeat: no-repeat;}

.pg_catalog .catalog_more:nth-of-type(9) .back_img_wrap{background: url(../../index/img/new/catalog/catalog09_img.jpg) no-repeat 50% 56%; background-size: cover;
    background-repeat: no-repeat;}

.pg_catalog .catalog_more:nth-of-type(10) .back_img_wrap{background: url(../../index/img/new/catalog/catalog10_img.jpg) no-repeat 50% 56%; background-size: cover;
    background-repeat: no-repeat;}

.pg_catalog .catalog_more:nth-of-type(11) .back_img_wrap{background: url(../../index/img/new/catalog/catalog11_img.jpg) no-repeat 50% 56%; background-size: cover;
    background-repeat: no-repeat;}

.pg_catalog .catalog_more:nth-of-type(12) .back_img_wrap{
    background: url(../../index/img/new/catalog/catalog12_img.jpg) no-repeat 50% 36%; background-size: cover;
    background-repeat: no-repeat;}

.pg_catalog .catalog_more:nth-of-type(13) .back_img_wrap{background: url(../../index/img/new/catalog/catalog13_img.jpg) no-repeat 50% 56%; background-size: cover;
    background-repeat: no-repeat;}/*お手入れガイドブックが5月中旬に公開されるのでその後連携します。*/

.pg_catalog .catalog_more:nth-of-type(14) .back_img_wrap{background: url(../../index/img/new/catalog/catalog14_img.jpg) no-repeat 50% 56%; background-size: cover;
    background-repeat: no-repeat;}

.pg_catalog .catalog_more:nth-of-type(15) .back_img_wrap{
background: url(../../index/img/new/catalog/catalog15_img.jpg) no-repeat 50% 36%; background-size: cover;
    background-repeat: no-repeat;}
.pg_catalog .catalog_more:nth-of-type(16) .back_img_wrap{
background: url(../../index/img/new/catalog/catalog16_img.jpg) no-repeat 50% 36%; background-size: cover;
    background-repeat: no-repeat;}

#strength_media{padding-top:100px;margin-top:-100px;}

.strength_media h4 {
font-size: 126%;
    font-weight: bold;
    margin-top: 14px;
}
.strength_media img{    width: 100%;
    aspect-ratio: 16 / 9;    object-fit: cover;}

@media screen and (min-width: 767px){
    .catalog_more_wrap{display:flex;        flex-wrap: wrap;}
    .catalog_more{width: 49%;}
      .catalog_more:nth-child(2n){margin-right:2%;}    
}
.catalog_img_wrap{margin-bottom:30px;}
.catalog_img_wrap h3{font-size: 1.3em;font-weight:bold;padding-bottom:0;}

.catalog_img_wrap .back_img_wrap{
    width: 100%;
    position: relative;
    z-index: 10;
    display: block;
 /*   background: url(../../index/img/new/maintenance/0200219_3670.jpg) no-repeat 50% 76%;*/
    height: 220px;}
.catalog_img_wrap .catalog_img_wrap:before{content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    width: 100%;
    height: 100%;}
.catalog_img_wrap .div{
    z-index: 10;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    color: #fff;
    position: relative;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    align-content: center;    flex-wrap: wrap;
    flex-direction: column;
}
.catalog_list h2, #woodone_reason h2,#catalog_list h2{
    color: #444444;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    position: relative;
    padding-bottom: 26px;
    margin-bottom: 30px;
}.catalog_list h2:before,#woodone_reason h2:before,#catalog_list h2:before{
    content: '';
    position: absolute;
    width: 200px;
    height: 1px;
    background: #FE4D01;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#catalog_living h2,#possibility  h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 120%;
}
#catalog_living,#possibility{position:relative;}
#possibility{padding-bottom:30px;}
#catalog_living:before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    background: #EEE7D7;
    height: 58%;
    width: 100vw;
}
.shiro_waku {
    border: 1px solid #666;
    height: 50vh;
    width: 100%;
    background: #fff;
}
#woodone_reason{padding:100px 0;}


.woodone_reason_wrap .reform_sen li{align-items: flex-start;
    padding:20px;
    padding-top: 0;
    flex-wrap: wrap;
    flex-direction: column;position:relative;}
.woodone_reason_wrap h3{margin-bottom:6px;padding-bottom:0;font-weight:bold;}
.woodone_reason_wrap{    padding: 36px;background:url(../../index/img/new/woodone_reason_img.jpg) no-repeat;background-size:cover;background-repeat:no-repeat;}

.woodone_reason_wrap .reform_sen{position: relative;
    padding: 40px 0;
    max-width: 800px;
    margin: 0 auto;
}

.woodone_reason_wrap .reform_sen li{background: rgba(255, 255, 255, 0.8);}


.back_cream_wrap {
    padding: 60px 0;
    position: relative;
}.back_cream_wrap:before {
    position: absolute;
    background: #F1EADA;
    content: '';
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
}
.yoyaku_here {
    position: relative;
    padding-top: 60px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;    padding-bottom: 30px;
}.yoyaku_here:before {
    position: absolute;
    background-image: url('https://www.woodone.co.jp/showroom/wp-content/themes/woodone-showroom/assets/img/reservation/online_title.jpg');
background-size:cover;
    background-position: 70% 50%;
    content: '';
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
}
.yoyaku_here p{
    font-size: 24px;
    font-weight: bold;margin-bottom:20px;
}
.yoyaku_here .more1 {
    line-height: 64px;
    font-size: 24px;
    font-weight: 500;
    margin: 0 auto;
    display: table;
    position: relative;
    max-width: 388px;
    width: 100%;
    margin: 0 auto;
}
.section-label2 {
    writing-mode: unset !important;
}
.section-label {
    writing-mode: unset !important;
}

@media screen and (max-width: 767px){
.page-catalog .yoyaku_here .more1 {
    line-height: 44px;
    font-size: 17px;}
.page-catalog .catalog_img_wrap .back_img_wrap{height: 150px;}
.page-catalog .more1{margin-bottom:0;font-size: 16px;}
.catalog_more{
    position: relative;
}
.catalog_more .more1{
    width: 50%;
    font-size: 14px;
    line-height: 35px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}
.page-catalog .catalog_more{    margin-bottom: 60px;}
.page-catalog .mainte_slide_wrap{    margin-bottom: 70px;}
.page-catalog .slide{height:auto;}
.page-catalog .img-frame{
   width: 100%;
   height: 200px;
}}

/**/
#sub_contents3 aside section{border-bottom:1px solid #eee;margin-bottom:20px;}
#sub_contents3 aside section:last-of-type{border-bottom:none;}

#sub_contents3 .listtl{border-left: 3px solid #ff4d02;
    font-size: 1rem;
    line-height: 1.5;
    padding: 5px 5px 5px 15px;
    margin-bottom: 20px;}

#sub_contents3 .sub_list_01 li a {
    padding: 5px 15px 5px 20px;
    display: block;font-size:12px;
}

#sub_contents3 h5{    margin-bottom: 10px;}
#sub_contents3 .d-block{margin:8px 0;font-size: 10.8px;
}

/**/

.media-single h3{text-align:left;padding-bottom:0;}

#topicpath a{font-size:13px;}
#topicpath li{font-size:13px;}

.p01_hyo {
    display: flex;
    min-height: 60px;
    background: url(../../index/img/new/ico_kitchen.png) no-repeat 96% 50%;
    background-size: 60px;
    z-index: 10;
    align-items: center;
    justify-content: center;
    align-content: center;    padding-right: 20%;
}

.p02_hyo{display: flex;
    min-height: 60px;background:url(../../index/img/new/ico_storage.png) no-repeat 96% 50%;background-size:60px;z-index:10;    align-items: center;
    justify-content: center;
    align-content: center;    padding-right: 20%;}
/*ショールーム*/
.more-btn-rounded__large,.more-btn-square__reserve,.more-btn-square{color:#fff!important}
.shadow-medium h3{   
     padding-bottom: 0;
     margin-bottom: 0;}
.breadcrumb .breadcrumb__link{color:#fff;    font-size: inherit;    text-decoration: underline;}
.wrapper h2{margin-bottom:0;font-size: inherit;}
.wrapper h3{text-align:left;font-size: inherit;}
.bg-brown h1,.bg-brown span{line-height:1;font-size: inherit;}

.flex.leading-normal{
    justify-content: flex-start;
}
header.card_lv04__header{background:none;    position: relative!important;    display: flex;width:auto;padding-top:0;}
.card_lv04__header:before{line-height:1;}
.card_lv04__title{margin-bottom:0;padding-bottom:0;}
/**/
   .fsc_table {
        /*コレ*/
        border-collapse: separate;
        border-spacing: 20px 0px;
        margin: 0 0 0 -20px;
    }

    .ajiwai_left li {
        padding-left: 1em;
    }
.fsc_table2 {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
}
.page-strength-mori .fsc_table2,.fsc_table2 tr,.fsc_table2 tbody{width:100%;display:table!important;}
.page-strength-mori .fsc_table2 td:first-child{width:calc(100% - 108px);display:table-cell!important;}
.page-strength-mori .fsc_table2 td p{font-size: 14px;}
.page-strength-mori .fsc_table2 td:last-child{text-align:center;width:108px;display:table-cell!important;}
/**/
.overwrap{overflow-x:hidden;}

.spbr576{display:none}
.menu-list a{color:#fff!important;}
 .topimg_in_in .mb-slide{
        display: none!important;
    }
@media screen and (max-width: 1366px) {


  .topimg_in_in.slick-slider {
    height: auto;
  }
}

@media screen and (max-width:1024px) {
    .topimg_in_in .pc-slide{
    display: none!important;
    }
    .topimg_in_in .mb-slide{
        display: block!important;
    }
    .topimg_tit_wrap .topimg_tit.pc{
        display: none;
    }
    .topimg_tit_wrap{
        justify-content: flex-start!important;
        top: 2vh!important;
    }

}
.bnrs-list .bnrs-list__item{
    padding: 0 1vw!important;
}