@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');
.hannari{font-family: 'Noto Sans JP', sans-serif;}
.num{font-family: 'Fredericka the Great', cursive;}

/*--------------all page--------------------------------------------------*/
header.scr_header{background-color:rgba(255,255,255,0.5)!important;}
#pc_nav li a{color:#3d2e21;}
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after{background: rgb(243,160,89);}
.linkStyle{color:#f3a059;}

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

#main_img:before{background-color:rgba(236,236,236,0.1);}

#main_img .square_box{background-color:transparent;}
#top_pc_nav li a{color:#3d2e21;}
.back1{
  background:url(./Dup/img/item2.png) no-repeat left top,
                      url(./Dup/img/item4.png) no-repeat right top;
}
.back1:before,.back2:before{display:none;}
#intro{
  padding-bottom:50px;
  margin-bottom:0;
}
#intro_wrap{
  background-color: rgba(255,255,255,0.5);
  border: 1px solid #ffd5b1;
}
#intro .num,#contents3 .num{
  background-color: white;
  padding: 0 20px;
  top: -40px;
}
.num{
  line-height:1;
  opacity:1;
}
#contents1{ padding-top:100px;}
#contents1_wrap{padding-bottom:100px;}
#contents2_wrap{
  padding-top:100px;
}
.con1_box,.con2_box{position:relative;}
.con1_box:before,.con2_box:before{
  content:'';
  position:absolute;
  display:block;
  width:120%;
  height:120%;
  top:20px;
  z-index:-1;
}
.con1_box:before{
  background-color:#e6f7ea;
 right:-100px;
}
.con2_box:before{
  background-color:#ddf9ed;
  left:-100px;
}
.item5{
  top: 18%;
  right: 33%;
  z-index: -1;
}
.item6{
  top:16%;
  left:28%;
  z-index:-1;
}
#contents3_wrap:after {background-color: rgba(197,197,197,0.3)!important;}
#contents3 .con_box{
  background-color: rgba(255,255,255,0.5);
  border: 1px solid #ffd5b1;
}
.top_cms_box:first-of-type{padding-top:150px;}
.top_cms_inner{ background-color:rgba(255,255,255,0.5);}
#info_contact .con_img:before{background-color: rgba(138,185,187,0.4);}
#top_cms .top_cms_box .cms_title .pop400{
  padding-top:30px;
  border-top:1px solid orange;
  
}


/*-----------------under page-----------------------------------------------*/
.con_bg{
  background-color:rgba(255,255,255,0.5);
  border: 1px solid #ffd5b1;
}
#page_title:before{background-color: rgba(183,183,183,0.2);}
.overlay {background: rgba(255,255,255,0.9)!important;}
.overlay .bg_color1{background-color: #ecab5a;}
.overlay-menu .left li a{color: #70543c;}
.overlay-menu .right h2,.overlay-menu .right p a{color: #70543c;}
#overlay .left, #overlay .right {border-color: #ae947d;}
#overlay .left li:before{color:rgb(61,46,33);}
#nav_menu .menu{color: #3d2e21;}
.button_container span{background:rgb(61,46,33);}
.button_container.active .top,.button_container.active .bottom{background:#ae947d;}
.nav_menu_more:first-of-type a .icon:before{display:none;}


/* ---------- responsive ---------- */
@media screen and (max-width: 1500px){
.item5{top:10%;}
.item6{left:20%;}
}
@media screen and (max-width: 1300px){
.back1{background-size:40%;}
#contents2{padding-bottom:150px;}
}
@media screen and (max-width: 1100px){
#contents2{padding-bottom:200px;}
.item5{
  width:40%;
  top:4%;
  right:18%;
}
.item6{
  width:40%;
  top:17%;
  left:18%;
}
.con1_box:before{right: -60px;}
.con2_box:before{
  width:150%;
  left: -60px;
}
}
@media screen and (max-width: 900px){
.item6 {top: 16%;}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img .square_box{display:none;}
.item5,.item6{display:none;}
.con1_box:before {
    right: -25px;
}
.con2_box:before {
  width:120%;
  left:-56px;
}
#contents1 .num {top: -17px;}
#contents2 .num {top: 85px;}
#contents2_wrap{padding-top:0;}
.pager .prev{margin-right:0;}
.page9 .page_title_box h2{font-size:29px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#intro h3{
  font-size:20px;
  letter-spacing:0;
}
#contents1 {padding-top: 50px;}
#contents1 .num,#contents2 .num {top: -25px;}
#contents1_wrap {padding-bottom: 50px;}
.top_cms_box:first-of-type {padding-top: 50px;}
.line-l:before{display:none;}
#page_title .page_title_box{top: 55%;}
.page04 .page_title_box h2,.page06 .page_title_box h2{font-size: 20px;}
.page9 .page_title_box h2 {font-size: 24px;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){

}