@font-face {
font-family: "RM1c_b";
  src: url("./Dup/img/RM1c_b.otf") format("otf"),url("./Dup/img/RM1c_b.eot") format("eot"),url("./Dup/img/RM1c_b.woff") format("woff"),url("./Dup/img/RM1c_b.woff2") format("woff2");
}
.font1,.liana,.patrima,.hgs,
.overlay .overlay-nav .en{font-family: "RM1c_b","sans-serif";font-weight:bold;}

/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
#intro .con_title,#contents .con_box_item{position: relative;}
/*リピートなし*/
#main_img:after,#intro .con_title:before,#contents .con_box_item:before{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}

#main_img:after{
background-image: url(./Dup/img/catch.png);
background-size: 100%;
width: 50vw;
height: 24vw;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 1;
}

#intro .con_title:before{
background-image: url(./Dup/img/obj1.png);
width: 100px;
height: 125px;
top: -110px;
left: 50%;
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}

#contents .con_box_item:before{
background-size: 100%;
width: 26vw;
height: 16vw;
top: -15vw;
left: 50%;
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}
#contents .box1 .con_box_item:before{
background-image: url(./Dup/img/obj2.png);
}
#contents .box2 .con_box_item:before{
background-image: url(./Dup/img/obj3.png);
left: 55%;
}
#contents .box3 .con_box_item:before{
background-image: url(./Dup/img/obj4.png);
}
/*--------------------------------
全体
--------------------------------*/
#loading.bg_color1{background-color: #F0FAEB;}
#loading_logo{max-width: 400px;}
.progressbar-text{color: #4b915a!important;font-family: "RM1c_b","sans-serif"!important;font-weight:bold;}

.blur{background: rgba(240,255,240,0.9);}
header.scr_header{background: rgba(240,140,150,0.7)!important;}
#logo img.width_300-max{max-width: 400px;}
.overlay:before{background: rgba(240,140,150,0.3)!important;}
.overlay div.overlay-nav{padding-top: 50px;}
.overlay .overlay-nav .bottom a{background-color: #f08c96;}
.menu-trigger, .close-trigger{top: 57%;}
.menu-trigger-bar:before,.close-trigger-bar:before{background-color: #f08c96;}

#footer_nav li a{color: #333;}
#footer_nav li a::after{background: #55d787;}
#footer_info.bg_color3{background-color: #ffffff;}
footer .scr{color: #4b915a;}
footer .scroll_d > span::before{background-color: #55d787;}

#copyright.bg_color1{background-color: #f08c96;}

.more .more_item{background: #ffb4b4;border-radius: 30px;}
.more .more_item:before{display: none;}
.more .more_item:after{
height: 100%;
left: -5%;
top: 0;
height: 100%;
background: #55d787;
}
.more .more_item:hover{border-color: #55d787;}
.more .more_item:hover:after{
left: 0;
width: 100%;
}

.modal-box .modal-close{
top: 25px;
right: 25px;
}

.fix_banner{
max-width: 300px;
position: fixed;
bottom: 0;
right: 0;
z-index: 9;
transition: 0.5s;
}
.fix_banner a{max-width: 300px;}
.fix_banner .close_bt{
position: absolute;
bottom: 105px;
right: 280px;
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
transition: 0.5s;
background-color: #fff;
border: solid 2px #f88fc4;
z-index: 11;
cursor: pointer;
}
.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: #f88fc4;
height: 4px;
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{right: -350px;}

/*--------------------------------
TOP
--------------------------------*/
#main_img:before,.sns_links{z-index: 1;}
#main_img .main_banner{
max-width: 350px;
width: 100%;
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}

.top_title h2 > span:before{background-color: #ffb4b4;height: 80px;}
#intro .intro_photo h2,.top_title h2.right,.top_title h2.left{color: #f08c96;}
#intro .intro_img1,#intro .intro_img2{border-radius: 50px;}

#contents .con_box_item{margin-top: 10vw;}
#contents .con_img{border-radius: 40% 60% 47% 53% / 50% 43% 57% 50%;}
#contents .box2 .con_img{border-radius: 50% 43% 57% 50% / 40% 60% 47% 53%;}

.top_cms_box{background-color: rgba(255,255,255,1);}
/*--------------------------------
下層
--------------------------------*/
#page_title{padding-left: 30px;}
#page_title .page_title_box,#page_title .en:before{left: 0;}
#page_title .page_title_box,#page_title .en{display: block;}

#page_title .en{
font-size: 50px;
top: 30px;
left: 30px;
padding-left: 25px;
}
#page_title .en:before{
background-color: #FFB4B4;
width: 3px;
height: 170px;
top: -100px;
}
#page_title .jp{
color: #f06978;
top: 90px;
left: -2px;
}
#page_title.txt_white{color: #F08C96;}

.cate_box .date,#cms_3-e .cate_title{border-radius: 10px;}
.cate_img1,footer .info_btn_wrap p a,.overlay .overlay-nav .bottom a,.cate_list li a,.top_cms_box{border-radius: 30px;}
#cms_6-c .cate_box,.cms_6-c .cate_box{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
#contact_tel a{border-radius: 50px;}

#cms_1-e .box_item .box_item figure{width: calc(50% - 8px);margin-bottom: 10px;}
#cms_1-e .box_img1, #cms_1-e .box_img3{margin-right: 11px;}
#cms_1-e .box_img2{margin-right: 0px;}
.youtube{
	position: relative;
	max-width: 780px;
	width: 100%;
	text-align: center;
	margin: 0 auto 4%;
}
.youtube:before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cms_6-c .cate_box{
width: calc(33% - 10px);
box-sizing: border-box;
}

#page10 li{margin-bottom: 10px;}

@media  screen and (max-width: 1280px){

#contents .con_title{font-size: 54px;}
.top_title h2{
font-size: 70px;
top: 250px;
}
.top_title h2.right {right: 30px;}
.top_title .right > span:before{right: 25px;}
.top_title h2.left,.top_title .left > span:before{left: 25px;}

}

@media  screen and (max-width: 1000px){

#contents .con_title{font-size: 42px;}
#top_cms .cms_title h3{font-size: 40px;}
.cms_6-c .cate_box{width: 100%;margin-bottom: 30px;}
}

/*タブレット用（768px以下）*/
@media  screen and (max-width: 768px){

#logo img.width_300-max{max-width: 350px;}
.sns_links{
bottom: 20px;
left: -40px;
}
footer .info_txt{padding-top: 70px;padding-bottom: 70px;}
.map{height: 550px;}

#main_img:after{
width: 75vw;
height: 37vw;
}
#main_img .main_banner{max-width: 200px;}
.fix_banner{max-width: 250px;}
.fix_banner .close_bt{bottom: 85px;right: 230px;}

.top_title h2.right{right: 10px;}
.top_title .right > span:before{right: 27px;}
.top_title h2.left{left: 10px;}
.top_title .left > span:before{left: 25px;}

#intro .con_title:before{
width: 80px;
height: 100px;
top: -85px;
}

#contents .con_title {font-size: 40px;}
#contents .con_img{border-radius: 40% 60% 47% 53% / 50% 43% 57% 50%;}
#contents .box2 .con_img{border-radius: 50% 43% 57% 50% / 40% 60% 47% 53%;}

}

/*スマホ用（667px以下）*/
@media  screen and (max-width: 667px){

#loading_logo{max-width: 300px;}

#logo img.width_300-max{max-width: 250px;}

footer .info_txt{padding-top: 5%;padding-bottom: 5%;}
.map{height: 300px;}
/*#copyright{padding-bottom: 70px;}*/
.fix_banner{max-width: 200px;}
.fix_banner .close_bt{
width: 25px;
height: 25px;
bottom: 37px;
right: 180px;
}
.fix_banner .close_bt span{
width: 25px;
height: 25px;
}

#main_img:after{
width: 95vw;
height: 47vw;
}
#main_img .scroll,#main_img .sns_links{display: none;}
#main_img .main_banner{display: none;}

#intro .con_title:before{top: -110px;}

.top_title h2{font-size: 45px;}
.top_title h2 > span:before{height: 70px;}
.top_title h2.right{right: 0;}
.top_title .right > span:before{right: 15px;}
.top_title h2.left{left: 0;}
.top_title .left > span:before{left: 15px;}

#contents .con_box_item{padding-top: 90px;}
#contents .con_box_item:before{
width: 65vw;
height: 40vw;
z-index: 1;
}

#top_cms .cms_title h3{font-size: 30px;}

.cate_img1,footer .info_btn_wrap p a,.overlay .overlay-nav .bottom a,.cate_list li a,.top_cms_box{border-radius: 10px;}

#page_title .en{
font-size: 24px;
top: 10px;
left: 10px;
padding-left: 20px;
}
#page_title .en:before{
height: 100px;
top: -65px;
}
#page_title .jp{top: 55px;    left: -10px;}
#page_title .jp span{line-height: 2;}

#cms_1-e .box_item .box_item figure{width: 100%;}
#cms_1-e .box_img1, #cms_1-e .box_img3{margin-right: 0;}
}

/*IE*/
@media all and (-ms-high-contrast: none){
.info_btn_wrap a{padding-bottom: 5px;}
#cms_3-e .cate_title{padding-top: 5px!important;}
}




/*--------------------------------
自動リンク
--------------------------------*/
/* color */
.linkStyle{color: #4b915a; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #4b915a;}
.txt_red .linkStyle{color: red;}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.linkStyle{display: inline-block;}
}

/*--------------------------------
カラー
--------------------------------*/
body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #333333;}
.txt_black,.hvr_txt_black:hover{color: black;}
.txt_white,.hvr_txt_white:hover{color: white;}
.txt_red,.hvr_txt_red:hover{color: red;}
.txt_color1,.hvr_txt_color1:hover{color: #4b915a;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #F0FAEB;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #f06978;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #FFE6E6;} /* アクセントカラー2 */

/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: white;} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: black;} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #b9eba5;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #F0FAEB;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #FFB4B4;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #FFE6E6;} /* アクセントカラー2 */
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color */
.border_white,.hvr_border_white:hover{border-color: white;}
.border_black,.hvr_border_black:hover{border-color: black;}
.border_color1,.hvr_border_color1:hover{border-color: #55d787;}
.border_color2,.hvr_border_color2:hover{border-color: #F0FAEB;}
.border_color3,.hvr_border_color3:hover{border-color: #FFB4B4;}
.border_color4,.hvr_border_color4:hover{border-color: #FFE6E6;}