body,.txt_color_nomal{color: #603813;}
.txt_white{color: #563431;}
.txt_red{color: red;}
.txt_color1{color: #2F2400} /* メインカラー */
.txt_color2{color: #f9f8f4} /* サブカラー */
.txt_color3{color: #c4b283} /* アクセントカラー1 */
.txt_color4{color: #e4e4e4} /* アクセントカラー2 */
.txt_color5{color: #646d83} /* アクセントカラー3 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #f9f8f4} /* メインカラー */
.bg_color2{background-color: #f9f8f4} /* サブカラー */
.bg_color3{background-color: #c4b283} /* アクセントカラー1 */
.bg_color4{background-color: #e4e4e4} /* アクセントカラー2 */
.bg_color5{background-color: #646d83} /* アクセントカラー3 */

.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #2F2400}
.border_color2{border-color: #f9f8f4}
.border_color3{border-color: #c4b283}
.border_color4{border-color: #e4e4e4}
.border_color5{border-color: #646d83}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #603813;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #2F2400} /* メインカラー */
.hvr_txt_color2:hover{color: #f9f8f4} /* サブカラー */
.hvr_txt_color3:hover{color: #c4b283} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e4e4e4} /* アクセントカラー2 */
.hvr_txt_color5:hover{color: #646d83} /* アクセントカラー3 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #2F2400} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f9f8f4} /* サブカラー */
.hvr_bg_color3:hover{background-color: #c4b283} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e4e4e4} /* アクセントカラー2 */
.hvr_bg_color5:hover{background-color: #646d83} /* アクセントカラー3 */

.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #2F2400}
.hvr_border_color2:hover{border-color: #f9f8f4}
.hvr_border_color3:hover{border-color: #c4b283}
.hvr_border_color4:hover{border-color: #e4e4e4}
.hvr_border_color5:hover{border-color: #646d83}


/* ----------　all　---------- */
.linkStyle{
	color:#c4b283;
}
.linkStyle:hover{
	color:#c4b283;
	opacity: 0.7;
	transition: all 0.5s;
}
body {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#mainheader h1 {
    width: 300px;
}
#pc_nav a, #pc_main_nav a, .font_en {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#pc_nav .txt_white {
    color: #603813;
    font-weight: bold;
    text-shadow: 1px 1px 4px #ffffff, 1px 1px 4px #ffffff;
}
#pc_nav .hvr_txt_color3:hover {
    color: #c4b283;
}
.nav_wrap {
    margin-right: 295px;
    width: 60%;
}
nav#pc_nav li.grid_4 {
    width: 15% !important;
}
nav#pc_nav {
    margin-top: 0;
}
#mainheader {
    height: 97px !important;
}
#pc_nav li a {
    letter-spacing: 0;
}
#pc_nav li a:before, #footer_nav li a:before, #sp_nav .nav1 a:before {
    display: none;
}
#pc_nav li a, #footer_nav li a, #sp_nav .nav1 a {
    padding: 10px 0;
}
.main_nav_bnr li a {
    height: 70px;
}
#footer_nav{    padding: 0 4%;}
 #footer_nav li a{    letter-spacing: 0em;}
.header__toggle:after, .header__toggle:before {
    background-color: #2F2400;
}
.footer_tel a {
    color: #603813;
}
#footer_nav {
    padding: 16% 4%;
}
#loader .loader-inner .bg_color1 {
    background-color: #603813;
}
#sns_link {
    justify-content: space-around;
}
/* ----------　TOP　---------- */
.top_logo_wrap #logo {
    margin-top: 10px;
    position: relative;
}
.top_logo_wrap #logo:before {
    content: "";
    background-image: url(./dup/img/catch2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 90%;
    width: 170px;
    height: 43px;
}
.nav_wrap.top_nav_wrap {
    margin-right: 455px;
    width: 70%;
    margin-left: 10px;
}
.top_page:before {
    background: transparent;
}
.under_page:before{
    background: #f9f8f4;
}
.main_imgWrap:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(./Dup/img/catch.png);
    background-repeat: no-repeat;
    background-position: 13% 81%;
    background-size: max(500px,43%);
}
.main_imgWrap figure img {
    height: 100vh!important;
    width: 100%;
    object-fit: cover;
}
.con1_txt_wrap {
    position: relative;
}
.con1_txt_wrap:before {
    content: "";
    background-image: url(./dup/img/ac1.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    transform: translate(-50%,-50%);
}
.con1_txt_wrap:after {
    content: "";
    background-image: url(./dup/img/ac2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 160px;
    height: 180px;
    transform: translate(50%,0%);
}
.con1_txt_wrap:before,.con1_txt_wrap:after{
    opacity: 0.7;
    
}
.con1_img img {
    transform: translate3d(0px, -42px, 0px)!important;
}
.con3_img img {
    transform: translate3d(0px, 17px, 0px)!important;
}
.con_title span:before {
    background: transparent;
    background-image: url(./dup/img/line.png);
    bottom: -23px;
    left: 0;
    width: 150px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
#top_news .cms_title {
    position: relative;
}
#top_news .cms_title p {
        font-size: 80px;
    position: absolute;
    top: 0;
    left: 2%;
    transform: translateY(-73%);
    opacity: 0.2;
}
@-moz-document url-prefix() {
    #top_contents2 img {
        width: 100%!important;
        height: auto!important;
    }
}
.portrait_img {
    left: -5%;
}
.ytp-chrome-top {
    top: 40px!important;
}
.youtube_box {
    position: relative;
    width: 100%;
    height: 100%;
    /*left: -10%;*/
}
.youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.youtube_box:empty {
    display: none;
}
/*#intro .con1_box {*/
/*    right: 50px;*/
/*}*/

/* ----------　下層ページ　---------- */
#page_title .title_img {
    filter: opacity(0.5);
    transform: scale(-1,1);
}
#page_title .title_wrap {
    background: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    max-width: 700px;
}
#page_title .title_wrap:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(./Dup/img/bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
    opacity: 0.7;
}
#page_title .title_wrap p,#page_title .title_wrap h2 {
    position: relative;
    z-index: 2;
    top: 40%;
}
#cms_1-e .date, .cms_1-e .date {
    color: #fff;
}
#cms_2-b .cate_title ,.cms_2-b .cate_title{
    background: #c4b283;
    color: #fff;
}
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */



/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
/* ----------　all　---------- */
#mainheader {
    height: 100px!important;
    z-index: 1;
}
#mainheader h1 {
    width: 250px;
}
#footer_nav {
    padding: 2% 15%;
}
/* ----------　TOP　---------- */
.top_logo_wrap #logo {
    margin-top: 0;
}
.top_logo_wrap #logo:before {
    height: 39px;
}
.main_imgWrap {
    height: 80vw;
}
.main_imgWrap figure {
    position: relative;
    height: auto;
    width: 136%;
    z-index: -1;
    left: -25%;
}
.main_imgWrap figure img {
    width: 100%;
    height: 100%!important;
}
.main_imgWrap:before {
    background-position: 13% 89%;
    background-size: 63%;
}
.top_page main {
     margin-top: 0vh; 
}
.con1_txt_wrap:before {
    width: 150px;
    height: 150px;
    transform: translate(7%,-51%);
    pointer-events: none;
}
.con1_txt_wrap:after {
    width: 140px;
    height: 160px;
    transform: translate(30%,-50%);
}
.youtube_box {
    position: relative;
    width: 100%;
    padding-top: 54%;
    left: 0;
}
/* ----------　下層ページ　---------- */
#page_title {
    padding-top: 59px;
}
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */

}



/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
/* ----------　all　---------- */
#mainheader h1 {
    width: 200px;
}
#mainheader .logo_wrap {
   margin-top: 0;
   margin-bottom: 20px;
}
#footer_nav {
    padding: 5% 0%;
}
/* ----------　TOP　---------- */
.top_logo_wrap #logo:before {
    bottom: -65%;
    left: 2%;
    width: 110px;
    height: 24px;
}
.main_imgWrap {
    height:123vw;
}
.main_imgWrap:before {
    /*background-image: url(./Dup/img/catch_sp.png);*/
   background-position: 36% 99%;
    background-size: 93%;
    filter: contrast(0.7);
    /*filter: drop-shadow(1px 1px 1px white) drop-shadow(1px 1px 4px white);*/
}
.main_imgWrap figure {
    width: 220vw;
    left: -98%;
}
.con1_img img {
    transform: translate3d(0px, 0px, 0px) scale(1.2)!important;
}
.con1_txt_wrap:before {
    width: 100px;
    height: 100px;
    transform: translate(7%,-83%);
}
.con1_txt_wrap:after {
    width: 100px;
    height: 100px;
    transform: translate(-10%,-50%);
}
.youtube_box{
  width: 100%;
  padding-top: 56%;
}
/* ----------　下層ページ　---------- */
#page_title {
    padding-top: 0px;
}
#page_title .title_wrap p, #page_title .title_wrap h2 {
    letter-spacing: 1px;
}
#page_title .title_wrap {
    width: 78%!important;
}
#page_title .title_wrap p, #page_title .title_wrap h2 {
    left: -15%;
}
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */
}







/* ----------　スマホ　---------- */