@charset "UTF-8";



/*ページタイトル----------#top_ttl*/

#top_ttl{width: 100%;height: 200px;background: url("images/page_ttl_bg.jpg")no-repeat center center / cover;margin: 0 0 70px;}
#top_ttl .page_ttl_box{display: inline-block;height:150px;background-color: #FFF;margin: 120px 0 0;padding: 30px 100px 40px;box-sizing: border-box;position: relative;}
#top_ttl .page_ttl_box img {width: auto;height: 20px!important;}
#top_ttl .page_ttl_box::after{content: "";display: inline-block;width: 290px;height: 100px;background: url("images/page_ttl_img.png")no-repeat center center / contain;position: absolute;top: 0;left: 0;webkit-transform: translate(-50%, -40%);transform: translate(-50%, -40%);}
#top_ttl .page_ttl_box span{display: block;font-size: 20px;font-weight: 700;margin: 15px 0 0;}
@media only screen and (-webkit-min-device-pixel-ratio:2){
#top_ttl .page_ttl_box::after{background: url("images/page_ttl_img@2x.png")no-repeat center center / contain;}
}
@media screen and (min-width:768px){
}
@media screen and (max-width:767px){
#top_ttl{height: 120px;margin:0 0 50px;padding:0 20px;box-sizing:border-box;}
#top_ttl .page_ttl_box{width:100%;height: auto;margin: 60px 0 0;padding: 15px 0;}
#top_ttl .page_ttl_box::after{width: 145px;height: 50px;left: 50px;}
#top_ttl .page_ttl_box img {width: auto;height: 20px!important;}
#top_ttl .page_ttl_box span{font-size: 16px;}
}