/* ---------------------- color */
/* メインカラー */
.txt_color1{color: #006400} 
.bg_color1{background-color: #006400} 
.border_color1{border-color: #006400}
.hvr_txt_color1:hover{color: #006400} 
.hvr_bg_color1:hover{background-color: #006400} 
.hvr_border_color1:hover{border-color: #006400}

/* サブカラー */
.txt_color2{color: #D9E0D7} 
.bg_color2{background-color: #D9E0D7} 
.border_color2{border-color: #D9E0D7}
.hvr_txt_color2:hover{color: #D9E0D7} 
.hvr_bg_color2:hover{background-color: #D9E0D7} 
.hvr_border_color2:hover{border-color: #D9E0D7}


/* ---------------------- common */
html, body {
    font-size: 18px;
}
body {
    font-family: 'Red Hat Display','Zen Maru Gothic',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.letter_2 {
    letter-spacing: 4px;
}

p::selection,
span::selection,
h2::selection,
h3::selection,
h4::selection,
a::selection,
div::selection,
img::selection,
iframe::selection,
br::selection{
background:#D9E0D7;
color: #006400;
}

p::-moz-selection {
background:#D9E0D7;
color: #006400;
}

.cate_title, 
.box_title1 {
    font-weight: 700;
}
/* --- automatic link --- */
.linkStyle{color: #006400}

.linkStyle:hover{
    text-decoration: underline;
}

/* ---------------------- header */

/* ---------------------- nav */
#pc_nav ul li a {
    font-weight: 700;
}
.footer_nav li a {
    font-weight: 700;
}
/* ---------------------- footer */



/* -------------------------- top ------------------------- */
#main_img .main_bg {
    opacity: 0.4;
}
#main_img .main_txt_wrap {
    right: auto;
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#contents1 .con1_bg {
    opacity: 0.9;
}
#catchcopy{
    position: relative;
}
#catchcopy::before{
    content:'';
    position:absolute;
    height:350px;
    width:50%;
    background-image:url('Dup/img/catchcopy.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.8));
}
.main_txt_wrap p {
    display: none;
}
/* --- more --- */
.more a {
    font-weight: 700;
}
/* -------------------------- sub ------------------------- */

/* ---------------------- cms1 */
.date,.pager li a {
    font-weight: 700;
}
/* ---------------------- cms2 */
.cms_2-a .box_txt1,#cms_2-a .box_txt1  {
    opacity: 1;
}
/* ---------------------- cms3 */

/* ---------------------- cms4 */
#comments {
    height: 350px;
    position: relative;
}
#comment1{
    position: relative;
    height: 350px;
    width: 36%;
    left: 9%;
    top: -37px;
}
#comment2{
    height: 350px;
    width: 30%;
    right: 10%;
    position: absolute;
    top: 0%;
}

/* ---------------------- cms5 */

/* ---------------------- info */

/* ---------------------- contact */
#contact_tel a {
    max-width: 400px;
    font-weight: 700;
}
.tel_txt_box h3{
    font-weight: 700;
}
/* ---------------------- privacy policy */
#page09 a{
    font-weight: 700;
}
/* ---------------------- sitemap */


/* ----------------------------------------------------------------------------------------------------------------------------
IE
--------------------------------------------------------- */
@media all and (-ms-high-contrast: none){
/* ---------------------- common */

/* ---------------------- header */
/*@media all and (-ms-high-contrast:none)*/
#pc_nav a, .cate_list a, #footer .tel_bt a, #footer .contact_bt a{
    padding-top: 10px!important;
}

/* ---------------------- nav */

/* ---------------------- footer */



/* -------------------------- top ------------------------- */
/* --- more --- */

/* -------------------------- sub ------------------------- */

/* ---------------------- cms1 */
.pager li.prev a, .pager li.next a{
    padding: 0px 20px 2px!important;
}
/* ---------------------- cms2 */

#cms_2-a .cate .cate_title {
    padding-top: 10px!important;
}

/* ---------------------- cms3 */

/* ---------------------- cms4 */
#cms_3-b .cate_title {
    padding-top: 10px!important;
}

/* ---------------------- cms5 */

/* ---------------------- info */

/* ---------------------- contact */

/* ---------------------- privacy policy */
/*@media all and (-ms-high-contrast:none)*/
#page09 a {
    padding-top: 0px!important;
    padding-bottom: 2px!important;
}

/* ---------------------- sitemap */

.more a span.hvr_more_span, #page10 a {
    padding-top: 15px!important;
}


}

/* ---------------------------------------------------------------------------------------------------------------------------- 
タブレット　
--------------------------------------------------------- */
@media screen and (max-width: 768px){
/* ---------------------- common */
 .linkStyle{
    text-decoration: underline;
}
 
 /* ---------------------- header */

/* ---------------------- nav */

/* ---------------------- footer */



/* -------------------------- top ------------------------- */
#catchcopy::before {
    width: 70%;
}
/* --- more --- */

/* -------------------------- sub ------------------------- */

/* ---------------------- cms1 */

/* ---------------------- cms2 */

/* ---------------------- cms3 */

/* ---------------------- cms4 */
#comments {
    height: 160px;
    margin-bottom: 20px;
}
#comment1 {
    height: 350px;
    width: 50%;
    left: 0%;
    top: -52px;
}
#comment2 {
    height: 150px;
    width: 43%;
    right: 2%;
}
/* ---------------------- cms5 */

/* ---------------------- info */

/* ---------------------- contact */

/* ---------------------- privacy policy */

/* ---------------------- sitemap */

 
}

/* ----------------------------------------------------------------------------------------------------------------------------
スマホ　
--------------------------------------------------------- */
@media screen and (max-width: 667px){
/* ---------------------- common */
html, body {
    font-size: 16px;
}
/* ---------------------- header */

/* ---------------------- nav */

/* ---------------------- footer */



/* -------------------------- top ------------------------- */
#catchcopy::before {
    height: 200px;
    width: 100%;
}
/* --- more --- */

/* -------------------------- sub ------------------------- */

/* ---------------------- cms1 */

/* ---------------------- cms2 */

/* ---------------------- cms3 */

/* ---------------------- cms4 */
#comments {
    height: 350px;
    margin-bottom: 0;
}
#comment1 {
    height: 250px;
    width: 266px;
    left: 0%;
    top: -38px;
}
#comment2 {
    height: 150px;
    width: 250px;
    right: 2%;
    top: 150px;
}
#cms_3-b .cate_box {
    padding: 25px;
}
#cms_3-b .box_item {
    padding-right: 0px;
}
/* ---------------------- cms5 */

/* ---------------------- info */

/* ---------------------- contact */
#contact_tel a {
    padding: 30px 5px;
    white-space: nowrap;
}
/* ---------------------- privacy policy */

/* ---------------------- sitemap */

	
}
/*220106 fix*/
#top_contact_banner {
    background-color: #006400;
}
#top_banner_box {
    padding: 70px 0;
    display: flex;
    justify-content: center;
    gap: 50px;
}
#top_line,#top_instagram {
    display: block;
    width: 350px;
    position: relative;
    transition: all 0.3s;
}
#top_line:hover, #top_instagram:hover {
    transform: translate(0px, -6px);
    box-shadow: 0 5px 16px rgba(5, 30, 13, 0.7);
}
/*IE*/
@media all and (-ms-high-contrast: none){
    #top_line{
        margin-right: 50px;
    }
}
/*TB*/
@media screen and (max-width: 768px){
    #top_line,#top_instagram {
    width: 250px;
    }
}
/*SP*/
@media screen and (max-width: 667px){
    #top_banner_box {
    flex-wrap: wrap;
}
}
/*2023/03/28*/
#catchcopy::before {
    display: none;
}
#main_img .main_bg {
    opacity: 0;
}
#pc_nav ul li a {
    color: #59524d;
}
#pc_nav ul .contact_bt a {
    color: #fff;
    background-color: #006400;
}