@import url('https://fonts.googleapis.com/css2?family=Lexend&Dancing+Script:wght@500&display=swap');

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

#contents1 .con1_title p, #contents2 .con2_title p, #contents3 .con3_title p, #page_title h2{font-family: 'Dancing Script', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

#footer .footer_bottom, .main_filter, .under_page #footer{background-color: #f9f9f7}
.swiper-container::before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background-image: url(./Dup/img/dot.png);z-index: 1}

.trans_logo{padding: 18px 50px}
header{background-image: url(./Dup/img/bg_img2.jpg);background-size: 1000px}
#header.grid_4{background-image: url(./Dup/img/bg_img5.png);background-position: left 50px bottom 30px;background-size: 200px;background-repeat: no-repeat}
.contents_wrap .contents_bg, header .page_title_bg{background-image: url(./Dup/img/bg_img.png);background-size: 600px}
#contents1 .con1_right, #top_cms{background-image: url(./Dup/img/bg_img3.png);background-size: 60px;background-position: top right 60px;background-repeat: repeat-y}
#contents1 .con1_title p, #contents2 .con2_title p, #contents3 .con3_title p{font-size: 50px;color: #1ecece;line-height: 1.5;letter-spacing: 0}
#contents1 .con1_title h2, #contents2 .con2_title h2, #contents3 .con3_title h2{position: relative}
#contents2 .con2_right a, #contents3 .con3_right a{position: relative;z-index: 1}
#contents2 .con2_right a::before, #contents3 .con3_right a::before{position: absolute;content: "";width: 100%;height: 100%;top: 10px;left: 5px;background-color: #00b585;z-index: -1;transform: rotate(5deg)}
#contents2 .con2_wrap{box-shadow: none;border: solid 1px #ddd}
#contents3 .con3_title p{color: #fff}
#contents3 .con3_title span{background-color: #fff}
#top_cms .top_cms_bg, #contents2 .con2_wrap{background-image: url(./Dup/img/bg_img2.jpg);background-size: 1000px}
#top_cms{z-index: 0}
#top_cms .cms_box{margin-bottom: 50px}
.more a{padding-top: 10px;padding-bottom: 10px}
.more span.d_block, #page10 .more span.d_block{width: 0;top: 0;bottom: 0;left: 0;transform: none}
.more:hover span.d_block, #page10 .more:hover span.d_block{width: 100%}

#page_title .page_title_box{background-image: url(./Dup/img/bg_img4.png);background-size: 60px;background-position: top right 60px;background-repeat: repeat-y}
#page_title h2{letter-spacing: 0;font-size: 50px;line-height: 1}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;padding-bottom: 10px!important;margin-bottom: 50px;border-bottom: solid 2px #eee;color: #333;font-weight: normal;position: relative}
.cate_title::before{position: absolute;content: "";width: 100px;height: 2px;left: 0;right: 0;bottom: -2px;background-color: #1ECECE;margin: auto}
.cate_img1, .cate_img{margin-left: auto;margin-right: auto;text-align: center}


/** tablet 780 **/
@media screen and (max-width: 768px){
.trans_logo{padding: 18px 20px}
#main_img{height: auto!important}
.swiper-container{height: 60vw!important}
.trans_logo{background-image: url(./Dup/img/bg_img.png);background-size: 600px}
.more span.d_block, #page10 .more span.d_block{width: 100%}
#top_info{background-color: #f9f9f7}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.con1_title h2, .con2_title h2, .con3_title h2{font-size: 20px;letter-spacing: 2px}
.cate_title{font-size: 20px}
#contents1 .con1_right, #top_cms{background-position: top right 30px}
#page_title .page_title_box{background-image: none}
#contents2 .con2_right a::before, #contents3 .con3_right a::before{top: 0px;left: 0}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
body, .font_sans-serif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
.more a{padding-top: 15px!important}
}