/*--------リンク・フォント--------*/
@font-face {
    font-family: 'Ryumin';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/img/Ryumin_r.woff') format('woff'),
        url('../Dup/img/Ryumin_r.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'Ryumin';
    font-style: normal;
    font-weight: 700;
    src: url('../Dup/img/Ryumin_b.woff') format('woff'),
        url('../Dup/img/Ryumin_b.eot')  format('eot');
    font-display: swap;
}
body{font-family: "Ryumin","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}

.font_Quick {
    font-family: "Ryumin",'Quicksand', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}

.linkStyle{color: #333333; text-decoration: underline;}

/*--------全体--------*/
.add_shadow{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

html:before,
html:after,
body:before,
body:after {
  content: "";
  background: #495a2e;
  position: fixed;
  display: block;
  z-index: 1000;
}
html:before {
  height: 3px; 
  width: 100vw;
  left: 0;
  top: 0;
}
html:after {
  width: 3px;
  height: 100vh;
  right: 0;
  top: 0;
}
body:before {
  height: 3px;
  width: 100vw;
  bottom: 0;
  left: 0;
}
body:after {
  width: 3px;
  height: 100vh;
  top: 0;
  left: 0;
}
#wrap{position:relatuve;}
#wrap:before{
    content: "";
    position: fixed;
    display: inline-block;
    width: 100vw;
    height: 100%;
    background: url(./Dup/img/back1.jpg) no-repeat;
    background-size: cover;
    left: 0px;
    top: 0px;
    z-index: -10;
  }
  
#top_contents1 .catch_item:nth-of-type(1){
    top: -100px;
    left: 0;
}
#top_contents1 .catch_item:nth-of-type(2){
    top: 0px;
    right: 0;
}
#top_contents2{
    background-image:url(./Dup/img/back2.jpg);
}
#fix_menu {
    background-color: rgba(151, 183, 102, .28);
}
.sns_links li.width_20 {
    width: 30px;
}
.top_cms_title{
    position:relative;
    z-index:+1;
}
.top_cms_title::before{
    width: 10.5em;
    height: 3em;
    left: 50%;
    top: -26px;
    transform: translate(-50%, -50%);
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/item_03.png) no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: 0.7
}

.top_info_title{
    position:relative;
    z-index:+1;
}
.top_info_title::before{
    width: 9em;
    height: 7em;
    left: 47%;
    top: 24px;
    transform: translate(-50%, -50%);
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/item_04.png) no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: 0.5;
}
#logo2{
    width: 25%!important;
    max-width: 200px;
    margin-bottom: 0px;
}

/*--------下層--------*/
#page_title{
    margin-bottom: 200px;
}
#page_title .title_box {
    border: 0;
    background-color: rgba(0,0,0,0);
}
#page_title .title_box h2{
    font-size: 1.7em;
    font-weight: 400;
}

#page_title .title_box::before{
    width: 7.5em;
    height: 2em;
    left: 49.8%;
    bottom: -34px;
    transform: translate(-50%, -50%);
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/item_03-2.png) no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: 0.8;
}
.cate_title{
    position:relative;
    z-index:+1;
}
.cate_title::before{
    width: 4.3em;
    height: 3.5em;
    left: -10%;
    top: -34px;
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/item_04.png) no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: 0.5;
}
#cms_4-c .cate_title::before{
    left: -2%;
    top: -23px;
}
#cms_5-b .cate_title::before{
    left: -17%;
    top: -32px;
}
#cms_4-c #cate0 .cate_box,.cms_4-c .cate_box{
    box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px;
    padding: 0;
    margin: 20px 10px;
    width: calc(100% / 4 - 20px)!important;
}
#cms_5-b .cate_box, .cms_5-b .cate_box {border-bottom: 1px solid #2a2922;}
#cms_5-b .cate_box .open_bt, .cms_5-b .cate_box .open_bt { border: none;}
#cms_5-b .cate_box .box_item, .cms_5-b .cate_box .box_item { border: none;    padding: 0px 30px 0px;}
#cms_5-b .cate_box .box_txt1,.cms_5-b .cate_box .box_txt1{
	padding: 1em;
    background-color: #f5f5f5;
}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1 {  margin-left: 87px;}
#cms_5-b .cate_box .open_bt .arrow img, .cms_5-b .cate_box .open_bt .arrow img{display: none;}
#cms_5-b .cate_box .arrow, .cms_5-b .cate_box .arrow {
	left: 2px;
    top: 50%;
    margin-top: 0px;
}
#cms_5-b .cate_box .open_bt .arrow::before,
#cms_5-b .cate_box .open_bt .arrow::after,
.cms_5-b .cate_box .open_bt .arrow::before,
.cms_5-b .cate_box .open_bt .arrow::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #909090;
    
}
#cms_5-b .cate_box .open_bt .arrow::before,
.cms_5-b .cate_box .open_bt .arrow::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);    
transition: all 0.5s;
}
#cms_5-b .cate_box .open_bt .arrow::after,
.cms_5-b .cate_box .open_bt .arrow::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);
transition: all 0.5s;
}
#cms_5-b .cate_box .open_bt .arrow.arrow_be::before,
.cms_5-b .cate_box .open_bt .arrow.arrow_be::before{
	transform: rotate(45deg);
transition: all 0.5s;
}
#cms_5-b .cate_box .open_bt .arrow.arrow_be::after,
.cms_5-b .cate_box .open_bt .arrow.arrow_be::after{
	transform: rotate(-45deg);
transition: all 0.5s;
}
#page8 .d_flex > div{width: calc(100% / 3 - 30px);}
#page8 #contact_tel a{padding: 28.5px 19px;}
/*--------タブレット--------*/
@media screen and (max-width: 768px){
    #fix_menu {
    background-color: rgba(200, 221, 168, 1);
}

    #top_contents1 .catch_item:nth-of-type(1){
    left: -33px;
}
#top_contents1 .catch_item:nth-of-type(2){
    top: 48px;
    right: -53px;
}
.overlay.open .menu_list li:nth-of-type(11) a{padding-bottom:0;}
#cms_4-c #cate0 .cate_box,.cms_4-c .cate_box{
    margin: 20px 15px;
    width: calc(100% / 2 - 35px)!important;
}
.cate_title::before{
    width: 4em;
    height: 3.2em;
    left: -1.5%;
    top: -27px;
}
#cms_4-c .cate_title::before{
    left: -2.5%;
    top: -14px;
}
#cms_5-b .cate_title::before{
    left: -3%;
    top: -25px;
}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
    #logo h1.logo {
    max-width: 250px;
}
.overlay {
    top: 78px;
}
#top_contents1 .catch_item{width: 28%!important;}
#top_contents1 .catch_item:nth-of-type(1){
    top: -93px;
    left: -33px;
}
#top_contents1 .catch_item:nth-of-type(2){
    top: -92px;
    right: -37px;
}
#cms_4-c #cate0 .cate_box, .cms_4-c .cate_box {
    width: 100%!important;
}
.top_info_title::before{
    width: 7em;
    height: 6em;
    left: 41%;
    top: 39px;
}
#logo2 {
    width: 40%!important;
    margin-bottom: 15px;
}
#page_title .title_box h2 {
    font-size: 6.2vw;
}
#page_title .title_box p {
    font-size: 3.8vw;
}
.cate_list li {
    margin: 0px;
}
.cate_list li a{
    text-align: left;
}
#cms_4-c #cate0 .cate_box,.cms_4-c .cate_box{
    margin: 20px 0px;
}
#cms_4-c .cate_title::before {
    left: -7%;
}
    #page8 .d_flex > div a span{font-size:5.5vw;}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){

#top_contents1 .catch_item canvas{
    width: 100%;
}

}