/*body {
  cursor: url(https://plus1jp.com/html/add01/img/plus1cursor.png), auto;
}*/
/* color */
body,.txt_color_nomal{color: #555;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #56b28f} /* メインカラー */
.txt_color2{color: #e7f2ee} /* サブカラー */
.txt_color3{color: #56b28f} /* アクセントカラー1 */
.txt_color4{color: #ffcebd} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_white{border-color: #fff}
.border_color1{border-color: #9BD4A3}
.border_color2{border-color: #e7f2ee}
.border_color3{border-color: #E7D6FF}
.border_color4{border-color: #E7D6FF}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #555;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #9BD4A3} /* メインカラー */
.hvr_txt_color2:hover{color: #e7f2ee} /* サブカラー */
.hvr_txt_color3:hover{color: #E7D6FF} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ffcebd} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #9BD4A3}
.hvr_border_color2:hover{border-color: #e7f2ee}
.hvr_border_color3:hover{border-color: #E7D6FF}
.hvr_border_color4:hover{border-color: #ffcebd}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

/* color */
body,.txt_color_nomal{color: #555;}
.txt_white_tb{color: white;}
.txt_red_tb{color: red;}
.txt_color1_tb{color: #9BD4A3} /* メインカラー */
.txt_color2_tb{color: #e7f2ee} /* サブカラー */
.txt_color3_tb{color: #E7D6FF} /* アクセントカラー1 */
.txt_color4_tb{color: #ffcebd} /* アクセントカラー2 */
	
/* background-color */
.bg_white_tb{background-color: white} /* 白背景 */
.bg_black_tb{background-color: black} /* 黒背景 */
.bg_color1_tb{background-color: #9BD4A3} /* メインカラー */
.bg_color2_tb{background-color: #e7f2ee} /* サブカラー */
.bg_color3_tb{background-color: #E7D6FF} /* アクセントカラー1 */
.bg_color4_tb{background-color: #ffcebd} /* アクセントカラー2 */
.bg_color_clear_tb{background-color: transparent!important}
	
/* border-color ※!important */
.border_white_tb{border-color: #fff}
.border_color1_tb{border-color: #9BD4A3}
.border_color2_tb{border-color: #e7f2ee}
.border_color3_tb{border-color: #E7D6FF}
.border_color4_tb{border-color: #ffcebd}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.bg_color_clear_sp{background-color: transparent!important}
}



#main_img .txt {
    z-index: 10;
    top: 50%;
    left: 4vw;
    width: 40%!important;
    background-image: url(./Dup/img/green_back.png);
    background-position: center;
    background-size: 100% 100%;
}
/*#main_img .txt:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/green_back.png);
    background-position: center;
    background-size: contain;width: 100%;
    height: 100%;
    
}*/


.w_box {
    background-color: #fff;
    padding: 15px;
    border: double 2px #5bb491;
}
#f_contact::before {
    opacity: 0.1;
}
#page_title::before {
    background: rgba(0,0,0,0.1);
}
#pc_nav .grid_3 {
    width: 22%!important;
}
#main_img::before {
    opacity: 0.1;
}
#main_img {
    overflow: hidden;
}
#main_img h2, #main_img p {
    text-shadow: 1px 1px 2px #555;
}
#body {
    background-image: url(./Dup/img/back_image.jpg);
    position: relative;
    z-index: -3;
}
/*#intro .intro_bg {
    background-color: rgba(0,83,121,0.84);
    z-index: 2;
}
#intro .width_1280-max {
    position: relative;
    z-index: 3;
}*/

#contents2 .cate_box {
    background-color: rgba(0,0,0,0);
    background-image: url(./Dup/img/nuri.png);
    background-size: 100% 100%;
    background-position: center;
    box-shadow: 2px 2px 20px rgb(0 0 0 / 0%);
    padding-left: 120px;
    padding-right: 150px;
}

#contents2 .cate_box p {
    color: #fff;
}
.roll {
    right: -370px;
    top: -45px;
}
.top_cms_title h2 .font_100per {
    font-size: -webkit-calc(1rem);
    font-size: calc(2.5rem);
}
#contents1 .txt_color3, .tel_bt a {
    color: #56b28f;
}
.top_cms_title .txt_color3, #page10 .more_bt2 .txt_color3 {
    color: #d5bcf7;
}
#page10 .more_bt2 .txt_color3 {
    opacity: 0.8;
}
.company_img {
    left: 50%;
    transform: translateX(-50%);
    top: -65px;
    z-index: -1;
    width: 70px;
}
.hover_box {
    background-color: #56b28f;
}
.inku {
    right: 0%;
    top: 9%;
    z-index: -1;
    width: 30%;
    opacity: 0.6;
}
.sns_links a img {
    width: 100% !important;
    height: auto !important;
}
.top_cms_title {
    position: relative;
}
.top_cms_title:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/inku.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    top: -33px;
    left: -46px;
    opacity: 0.3;
}
#contents2 .contents2_bg::before {
    opacity: 0.1;
}
.con_spa {
    border: 3px solid #fff;
    padding: 15px;
}
.banner:hover {
    opacity: 0.7;
}
#f_contact .con_txt, #page_title h2.animStart span {
    font-size: 35px;
    font-weight: bold;
    /*color: #E7D6FF !important;*/
}
.linkStyle {
    color: #12b174;
}
/*===========================================================*/
/* カーソル */
/*===========================================================*/
body {
cursor: none; 
}
.cursor,.follower {
border-radius: 50%;
position: fixed; 
top: 0;
left: 0; 
cursor: none; 
pointer-events: none; 
}
.cursor{
width: 40px;
height: 40px;
z-index: 1001; 
}

.follower{
width: 20px;
height: 20px;
background-color: #fdfe00;
z-index: 1000; 
}
a{cursor: none;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#pc_nav .grid_3 {
    width: 80%!important;
}
#main_img {
    height: 50vh !important;
    top: 90px;
}
#intro {
        padding-top: 200px;
}
.inku {
    right: -21%;
    top: 78%;
    z-index: -1;
    width: 60%;
    opacity: 0.6;
}
#contents2 .cate_box {
    background-size: cover;
    background-position: center;
    padding-left: 30px;
    padding-right: 62px;
}
.roll {
    right: -138px;
    top: -17px;
    width: 200px;
}
.cursor {
    display: none;
}
#page10 .more_bt2 a {
    height: 75px;
}
#page10 .more_bt2 .txt_color3 {
    position: absolute;
    left: 0;
    bottom: -15px;
}
#contents1 .img_box {
    margin-top: 70px;
}
#main_img .txt {
    z-index: 10;
    top: 40%;
    left: 4vw;
    width: 80%!important;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img {
    height: 100vh !important;
    top: 60px;
}
#main_img::before {
    height: 91%;
}
#intro {
    padding-top: 100px;
}
#contents2 .cate_box {
    background-size: cover;
    background-position: center;
    padding-left: 5px;
    padding-right: 5px;
}
.roll {
    right: -20px;
    top: 97%;
    width: 100px;
    transform: rotate(90deg);
}
.top_cms_title h2 .font_100per {
    font-size: -webkit-calc(1rem);
    font-size: calc(1rem);
}
#pc_nav .grid_3 {
    width: 80%!important;
}
#f_contact .con_txt, #page_title h2.animStart span {
    font-size: 30px;
}
#page10 .more_bt2 .txt_color3 {
    position: relative;
    left: 0;
    bottom: 0px;
}
#page10 .more_bt2 a {
    height: 50px;
}
#contents1 .img_box {
    margin-top: 0px;
}
#main_img .txt {
    z-index: 10;
    top: 45%;
    left: 8vw;
    width: 85%!important;
}
}