/*video---------------------------------------------------------*/
video.video.width_100per {
    background: url(dup/img/main_img.jpg);
    height: 100vh;
    min-height: 800px;
    width: 100% !important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
/*video---------------------------------------------------------*/


/*catch---------------------------------------------------------*/
img.catch {
    max-width: 500px;
    bottom: 50%;
    left: 5%;
    transform: translate(0px, 100px);
}

@media screen and (max-width: 1700px){
img.catch {
    max-width: 450px;
    bottom: 50%;
    left: 5%;
    transform: translate(0px, 100px);
}}
@media screen and (max-width: 1600px){
img.catch {
    max-width: 400px;
    bottom: 50%;
    left: 5%;
    transform: translate(0px, 100px);
}}
@media screen and (max-width: 1500px){
img.catch {
    max-width: 400px;
    bottom: 6%;
    right: 8%;
    left: auto;
    transform: translate(0px, 0px);
}}
/*catch---------------------------------------------------------*/

/*font---------------------------------------------------------*/
.font_14 { font-size: 15px;}
.opacity08 { opacity: 0.9 !important;}
body {
    font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
    font-weight: 400 !important;}

#intro h3,#contents1 h4,#add_contents h4,#contents2 h3{
    letter-spacing: 3px !important;
    font-weight: bold;
    font-size: 25px;
}

section#page07 .box .en_font {
    font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;}

/*font---------------------------------------------------------*/

/*color---------------------------------------------------------*/ 
/*#169419*/
/*ff8d00*/

.txt_color3 { color: #ff8d00;}

.bg_color1 { background-color: #169419}
.bg_color2 {background-color: #fffbf5;}
.bg_color3 {background-color: #ff8d00;}

.border_color1 {border-color: #169419;}
.border_color3 {border-color: #ff8d00;}

.hvr_bg_color1:hover {background-color: #169419;}
.hvr_bg_color3:hover {background-color: #169419;}

#contents2 > div { background-color: rgba(41, 23, 0,0.5);}
section#intro h2::first-letter {color: #ff8d00;}
/*color---------------------------------------------------------*/

/*logo---------------------------------------------------------*/
div#header img {
    max-width: 182px !important;
    display: block;
    margin: 15px auto 30px;
}
/*logo---------------------------------------------------------*/



/*linkStyle*/
a.linkStyle {
    color: #169419;
    transition: 0.5s;
    border-bottom: solid 1px;}
a.linkStyle:hover {
    color: #169419;}

/*cms---------------------------------------------------------*/
#cms_2-a h3.cate_title {
    padding: 0;
    font-weight: bold;
    letter-spacing: 3px;
    border-bottom: solid 2px #ff8d00;
    border-top: 0px;}
    


.tel_contact h4 {
    max-width: 135px;
    width: 100%;
    background: #169419;
    border-radius: 6px;
    text-align: left;
    padding: 0 5px;
}
    
/*IE*/
@media all and (-ms-high-contrast: none){
.cms_1-e .date {
    padding-top: 10px !important;
    padding-bottom: 11px !important;}

.more a{
    padding-top: 8px !important;
    padding-bottom: 11px !important;}

.cms_6-b .cate_box .box_txt1,#cms_6-b .cate_box .box_txt1 {
    padding: 7px 10px 7px !important;}

#cms_1-e .date {
    padding-top: 10px !important;
    padding-bottom: 10px !important;}

#cms_6-b .cate .cate_title {
    padding: 3px 5px 6px !important;}

#cms_6-a .cate .cate_title { padding-top: 6px !important;}


}


/*タブレット*/
@media screen and (max-width: 768px){
    

/*video*/
    video.video.width_100per {
    background: url(dup/img/main_img.jpg);
    width: 100% !important;
    height: 60vh;
    min-height: 500px;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;}
    
img.catch {
    max-width: 300px;
    bottom: 6%;
    right: 5%;}
    
div#header img {
    max-width: 170px !important;
    display: block;
    margin: 15px;}
    
#contents2 > div { background-color: rgba(247, 149, 27,1);}
    
#menu_wrap ul.menu_nav {align-items: start !important;}

.tel_txt { padding: 20px 10px;}


}
/*スマホ*/
@media screen and (max-width: 667px){
    
.tel_contact h4 {
    max-width: none;
    width: auto;
    background: transparent;
    border-radius: 0;
    text-align: center;
    padding: 0;
}
    
    video.video.width_100per {
    background: url(dup/img/main_img.jpg);
    width: 100% !important;
    height: 40vh;
    min-height: 200px;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;}

div#header img {
    max-width: 140px !important;
    display: block;
    margin: auto 0;}


.tel_txt { padding: 20px;}
footer .logo img {  max-width: 150px;}


#cms_1-e .pager li, #cms_1-e .pager .prev a {
    margin: 0 !important;
}

#intro h3, #contents1 h4, #add_contents h4, #contents2 h3 {
    letter-spacing: 3px !important;
    font-weight: bold;
    font-size: 20px;}


img.catch {
    max-width: 130px;
    bottom: 10%;
    right: 7%;}
    
section#intro h2 { font-size: 20px;
    letter-spacing: 3px;
}
}






/*2021108*/
.btn_container a{transition:0.5s;}
.btn_container a:hover{opacity:0.7;}