﻿
/* color */
body,.txt_color_nomal{color: #000;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #007042;} /* メインカラー */
.txt_color2{color: #bfc9bd;} /* サブカラー */
.txt_color3{color: #e6b577;} /* アクセントカラー1 */
.txt_color4{color: #f6f5ee;} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white;} /* 白背景 */
.bg_black{background-color: black;} /* 黒背景 */
.bg_color1{background-color: #007042;} /* メインカラー */
.bg_color2{background-color: #bfc9bd;} /* サブカラー */
.bg_color3{background-color: #e6b577;} /* アクセントカラー1 */
.bg_color4{background-color: #f6f5ee;} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important;}


/* border-color ※!important */
.border_color1{border-color: #007042;}
.border_color2{border-color: #bfc9bd;}
.border_color3{border-color: #e6b577;}
.border_color4{border-color: #f6f5ee;}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #000;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #007042;} /* メインカラー */
.hvr_txt_color2:hover{color: #bfc9bd;} /* サブカラー */
.hvr_txt_color3:hover{color: #e6b577;} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f6f5ee;} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white;} /* 白背景 */
.hvr_bg_black:hover{background-color: black;} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #007042;} /* メインカラー */
.hvr_bg_color2:hover{background-color: #bfc9bd;} /* サブカラー */
.hvr_bg_color3:hover{background-color: #e6b577;} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f6f5ee;} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #007042;}
.hvr_border_color2:hover{border-color: #bfc9bd;}
.hvr_border_color3:hover{border-color: #e6b577;}
.hvr_border_color4:hover{border-color: #f6f5ee;}

h2, h3, h4, .top_cms_box .letter_3, .cms_5-c .box_txt1::before, #cms_5-c .box_txt1::before, #page_title .font_45, .menu .nav1 {
font-family: 'Kiwi Maru', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, serif !important;
}
body {
    line-height: 2;
}
.linkStyle {
    color: #007042;
}
.letter_1, .nav2, .more, .other .box_title2, #contents .txt_wrap .txt_color3 {
font-family: 'Stylish', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif !important;
}
#top_cms, .page2, .page3, .page4, .page5, .page6, .page7, .page8, .page9, .page10 {
    background-image: url("./Dup/img/back.jpg");
}
/*#page_title .wrap {
    background-color: rgba(255, 255, 255, 0.3);
    padding: 20px 20px 2px;
}*/
footer {
    background-color: #007042;
}
.t_cms_img2 .img-container:before {
    background: #e6b577;
}
.img-container:before {
    background: #bfc9bd;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
    transition: all 1.2s 0s ease;
    width: 100%;
    z-index: 1;
}
.menu .logo {
    width: 15%!important;
}
.t_cms_txt4, .t_cms_txt10 {
    box-shadow: -3px 3px 4px rgba(0, 0, 0, 0.2);
    padding: 20px;
}
.t_cms_txt7 {
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
    padding: 20px;
}
/*.t_cms_img1 {
	position: relative;
}
.t_cms_img1:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    width: 150px;
    height: 150px;
    bottom: -110px;
    right: -50px;
    z-index: 1;
    opacity: 0.4;
}*/
.t_cms_img2 {
	position: relative;
}
.con2_img:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 170px;
    height: 170px;
    top: -100px;
    left: -10px;
    z-index: 1;
    opacity: 0.4;
}
/*.t_cms_img3 {
	position: relative;
}
.t_cms_img3:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/3.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    width: 170px;
    height: 170px;
    bottom: -110px;
    right: -75px;
    z-index: 1;
    opacity: 0.4;
}*/
#contents {
    background-image: url(./Dup/img/hana.png), url(./Dup/img/hana2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom right, top left;
    background-size: 30%, 26%;
}
/*.con4_img {
	position: relative;
}
.con4_img:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/4.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;
    width: 150px;
    height: 150px;
    bottom: -244px;
    left: -52px;
    z-index: 1;
    opacity: 0.4;
}*/
/*.img-container {
    border-radius: 50px;
}*/
/*.main_img_wrap {
    height: auto;
    width: 97%;
    z-index: 1;
    background-color: #fff;
}
*/

.cate_list li a {
    display: block;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#tel_txt h3 {
    color: #007042;
}
#page7 .grid_3 {
    width: 30%!important;
    padding: 0 4%;
}
#page7 .grid_9 {
    width: 70%!important;
}
.main_img_wrap .catch {
    bottom: 200px;
    left: 15px;
}
#dec9, #dec11 {
    margin-left: 47.5%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.box_new {
    margin-top: 150px;
}
#loading_logo {
    max-width: 200px;
}
#page_title .font_45 {
    color: #e6b577;
}
/*************1000px*********************/
@media screen and (max-width: 1000px) {
.main_wrap {
    padding-top: 15px;
    margin-top: 81.5vh;
}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header .logo {
    width: 25%;
}
.main_wrap {
    padding-top: 15px;
    margin-top: 48.5vh;
}
.main_img_wrap .catch {
    top: 310px;
    left: 15px;
}
#contents {
    background-image: url(./Dup/img/hana.png), url(./Dup/img/hana2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, top right;
    background-size: 35%, 30%;
}
.con2_img:before {
    width: 170px;
    height: 170px;
    top: 172%;
    left: -68px;
}
.t_cms_img3:before {
    width: 170px;
    height: 170px;
    bottom: -177%;
    right: -75px;
}
/*#contents .t_cms_txt6 {
    left: -100px;
    display: inline-block;
    position: relative;
    width: 600px;
}
#contents .t_cms_txt3, #contents .t_cms_txt9 {
    width: 600px;
}*/
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
    #page_title .wrap {
    background-color: rgba(255, 255, 255, 0);
    padding: 20px 20px 20px;
}
#page7 .grid_3 {
    width: 100%!important;
    padding: 0 4%;
}
#page7 .grid_9 {
    width: 100%!important;
}
.main_wrap {
    padding-top: 15px;
    margin-top: 52.5vh;
}
.main_img_wrap .catch {
    top: 239px;
    left: 22px;
    width: 300px;
}
.con2_img:before {
    width: 100px;
    height: 100px;
    top: -84px;
    left: -24px;
}
.t_cms_img3:before {
    width: 100px;
    height: 100px;
    bottom: -47px;
    right: -38px;
}
#dec9, #dec11 {
    margin-left: 38.5%;
}
.t_cms_txt4, .t_cms_txt10 {
    box-shadow: none;
    padding: 0px;
}
.t_cms_txt7 {
    box-shadow: none;
    padding: 0px;
}
.box_new .pd_l-40px {
    padding-left: 0px;
}
#page_title .font_45 {
    color: #ffffff;
}
}
/*************IE*******************/
@media all and (-ms-high-contrast:none) {
#cms_2-b .cate .cate_title {
    padding-top: 10px !important;
}
#cms_6-a .cate .cate_title {
    padding-top: 10px !important;
}

}