.svg_l{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.vegas-transition-fade .vegas-slide-inner{
    transition: all 1500ms ease 0s;
}
.vegas-transition-fade.vegas-transition-fade-out .vegas-slide-inner{
    opacity: 0;
    transition: all 1500ms ease 0s;
}
#svgPath_l,#svgPath_r{
    position:absolute;
}
#left{
    -webkit-clip-path: url(#svgPath_l);
    clip-path: url(#svgPath_l);
}
#right{
    -webkit-clip-path: url(#svgPath_r);
    clip-path: url(#svgPath_r);
}


body,.txt_color_nomal{color: #4d4d4d;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #ef8f41} /* メインカラー */
.txt_color2{color: #ef8f40} /* サブカラー */
.txt_color3{color: #333} /* アクセントカラー1 */
.txt_color4{color: #eae4df} /* アクセントカラー2 */
.txt_color5{color: #0ba29a;} /* アクセントカラー3 */

/* background-color */
.bg_white{background-color: #FBF9F7} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #ffb375} /* メインカラー */
.bg_color2{background-color: #ef8f40} /* サブカラー */
.bg_color3{background-color: #0ba29a} /* アクセントカラー1 */
.bg_color4{background-color: #FBF9F7} /* アクセントカラー2 */
.bg_color5{background-color: #FFF7B8;} /* アクセントカラー3 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #ffb375}
.border_color2{border-color: #ef8f40}
.border_color3{border-color: #0ba29a}
.border_color4{border-color: #eae4df}
.border_color5{border-color: #f2ede7;}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #ffb375} /* メインカラー */
.hvr_txt_color2:hover{color: #ef8f40} /* サブカラー */
.hvr_txt_color3:hover{color: #0ba29a} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #eae4df} /* アクセントカラー2 */
.hvr_txt_color5:hover{color: #f2ede7;} /* アクセントカラー3 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #ffb375} /* メインカラー */
.hvr_bg_color2:hover{background-color: #ef8f40} /* サブカラー */
.hvr_bg_color3:hover{background-color: #0ba29a} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #FBF9F7} /* アクセントカラー2 */
.hvr_bg_color5:hover{background-color: #f2ede7} /* アクセントカラー3 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #ffb375}
.hvr_border_color2:hover{border-color: #ef8f40}
.hvr_border_color3:hover{border-color: #0ba29a}
.hvr_border_color4:hover{border-color: #eae4df}
.hvr_border_color5:hover{border-color: #f2ede7}

/* ----------　all　---------- */
.linkStyle{
	color:#ef8f41;
}
.linkStyle:hover{
	color:#0ba29a;
	opacity: 0.7;
	transition: all 0.5s;
}
body {
    font-family: 'Kiwi Maru', serif;
}
body .font_sans-serif {
    font-family: 'Zen Kurenaido', sans-serif!important;
}
.top_cms_box .cms_title, .more, #info_title_box, #page_title, a[href^="tel:"], header #header #header_menu ul, #bottom_menu, #info .info_txt h3, .drawer-menu, #page10, #intro .intro_no, #con_h .con_no {
    font-family: 'Kiwi Maru', serif;
}
.bg_img {
    position: fixed;
    background-image: url(./Dup/img/bg.jpg);
    background-size: cover;
    width: 100%;
    height: 100vh;
    z-index: -1;
}
#header_menu ul {
    justify-content: space-around;
}

#foot_banner {
    width: 200px;
    height: 200px;
}
#foot_banner a {
    padding: 0;
}

.info_title span {
    position: relative;
    color: #4d4d4d;
}
.info_title span:before {
    background-image: url(./Dup/img/info_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    content: "";
    width: 150%;
    height: 300%;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
footer .bg_color2 {
    background:#FFF7B8 ;
}
/* ----------　TOP　---------- */
.more a {
    border: 1px solid;
    background: #0ba29a;
}
.more a:hover {
    border: 1px solid #fff;
    background: #ef8f41;
}
.main_logo {
    width: max(15%,200px);
}
#main_img .main_img_wrap {
    height: clamp(400px, 62vh, 700px);
    overflow: visible;
}
#main_img {
    position: relative;
    height: calc(100vh - 90px);
}
#main_img .main_txt {
    width: max(60%,850px);
}
#main_img .vegas-slide-inner {
    background-size: contain!important;
}
#main_img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
background-image: url(./Dup/img/accent1.png),url(./Dup/img/accent1.png),url(./Dup/img/accent1.png),url(./Dup/img/accent1.png),url(./Dup/img/accent1.png),url(./Dup/img/accent2.png),url(./Dup/img/accent2.png),url(./Dup/img/accent2.png),url(./Dup/img/accent2.png);
    background-size: 18%,8%,11%,13%,8%,20%,10%,8%,12%;
    background-position: 61% 67% ,37% 0 ,-2% 10%, 100% 100%,8% 102%, 96% 0, 1% 90%, 84% 101%,46% 33%;
    background-repeat: no-repeat;
    opacity: 0.5;
    z-index: -1;
}
#main_img .main_btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15%;
}
#main_img .main_btn a:hover {
    opacity: 0.7;
}
#intro h2 span.border,#contents .con_box h3 span.border {
    border-radius: 5px;
}
 
#intro_bg {
    background-image: url(./Dup/img/bg_orange.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}
#top_cms {
    background-color: #FBF9F7;
}
.top_cms_box_bg {
    background-image: url(./Dup/img/bg.jpg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
body .vegas-container {
    overflow: visible!important;
}
#intro .intro_img .bgitem {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: -1;
    transform: rotate(5deg);
    left: 0;
    bottom: 15px;
    background-image: url(./Dup/img/bg_orange.jpg);
    background-size: cover;
}
.intro_img.normal_img {
    position: relative;
}
.intro_img.normal_img:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/Dup/img/illust3.png);
    width: 180px;
    height: 180px;
    right: -20%;
    bottom: -90px;
    z-index: 2;
    transform: scale(-1,1);
}
#contents .con_box .con_item1, #contents .con_box .con_item2 {
    width: 190px;
    height: 160px;
    bottom: -93px;
}
#contents .fadein:nth-of-type(2) .con_box .con_item2 {
    bottom: -110px;
}
#contents .con_box .con_no {
    position: relative;
    display: inline-block;
    z-index: 5;
}
#contents .con_box .con_no:before {
    content: "";
    position: absolute;
    width: 400%;
    height: 250%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(./Dup/img/con_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
    opacity: 0.5;
}

#top_cms {
    position: relative;
    background: transparent;
}
#top_cms:before {
    background-image: url(./Dup/img/bg_orange1.png);
    BACKGROUND-SIZE: 100% 100%;
    content: "";
    width: 102%;
    height: 102%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: -1;
}
#top_cms .top_cms_box {
    border-bottom: 3px dotted #fff;
}
.cms_5-c .box_title1 {
    border-color: #fbf9f7;
}
.cms_5-c .box_title1::before {
    color: #0ba29a;
}
.cms_5-c .box_txt1::before {
    color: #FFF7B8;
}
/* ----------　下層ページ　---------- */
#filter_white {
    background: transparent!important;
}
#filter_white span {
    position: relative;
}
#filter_white span:before {
    content: "";
    background-image: url(./Dup/img/info_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.page_line {
    bottom: -5px;
    left: 0;
}
.cate_list li a {
    background: #0ba29a;
    color: #fff;
    border-radius: 15px 5px;
    padding: 10px 20px;
}
.v_type3 .cate_title,.v_type3 .box_wrap, .v_type3 .cate_box,#cms_3-b .cate_title,#cms_3-b .cate_box {
    border-radius: 15px;
}
#cms_5-c .box_txt1::before {
    color: #0ba29a;
}
/* 会社情報 */
#page7 .font_18 {
    font-weight: normal;
    color: #4d4d4d;
}
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */



/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
/* ----------　all　---------- */
header #header #header_menu li a {
    padding-left: 5px;
    padding-right: 5px;
}
#foot_banner {
    width: 150px;
    height: 150px;
}
.fix_banner .close_bt {
    right: 0px;
}
#main_img:before {
    background-size: 21%,19%,16%,17%,10%,22%,21%,22%,16%;
    background-position: 67% 70% ,36% 0 ,-6% 12%, 104% 86%,9% 98%, 109% -13%, -4% 82%, 77% 103%,43% 33%;
}
#intro .intro_wrap {
    background: transparent;
}

/* ----------　TOP　---------- */
#main_img {
    height: 52vh;
}
#main_img .main_img_wrap {
    height: 35vh;
}
#main_img .main_txt {
    width: 80%;
}
.main_logo {
    width: 18%;
    top: 70%;
}
#intro_sp {
    height: 230px;
    background-position: center 18%;
}
#top_cms:before {
    background-image: url(./Dup/img/bg_orange1_tb.png);
    BACKGROUND-SIZE: contain;
    width: 115%;
    height: 115%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.7;
}
.cms_5-c .box_txt1::before {
    color: #ef8f41;
}
/* ----------　下層ページ　---------- */
#page_title #filter_white {
    padding-top: 200px;
    padding-bottom: 70px;
}
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */

}



/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
/* ----------　all　---------- */
#foot_banner {
    width: 120px;
    height: 120px;
}
#copyright {
    padding-bottom: 20px;
}

/* ----------　TOP　---------- */
#main_img:before {
    background-size: 29%,23%,21%,20%,23%,26%,31%,26%,17%;
    background-position: 67% 70% ,36% 0 ,-6% 12%, 109% 86%,-14% 100%, 106% 7%, -3% 74%, 92% 103%,103% 55%;
}
#main_img {
    height: 80vh;
}
#main_img .main_img_wrap {
    height: 80vh;
}
.main_logo {
    display: none;
}
#main_img .main_txt {
    width: 98%;
    position: absolute;
}
.intro_img.normal_img:before {
    width: 160px;
    height: 160px;
    right: 51%;
    bottom: -100px;
    z-index: 2;
    transform: scale(1);
}
#intro_sp {
    height: 200px;
}
#intro .intro_img .bgitem {
    background: #fff7b8;
}
#contents .fadein:nth-of-type(1) .con_box .con_item1 {
    right: 0%;
    transform: scale(-1,1);
    bottom: -100px;
}
#contents .con_box .con_item1, #contents .con_box .con_item2 {
    width: 160px;
    height: 160px;
}
#top_cms:before {
    BACKGROUND-SIZE: cover;
    width: 100%;
    height: 100%;
}
.top_cms_box .cms_title h2 {
    padding: 0;
    font-size: 22px;
}
/* ----------　下層ページ　---------- */
#page_title {
    overflow: visible;
}
#page_title #filter_white {
    padding-top: 145px;
    padding-bottom: 65px;
}
.page_line {
    bottom: -13px;
    left: 0;
    z-index: 10;
}
.cate_list li {
    width: 90%;
}
#page_title h2 span {
    font-size: 22px;
}
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */
}
/*-------------------------------------------------------
		            	CMS4
-------------------------------------------------------*/
.v_type3 .cate_box {
    border: 4px dotted #ffb375;
}
.v_type3 .box_title1{color: #ef8f41;}



/* 閉じるボタン付き追従バナー */
.fix_banner{
	max-width: 200px;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 10;
	transition: 0.5s;
}
.fix_banner .close_bt {
    position: absolute;
    top: 15px;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: 0.5s;
    background-color: #ffffff9c;
    border: solid 2px #ffb375;
    z-index: 11;
    cursor: pointer;
}
.fix_banner .close_bt:hover{opacity: 0.7;}
.fix_banner .close_bt span{
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
}
.fix_banner .close_bt span:before, .fix_banner .close_bt span:after {
    content: "";
    display: block;
    background-color: #ef8f41;
    height: 1px;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.fix_banner .close_bt span:before{
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}
.fix_banner .close_bt span:after{
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
.fix_banner.close {opacity: 0;z-index: -1;
}
.fix_banner.close2{opacity: 0;z-index: -1;}

@media  screen and (max-width: 768px){
.fix_banner{max-width: 200px;}
.fix_banner .close_bt{bottom: 90px;right: 170px;}
}

@media  screen and (max-width: 667px){
.fix_banner{max-width: 150px;}
.fix_banner .close_bt{
	width: 25px;
	height: 25px;
	top: 0px;
	right: 0px;
}
.fix_banner .close_bt span{
	width: 25px;
	height: 25px;
}
}
/* 閉じるボタン付き追従バナー end */