@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&display=swap');

@font-face {
font-family: "TsukuAOld_M";
src: url("../dup/img/TsukuAOld_M.ttf") format("ttf"),url("../dup/img/TsukuAOld_M.woff") format("woff"),url("../dup/img/TsukuAOld_M.woff2") format("woff2");
}
.font_en,.tel_bt a {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"!important;
}
.txt1,.txt2,.txt4,.txt5,.txt7,.cms_title h2,#page_title h2{font-family: "TsukuAOld_M", serif!important;}
.head_box{font-size: 15px;}

.cms_title p,#page_title p,#main_menu li span:nth-child(2){font-family: 'Cinzel',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;font-weight: 500;}
.cms_title p,#page_title p{letter-spacing: 2px;font-size: 18px;padding-left: 5px;color: #512701;}



/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #512701;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body,.txt_color_nomal{color: #4a4339;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #512701} /* メインカラー */
.txt_color2{color: #e6e6e6} /* サブカラー */
.txt_color3{color: #ff9933} /* アクセントカラー1 */
.txt_color4{color: #512701} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_color1{border-color: #512701}
.border_color2{border-color: #e6e6e6}
.border_color3{border-color: #ff9933}
.border_color4{border-color: #FAF3E3}

/* hover_color */
.hvr_txt_color_nomal:hover{color: #4a4339;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #512701} /* メインカラー */
.hvr_txt_color2:hover{color: #e6e6e6} /* サブカラー */
.hvr_txt_color3:hover{color: #ff9933} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #FAF3E3} /* アクセントカラー2 */

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

.hvr_border_color1:hover{border-color: #512701}
.hvr_border_color2:hover{border-color: #e6e6e6}
.hvr_border_color3:hover{border-color: #ff9933}
.hvr_border_color4:hover{border-color: #FAF3E3}

.button {border-radius: 13px;padding: 7px 0;}
#main_menu ul li a{color: #512701;}
header .tel_bt a,header .contact_bt a,.foot_tel_bt a{color: #512701;padding: 13px 0;}
.footer_cms{color: #4a4339;}


/* video ---------------------------------------------------------------------------------------------*/
#video{height: 100%;}
#video{height: 100%;background-image: url(./dup/img/main_img.jpg);background-position: center;background-size: cover;}/* 動画来たら消す */
#main_img{max-height: inherit;position: relative;overflow: hidden}
.txt1 {
	color: #512701;
	opacity: 0;
	transition: opacity 1.5s ease;
    letter-spacing: 4px;
    min-width: 72%;
	text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
    font-weight: bold;
    font-size: 24px;
}
.txt1.animStart{opacity: 1}
.scroll_bt{
	top: auto;
	bottom: 0;
	-webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
	padding-top: 84px;
}
.scroll_bt span{
	border: none;
	height: 90px;
}
.scroll_bt span::before{
	width: 1px;
	height: 100%;
    border-radius: 0;
}


/* design ---------------------------------------------------------------------------------------------*/
body{line-height: 1.8;}
.font_14 {font-size: 15px;}
.head_box{line-height: 1.5;}
.width_1280-max {
    width: 100%;
    max-width: 100%;
}
.square_img, .rectangle_img,img {border-radius: 15px;}
.txt_shadow-b{text-shadow: 0 5px 10px rgba(0,0,0,0);}
.button2{border-radius: 10px;}
.button2:hover{color: #fff;background-color: #ff9933;border-color: #ff9933;box-shadow: 0 0 20px rgba(180,180,180,0) inset}



/* ヘッダー ---------------------------------------------------------------------------------------------*/
header.bg_color4{background: url( "../dup/img/bg.jpg" ) left top / 500px repeat ;}
#main_menu ul li a{padding-left: 24px;}
#main_menu ul li a:hover{padding-left: 24px;}
#main_menu ul li a::before{width: 13px;}
#main_menu ul li a:hover::before{width: 13px;}
header .contact_bt .fas{display: none}
#main_menu li span{transition: 0.5s;}
#main_menu li span:nth-child(1){display: inline-block;}
#main_menu li span:nth-child(2),.contact_bt span:nth-child(3){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 24px;
}
.contact_bt span:nth-child(3){
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.contact_bt a{position: relative}
#main_menu li a:hover span:nth-child(1){opacity: 0;}
#main_menu li a:hover span:nth-child(2) {opacity: 1;}



/* top ---------------------------------------------------------------------------------------------*/
#contents1,#contents2,#contents3,.width_1280-max{padding-left: 50px;padding-right: 50px;}
#contents1{padding-top: 60px;padding-bottom: 60px;}
#contents1 {
    background-image: url(../dup/img/com1_bg.jpg);
    background-repeat: no-repeat;
    background-position: right bottom 13px;
    background-size: 26%;
}
.txt2,.txt4{padding-bottom: 15px;}
.txt3{width: 80%;}
#contents2 {padding-top: 80px;}
#contents3 {
	background-image: url(../dup/img/com2_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 14%;
	padding-bottom: 128px;
}
#contents3 h3 {
    width: 90%;
    margin: -20px auto 5px;
    background-color: #fff;
    z-index: 10;
    position: relative;
    padding: 20px 15px 15px;
    border-radius: 15px;
    text-align: center;
    font-size: 20px;
	box-sizing: border-box;
}
#contents3 p {
    box-sizing: border-box;
    width: 85%;
    margin: 0 auto 0;
    padding: 0 15px 20px;
}


/* 他 ---------------------------------------------------------------------------------------------*/
#page_title .page_box {
    background-color: #fff;
    margin-top: -50px;
    max-width: 41%;
    border-radius: 15px;
    padding-top: 25px;
    margin-left: 0;
    position: relative;
    z-index: 5;
}
#page_title .page_box::before{
	width: 57px;
    left: 38px;
}



/* cms ---------------------------------------------------------------------------------------------*/
.cms_2-a {position: relative;}
.cms_2-a .swiper-button-prev, .cms_2-a .swiper-button-next {
    top: 50%;
    transform: translate(0,-50%);
    width: auto!important;
    height: auto!important;
    font-size: 30px;
}
.cms_2-a .swiper-button-prev {left: 10px;}
.cms_2-a .swiper-button-next {right: 10px;}

#cms_2-b .cate_box,#cms_3-b .cate_box{border-left: 1px solid;border-radius: 15px;}
#cms_2-b .cate_title,#cms_3-b .cate_title{border: none;border-radius: 3px;}
#cms_6-c .cate_box{border-top: 2px solid #512701;}
#cms_6-c .box_title{font-weight: bold;}
.cms_6-c .cate_box{border-radius: 0 0 15px 15px;border-top: 2px solid #8C6239;}
.cms_6-c .cate_box h3 {border: none;}




/* IE */
@media all and (-ms-high-contrast: none){
header .tel_bt a, header .contact_bt a, .foot_tel_bt a{padding: 17px 0 13px;}
.button{padding: 12px 0 7px;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img,#video{height: 47vh;}
/*#video{height: auto;}*/
.video{transform: none;width: 100%!important;}

#logo{max-width: 170px}
.hamburger{top: 31px;}
.fat-nav ul{background: url(../dup/img/bg.jpg) left top / 500px repeat;}
.fat-nav li{font-size: 16px;}
.fat-nav li a{border-radius: 7px;}

#contents1{background-size: 31%;}
.txt1{
    min-width: 93%;
}
.txt2, .txt4{font-size: 22px;}
#contents3{background-size: 19%;}
#contents3 h3{font-size: 17px;}

#page_title .page_box{margin-top: 0;max-width: 100%;}
.cate_list li{width: 50%!important;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#video,#main_img{height: 250px;}

#logo{max-width: 100px}
.hamburger{top: 12px;}

#contents1, #contents2, #contents3, .width_1280-max {
    padding-left: 20px;
    padding-right: 20px;
}
#contents1 {
    background-position: right bottom -18px;
    background-size: 46%;
    padding-bottom: 112px;
}
#contents2 {
    padding-top: 55px;
}
.txt1 {
    min-width: 90%;
    font-size: 16px;
    letter-spacing: 2px;
}
.txt2, .txt4 {
    font-size: 18px;
    letter-spacing: 1px;
}
.txt3 {
    width: 100%;
}
#contents3 {
    background-size: 30%;
}
contents3 h3 {
    padding: 20px 10px 15px;
    font-size: 16px;
}
#contents3 p{
    padding: 0 0px 20px;
}

#page_title .page_box::before {
    width: 38px;
    left: 0;
}
.cate_list li{width: 100%!important;}
.cms_title p, #page_title p{font-size: 16px}
.cms_2-a .cate_box.pd_l-r10per_sp {
    padding: 10px;
}
.cms_2-a .swiper-button-prev{left: -8px;}
.cms_2-a .swiper-button-next{right: -8px;}

footer .logo{max-width: 134px;}
}