@charset "utf-8";
/* CSS Document */

/* google fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* google fonts */
/* <weight>: Use a value from 100 to 900*/
.noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
}
.ff--gochic{font-family: "Noto Sans JP", sans-serif;}
.ff--gochic .t_bold{font-family: "リNoto Sans JP", sans-serif; font-weight:400;}

/* sakura web fonts 「font-weight」は効かない */
.ff--min{font-family: "リュウミン R-KL","Ryumin Regular KL", serif;}
.ff--min .t_bold{font-family: "リュウミン M-KL","Ryumin Medium KL", serif;}/* ほんの少し太い */

.fw_400{font-weight:400;}/* R */
.fw_500{font-weight:500;}/* M */
.fw_700{font-weight:700;}/* B */
.fw_900{font-weight:900;}/* H */

html,body {font-family: "Noto Sans JP", sans-serif;font-weight:300;font-size:16px;line-height:1.6;vertical-align:bottom;
word-break: auto-phrase;font-feature-settings: "palt" 1;}
_:-ms-lang(x)::-ms-backdrop, html,body { /*font-family:sans-serif;*/}/* ディセンダー対策 */
.fletter_spacing::first-letter{letter-spacing:1em;}
.letter_spacing_0_5em{letter-spacing:0.5em;}
.letter_spacing_1em{letter-spacing:1em;}
h2,h3,h4,h5{font-family: "リュウミン R-KL" , "Ryumin Regular KL" , serif;}

.bdr {border: 1px solid #CCC;}
.bdr_b {border-bottom: 1px solid #CCC;}
.bdr_dot{border:1px dotted #000;}
.bdr_dash{border:1px dashed #000;}
.bdr_orange{border:1px solid #FFC043;}
.bdr_white{border:1px solid #FFF;}
.bdr_dot_tb_black{border-top:1px dotted #000;border-bottom:1px dotted #000;}
.bdr_dash_tb_black{border-top:1px dashed #000;border-bottom:1px dashed #000;}
.bg_pink{background-color:#FFF6E6;}
.bg_orange{background-color:#FFC043;}
.bg_orange_d{background-color:#FAAF3B;}
.bg_green{background-color:#99DB7C;}


/* bootstrap */
/* Gutter Width 10px. row に gutter-10 を設定 */
.gutter-10{margin-left:-5px;margin-right:-5px;}
.gutter-10 > [class*='col-'] {padding-left:5px;padding-right:5px;}
/* Gutter Width 20px. */
.gutter-20{margin-left:-10px;margin-right:-10px;}
.gutter-20 > [class*='col-'] {padding-left:10px;padding-right:10px;}
/* Gutter Width 40px. */
.gutter-40{margin-left:-20px;margin-right:-20px;}
.gutter-40 > [class*='col-'] {padding-left:20px;padding-right:20px;}
/* Gutter Width 50px. */
.gutter-50{margin-left:-25px;margin-right:-25px;}
.gutter-50 > [class*='col-'] {padding-left:25px;padding-right:25px;}
/* Gutter Width 60px. */
.gutter-60{margin-left:-30px;margin-right:-30px;}
.gutter-60 > [class*='col-'] {padding-left:30px;padding-right:30px;}

.no-gutters-side{margin-left:-30px;margin-right:-30px;}

/* Bootstrap Icons https://icons.getbootstrap.com/ */
.bi::before {
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
}


/* header */
#header{position: absolute;left:0;top:0;width:100%;z-index:200;color:#FFF;background:transparent url(../../img/common/head_nav.png) no-repeat center top;animation:AsideAnime 0.7s ease-out;font-size:14px;}
#header a{color:#FFF;}
#header h1{position: absolute;font-size:0.9em;}
#header h1 img{display:block;margin-top:2px;}

/* Loading 止めた20210622 */
#loader{display:none !important;}

@keyframes AsideAnime {
    0%,40%{/*opacity:0; */transform:translateY(-200px);}
    100%{/*opacity:100; */transform:translateY(0px);}
}
@keyframes line-top {
  0% {transform: translateX(0) translateY(0) rotate(0deg);}
  100% {transform: translateX(0) translateY(8px) rotate(-135deg);}
}
@keyframes line-top2 {
  0% {transform: translateX(0) translateY(0) rotate(-135deg);}
  100% {transform: translateX(0) translateY(0) rotate(0deg);}
}
@keyframes line-middle {
  0% {transform: translateY(0) rotate(0deg);}
  100% {transform: translateX(0) translateY(0) rotate(135deg);}
}
@keyframes line-middle2 {
  0% {transform: translateX(0) translateY(0) rotate(135deg);}
  100% {transform: translateX(0) translateY(0) rotate(0deg);}
}
@keyframes line-bottom {
  0% {transform: translateY(0) rotate(0deg);}
  100% {transform: translateX(0) translateY(-8px) rotate(135deg);}
}
@keyframes line-bottom2 {
  0% {transform: translateX(0) translateY(-8px) rotate(135deg);}
  100% {transform: translateY(0) rotate(0deg);}
}


/* footer */
footer{background-color:#FFF;padding-top:150px;text-align:center;font-size:14px;}
footer a,#aside a{color:#FFF;}
.footer_icon{display:none;background-color:#4D4D4D;width:30px;height:30px;border-radius:15px;font-size:15px;line-height:30px;
	z-index:100;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;z-index:11;}
.footer_icon a{color:#CCC;}
.footer_menu{background-color:#FFC043;padding:1em 0;position:fixed;z-index:10;bottom:0;left:0;width:100%;}
.footer_menu nav{display:flex !important;margin:auto;}
.footer_menu .only_pc nav{justify-content:center;align-items:end;gap:20px;}
.footer_menu .only_sp nav{justify-content:center;align-items: end;gap:20px;zoom:0.9;}/**/
.footer_menu .only_pc img[src*=".svg"]{margin:8px 0 0 1em;}
/*.footer_menu .only_pc a img{margin-bottom:9px;}
.footer_menu .only_pc a[href*="tel:"] img{margin-bottom:0px;}*/
.footer_menu a img{zoom:85%;}
.footer_menu a img[src*=".svg"]{filter: invert(100%);width:22px;}
.footer_menu a:hover img[src*=".svg"]{filter: invert(94%);}
.footer_address{background-color:rgba(128,210,91, 0.8);color:#FFF;margin-top:5px;padding:1em 1em 80px 1em;}

#aside a img ,.footer_menu a img {filter: hue-rotate(0deg) saturate(100%);
/* -webkit-filter: sepia(0%);
  filter: sepia(0%);*/
}
#aside a img:hover ,.footer_menu a img:hover {filter: hue-rotate(320deg) saturate(220%);
 /*-webkit-filter: sepia(100%);
  filter: sepia(100%);*/
}

.footer_menu a img {filter:opacity(100%);
}
.footer_menu a img:hover {filter:opacity(75%);
}


/* contents */
#outline{overflow:hidden;}
.SlickSlider{text-align:center;}
.SlickSlider div img{margin-left:auto;margin-right:auto;}
#wrapper{position: relative;z-index: 120;}
.contents_radius_top ,.contents_radius, .contents_radius_bottom{width:112%;margin:0 -6%;padding:0 6%;background-color: #FFF;}
.contents_radius_bottom{border-bottom:1px solid #D0EEC2;}


/* media queries */
@media (min-width:1280px) {

}
@media (max-width: 1279px) {

}
@media (min-width:992px){
.contents_radius_top{border-radius:200% 200% 0 0 / 1000px 1000px 0 0;}
.contents_radius{border-radius:200% 200% 200% 200% / 1000px 1000px 1000px 1000px;}
.contents_radius_bottom{border-radius:0 0 260% 260% / 0 0 1000px 1000px ;}
}
@media (max-width: 991px) {
#wrapper{background-size: contain;}
.contents_radius_top{border-radius:1000px 1000px 0 0 / 300px 300px 0 0;}
.contents_radius{border-radius:1000px 1000px 1000px 1000px / 300px 300px 300px 300px;}
.contents_radius_bottom{border-radius:0 0 1000px 1000px / 0 0 300px 300px;}
}
@media (min-width:768px) and (max-width: 991px) {
.header_menu .fletter_spacing::first-letter ,.header_menu >ul > li{letter-spacing:-1px !important;}
}
@media (min-width:768px) {
.only_sp{display:none;}
.fl-l_only_sp {float: left;display: inline;}
.pd_l30_only_pc{padding-left:30px;}
.pd_r30_only_pc{paddingright:30px;}
.width33per_only_pc{width:33.3%;}

#header{min-height:130px;background-size:100% 128px;}
#header h1{position: absolute;left:50px;top:20px;}
#header nav{display:table;position: absolute;left:0;top:0;padding:20px 30px 0px 0;margin-left:300px;width:calc(100% - 300px);}
#header nav > ul{display:table-row;width:100%;}
#header nav > ul >li{display:table-cell;vertical-align:middle;height:3em;position:relative;overflow:visible;text-align:center;}
#header nav > ul >li:nth-child(2){width:14%;}
#header nav > ul >li:nth-child(5){width:19%;}
#header nav > ul >li >a{line-height:1.2em;display:block;border-right:1px solid #FFF;padding:0 0.4em;}
#header nav > ul >li:last-child{}

#header nav ul li ul{visibility: hidden;position: absolute;top:3em;left:-1px;z-index:200;text-align:left;word-break:keep-all;display:block;background-color:rgba(128,210,91, 0.8);min-width:100%;border-top:1px solid #EAEAEC;}
#header nav >ul >li:last-child >ul{right:1px;left:auto;word-break:keep-all; white-space:nowrap;}
#header nav ul li ul li{display:block;border-left:none;visibility: hidden;overflow: hidden;height:0;padding:0 1em;border-bottom:1px solid #EAEAEC;
	-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
#header nav ul li ul li a{line-height:3em; white-space:nowrap; word-break:keep-all;}
#header nav ul li:hover ul li{visibility: visible;height:3em;}
#header nav ul li:hover ul ,#header nav ul li a:hover ul{visibility: visible;}
#header nav .only_sp{display:none;}
.footer_icon{position:fixed;right:10px;bottom:10px;}
}
@media (max-width: 767px) {
.only_pc{display:none;}
.t_center_only_sp{text-align:center;}
.center_only_sp{margin-left:auto;margin-right:auto;}

#header{min-height:74px;background-size:100% 74px;width:100%;position:fixed;}
#header h1{left:20px;top:0;width:170px;padding-top:0.5em;}
#header nav ul{list-style:none;display:block;}
#header nav > ul a{display:block;text-indent:1.6em;padding:0.3em 0;}
#header nav > ul >li{border-top:1px solid rgba(255 ,255 ,255 ,0.5);}
#header nav > ul >li >ul{background-color:#EEF9EA;}
#header nav > ul >li >ul li{border-top:1px solid #80D25B;}
#header nav > ul >li >ul li a{color:#80D25B;}
.header_menu_popup:after{content: url(../../img/common/bk-nav__popup-arrow.png);}
#header nav > ul >li >a + ul{display:none;}

.menu-trigger{position:absolute;z-index:201;right:10px;top:10px;width:36px;height:20px;transition: all .3s;-webkit-transition: all .3s;}
/*.menu-off .menu-trigger {transform:rotate(0deg);}
.menu-on .menu-trigger {transform:rotate(-90deg);}*/
.menu-trigger span{ display: block;position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;
  width:100%;height: 1.6px;background: #FFF;}
.menu-trigger span:nth-of-type(1) {margin-top: -8px;}
.menu-trigger span:nth-of-type(3) {margin-top: 8px;}
.menu-trigger span:nth-of-type(1), .menu-trigger span:nth-of-type(2), .menu-trigger span:nth-of-type(3) {
  animation-duration: .3s;animation-timing-function: ease;animation-fill-mode: both;animation-direction: alternate;}
.menu-on .menu-trigger span:nth-of-type(1) {animation-name: line-top;}
.menu-on .menu-trigger span:nth-of-type(2) {animation-name: line-middle;}
.menu-on .menu-trigger span:nth-of-type(3) {animation-name: line-bottom;}
.menu-off .menu-trigger span:nth-of-type(1) {animation-name: line-top2;}
.menu-off .menu-trigger span:nth-of-type(2) {animation-name: line-middle2;}
.menu-off .menu-trigger span:nth-of-type(3) {animation-name: line-bottom2;}
.menu-on .menu-trigger span:nth-of-type(1),.menu-off .menu-trigger span:nth-of-type(1) {margin-left: -15px;}
.menu-on .menu-trigger span:nth-of-type(2),.menu-off .menu-trigger span:nth-of-type(2) {margin-left: -15px;}
.menu-on .menu-trigger span:nth-of-type(3),.menu-off .menu-trigger span:nth-of-type(3) {margin-left: -15px;}


.header_menu{position: /*absolute*/fixed;top:0;padding-top:50px;background-color:#80D25B;
	width:80%;height: auto;transition: all .3s;-webkit-transition: all .3s;
	opacity: 0;transform-origin: top right;transform:scale(1,1) translate(25%, -100%);}
.menu-on .header_menu {opacity: 1;transform:scale(1,1) translate(25%, 0%);}
.menu-off .header_menu {opacity: 0;transform: scale(1,1) translate(25%, -100%);}

.SlickSlider{margin-bottom:-9%;}

.footer_icon{position:fixed;right:10px;bottom:80px;}
}
@media (min-width:576px){
.contents_radius_top{min-height:220px;}
.contents_radius_bottom{min-height:220px;}

}
@media (max-width: 575px) {
.contents_radius_top{min-height:110px;}
.contents_radius_bottom{min-height:90px;}

}