#main_img .txt, #page_title, #f_contact .con_txt, h2, h3 {
font-family: 'M PLUS Rounded 1c', sans-serif !important;
}
/* color */
body,.txt_color_nomal{color: #533900;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #f0d12c} /* メインカラー */
.txt_color2{color: #f0d12c} /* サブカラー */
.txt_color3{color: #35b5d2} /* アクセントカラー1 */
.txt_color4{color: #ffcebd} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #f0d12c} /* メインカラー */
.bg_color2{background-color: #f4ac92} /* サブカラー */
.bg_color3{background-color: #35b5d2} /* アクセントカラー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: #f0d12c}
.border_color2{border-color: #ffcebd}
.border_color3{border-color: #35b5d2}
.border_color4{border-color: #ffcebd}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #533900;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #f0d12c} /* メインカラー */
.hvr_txt_color2:hover{color: #f3f3f3} /* サブカラー */
.hvr_txt_color3:hover{color: #35b5d2} /* アクセントカラー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: #f0d12c} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f3f3f3} /* サブカラー */
.hvr_bg_color3:hover{background-color: #35b5d2} /* アクセントカラー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: #f0d12c}
.hvr_border_color2:hover{border-color: #f3f3f3}
.hvr_border_color3:hover{border-color: #35b5d2}
.hvr_border_color4:hover{border-color: #ffcebd}

.linkStyle {
  color: #533900;
}
#tel_txt a {
  color: #533900;
}
#main_img .txt {
    z-index: 10;
    top: 35%;
    left: 10vw;
}
#intro .rectangle_img {
    border-radius: 20px;
}

#main_img h2 {
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.02em;
    font-size: 2.472222vw;
}
#intro .intro_bg {
    background-color: rgba(53,181,210,0.4);
}
#contents2 .cate_box {
   border-radius: 20px;
    background-color: #35b5d2;
}
#contents2 .cate_box .box_txt1, #contents1 .contents_txt, .more_bt .posi_rel {
  color: #ffffff;
}
#header .txt_white, #top_info .d_block, #bottom_menu .txt_white {
    color: #43a1b6;
}
#contents1:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/con1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    width: 50%;
    height: 30%;
    bottom: 0px;
    right: 71px;
}
#main_img:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/woman2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    width: 50%;
    height: 30%;
    bottom: 0px;
    right: 56px;
    z-index: 1;
}

#intro {
    background-image: url(./Dup/img/intro.png);
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: right;
}

#contents2 .cate_box {
	position: relative;
}
#contents2 .cate_box:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/risu.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    right: 0px;
    top: -65px;
    width: 100%;
    height: 30%;
}
#top_info .info_txt .mg_b-25px {
    color: #ffffff;
}
.cms_5-c .box_txt1::before, #cms_5-c .box_txt1::before {
    color: rgba(53,181,210,1);
}
#top_cms, #main {
	background-image: url("./Dup/img/back.png");
	background-repeat: repeat-y;
	background-size: 100% auto;
}
/*#contents1 h2, #intro h2 {
    text-align: center;
}*/
#contents1 h2, #intro h2 {
	position: relative;
}
#contents1 h2:before, #intro h2:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/huki.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 20%;
    height: 130%;
    top: -53px;
    left: -5%;
}

#header .menu_stick .border_white {
    border-color: #35b5d2;
}
#sp_nav a.active {
    color: #fff;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 10px;
}
#cms_6-b .box_txt1 {
    color: #35b5d2;
}
#page_title span {
color: #f0d12c;
}
.cate_title {
    font-weight: bold;
}
.info_txt .txt_color3 {
    color: #43a1b6;
}
/*******アニメーション**********/
/*#main_img:after {
  animation: poyoyon3 2.5s infinite;
}
@keyframes poyoyon3 {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }*/
/**********************************/













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

/* color */
body,.txt_color_nomal{color: #533900;}
.txt_white_tb{color: white;}
.txt_red_tb{color: red;}
.txt_color1_tb{color: #f0d12c} /* メインカラー */
.txt_color2_tb{color: #f0d12c} /* サブカラー */
.txt_color3_tb{color: #35b5d2} /* アクセントカラー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: #f0d12c} /* メインカラー */
.bg_color2_tb{background-color: #f3f3f3} /* サブカラー */
.bg_color3_tb{background-color: #35b5d2} /* アクセントカラー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: #f0d12c}
.border_color2_tb{border-color: #ffcebd}
.border_color3_tb{border-color: #35b5d2}
.border_color4_tb{border-color: #ffcebd}

#main_img:after {
    width: 50%;
    height: 23%;
    top: 10%;
    right: 32px;
    z-index: 1;
}
#contents1:after {
    background-position: bottom right;
    width: 13%;
    height: 30%;
    bottom: 0px;
    right: 24px;
}
#intro {
    background-size: auto 30%;
    background-position: right;
    background-position-y: 84%;
}
#contents2 .cate_box:after {
    right: 0px;
    top: -52px;
    width: 100%;
    height: 30%;
}
#contents1 h2:before {
    width: 20%;
    height: 130%;
    top: -62px;
    left: -12%;
}
#main_img h2 {
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.02em;
    font-size: 4.472222vw;
}
#page10 .d_flex h2 {
    display: grid;
    position: relative;
    top: -15px;
}
#page10 h2 span {
    position: absolute;
    top: 30px;
    left: 130px;
}
}





/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.bg_color_clear_sp{background-color: transparent!important}
#contents2 .cate_box:after {
    right: 0px;
    top: -52px;
    width: 100%;
    height: 22%;
}
#contents1 .contents_txt {
    color: #533900;
}
#contents1:after {
    background-position: bottom right;
    width: 20%;
    height: 42%;
    bottom: 44%;
    right: 21px;
}

#main_img:after {
    width: 50%;
    height: 23%;
    top: 10%;
    right: 32px;
    z-index: 1;
}
#intro h2:before {
    width: 20%;
    height: 60%;
    top: -38px;
    left: -9%;
}
#contents1 h2:before {
    width: 20%;
    height: 130%;
    top: -43px;
    left: -9%;
}
#top_info h3 {
    font-size: 17px;
}
/*#page10 .d_flex h2 {
    display: block;
    position: relative;
    top: 0px;
}
#page10 h2 span {
    position: relative;
    top: 0px;
    left: 0px;
}*/
#page-top {
  bottom: 50px !important;
}
.font_2dw_tb {
    font-size: 14px;
}
.font_2dw {
    font-size: 14px;
}
}

@media all and (-ms-high-contrast:none){
#cms_2-a .cate .cate_title {
    padding-top: 10px !important;
}
}