@import url('https://fonts.googleapis.com/css2?family=Wendy+One&display=swap');
.fas {
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  text-rendering:auto;
  line-height:1;
  font-family:"Font Awesome 5 Free",sans-serif;
  font-weight:900
}
@font-face {
  font-family:"Font Awesome 5 Free";
  font-style:normal;
  font-weight:900;
  font-display:swap;
  src:url("//use.fontawesome.com/releases/v5.11.2/webfonts/fa-solid-900.eot");
  src:url("//use.fontawesome.com/releases/v5.11.2/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
      url("//use.fontawesome.com/releases/v5.11.2/webfonts/fa-solid-900.woff2") format("woff2"),
      url("//use.fontawesome.com/releases/v5.11.2/webfonts/fa-solid-900.woff") format("woff"),
      url("//use.fontawesome.com/releases/v5.11.2/webfonts/fa-solid-900.ttf") format("truetype"),
      url("//use.fontawesome.com/releases/v5.11.2/webfonts/fa-solid-900.svg#fontawesome") format("svg")
}

/* ----------　all　---------- */
.linkStyle{
	color:#536936;
	text-decoration: underline;
}
.linkStyle:hover{
	color:#536936;
	opacity: 0.7;
	transition: all 0.5s;
}

.top_cms_box .cms_title, .more, #info_title_box, #page_title, a[href^="tel:"], header #header #header_menu ul, #bottom_menu, #info .info_txt h3, .drawer-menu, #page10, #intro .intro_no, #con_h .con_no {
        font-family: 'Wendy One', sans-serif!important;
}

/* nav */
#logo .logo img {
    margin-top: 15px;
}

/* footer */

#info_title_box {
    padding-bottom: 0;
}

#foot_banner a {
padding: 21px 70px;
}

#copyright {
    background-color: #b7da89!important;
}

/* ----------　TOP　---------- */

/* main-img */

#main_img {
    padding-top: 0px!important;
}

#main_img:before {
    content: "";
    width: 75%;
    height: 100%;
    background-image: url('/Dup/img/main-copy.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 3;
}

/* top */

#main_img:after {
    content: "";
    width: 100%;
    height: 200px;
    background-image: url('/Dup/img/intro-top.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 3;
}

#intro {
    padding-bottom: 0;
}

#intro .intro_img span.bgitem {
    display: none;
}

.intro-inner {
    border-radius: 300px;
}

#intro h2 span.border {
    display: none;
}

#intro h2 img {
    width: 60%;
}

.svg_wrap {
    height: 200px;
}

.con_box h3 {
    margin-bottom: 15px;
}

.cms-top, .footer-top {
    transform: translate(0px, 5px);
}

.con_no {
    display: none;
}

.con_box:before {
    content: "";
    width: 100px;
    height: 100px;
    background-image: url('/Dup/img/flag1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    z-index: 3;
}

#contents .fadein:nth-of-type(1) .con_box:before {
    top: -5%;
    right: -5%;
}

#contents .fadein:nth-of-type(2) .con_box:before{
    background-image: url('/Dup/img/flag2.png');
    top: -5%;
    left: 0%;
}

#contents .fadein:nth-of-type(3) .con_box:before{
    background-image: url('/Dup/img/flag3.png');
    top: -5%;
    right: -5%;
}

/* top-cms */

.cms_title h2 {
    font-weight: bold;
}

/* 背景イラスト */

#contents .con_box .con_item3 {
    width: 125px;
    height: 125px;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -80px;
    right: 10%;
}

#contents .con_box .con_item1, #contents .con_box .con_item2 {
    width: 125px;
    height: 125px;
}


#intro .mori {
    left: -1%;
    top: 80%;
    width: 15%;
    display: block;
}


#intro .mori-r {
    top: 10%;
    right: -1%;
    width: 15%;
    display: block;
}

.bag {
    width: 8%;
    top: 60%;
    right: 5%;
    z-index: 3;
}

.hito {
    width: 8%;
    top: 20%;
    left: 5%;
    z-index: 3;
}

.banker {
    top: 20%;
    left: -5%;
}

.ike {
    top: 50%;
    right: -30%;
    width: 80%;
}

.mori {
    top: 10%;
    right: -1%;
}

.car {
    bottom: 5%;
    left: -1%;
}

/* ----------　下層ページ　---------- */

.subpage-top {
    transform: translate(0px, 5px);
}

.cate_list li a {
    background-color: #b7da89;
}

.pager li a {
    border-color: #6b8d67;
    color: #6b8d67;
}

.pager li a:hover {
    background-color: #6b8d67;
}

#page10 ul li {
    margin: 0 4% 20px;
}

/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
header {
    padding-bottom: 0;
}
    
#main_img {
    padding-top: 75px!important;
}
    
#main_img:before {
    width: 80%;
    left: -5%;
    top: 5%;
}
    
#logo {
    width: 41.66667%!important;
    margin-bottom: 0;
    padding-top: 10px;
}

.drawer-hamburger {
    display: inline-block;
}

.drawer-menu li {
    font-size: 16px;
}

.drawer-nav {
    background-color: #6b8d67;
}

.menu_bt {
    margin-top: 15px;
}
    
#intro_sp {
    display: none;
}
    
.bag {
    width: 15%;
    top: 60%;
    right: 3%;
    z-index: 3;
}
    
.hito {
    width: 10%;
    top: 15%;
}

    
.banker {
    top: 30%;
}

.ike {
    top: 60%;
    right: -35%;
    width: 90%;
}

.mori {
    top: 0%;
}

.car {
    bottom: 0;
    width: 25%;
}

#page_title #filter_white {
    padding-bottom: 0!important;
    background-color: rgba(255,255,255,0.6)!important;
}

}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
.menu_bt {
    margin-top: 0px;
}

#foot_banner a {
    padding: 20px 50px;
}

#main_img:before {
    width: 90%;
    top: 5%;
}
    
#main_img {
    padding-top: 65px!important;
}
    
#main_img:after {
    bottom: -5px;
    background-image: url(/Dup/img/intro-top-sp.png);
}

.intro-inner {
    border-radius: 50px;
}

#intro h2 img {
    width: 90%;
}

#intro h2 {
    margin-bottom: 25px!important;
}

.top_cms_box .cms_title h2, #page_title h2 span {
    font-size: 24px;
}

#intro .mori-r,
#intro .mori {
    display: none;
}

.bag {
    width: 15%;
    top: 67%;
    right: 0%;
}
    
.hito {
    width: 15%;
    top: 13%;
    left: 0%;
}

.mori {
    width: 35%;
}

.banker {
    left: -25%;
}

.con-box-wrap {
    row-gap: 20px;
}
    
}