@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Quicksand:wght@600&display=swap');

body, .font_sans-serif, .en_font{font-family: 'Quicksand', 'Kosugi Maru', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

.font_bold{font-weight: normal}
#footer_box .tel{display: none}
#loader::after, #page10 .box a::after{background-image: none!important;background-color: #ffd5ec!important}
#main_img h2::before{display: none}
#menu_wrap::after{background-image: none!important;background-color: #48d1cc!important}
#main_img::after, #page_title::after{display: none}
#tel_contact{background-image: none!important;background-color: #48d1cc!important}
#page_title::before, .sm-slider::after{background-image: none!important;background-color: #fc97c1!important}

.normal_img img, .rectangle_img:not(#intro_img), square_img{border-radius: 50px 0 50px 0}

h1::after{border: none;width: 640px;height: 150px;background-image: url(./Dup/img/head_bg.png);background-size: 100% 100%}
h1{height: auto!important}
h1 img, #loader img{width: 330px}
main.bg_white, #intro #intro_box::after{background-color: #f9f7f2}
#main_nav{max-width: 1280px;padding: 0 20px;left: 0;right: 0;margin: auto;box-sizing: border-box;display: block}
.other #main_nav{width: 100%;margin: 0 auto}
#main_nav ul{background-color: #f9f7f2;border-radius: 50px 50px 0 0;justify-content: space-around;padding-left: 50px;padding-right: 50px}
#main_nav ul::before, #main_nav ul::after{display: none}
#main_nav ul li{margin: 0}
#main_nav ul li a{color: #48d1cc;font-size: 16px}
#main_nav ul li a:hover{transform: translateY(-5px);}
.sns_links li{margin-right: 10px}
.sns_links li a{padding: 10px;background-color: #fff;border-radius: 50%}

#intro{margin-bottom: 100px}
#intro > h3{padding-top: 100px;padding-bottom: 30px;margin-bottom: 150px;background-image: url(./Dup/img/bg_img4.png);background-repeat: no-repeat;background-position: bottom center;background-size: 100px;color: #fc97c1}
#intro_txt{border-radius: 50px 0 0 0}
#contents{padding-top: 20px;margin-bottom: 150px}
#contents h3{padding-left: 50px;color: #ffd5ec;margin-bottom: 100px;letter-spacing: 20px}
#contents div{border-radius: 50px 0 50px 0;overflow: hidden;border: none}
#contents::before{opacity: 1;background-image: url(./Dup/img/bg_img1.png), url(./Dup/img/bg_img2.png);background-repeat: no-repeat;background-size: 100% 150px;background-position: top left, bottom left;height: calc(100% + 2px);top: -1px}
#contents_links{margin-bottom: 100px}
#contents_links .box_wrap .box{border-radius: 50px 0 50px 0;border-color: #f9f7f2!important;overflow: hidden}
#contents_links .box_wrap .box a h4{font-size: 20px;border: none;border: none;margin-bottom: 30px;padding: 0}
#contents_links .box_wrap .box{background-color: #ff8856}
#contents_links .box_wrap .box a p span{background-color: #fff;color: #ff8856}
#contents_links .box_wrap .box a div span::after{background-color: #ff8856}
#top_cms{padding-bottom: 100px}
#top_cms .top_cms_box > .cms_wrap{padding: 50px;background-color: #fff;border-radius: 10px;margin-top: 50px}
#top_cms .more{text-align: center;margin-top: -30px}
#top_cms .more a{border: none;background-color: #48d1cc;color: #fff;padding: 20px 40px!important;border-radius: 50px}
#top_cms .top_cms_box .more a::after{background-color: #fc97c1}

#page_title{padding-top: 200px;padding-bottom: 0}
#page_title > div{padding: 70px 0 50px;color: #48d1cc;background-color: rgba(255,255,255,0.9);border-radius: 50px 0 50px 0;width: 600px;margin: 0 auto 100px;}
#page_title > div p{bottom: auto;top: 40px;letter-spacing: 5px;font-size: 50px}
#page_title.active > div p{opacity: 0.2!important}

footer #footer::after{background-image: url(./Dup/img/bg_img3.png);background-repeat: no-repeat;background-size: 100% 150px;background-position: top left;opacity: 1;background-color: rgba(72,209,204,0.7)!important}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;padding-bottom: 30px!important;margin-bottom: 50px;color: #333;font-weight: normal;background-image: url(./Dup/img/bg_img4.png);background-repeat: no-repeat;background-position: bottom center;background-size: 100px;line-height: 1.5}

#page10 .box a > div p{opacity: 0.15}


/** tablet 780 **/
@media screen and (max-width: 768px){
h1 img, #loader img{width: 250px}
h1::after {width: 600px;height: 120px;}
.sm-slider, .sm-slider::before, .sm-slider::after{height: 80vw!important}
#main_img{height: 80vw;min-height: 60vw;padding-top: 50px;padding-bottom: 0}
#main_img h2{width: 100%!important;padding-left: 20px;padding-right: 20px;text-align: center;padding-top: 0;padding-bottom: 0}
#page_title{padding-top: 140px;padding-bottom: 80px}
#page_title > div{margin-bottom: 0}
#main_nav{display: none}
#contents::before, footer #footer::after{background-size: 100% 10vw}
#intro > h3{margin-bottom: 100px}
#top_cms .top_cms_box > .cms_wrap{padding: 20px 20px 50px;}
#contents_links{padding-left: 20px;padding-right: 20px}
footer #footer::after{background-color: #48d1cc!important}
#page10 .box a::after{background-color: #48d1cc!important}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
h1{padding: 10px 20px}
h1::after {width: 350px;height: 90px;}
#main_img{padding-top: 40vw}
#main_img h2{background-image: none!important}
h1 img, #loader img{width: 200px}
#intro > h3{margin-bottom: 50px}
#page_title > div{width: 300px;padding: 60px 0 50px}
#page_title > div p{letter-spacing: 2px;font-size: 30px}
.cate_title{font-size: 20px}
#contents_links .box_wrap .box a h4{letter-spacing: 1px;font-size: 16px}
#footer_box{padding: 0 20px!important}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
}