#intro #intro_txt h2, #contents h2, #top_cms .cms_title .title_box h2, #top_cms .btn, #page_title h2, #contents .box h3, .cate_title, #contents .back_color2 .contents_box::before{font-family: dnp-shuei-4go-std, "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

html, body, .font_16, .font_14{font-size: 18px}
.font_18{font-size: 20px}

#logo img{width: 100%!important}
header:not(.clone-nav):not(.all_header) #logo img{width: 70%!important}
header:not(.clone-nav):not(.all_header){padding: 20px 0 30px}
.header_info .tel i{padding-right: 0;border-right: none}
.header_info .contact i{display: none}
.header_info .contact{padding-left: 20px;border-left: solid 1px #222}
.all main{padding-top: 92px}
.clone-nav #header{padding-top: 10px}

#main_img{margin-bottom: 0;height: 800px}
.intro_wrap{background-image: url(./Dup/img/bg_img4.jpg);padding-top: 1px;padding-bottom: 1px}
#intro{height: 300px;max-height: 300px}
#intro #intro_txt h2{position: relative;top: -30px;font-size: 26px}
#contents .back_color2 .contents_box{padding: 50px;position: relative;background-image: url(./Dup/img/bg_img4.jpg)}
#contents .back_color2 .contents_box::before{position: absolute;font-size: 90px;left: 25px;top: 0;border-top: solid 5px #222;display: inline-block;color: #eee;line-height: 1}
#contents .back_color2 .contents_box:nth-of-type(1)::before{content: "01"}
#contents .back_color2 .contents_box:nth-of-type(2)::before{content: "02"}
#contents .back_color2 .contents_box:nth-of-type(3)::before{content: "03"}
#contents .back_color2::after{background-color: rgba(34,34,34,0.4)!important;background-image: url(./Dup/img/bg_img3.png);background-size: 50%;background-position: top right;background-repeat: no-repeat}
#contents h2{font-size: 40px;color: #fff;max-height: inherit;letter-spacing: 5px}
#contents h2 .svg_box{display: none}
#contents .box h3{margin-left: 0;width: 100%!important;margin-bottom: 20px;position: relative;font-size: 22px}
#contents .box h3:before{display: none}
#contents .box p{padding-left: 30px;position: relative}
#top_cms .cms_title{background-color: #f9f9f9;background-image: url(./Dup/img/bg_img2.png)!important;background-size: 100px;background-repeat: repeat;background-attachment: inherit}
#top_cms .cms_title .bg-mask, #top_cms .cms_title .title_box{background-color: transparent}
#top_cms .cms_title .title_box h2{font-size: 26px;max-height: 250px}

#page_title{background-color: #f9f9f9;background-image: url(./Dup/img/bg_img2.png)!important;background-size: 100px;background-repeat: repeat;background-attachment: inherit}
#page_title .back_color{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
#page_title .back_color, #page_title .back_color2{background-color: transparent}
#page_title h2{font-size: 30px;max-height: 200px;text-shadow: none;border-right: solid 1px;border-left: solid 1px;padding-left: 20px;padding-right: 20px;line-height: 1.5}
.cate_list li a{font-size: 16px;background-color: #222;color: #fff;padding: 10px 20px!important}
.cate_list li a:hover{opacity: 1;background-color: #555;color: #fff}

.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 #222;color: #222;font-weight: normal;position: relative}
.cate_title::before{position: absolute;content: "";width: 50px;height: 5px;left: 0;bottom: -6px;background-color: #222}

.cms_2-a .cate_box:nth-of-type(even){flex-direction: row-reverse}
#cms_2-a .box_title1, .cms_2-a .box_title1{padding-bottom: 10px;margin-bottom: 20px;position: relative}
#cms_2-a .box_title1::before, .cms_2-a .box_title1::before{position: absolute;content: "";width: 30px;height: 1px;left: 0;bottom: 0;background-color: #222}

footer{background-image: url(./Dup/img/bg_img4.jpg);max-width: 100%!important}
footer #footer{border-top: none}
footer #footer, footer #bottom_menu{max-width: 1280px;margin-left: auto;margin-right: auto}

/** tablet 780 **/
@media screen and (max-width: 768px){
.font_16_tb, .font_14_tb{font-size: 18px}
.font_18_tb{font-size: 20px}
.header_info{margin-left: 0}
header:not(.clone-nav):not(.all_header){padding: 0}
header:not(.clone-nav):not(.all_header) #logo img{width: 100%!important}
#intro #intro_txt h2{top: -20px}
#main_img{height: 60vw}
#contents .back_color2 .contents_box{padding: 50px 20px}
#contents .back_color2 .contents_box::before{font-size: 90px;left: 10px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.font_16_sp, .font_14_sp{font-size: 18px}
.font_18_sp{font-size: 20px}
header:not(.clone-nav):not(.all_header){padding: 0 5%}
header #header{padding: 10px 0}
.all main{padding-top: 69px}
header .menu_bt{margin-right: 0;position: relative;bottom: 6px}
#logo img, header:not(.clone-nav):not(.all_header) #logo img{width: 80%!important}
.drawer-hamburger{box-sizing: border-box;width: 30px!important;padding: 0}
#page_title{height: 300px}
#page_title h2{font-size: 26px;padding-top: 35px;padding-bottom: 35px;max-height: 180px}
#intro{height: inherit;max-height: inherit}
#intro #intro_txt h2{top: 0}
#contents h2 {font-size: 20px;letter-spacing: 2px;}
#contents .box h3{font-size: 18px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
#contents .back_color2 .contents_box::before{line-height: 1.6}
#top_cms .btn{padding-top: 5px}
#page_title h2{padding-right: 35px}
.cate_list li a{padding-top: 15px!important}
}