﻿#main_img{margin-bottom: 50px}
#main_img .slick{width: 100%!important;margin-left: 0}
#main_img #catch{top: 62%;width: 80%!important;margin: -50px auto 0;position: static;transform: none;padding-top: 50px!important}
#main_img #catch h2{position: static}
#main_img #catch h2 span{width: 100%;text-align: center;box-sizing: border-box}
#main_img #catch p{padding-top: 50px}

#sc_menu .page08_link span, #main_menu .page08_link span{display: none}
#sc_menu .logo img{max-width: 250px}
#catch{min-height: 70%}
#main_img #catch h2{border-left: none;border-right: none;line-height: 1.5}
#intro{background-image: url(./Dup/img/bg_img.png);background-size: 150px;background-color: transparent}
#intro_title{text-align: center}
#intro_title p{width: 100%;border: none}
#intro_title h3{padding-left: 200px;padding-right: 200px;position: relative;display: inline-block}
#intro_title h3::before, #intro_title h3::after{position: absolute;content: "";width: 150px;height: 1px;top: 0;bottom: 0;margin: auto;background-color: #6a3bad}
#intro_title h3::before{left: 0}
#intro_title h3::after{right: 0}
#contents::before{background-color: rgba(0,0,0,0.2)}
#contents::after{top: 0;left: 0;position: absolute;content: "";width: 100%;height: 100%;background-image: url(./Dup/img/bg_img4.png), url(./Dup/img/bg_img3.png);background-size: 100% 100px;background-repeat: no-repeat;background-position: top left, bottom left;z-index: 3;pointer-events: none}
#contents .txt_white{color: #333}
#contents .d_flex > div{padding: 0}
#contents .contents_txt > div{padding: 150px 50px}
#contents .contents_txt{background-color: rgba(255,255,255,0.6)}
#contents .contents_txt h3::after{border: none;border-top: solid 1px #333;border-bottom: solid 1px #333}
#contents .contents_txt h3{background-color: rgba(0,0,0,0.05)}
#contents_links .square_box a::before{border: none;background-color: rgba(0,0,0,0.2)}
#top_cms .top_cms_box .more a span{border: none;background-color: rgba(255,255,255,0.2)}
#top_cms .top_cms_box .more a:hover span{background-color: transparent}

#page_title{padding-bottom: 50px}
#page_title::after{background-image: url(./Dup/img/bg_img3.png);background-position: bottom left;background-repeat: no-repeat;background-size: 100% 100px}
#page_title p{border: none;background-color: rgba(0,0,0,0.2)}

.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 #e6e6e6;color: #333;font-weight: 700;position: relative}
.cate_title::before{position: absolute;content: "";width: 100px;height: 5px;left: 0;bottom: -5px;background-color: #6a3bad}
.cms_3-f .cate_box{width: 46%;margin: 2%;padding: 0 5px;box-sizing: border-box;}
#top_cms .top_cms_title h3{padding-top: 30px;padding-bottom: 30px;border-width: 1px}

footer::after{background-image: url(./Dup/img/bg_img4.png);background-position: top left;background-repeat: no-repeat;background-size: 100% 100px}
footer #footer{padding-top: 150px}


/** tablet 780 **/
@media screen and (max-width: 768px){
#main_img #catch{padding-top: 0!important}
#main_img #catch h2{background-color: #754db5;border: none}
#main_img #catch h2 span{padding: 20px 30px}
#main_img #catch p{padding-top: 0}
#intro_title h3{padding-left: 170px;padding-right: 170px}
#contents .contents_txt > div{padding: 50px 50px calc(50px + 10vw)}
#page_title{padding-bottom: 5vw}
#page_title::after, #contents::after, footer::after{background-size: 100% calc(10vw)}
footer #footer{padding-top: calc(50px + 10vw)}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
h1{width: 50%!important}
h1 a{padding: 10px}
#main_img #catch{width: 90%!important;padding-left: 20px;padding-right: 20px;margin-top: -20px}
#main_img #catch h2{font-size: 18px}
#main_img #catch h2 span{padding: 20px}
#intro .box_wrap .box > div{margin-left: auto;margin-right: auto}
#intro_title h3{padding-left: 50px;padding-right: 50px}
#intro_title h3::before, #intro_title h3::after{width: 30px}
#contents .d_flex > div{padding: 30px 20px}
#contents .contents_txt > div{padding: 20px 0 calc(20px + 10vw)}
#contents .contents_txt{background-color: #f7f7f7}
#contents .logo img, footer #footer #footer_txt .logo, .loader.logo{width: 200px}
#cms_3-f .cate_box {margin: 5px;}
.cate_title{font-size: 20px}

}

/** IE **/
@media all and (-ms-high-contrast:none) {

}