/* font ---------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru|Quicksand:600,700&display=swap');
body, .font_sans-selif,.font_en{font-family: 'Quicksand', 'Kosugi Maru', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important}

@font-face {
font-family: "fuiji";
src: url("../dup/img/fuiji.ttf") format("ttf"),url("../dup/img/fuiji.woff") format("woff"),url("../dup/img/fuiji.woff2") format("woff2");
}
#main_menu ul li a{font-family: "fuiji", serif!important;}



/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #98d8d1;}
body,.txt_color_nomal{color: #5d635f;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #98d8d1} /* メインカラー */
.txt_color2{color: #ffffff} /* サブカラー */
.txt_color3{color: #98d8d1} /* アクセントカラー1 */
.txt_color4{color: #c9f3c4} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #98d8d1} /* メインカラー */
.bg_color2{background-color: #ffffff} /* サブカラー */
.bg_color3{background-color: #98d8d1} /* アクセントカラー1 */
.bg_color4{background-color: #c9f3c4} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #98d8d1}
.border_color2{border-color: #ffffff}
.border_color3{border-color: #98d8d1}
.border_color4{border-color: #c9f3c4}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #5d635f;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #98d8d1} /* メインカラー */
.hvr_txt_color2:hover{color: #ffffff} /* サブカラー */
.hvr_txt_color3:hover{color: #98d8d1} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #c9f3c4} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #98d8d1} /* メインカラー */
.hvr_bg_color2:hover{background-color: #ffffff} /* サブカラー */
.hvr_bg_color3:hover{background-color: #98d8d1} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #c9f3c4} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #98d8d1}
.hvr_border_color2:hover{border-color: #ffffff}
.hvr_border_color3:hover{border-color: #98d8d1}
.hvr_border_color4:hover{border-color: #c9f3c4}


/* バナー ---------------------------------------------------------------------------------------------*/
.bnr{max-width: 600px;width: 80%;}
.bnr a:hover{transform: translateY(-5px)}



/* 動画 ---------------------------------------------------------------------------------------------*/
#video{height: 100%;}
#main_img{max-height: inherit;}

#main_img h2 {
	padding: 1em;
	color: #ffffff;
	background-color: rgba(255, 204, 204, 0.82);
	box-shadow: 0 0 10px 10px rgba(255, 204, 204, 0.82);
	border-radius: 10px;
	font-size: 19px;
}


/* header ---------------------------------------------------------------------------------------------*/
header.bg_color4{box-shadow: 3px 0 5px #fbede1;background-color: #fbe6cc;}
#main_menu ul{padding-left: 10px;}
#main_menu ul li a{color: #696969!important;font-size: 17px;font-weight: bold;}
#main_menu ul li a::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transform: translateY(-50%);
    top: 58%;
    background-color: #fff93f;
    box-shadow: 0 0 0px 5px rgba(255, 196, 63, 0.69);
}
#main_menu ul li a:hover::before{width: 12px;height: 12px;}
#main_menu ul li a{padding-left: 20px;}
#main_menu ul li a:hover{padding-left: 25px;}

header #logo{padding-right: 0;padding-left: 0;max-width: 100%;transform: scale(1.06)}
.head_box{max-width: 315px;}

.contact_bt a, .tel_bt a,.button2, .button {
    color: #886a4b!important;
    border-radius: 3em .8em 3em .7em/.9em 2em .8em 3em;
    box-shadow: -2px 4px 5px #e2ccb7;
    padding-bottom: 12px;
    padding-top: 12px;
    background: url(../dup/img/bt_bg.jpg) center / cover no-repeat;
    border: none;
}
.contact_bt a:hover, .tel_bt a:hover,.button2:hover, .button:hover {
    box-shadow: -2px 4px 5px #bfac99;
}


/* 他 ---------------------------------------------------------------------------------------------*/
#contents1 {background: url(../dup/img/img1.png) top 20px left 25px / 15% no-repeat;padding: 80px 70px 50px;}
#contents2 h2,#contents3 h3{border-bottom: 6px dotted #c9f3c4;display: inline-block;}
#contents2 .txt_box{position: relative;}
#contents2 .txt_box::before {
	content: '';
	display: inline-block;
	width: 176px;
	height: 102px;
	background-image: url(../dup/img/img2.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute;
	bottom: -20px;
	right: -54px;
	z-index: -1;
}
#page_title h2,#page_title p{text-shadow: 3px 3px 8px #fdffda;letter-spacing: 2px;}
#page_title .page_box::before,.cms_title::before{background-color: #ccc;}

.button2:hover,.button:hover{transform: translateY(-3px)}
.button:hover::after{display: none;}
#page7 .txt_color3{color: #9fa8a3!important;}
.cms_title p{color: #98d8d1!important;}


/* cms ---------------------------------------------------------------------------------------------*/
#cms_2-d .cate_box {
	background-color: #fffceb;
	box-shadow: 0 0 10px 3px #fffceb;
	border-radius: 10px;
}
#cms_2-d h4{border: none;padding-bottom: 0;}
#cms_1-b .cate_box{border-radius: 7px;}
#cms_5-b .cate_box .open_bt .arrow img, .cms_5-b .cate_box .open_bt .arrow img{border-radius: 10px;}


/* 修正 ---------------------------------------------------------------------------------------------*/
/* 2020.07.29 */
.main_box.top,.main_box.page3 {
    background-image: url(../dup/img/top_bg.png);
    background-repeat: no-repeat;
    background-position: bottom 7% right 4.5%;
    background-size: 40%;
    background-attachment: fixed;
}
.main_box.page3 {
    background-image: url(../dup/img/page3_bg.png);
    background-position: bottom 7% right 4%;
    background-size: 43%;
}

/** IE **/
@media all and (-ms-high-contrast:none) {
.insta_wrap p::before{top: 45%;}
body, .font_sans-selif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important}
.pc_box .contact_bt a{padding: 14px 0 12px;}
.tel_bt a{padding: 11px 0 14px;}
#main_img h2{background-color: rgba(255, 204, 204, 0.72);box-shadow: 0px 0px 24px rgba(255,204,204,0.92);font-weight: bold;}	
}
/* Edge */
@supports (-ms-ime-align: auto) {
#main_img h2{background-color: rgba(255, 204, 204, 0.72);box-shadow: 0px 0px 24px rgba(255,204,204,0.92);}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img{height: 47vh;}
#video{height: auto;}
.video{transform: none;width: 100%!important;}
#contents1 {background: url(../dup/img/img1.png) top 20px left 25px / 26% no-repeat;}
.link_box ul{justify-content: center;}
.link_box li.grid_1 {width: 11.33333%!important;margin: 0 10px;}
.link_box li.grid_1 {margin: 0 15px;max-width: 40px;}
	
.hamburger{top: 22px;}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {background-color: #5b5b5b!important;}
.hamburger.active .hamburger__icon{background-color: transparent!important;}
	
/* 2020.07.29 */
.main_box.top,.main_box.page3 {
	position: relative;
    background: none;
}
.main_box.top::before,.main_box.page3::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100vw;
	height: 100vh;
	background-image: url(../dup/img/top_bg.png);
    background-repeat: no-repeat;
    background-position: bottom 7% right 4.5%;
    background-size: 70%;
}
.main_box.page3::before {
    background-image: url(../dup/img/page3_bg.png);
    background-repeat: no-repeat;
    background-position: bottom 7% right 10px;
    background-size: 94%;
}
.main_box {
    padding-top: 100px;
}
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.bnr{width: 100%;}

#main_img,#video {height: 211px;}
.hamburger{top: 10px;}
header #logo{max-width: 170px;transform: none;}
#main_img h2{
	font-size: 13px;
	width: 77%;
	padding: 5px;
	box-shadow: 0 0 10px 4px rgba(255, 204, 204, 0.82);
	background-color: rgba(255, 204, 204, 0.72);
}
#contents1{padding: 80px 20px 50px;background: url(../dup/img/img1.png) top 20px left 17px / 39% no-repeat;}
#contents2 .txt_box::before {
    width: 111px;
    height: 76px;
    bottom: -9px;
    right: 0;
}
.main_box {
    padding-top: 76px;
}
}