@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@500&display=swap');

body{
/*font-family: 'Noto Sans JP', sans-serif ;*/
font-family: 'Kiwi Maru', serif;
line-height: 1.7em;
}

/*-----------color start----------*/
body,.txt_color_nomal{color: #42210b;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #7ba27f} /* メインカラー */
.txt_color2{color: #fefeff} /* サブカラー */
.txt_color3{color: #c2986d} /* アクセントカラー1 */
.txt_color4{color: #e3e0cf} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #7ba27f}
.border_color2{border-color: #fefeff}
.border_color3{border-color: #c2986d}
.border_color4{border-color: #e3e0cf}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #42210b;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #7ba27f} /* メインカラー */
.hvr_txt_color2:hover{color: #fefeff} /* サブカラー */
.hvr_txt_color3:hover{color: #c2986d} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e3e0cf} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #7ba27f}
.hvr_border_color2:hover{border-color: #fefeff}
.hvr_border_color3:hover{border-color: #c2986d}
.hvr_border_color4:hover{border-color: #e3e0cf}


/*-----------color end----------*/

/*--------common start---------*/

#page_container{
 /*background-color: #fefeff;*/
    background-color:#f9f8ef;
}

header{
    /*background-color: #fefeff;*/
    background-color:#f9f8ef;
}

#main_right header, #main_right main #page_container, #page_title {
    padding-right: 5%;
}

#main_right header{
padding-right:0;
}

/*#top_header{
background-color: rgba(254, 254, 255, 0.7) !important;
}*/

#top_header {
    background-color: rgba(249, 248, 239, 0.7) !important;
}


#top_header h1.grid_6{
width: 31.33333%!important;
}

#page_container {
    padding-right: 5% !important;
}



figure{
    border-radius: 10px;
    overflow: hidden;
}

#page_title figure{
margin-bottom:-20px;
}

#page_title {
    background-image: url(./Dup/sub_back.jpg);
}

#page_title h2 span{
font-family: 'Noto Serif JP', serif;
}

#pc_menu  .bg_wrap.bg_color3{
    background-color: #7ba27f;
}

.linkStyle{
color:#7ba27f;
}

/*--------common end---------*/

/*------------index start------------*/

#pc_intro{
    background-image: url(./Dup/illu.png), url(./Dup/sub_back.jpg);
    background-size: 200px, auto;
    background-repeat: no-repeat, repeat;
    background-position: bottom right, center;
}

#contents:after {
    background-color: rgba(254, 254, 255, 0.6) !important;
}

#contents .fs_wrap h3 span{
    color: #844109;
    font-weight: bold;
font-family: 'Noto Serif JP', serif;
font-family: 'Kaisei Decol', serif;
}

#pc_tel a{
color: #925b2c;
    font-weight: bold;
}

#pc_intro h3{
margin-bottom:10px;
width:50% !important;
}

.links_bt{
max-width:230px !important;
}

/*------------index end------------*/

/*-------ランディング start-------*/

.box_link{
max-width: 300px;
}




/*-------ランディング end-------*/

/*---------お客様の声 start----------*/

#cms_5-b .cate_box .open_bt .box_title1:before, .cms_5-b .cate_box .open_bt .box_title1:before {
    content: none;
}

/*---------お客様の声 end----------*/



/*----------お問い合わせ start------------*/

.henko .border_color2 {
    border-color: #000;
}

.henko #tel_txt p, .henko #tel_txt2 p{
text-align: left;
    padding-left: 10%;
}

/*----------お問い合わせ end------------*/


/*---------20211008 correct start--------*/

#map{
display:none;
}

.kore{
display:block !important;

}

#pc_intro h2{
font-size:23px;
opacity:1;
}

/*---------20211008 correct end--------*/

/*---------20211012 start-----------*/


.mend{
    max-width: 500px;
    margin: auto;
margin-top:-50px;
margin-bottom:100px;
position:relative;
}

.mend:before{
content: "";
    display: block;
    width: 100%;
    height: 120%;
    position: absolute;
    top: -20%;
    left: 50%;
    background-image: url(./Dup/ks_top.png);
    background-position: center left;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 0;
}

.ks_banner{
    bottom: 0;
    width: 100%;
}

#pc_tel .fs_wrap{
    background-color: white;
    padding: 5px;
}

#pc_tel{
width:100%;
}

/*---------20211012 end-----------*/

/*---------20211019 start---------*/

#left_bar{
position:relative;
z-index:12;
}

#main_right header{
    position: relative;
    z-index: 11;
padding-bottom:100px;
}

main{
position:relative;
z-index:11;
}

/*---------20211019 end---------*/

/*-------20211109 correct start------*/

.links_bt {
    max-width: 200px !important;
}

.bigs{
        z-index: 1;
    position: relative;
    padding: 0 20px;
    margin: auto;
    text-align: center;
    max-width: 400px;
    min-width: 300px;
}

#pc_intro h2 {
    font-size: 2.2vw;
    line-height: 1.5em;
}

.ksbb{
    margin-bottom: 1.2em;
    font-size: 6.5vw;
    line-height: 1.5em;
}

.mend {
    max-width: 500px;
    margin: auto;
    position: relative;
    bottom: 0;
    transform: scale(2.7) translateY(30px);
}


/*-------20211109 correct end------*/


@media all and (-ms-high-contrast: none){

.cate_list li a {
    padding-top: 8px;
}

#copyright {
padding-top:0;
}


#page10 ul li a {
    padding-top: 8px;
}


}


@media screen and (min-width: 769px){
#pc_tel img {
    width: 26px;
    height: auto;
}

#main_right {
    /*z-index: 1;*/
    position: relative;
}
}


@media screen and (max-width: 1000px){
#pc_intro h2 {
    font-size: 30px;
}
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header {
    background-color: rgba(254, 254, 255, 0.4);
}

#top_header .tel_bt a, #top_header .intro_bt a{
background-color: transparent !important;
border: 1px solid #c2986d;
}


/*-----20211012 start------*/

#top_header h1.grid_6 {
    width: 27.33333%!important;
}

.links_bt {
    max-width: 200px !important;
    top: 35% !important;
}

.sub .links_bt{
top: auto !important;
}

/*.mend{
margin-top:-310px;
}*/

.ks_banner {
    bottom: 14.5%;
}


.sub .ks_banner {
    bottom: 0;
}

/*.sub #main_menu {
    padding-bottom: 10vw;
}*/

#sp_info{
padding-bottom:100px;
}

/*-----20211012 end------*/

/*-------20211108 correct start------*/
#main_right header {
    min-height: 80vh !important;
padding-bottom:0;
}

header {
    height: 80vh !important;
}

#contents {
    padding: 0vh 0 10vh;
}

#contents .fs_wrap {
    padding: 0 !important;
}

.mend {
    transform: scale(2) translateY(10px);
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

.henko #tel_txt p, .henko #tel_txt2 p{
text-align: left;
    padding-left: 20px;
}

#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1 {
    margin-left: 75px;
    letter-spacing: 1px;
}

body{
letter-spacing:0.03em;
    line-height: 1.7em;
}

}