body,.font_bar{font-family: 'Manrope','Noto Sans JP', sans-serif !important;}
html, body {    font-size: 15px;}
/*header popup ------------------------------------------------------------------------------------------------------*/
header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 60px;
    border-bottom: solid 2px #f2f2f2;
    background: #ffffff;
    transition: .3s;
    opacity: 1;
}
header h1 {
  color: #fff;
  transition: .3s;
}
.is-animation {
  height: 100px;
}
.is-animation h1 {
  color: #000;
}

#contents .con_img {
    top: 200px;
    bottom: 100px;
    left: 0;
}

.sc_nav .logo img {
    max-width: 230px;

}

header .nav_bg {
    height: 0px;
}
/*header popup ------------------------------------------------------------------------------------------------------*/
/*hamburgermenu*/
span.nav_bg {
    background-color: #ffffff !important;}
#menu_stick span.stick::before, #menu_stick span.stick::after,span.stick.bg_white.posi_center.d_block.motion1s {
    background-color: #1eaf4b;}
#menu_stick {
    top: -11px;
    right: 20px;
    width: 80px;
    height: 80px;
    z-index: 10;
    cursor: pointer;
}
/*contact -----------------------------------------------------------------------------------------------------------*/
.tel_box,.mail{max-width: 450px !important;}
/*contact -----------------------------------------------------------------------------------------------------------*/


#custom::before {
    content: '';
    background-image: url(dup/img/catch.png);
    position: absolute;
    height: 100%;
    width: 100%;
    max-height: 165px;
    max-width: 700px;
    opacity: 1.3;
    display: block;
    z-index: 2;
    left: 4%;
    top: 12%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}


#custom::after {
    content: '';
    background-image: url(dup/img/hand_kirinuki.png);
    position: absolute;
    height: 100%;
    width: 100%;
    max-height: 700px;
    max-width: 1500px;
    opacity: 1.3;
    content: "";
    display: block;
    z-index: 1;
    left: -2%;
    top: -5%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}
#custom::before {
    opacity: 0;
    animation: zoomIn 1.0s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;}


@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
#custom::before {animation-delay: 2.0s;}

#custom::after {
    opacity: 0;
    animation: slideIn 1s ease forwards}

        

@keyframes slideIn {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  20%,100% {
    opacity: 1;
  }
}

#custom::after {animation-delay: 3s;}
/*color------------------------------------------------------------------------------------*/
.txt_color1 {color: #1eaf4b;}
.txt_color3 {color: #90ee90;}
.txt_white { color: #1eaf4b;}
.bg_color1 {background-color: #f2fff2;}
.bg_color3 {background-color: #90ee90;}
.border_color1 { border-color: #90ee90;}
.border_color3 {border-color: #1eaf4b;}
.hvr_bg_color3:hover {background-color: #1eaf4b;}
.hvr_txt_color1:hover {color: #1eaf4b;}
.hvr_bg_color1:hover {background-color: #90ee90;}
.more a {background: #90ee90;
    color: #ffffff;}
.more a:hover {color: #fff;}
p.date {color: #fff;}
#page_top .arrow {border-color: #1eaf4b;}
.title_wrap p, .title_wrap h2 {color: #ffffff;}
#cms_6-b .cate_title {color: #ffff;}
#cms_5-a h4.box_title1 { color: #1eaf4b;}
.info_box {border-color: #90ee90;}
h3.info_title {color: #1eaf4b;}
section#page09 a {
    background: #1eaf4b;
    color: #ffffff;}
section#page09 a:hover{
    background: #90ee90;
    color: #ffffff;}
/*color------------------------------------------------------------------------------------*/



.cms_title p {
    font-size: -webkit-calc(1rem + 50px);
    font-size: calc(1rem + 50px);
}

.cms_title h3 {
    margin: 10px 0 -15px;
    font-size: -webkit-calc(1rem + 3px);
    font-size: calc(1rem + 3px);
}


/*linkStyle*/
a.linkStyle {
    color: #1eaf4b;
    transition: 0.5s;
}
a.linkStyle:hover {
    opacity: 0.8;
}

.is-animation {
    height: 60px;}
.swiper-button-prev, .swiper-button-next{
    z-index: 2 !important;
}

#page_top {
    z-index: 4;
}

.font_10up {
    font-size: -webkit-calc(1rem + 17px);
    font-size: calc(1rem + 17px);
}

#cms_2-a h3.cate_title {
    border: solid 0;
    font-weight: bold;
    font-size: -webkit-calc(1rem + 25px);
    font-size: calc(1rem + 25px);
    padding: 10px 0;
    margin-bottom: 0;
}
#cms_2-a h3.cate_title:first-letter{
  color:#90ee90;
  font-size:130%;
}
#cms_2-a h4.box_title1,.cms_2-a h4.box_title1 {
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}
.box_txt1 {
    font-size: -webkit-calc(1rem + 1px);
    font-size: calc(1rem + 1px);
}
#cms_6-b .cate_title {
    color: #1a1a1a;
    border: solid 0;
    font-weight: bold;
    font-size: -webkit-calc(1rem + 25px);
    font-size: calc(1rem + 25px);
    padding: 10px 0;
    background: transparent;
}
#cms_6-b .cate_title:first-letter{
  color:#90ee90;
  font-size:130%;
}
div#cms_5-a span {
    font-weight: bold;
}

.sc_nav a {
    transition: 0.5s;
}
.sc_nav a:hover {
    opacity: 0.6;
}
.tel_bt a, .tel_bt span {
    color: #1eaf4b;
    font-weight: bold;
}

#pc_nav ul {
    left: 0;
    right: 0;
    margin: auto;
    padding-top: 150px;
}



#cms_1-e .box_title1 {
    font-size: -webkit-calc(1rem + 9px);
    font-size: calc(1rem + 9px);
    font-weight: bold;
}
.tel_box, .mail {
    max-width: 500px !important;
}
.cms_5-a .box_title1{color:#1eaf4b;}
header {
    z-index: 8;}
    
footer {
    background: #f7f7f7 !important;
}
@media screen and (max-width: 1300px){
#custom::after {
    width: 100%;
    left: -1%;
    top: -14%;
}
}

/*IE*/
@media all and (-ms-high-contrast: none){
    header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 60px;
    border-bottom: solid 2px #f2f2f2;
    background: #ffffff;
    transition: .3s;
    opacity: 1;
}
header h1 {
  color: #fff;
  transition: .3s;
}
.is-animation {
  height: 100px;
}
.is-animation h1 {
  color: #000;
}

#contents .con_img {
    top: 200px;
    bottom: 100px;
    left: 0;
}

.sc_nav .logo img {
    max-width: 230px;}

header .nav_bg {
    height: 0px;
}
/*---------------------------------------------------------------------------------------*/
.cms_1-e .date {
    padding-top: 11px !important;
    padding-bottom: 12px !important;
}

.cms_6-b .cate_box .box_txt2 {
    padding: 9px 10px 10px !important;
}
#cms_6-b .cate .box_txt2{
    padding: 9px 10px 10px !important;
}

.cms_6-b .cate_box .box_txt1 {
    padding: 11px 10px 11px !important;
}
#cms_6-b .cate_box .box_txt1{
    padding: 11px 10px 11px !important;
}

.cate_list a {
    padding-top: 0px !important;
}

#cms_5-a .cate .cate_title span:last-of-type {
    padding-top: 0px !important;
    padding-bottom: 3px !important;
}

.tel_box, .mail {
    max-width: 500px !important;
}

#page09 a {
    padding-top: 1px;
    padding-bottom: 3px;
}

.is-animation {
  height: 60px !important;
}



}
/*タブレット*/
@media screen and (max-width: 768px){
 #custom::before {
    content: '';
    background-image: url(dup/img/catch.png);
    position: absolute;
    height: 100%;
    width: 100%;
    max-height: 140px;
    max-width: 600px;
    opacity: 1.3;
    content: "";
    display: block;
    z-index: 2;
    left: 4%;
    top: 12%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}



#custom::after {
    content: '';
    background-image: url(dup/img/hand_kirinuki.png);
    position: absolute;
    height: 100%;
    width: 100%;
    max-height: 500px;
    max-width: 800px;
    opacity: 1.3;
    content: "";
    display: block;
    z-index: 1;
    left: -2%;
    top: 5%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}
#custom::before {
    opacity: 0;
    animation: zoomIn 1.0s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;}


@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
#custom::before {animation-delay: 2.0s;}

#custom::after {
    opacity: 0;
    animation: slideIn 1s ease forwards}

        

@keyframes slideIn {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  20%,100% {
    opacity: 1;
  }
}

#custom::after {animation-delay: 3s;}

.is-animation {
    height: 60px;
    border-bottom: solid 2px #f2f2f2;
}

#contents .con_img {
    height: 60vw;
    top: auto;
    bottom: auto;
}

div#logo2 img {
    max-width: 180px;
}

nav#pc_nav {
    padding-top: 115px;}

.tel_box, .mail {
    max-width: 500px !important;
}
.font_2dw_tb {
    font-size: -webkit-calc(1rem - 0px);
    font-size: calc(1rem - 0px);
}
.font_2up_tb {
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}
html, body {
    font-size: 16px;
}
#pc_nav ul {
    left: 0;
    right: 0;
    margin: auto;
     padding-top: 100px; 
}
#page10 li a .font_bar {
    font-size: -webkit-calc(1rem + -4px);
    font-size: calc(1rem + -4px);
    color: #1eaf4b;
}
.sc_nav figure.logo {
    padding-top: 4px;
}
}

/*スマホ*/
@media screen and (max-width: 667px){
    

.pd_r-20px_sp {
    padding-right: 15px;
}

.pd_l-20px_sp {
    padding-left: 15px;
}
    .sc_nav p {
    display: none;
}
.sc_nav ul {
    margin-left: 5px;
}
#menu_stick { top: -11px;}

div#logo2 img {
    max-width: 150px;
}

.title_wrap {
    padding-top: 80px;
}

.mail a {
    word-break: break-all;
}

.opacity04_sp {
    opacity: 1.0;
}
nav#pc_nav {
    padding-top: 19px;
}

#custom::before {
    content: '';
    background-image: url(dup/img/catch.png);
    position: absolute;
    height: 100%;
    width: 100%;
    max-height: 130px;
    max-width: 330px;
    opacity: 1.3;
    content: "";
    display: block;
    z-index: 2;
    left: 4%;
    top: 6%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}

#custom::after {
    content: '';
    background-image: url(dup/img/hand_kirinuki.png);
    position: absolute;
    height: 100%;
    width: 100%;
    max-height: 220px;
    max-width: 400px;
    opacity: 1.3;
    content: "";
    display: block;
    z-index: 1;
    left: -2%;
    top: 18%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}

.intro_title.font_10up {
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
    letter-spacing: 0px;
}
.con_title.font_10up {
    font-size: -webkit-calc(1rem + 7px);
    font-size: calc(1rem + 7px);
    letter-spacing: 0px;
}
.cms_title p {
    font-size: -webkit-calc(1rem + 35px);
    font-size: calc(1rem + 35px);
    margin-bottom: -40px;
}
#custom::before {
    opacity: 0;
    animation: zoomIn 1.0s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;}


@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
#custom::before {animation-delay: 2.0s;}

#custom::after {
    opacity: 0;
    animation: slideIn 1s ease forwards}

        

@keyframes slideIn {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  20%,100% {
    opacity: 1;
  }
}

#custom::after {animation-delay: 3s;}

.box_txt1 {
    font-size: -webkit-calc(1rem + 0px);
    font-size: calc(1rem + 0px);
}



#cms_2-a h3.cate_title {
    font-size: -webkit-calc(1rem + 19px);
    font-size: calc(1rem + 19px);
    padding: 0px 10px;
}

#cms_2-a h4.box_title1,.cms_2-a h4.box_title1 {
    font-size: -webkit-calc(1rem + 5px);
    font-size: calc(1rem + 5px);
    font-weight: bold;
}

#cms_6-b .cate_title {
    font-size: -webkit-calc(1rem + 19px);
    font-size: calc(1rem + 19px);
}

#cms_2-a p.cate_txt1 {
    padding: 0 10px;
}
#cms_1-e .box_title1 {
    font-size: -webkit-calc(1rem + 5px);
    font-size: calc(1rem + 5px);
    font-weight: bold;
}
#pc_nav ul {
    padding-top: 50px;
}
#pc_nav ul li a {
    padding: 5px;
}
#menu_stick {
    right: 0px;}
    
.sc_nav .logo img {
    max-width: 230px;
    padding: 1px 10px 0px;
}
.sc_nav figure.logo {
    padding-top: 0px;
}
div#logo2 {
    margin: 5% 10% 10%;
}
.font_10up {
    font-size: -webkit-calc(1rem + 15px);
    font-size: calc(1rem + 15px);
}
}





/*20210930*/
/* YouTube */
/*.yt{width: 800px;}*/
.video_cms{
	padding-bottom: 56.25%;
	height: 0;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 667px){
/* YouTube */
.yt{width: 100%;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
/* YouTube */
.video_cms {padding-bottom: 56.25%;}
}






/*20211021*/
#custom::before{
max-height: 238px;
max-width: 850px;
top: 10%;
left: 3%;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    
#custom::before{
max-height: 201px;
max-width: 700px;
 top: 9%;}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    
#custom::before {
    max-height: 93px;
    max-width: 330px;
    top: 11%;}
}

@media screen and (max-width: 320px){
    
#custom::before {
    max-height: 93px;
    max-width: 300px;
    top: 11%;}
}




/*20211029*/
.custom_box::before {
    background:url(dup/img/catch02.png);
    content:"";
    position: absolute;
    height: 100%;
    width: 100%;
    max-height: 165px;
    max-width: 800px;
    opacity: 1.3;
    display: block;
    z-index: 2;
    right: 5%;
    bottom: 8%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;}
    
    
    
/*タブレット*/
@media screen and (max-width: 768px){
.custom_box::before {
    background: url(dup/img/catch02.png);
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    max-height: 165px;
    max-width: 700px;
    opacity: 1.3;
    display: block;
    z-index: 2;
    right: 3%;
    bottom: 8%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;}
}









/*20211102*/

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.custom_box::before {
    background: url(dup/img/catch02.png);
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    max-height: 165px;
    max-width: 330px;
    opacity: 1.3;
    display: block;
    z-index: 2;
    right: 5%;
    bottom: 11%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;}
}

@media screen and (max-width: 320px){
    .custom_box::before {
    max-width: 280px;}
}