@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&family=Kosugi+Maru&display=swap');
body {
font-family: 'Kosugi Maru', sans-serif;
line-height: 1.6;
}
h2, h3, h4 {
font-family: 'Kiwi Maru', serif;
}
.bg_color_line {background-color: #00b900;}
.bg_color_line:hover {background-color: #41f041;}
.bg_color_facebook {background-color: #1877f2;}
.bg_color_twitter {background-color: #1da1f2;}
.bg_color_facebook:hover {background-color: #64a8ff;}
.bg_color_twitter:hoer {background-color:#65c4fe;}


.pager li a {
    background-color: #fcb201;
}
#cms_4-b .square_img {
border-radius: 0;
}
#cms_4-b .box_img1::before, .cms_4-b .box_img1::before {
    position: absolute;
    content: "Before";
    width: 80px;
    background-color: #97d1c9;
    color: #fff;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    border-radius: 10px 10px 0 0;
}

#cms_4-b .box_img2::before, .cms_4-b .box_img2::before {
    position: absolute;
    content: "After";
    width: 80px;
    background-color: #fa9cb8;
    color: #fff;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    border-radius: 10px 10px 0 0;
}


#pc_intro:after, #pc_intro .fs_wrap > div:before, #pc_intro .fs_wrap > div:after {
     transition-property: opacity,transform;
    opacity: 0;
    transform: scale(0.9);
    transition: 0.5s;
}
#pc_intro.trans:after,  #pc_intro .fs_wrap > div.trans:before, #pc_intro .fs_wrap > div.trans:after {
    opacity: 1;
    transform: scale(1);
}

#contents h3 span{
position: relative;
}
#contents h3 span:after {
    position: absolute;
    bottom: 7px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    height: 26px;
    content: '';
    background-color: #fcb201;
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 1.2s;
    z-index: -1;
}
#contents h3 span.isActive:after {
    width: 100%;
}
#contents h3 span:first-letter {
font-size: 38px;
}
.cate_list li {
    border: none;
    padding: 3px;
}
.cate_list li a {
    background: #fcb200;
border-radius: 38px;
}
#pc_tel img {
    background: #a0caec;
    border: 2px solid #fff;
    border-radius: 40px;
    position: absolute;
    left: -42px;
    top: 50%;
    margin-top: -36px;
    padding: 3px;
}
#pc_tel .fs_wrap a {
    padding: 7px 19px 7px 37px;
    margin-left: 15px;
    background: #fff;
    padding: 7px 19px 7px 37px;
    border-radius: 12px;
    position: relative;
    color: #a0caec;
    font-weight: bold;
    text-shadow: none;
    box-shadow: 0px 5px 16px -6px rgba(187, 151, 91, 0.18);
}
#pc_intro, #pc_intro .fs_wrap {
position: relative;
}
#pc_intro:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background-image: url(Dup/nami.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
#pc_intro:after {
    content: "";
    display: block;
    position: absolute;
    top: 38px;
    left: -8px;
    width: 211px;
    height: 221px;
    background-image: url(Dup/png1.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#pc_intro .fs_wrap > div:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -58px;
    left: -90px;
    width: 252px;
    height: 233px;
    background-image: url(Dup/png2.png);
    background-repeat: no-repeat;
    background-size: contain;
transition-delay: 0.7s
}
#pc_intro .fs_wrap > div:after {
    content: "";
    display: block;
    position: absolute;
    top: 41%;
    right: -91px;
    width: 195px;
    height: 221px;
    background-image: url(Dup/png3.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#scroll.bg_color1 {
background-color: #a0caec;
}
#main_left, #main_right, #wrap, #main_right header, #pc_intro, #contents, #pc_news, #map, #sp_info, #contents2 {
  border: none !important;
}
.bg_color1 {
  background-color: #f5f5dc /*全体・SNSリンク背景*/
}
/*#link .bg_color1 {
  background-color: #ffccad;
}*/
#link ul li a {
  color: #6a6a6a;
font-size: 13px;
}
#main_left #footer_txt.bg_color1 {
background-color: #fff
}
footer.bg_color1 {
background-color: #fcb200
}
.hvr_bg_color4:hover {
    background-color: #ffe0bd;
}
.bg_color2 {
  background-color: #fff;
}
.bg_color3 { /*MENU背景*/
  background-color:#ffe0bd
}
.bg_color4 {
  background-color:#97d1c9;
}
.border_color1 {
  border-color: #767777;
}
.border_color2 {
  border-color: #fcb200;
}
.border_color3 {
  border-color: #dcdcdc;
}
.border_color4 {
  border-color: #CCF2FF;
}
main, #pc_news {
background-color: #ffffff;
background-image: url("Dup/blizzard.png");
}

#contents::after {
  /* background-color: rgba(255, 199, 91, 0.74)!important;*/
}
.hvr_txt_color3:hover {
  color: #0088d2;
}
.txt_color1 {
  color: #161726;
}
.txt_color2 {
  color: #161726;
}
.txt_color3 {
  color: #72c5f8;
}
.linkStyle {
  color: #fcb200;
  border-bottom: 1px solid;
}
.linkStyle:hover {
  opacity: 0.7;
  transition: all 0.3s;
}

.rectangle_img, .square_img {
  border-radius: 50%;
  box-shadow: 0 7px 19px rgba(81, 81, 81, 0.08);
}
.rectangle_img, .normal_img img, #cms_6-a .cate_box{
border-radius: 20px;
}
#pc_intro h3 {/*★*/
width: 60%!important;
margin-bottom: 25px
}

#contents h3, #contents figure {
    margin-bottom: 4vh!important;
}
#contents {
    padding: 1vh 0!important;
}
.links_bt {
    filter: drop-shadow(5px 8px 0px rgba(0,0,0,0.1));
}
#top_return.bg_color1 {
    background-color: #fcb200;
}
#footer_txt h3, #footer_txt p, #footer_txt p a , #page9 #top_txt, #page9 .box_wrap .box p a, #page10 ul li a{
color: #333;
}
#page_title {
    background-color: #fff!important;
    background-image: url(Dup/bg_title.png);
    background-repeat: no-repeat;
    background-size: 112%;
    background-position: 50% -11px;
}
#page_title h2 span {
color: #333;
text-shadow: none;
}
#pc_intro div.bg_color2 {
    background-color: #ffffff;
    background-image: url(Dup/ag-square.png);
    box-shadow: none;
border: 2px solid #eee;
}
@media screen and (min-width: 769px) {
.fadein{
     opacity: 0;
     transform: translateY(20px);
     transition: 1.5s;
     transition-property: opacity,transform
}
.fadein.trans{
     opacity: 1;
     transform: none
}
#left_bar #menu_bt {
    background-color: #fcb200;
}
  #main_right header, #main_right main #page_container, #page_title { /*★*/
    padding-right: 5%;
  }
#main_left #left_link {
    width: 50%!important;
}
}
@media screen and (min-width:667px) and ( max-width:768px) {
#cms_1-b .pager li {
width: 12%!important;
}

}
@media screen and (max-width: 768px) {

#main_menu #link_bt {
filter: none;
max-width: 121px;
}
#contents h3 span:after {
    width: 100%;
}
#intro .overflow {
    top: 4%;
}

#intro #intro_wrap #intro_txt, #sp_info h3, #sp_info p, #sp_info p a, #news .swiper-slide .date, #news .swiper-slide .news_title, #intro_wrap .bg_color1 h3, #intro_wrap .bg_color1 p, #intro_wrap .bg_color1 p a {
    color: #333;
}
#main_menu p.bg_color1 {
background-color: #fcb200
}
#intro h2 img {
    width: 81%;/*★*/
filter: drop-shadow(0px 0px 4px #ffffff) drop-shadow(0px 1px 7px #ffffff);
}
}


@media all and (-ms-high-contrast: none) {
#cms_2-a .cate_title {
padding-bottom: 20px;
}
#cms_3-e .cate_title {
padding-bottom: 13px;
}
.cate_list li a {
padding-bottom: 13px;
}
#cms_3-e .sub_cate_title {
padding-bottom: 13px;
}
#cms_5-a .cate .cate_title span:last-of-type {
padding-bottom: 10px;
}
#page9 .box_wrap .box p a {
padding-bottom: 10px;
}
}

@-moz-document url-prefix() {
body {
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}