.bg_color1 {
    background-color: #316745;
}
.bg_color3 {
    background-color: #316745;
}
.txt_color1 {
    color: #316745;
}
.txt_color2 {
    color: #316745;
}
.txt_color3 {
    color: #333333;
}
.hvr_txt_color2:hover {
    color: #1ba74f;
}
.border_color1 {
    border-color: #316745;
}
.border_color2 {
    border-color: #316745;
}
.border_color3 {
    border-color: #aaaaaa;
}
.border_color4 {
    border-color: #316745;
}
/* ----------　全体共通部分　---------- */
.linkStyle{
	color:#aaa;
}
.linkStyle:hover{
	color:#aaa;
	opacity: 0.7;
	transition: all 0.5s;
}
header{
background-image: url(Dup/img/back1.jpg),url(Dup/img/back2.jpg);
    background-position: bottom -150px right,left bottom -30px;
    background-repeat: no-repeat;
    background-size: 40%,contain;
}
header.is-show{
background-image: none;
}
.all_header{
background-image: none;
}
header #logo{
width: 20%!important;
}
header #logo img{
width: 100%!important;
}
header #header_menu{
    width: 35%!important;
}
.clone-nav #header {
    padding-top: 10px;
}
.clone-nav #logo {
    width: 13%!important;
}
.index_header #header #header_menu li,#intro #intro_txt h2,#contents .box h3,#page_title h2{
font-family: vdl-pengentle, sans-serif;
font-weight: 700;
font-style: normal;
}
footer{
background-image: url(Dup/img/back3.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

/* ----------　TOP　---------- */
#header_menu ul{
height: 11.5em;
}
.index_header #header #header_menu li {
    max-height: 11.5em;
}
header #header #header_menu li a .jp{
    height: 11.5em;
}
header #header #header_menu li a .jp:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    margin-bottom: 5px;
}
header #header #header_menu li:nth-child(1) a .jp:before {
    background-image: url(Dup/img/menu_icon1.jpg);
}
header #header #header_menu li:nth-child(2) a .jp:before {
    background-image: url(Dup/img/menu_icon2.jpg);
}
header #header #header_menu li:nth-child(3) a .jp:before {
    background-image: url(Dup/img/menu_icon3.jpg);
}
header #header #header_menu li:nth-child(4) a .jp:before {
    background-image: url(Dup/img/menu_icon4.jpg);
}
header #header #header_menu li:nth-child(5) a .jp:before {
    background-image: url(Dup/img/menu_icon5.jpg);
}
header #header #header_menu li:nth-child(6) a .jp:before {
    background-image: url(Dup/img/menu_icon6.jpg);
}



#main_img {
    max-height: 100vh!important;
margin-bottom: 0px;
}
#intro_wrap{
background-image: url(Dup/img/back.png);
    background-repeat: no-repeat;
    padding-bottom: 100px;
    padding-top: 100px;
    background-position: right;
}
#intro {
    margin-bottom: 0px;
    margin-top: 0px;
}
#top_cms .cms_title .title_box {
    background-color: rgb(49 ,103 ,69 ,40%);
}
#top_cms .cms_title .title_box h2 {
    color: #fff;
}
#top_cms .cms_title .title_box h2:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-image: url(Dup/img/dec.png);
    margin-bottom: 5px;
}


/* ----------　下層ページ　---------- */
.all_header #logo {
    width: 13%!important;
}
.all main {
    padding-top: 100px;
}
#page_title .back_color2{
    background-color: rgb(49 ,103 ,69 ,40%);
}
#page_title h2{
    color: #fff;
    position: relative;
    top: 20px;
    max-height: 170px;
}
#page_title h2:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-image: url(Dup/img/dec.png);
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    margin-bottom: 5px;
    top: -20px;
}
.cate_title{
    background-color: #316745;
    color: white;
    border-radius: 3px;
    margin: 0;
    margin-bottom: 25px;
    text-align: center;
}
#cms_5-c .box_txt1::before {
    color: rgba(49,103,69,0.6);
}


/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
#page_title h2 {
    padding-right: 15px;
}
.cate_title{
padding: 15px 5px 5px;
}
#contact_tel a{
padding: 30px 30px 22px;
}
}


/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
.clone-nav #logo {
    width: 20%!important;
}
.all_header #logo {
    width: 20%!important;
}
.all main {
    padding-top: 90px;
}
}



/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
header {
    background-image: url(Dup/img/back1.jpg);
    background-position: bottom -150px right;
    background-repeat: no-repeat;
    background-size: auto;
}
.clone-nav #header {
    padding-top: 5px;
}
header #logo {
    width: 25%!important;
}
.clone-nav #logo {
    width: 25%!important;
}
#intro_wrap {
    padding-bottom: 0px;
    padding-top: 0px;
}
#intro{
    background-color: rgb(255 ,255 ,255,0.8);
}
.all_header #logo {
    width: 25%!important;
}
.all main {
    padding-top: 70px;
}
#page_title {
    height: 220px;
}
#page_title h2:before {
    width: 25px;
    height: 25px;
    top: -20px;
}
#page_title h2 {
padding-top: 10px;
    padding-bottom: 10px;
    max-height: 150px;
    letter-spacing: 2px;
font-size: 19px;
}
}