@import url('https://fonts.googleapis.com/css2?family=Rokkitt:wght@500&display=swap');
.menu .nav ul li .s2, a[href^="tel:"], #contents .arctext, .top_cms_box .cms_title p, .more, .other .box_title, #page_title p, header nav ul li a::after{font-family: 'Rokkitt', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

.linkStyle{color: #f489a7}

#wrap{min-width: 1000px}
.menu_wrap .logo{width: 20%!important;padding-top: 20px;paddin-bottom: 20px}
.menu_wrap .logo img{max-width: 200px}
.menu_wrap .nav{width: 80%!important}
.overlay{background-image: url(./Dup/img/menu_bg1.png), url(./Dup/img/menu_bg2.png);background-repeat: no-repeat;background-size: 500px, 300px;background-position: right -100px bottom 0, left top;}
#fakeloader .fl{max-width: 200px}
.logo2{width: 200px}
.other{position: relative}
.other::before{position: absolute;content: "";width: 150px;height: 150px;left: 20px;top: 0;background-image: url(./Dup/img/heart3.png);background-size: contain;z-index: 2}
.top_cms_wrap::after{position: absolute;content: "";width: 200px;height: 200px;right: 10px;bottom: -20px;background-image: url(./Dup/img/heart4.png);background-size: contain;z-index: 2}
#main_img{overflow: initial}
#main_img:before, .other .other_link:before, #page_title:before{background-image: url(./Dup/img/bg_img5.jpg);background-size: cover}
#main_img::after{position: absolute;content: "";width: 150px;height: 150px;left: 50px;bottom: -70px;background-image: url(./Dup/img/heart2.png);background-size: contain;z-index: 1}
.cate_list li a{position: relative;padding-left: 30px!important}
.cate_list li a::before{position: absolute;content: "";width: 8px;height: 8px;border-top: solid 3px #92d651;border-right: solid 3px #92d651;transform: rotate(45deg);left: 0;top: 18px;display: block;transition: 0.3s}
.cate_list li a:hover::before{left: 5px}
.svg_box1, .svg_box2{display: none}
#top_cms{position: relative;background-image: url(./Dup/img/bg_img3.jpg);background-size: cover}
#top_cms::before{position: absolute;content: "";width: 100%;height: calc(100% - 46px);top: 20px;border-top: dashed 3px #F4EFB8;border-bottom: dashed 3px #F4EFB8;top: 20px;left: 0;pointer-events: none;}
#top_cms::after{position: absolute;content: "";width: 150px;height: 150px;right: 50px;top: -70px;background-image: url(./Dup/img/heart1.png);background-size: contain;z-index: 1}
#intro h2 span:before, #intro h2 span:after{display: none}
#intro h2 span{border: none;padding: 170px 0 0;background-image: url(./Dup/img/intro1.png);background-size: 150px;background-position: top center;background-repeat: no-repeat}
#intro .svg_dec, #intro .svg_dec2, #intro .svg_dec3, #intro .svg_dec4, #intro .svg_dec5, #intro .svg_dec6{display: none}
.more a, section.contact a{box-shadow: 5px 5px 0 rgba(117,211,204,0.2);border-radius: 0}
.intro_wrap::before{position: absolute;content: "";width: 100%;top: 0;left: 0;bottom: -250px;background-image: url(./Dup/img/intro2.png), url(./Dup/img/bg_img.png), url(./Dup/img/bg_img2.png), url(./Dup/img/bg_img4.jpg);background-size: 200px, 100%, 100%, cover;background-repeat: no-repeat;background-position: top 50px right 100px, bottom left, top left, top left;z-index: -1}
#intro #intro_txt{margin-bottom: 0}
#contents .box.bg_color3{background-image: url(./Dup/img/bg_img1.jpg);background-size: cover}
#contents .box.bg_color1, section.contact a{background-image: url(./Dup/img/bg_img2.jpg);background-size: cover}
.more a{background-color: #fff;color: #4b7195;padding-top: 5px;padding-bottom: 5px;font-size: 20px}
#contents h3{text-align: center}
#contents p{color: #4b7195}
#copyright{margin-top: 40px}

#contents .box figure{position: relative}
#contents .box figure::before{position: absolute;content: "";width: 200px;height: 200px;background-size: contain;z-index: 1;pointer-events: none}
#contents .box:nth-of-type(1) figure::before{background-image: url(./Dup/img/green2.png);top: 10px;left: -20px}
#contents .box:nth-of-type(2) figure::before{background-image: url(./Dup/img/green3.png);top: -20px;left: -20px}
#contents .box:nth-of-type(3) figure::before{background-image: url(./Dup/img/green1.png);top: -20px;right: -20px}


/** tablet 780 **/
@media screen and (max-width: 768px){
#wrap{min-width: 100%}
.overlay{background-image: url(./Dup/img/menu_bg1_sp.png), url(./Dup/img/menu_bg2_sp.png)}
#page10 .loader{width: 40%!important;margin-left: 0;margin-right: 0}
.intro_wrap::before{background-size: 130px, 100%, 100%, cover;background-position: top 20px right 20px, bottom left, top left, top left;}
.top_cms_wrap::after{width: 150px;height: 150px}
#main_img{margin-bottom: 70px}
#main_img::after {width: 100px;height: 100px;left: 30px;bottom: -50px;}
#top_cms::after{width: 100px;height: 100px;right: 30px;top: -50px;}
#contents .box figure::before{width: 150px;height: 150px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.overlay {background-size: 250px, 150px;background-position: right -70px bottom 50px, left top;}
#page10 .loader{width: 100%!important}
.other .logo2{max-width: 200px}
.intro_wrap::before{background-position: top 280px right 20px, bottom left, top left, top left;}
.other::before {width: 100px;height: 100px;left: 10px;top: 60px;}
.top_cms_wrap::after {width: 100px;height: 100px;}
#contents .box figure::before{width: 200px;height: 200px}
#contents .box:nth-of-type(1) figure::before{top: 10px;left: -10px}
#contents .box:nth-of-type(2) figure::before{top: -10px;left: -10px}
#contents .box:nth-of-type(3) figure::before{top: -10px;right: -10px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
.menu .nav ul li .s2, a[href^="tel:"], #contents .arctext, .top_cms_box .cms_title p, .more, .other .box_title, #page_title p, header nav ul li a::after{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
.cate_list li a::before{top: 15px}
}