@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400&family=Shippori+Mincho:wght@600&display=swap');

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

#contents .box .d_table-cell h3 span, #intro_txt h2 span, .cate_title, #top_cms .cms_title h2, #page_title h2{font-family: 'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

#loader_h{top: 0;left: 0;z-index: 1000}
#loader_h::before, #loader_h::after{position: absolute;content: "";width: 100%;left: 0;background-color: #fff;height: 51%;transition: 1s}
#loader_h::before{top: 0}
#loader_h::after{bottom: 0}
#loader_h.active::before, #loader_h.active::after{height: 0}
#loader_h img{z-index: 1}

.font_bold{font-weight: normal}
header .h_tel a[href^="page08.aspx"] .ccn{display: none}
header .h_tel a[href^="page08.aspx"] .tel_mark{background-image: url(./Dup/img/contact.png);background-size: 60%;background-position: center;background-repeat: no-repeat}
#header #logo{padding: 30px 0}
#header_menu ul li::before{border-color: #ccc;height: 80px}
#header_menu ul li a{padding-top: 60px;background-size: 50px;background-position: top center;background-repeat: no-repeat}
#header_menu ul li a .txt_color_nomal{color: #ad7984}
#header_menu ul li:nth-of-type(1) a{background-image: url(./Dup/img/icon1.png)}
#header_menu ul li:nth-of-type(2) a{background-image: url(./Dup/img/icon2.png)}
#header_menu ul li:nth-of-type(3) a{background-image: url(./Dup/img/icon3.png)}
#header_menu ul li:nth-of-type(4) a{background-image: url(./Dup/img/icon4.png)}
#header_menu ul li:nth-of-type(5) a{background-image: url(./Dup/img/icon5.png)}
.sns_links li{width: 40px!important;heigth: 40px!important}
.cate_list li{width: 33.3333%!important;margin: 0;padding: 10px}
.cate_list li a{background-color: #efefef;margin: 0}

#page_title{border-top: solid 1px #e6e6e6;border-bottom: solid 1px #e6e6e6;background-image: url(./Dup/img/bg_img.png);background-size: 400px;}
#main_img{margin-bottom: 0;padding-bottom: 0}
#intro{width: 80%;max-width: 900px;border-bottom: none;padding: 0;margin-top: -100px;position: relative;z-index: 1}
#intro #intro_txt{border: solid 1px #e6e6e6;padding: 50px 100px;background-color: #fff;background-image: url(./Dup/img/bg_img.png);background-size: 400px}
#intro .width_80per{width: 100%!important}
#intro h2{color: #ad7984;position: relative;padding-top: 30px}
#intro h2::after{content: "INTRODUCTION";position: absolute;top: 0;left: 0;width: 100%;font-size: 18px;display: block;color: #c7b897;letter-spacing: 2px}
#contents{padding-left: 20px;padding-right: 20px}
#contents figure img{border-radius: 20px 0 20px 0}
#contents .box .d_table-cell h3{background-color: transparent;margin-left: 0;padding: 0;color: #ad7984;font-size: 20px}
#contents .box:nth-of-type(1) .d_table-cell h3::before{content: "POINT 01 -";font-size: 14px;display: block;margin-bottom: 5px;color: #c7b897;letter-spacing: 2px}
#contents .box:nth-of-type(2) .d_table-cell h3::before{content: "POINT 02 -";font-size: 14px;display: block;margin-bottom: 5px;color: #c7b897;letter-spacing: 2px}
#contents .box:nth-of-type(3) .d_table-cell h3::before{content: "POINT 03 -";font-size: 14px;display: block;margin-bottom: 5px;color: #c7b897;letter-spacing: 2px}
#contents .box_wrap .box{position: relative;z-index: 1}
#contents .box_wrap .d_table-cell p, #contents .box .d_table-cell p::before{background-color: transparent;border-bottom: solid 1px #ad7984}
#top_cms{padding-left: 20px;padding-right: 20px}
#top_cms .cms_title h2{font-size: 30px}

.fadein{opacity: 0;transform: translateY(20px);transition: 1s}
.fadein.active{opacity: 1;transform: none}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 10px!important;margin-bottom: 50px;border-bottom: solid 1px #ddd;color: #ad7984;font-weight: normal;position: relative}
.cate_title::before{position: absolute;content: "";width: 50px;height: 1px;left: 0;bottom: -1px;background-color: #ad7984}


/** tablet 780 **/
@media screen and (max-width: 768px){
#wrap{padding-top: 100px!important}
.cate_list li{width: 50%!important}
#intro{width: 80%!important;margin-top: -50px}
#intro #intro_txt{padding: 50px 20px}
#header #logo{padding: 20px 0 0}
.toggle{bottom: 50px}
#logo .width_30per_tb{width: 150px!important}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.toggle{bottom: 30px}
#contents{padding: 0}
#contents .box_wrap .d_table-cell p{border-bottom: none}
#contents .box_wrap .d_table-cell figure{background-color: transparent}
.cate_list li{width: 100%!important}
#cms_3-f .cate_box{margin: 0 0 20px}
#intro{margin-top: -30px}
#intro h2{font-size: 20px}
.cate_title{font-size: 20px}
}

/** 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}
#contents .box .d_table-cell h3 span, #intro_txt h2 span, .cate_title, #top_cms .cms_title h2, #page_title h2{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}
}