/* color */
.txt_color_nomal,body{color: #464646;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #00aeef} /* メインカラー */
.txt_color2{color: #fcf1e8} /* サブカラー */
.txt_color3{color: #44bbac} /* アクセントカラー1 */
.txt_color4{color: #b9dbd6} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #00aeef} /* メインカラー */
.bg_color2{background-color: #fcf1e8} /* サブカラー */
.bg_color3{background-color: #44bbac} /* アクセントカラー1 */
.bg_color4{background-color: #b9dbd6} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #00aeef}
.border_color2{border-color: #fcf1e8}
.border_color3{border-color: #44bbac}
.border_color4{border-color: #b9dbd6}


/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #464646;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #00aeef} /* メインカラー */
.hvr_txt_color2:hover{color: #fcf1e8} /* サブカラー */
.hvr_txt_color3:hover{color: #44bbac} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #b9dbd6} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #00aeef} /* メインカラー */
.hvr_bg_color2:hover{background-color: #fcf1e8} /* サブカラー */
.hvr_bg_color3:hover{background-color: #44bbac} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #b9dbd6} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #00aeef }
.hvr_border_color2:hover{border-color: #fcf1e8}
.hvr_border_color3:hover{border-color: #44bbac}
.hvr_border_color4:hover{border-color: #b9dbd6}

.font_serif {
    font-family: 'Sawarabi Gothic', sans-serif !important;
}
.linkStyle {
    color: #00aeef;
}
.Text-Span {
  position: relative;
  z-index: 1;
}
.Text-Span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 0%;
  height: 4px;
  background: #5bc8ac;
  z-index: -1;
  transition: all 0.8s;
}
.Text-Span.isActive:after {
  width: 100%;
}

.fadein {
    opacity: 0;
    transform: scale(0.8);
    transition: 0.3s;
    transition-property: opacity,transform;
}
.fadein.fadetrans {
    opacity: 1;
    transform: scale(1);
}


.con2_box {
    position: relative;
    padding: 2em 1.5em;
    margin: 2em 0;
    border: solid 3px #44bbac;/*線*/
    border-radius: 8px;/*角の丸み*/
    color: #464646;/*文字色*/
}
.con2_box .con2_box_title{
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 10px;
    line-height: 1;
    font-size: 1.3em;/*タイトル文字サイズ*/
    background: #fcf1e8;/*タイトル文字背景色*/
    color: #44bbac;/*タイトル文字色*/
    font-weight: bold;
}
.con2_box p {
    margin: 0; 
    padding: 0;
}
#contents_links .width_1280-max, header {
    /*background-color: #44bbac;*/
    background: -webkit-repeating-linear-gradient(-45deg, #fcf1e8, #fcf1e8 5px, #fffbf5 5px, #fffbf5 10px);/*ストライプ*/
    background: repeating-linear-gradient(-45deg, #fcf1e8, #fcf1e8 5px, #fffbf5 5px, #fffbf5 10px);/*ストライプ*/
}

#contents1_txt {
    background-image: url(./Dup/img/mizu.png);
    background-repeat: repeat-x;;
    background-position: center bottom;
}

.catch {
    z-index: 1;
    /*transform: rotate(
-12deg
);*/
    bottom: 26%;
    left: 5%;
    width: 550px;
    animation: yureru-j 2s infinite;
}

@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
#intro, #page_title {
    background-image: url(./Dup/img/haikei.png), url(./Dup/img/haikei2.png);
    background-size: 60% auto, 60% auto;
    background-position: bottom left, top right;
    background-repeat: no-repeat, no-repeat;
}
.news {
    background-image: url(./Dup/img/haikei3.png);
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
}

#top_cms1 {
    padding-bottom: 150px;
    margin-bottom: 0;
}
.pager {
    justify-content: center;
}
header .bg_color2, .sc_menu {
    background-color: #f4decb;
}
/********タブレット*************/
@media screen and (max-width: 768px) {
.catch {
    width: 55%;
}
.cms_2-c .box_item, #cms_2-c .box_item {
    width: 90%!important;
    margin: 0 auto;
    border: none;
}
.cms_2-c .flex_order2, #cms_2-c .flex_order2 {
    order: 1;
}
}
/********スマホ*************/
@media screen and (max-width: 667px) {
    .news {
    background-size: cover;
}
#intro {
    background-size: 100% auto, 100% auto;
}
}
/************IE********************/
@media all and (-ms-high-contrast:none) {
#cms_3-d .cate .cate_title {
    padding-bottom: 17px !important;
}

#cms_6-a .cate .cate_title {
    padding-top: 7px !important;
}

}