/* color */
.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #70c494} /* メインカラー */
.txt_color2{color: #00a968} /* サブカラー */
.txt_color3{color: #FF9933} /* アクセントカラー1 */
.txt_color4{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #70c494} /* メインカラー */
.bg_color2{background-color: #00a968} /* サブカラー */
.bg_color3{background-color: #FF9933} /* アクセントカラー1 */
.bg_color4{background-color: #eeeeee} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #70c494}
.border_color2{border-color: #00a968}
.border_color3{border-color: #FF9933}
.border_color4{border-color: #eeeeee}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #70c494} /* メインカラー */
.hvr_txt_color2:hover{color: #00a968} /* サブカラー */
.hvr_txt_color3:hover{color: #FF9933} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #70c494} /* メインカラー */
.hvr_bg_color2:hover{background-color: #00a968} /* サブカラー */
.hvr_bg_color3:hover{background-color: #FF9933} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #eeeeee} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #70c494}
.hvr_border_color2:hover{border-color: #00a968}
.hvr_border_color3:hover{border-color: #FF9933}
.hvr_border_color4:hover{border-color: #eeeeee}





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

#header, #top_info{background-image: url(../Dup/img/back.png);background-size: cover;}
#top_info{background-color:#fcfff8!important;}
.con1_right{background-image: url(../Dup/img/clover.png); background-position:top 15% center; background-repeat: no-repeat;}

#contents1 h2{
font-family: maryam, sans-serif;
font-weight: 400;
font-style: normal;
font-size:7rem;
line-height: 1;
}
#contents1 p{text-align: center;}
#contents1 span{text-align: left;display: inline-block;}

#contents2 .con2_left { position: relative;}
#contents2 .con2_title::before {
  content: '';
  display: inline-block;
  width: 200px;
  height: 250px;
  background-image: url(../Dup/img/clover_left.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  position:absolute;
  top:-40px;
}

.banner {
    max-width: 700px;
    margin: 50px auto 100px;
    width: 90%;
}

/*-----------------------------
下層
-----------------------------*/
.page_title_box p::after {
  content:'';
  display: block;
  width: 13rem;
  height: 1.8rem;
  background-image:  url(../Dup/img/clover_subtitle.png) ;
  background-repeat: no-repeat;
  background-size: contain;
}
#page_title .bg_color1{background-color: #dddddd!important ;}

#page_title p, #page_title h2{color:#808080}

#page03 .box_title1{font-size: calc(1rem + 4px);}
#page03 .box_title2{font-size: calc(1rem + 2px);}
#page03 .box_txt1{font-size:14px!important;}
/* ------------------------------------------
スマートフォン
--------------------------------------------*/
@media screen and (max-width: 667px){
.banner {
    margin: 0 auto;
}
.pd_b-100px_tb {
    padding-bottom: 50px;
}
.pd_t-100px_tb {
    padding-top: 50px;
}

}

/* ------------------------------------------
タブレット
--------------------------------------------*/
@media screen and (max-width: 768px){
/*#main_img{height: 100%!important;}*/
#contents2 h2,#contents3 h2{font-size: calc(1rem + 8px);}

.banner {
    margin: 0 auto;
    width: 100%;
}
.page_title_box p::after {
  content:'';
  display: block;
  width: 8rem;
  height: 1.6rem;
 background-image:  url(../Dup/img/clover_subtitle.png) ;
background-repeat: no-repeat;
  background-size: contain;
margin: 0 auto;
}

}