.bnr{
width: 70%;
margin-bottom: 80px;
}

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

/* color */
.linkStyle{color:#fff;}
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #C7DC68} /* メインカラー */
.txt_color2{color: #ffffff} /* サブカラー */
.txt_color3{color: #E4A343} /* アクセントカラー1 */
.txt_color4{color: #f2f3f0} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #C7DC68} /* メインカラー */
.bg_color2{background-color: #dfe6a4} /* サブカラー */
.bg_color3{background-color: #E4A343} /* アクセントカラー1 */
.bg_color4{background-color: #f2f3f0} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}
.bg_color3,#sp_nav nav{
background-color: #e4a343;
background-image: linear-gradient(-45deg, #eaaa4c 25%, #e8a747 25%, #e8a747 50%, #eaaa4c 50%, #eaaa4c 75%,#e8a747 75%, #e8a747 );
background-size: 11px 11px;
}

/* border-color ※!important */
.border_color1{border-color: #C7DC68}
.border_color2{border-color: #dfe6a4}
.border_color3{border-color: #dfe6a4}
.border_color4{border-color: #f2f3f0}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #C7DC68} /* メインカラー */
.hvr_txt_color2:hover{color: #ffffff} /* サブカラー */
.hvr_txt_color3:hover{color: #E4A343} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f2f3f0} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #C7DC68} /* メインカラー */
.hvr_bg_color2:hover{background-color: #dfe6a4} /* サブカラー */
.hvr_bg_color3:hover{background-color: #E4A343} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f2f3f0} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #C7DC68}
.hvr_border_color2:hover{border-color: #dfe6a4}
.hvr_border_color3:hover{border-color: #E4A343}
.hvr_border_color4:hover{border-color: #f2f3f0}


/* main_img ---------------------------------------------------------------------------------------------*/
#video{height: 100vh;}
#main_img{max-height: inherit}

/* header ---------------------------------------------------------------------------------------------*/
#header{background: -moz-linear-gradient(top, rgba(255,255,255,0.8), transparent);background: -webkit-linear-gradient(top, rgba(255,255,255,0.8), transparent)!important;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), transparent)!important;}
header .menu_stick {color: #ffffff!important;}
header .menu_stick{box-shadow: 0 0 5px rgba(0,0,0,0)!important;}
.con_box::before{background-color: #ffc887!important;width: 2px;}
header .scroll_d span::before{background-color: #fff3e1!important;}
#header h1 img{
height: auto!important;
width: 30%!important;
max-width: 157px;
}
#header h1 img{transform: translateY(-15px);}

/* 他 ---------------------------------------------------------------------------------------------*/
#loading_bg img{max-width: 200px;}
#wrap{background: url( "./dup/img/bg.jpg" ) center / 900px repeat;}
#contents2 .con_box{background: -webkit-linear-gradient(left, transparent, #e8b25f)!important;background:linear-gradient(to right, transparent, #e8b25f)!important;}
#contents3 .con_box{background: -webkit-linear-gradient(left, #e8b25f, transparent)!important;background: linear-gradient(to right, #e8b25f, transparent)!important;}
#contents4 .con_bg_img,#footer .con_img{background-color: rgba(0, 0, 0, 0.68)!important;}
#page_title{background-color: rgba(0, 0, 0, 0.5)!important;}
#contents4 a .con_txt::before{background-color: #ffc887!important;}
.cms_title::before{background-color: #ffc887;width: 2px;}
#page_title img{transform: translate(-50%,-40%);}
#contents2 .clearfix,#contents3 .clearfix{background-color: rgba(0, 0, 0, 0.2)!important;position: relative;}

/* css ---------------------------------------------------------------------------------------------*/
#cms_2-c .box_txt1{font-size: -webkit-calc(1rem + 6px);font-size: calc(1rem + 6px);}
#cms_2-c .cate_box{padding: 30px 0;}
#cms_6-c .cate_box{color: #333333!important;}
#cms_6-c .box_title{color: #ffa131!important;}
#cms_2-c .cate_title{margin-bottom: 40px;}
#cms_3-e .cate_title,#cms_2-c .cate_title {
position: relative;
padding: 15px;
background: #b1c556;
border-radius: 5px;
}
#cms_3-e .cate_title:after,#cms_2-c .cate_title:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #b1c556;
width: 0;
height: 0;
}
#cms_3-e .sub_cate_title{border-bottom: 2px solid #C7DC68;border-top: 2px solid #C7DC68;}
#cms_3-e .box_title1,#cms_3-e .box_title2{border-bottom: 4px dotted #dfe6a4;}

/* ---------- IE ---------- */
@media all and (-ms-high-contrast: none){
#contents2 .con_box .con_txt ,#contents3 .con_box .con_txt  {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10%;
}
#cms_3-e .cate_title,#cms_2-c .cate_title  {
padding: 15px 15px 10px 15px;
}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header h1 img {transform: translateY(0);}
#contents2 .con_box, #contents3 .con_box{background: rgba(197, 144, 58, 0.72)!important;}
#contents4 .con_bg_img, #footer .con_img, #page_title{background-color: rgba(0, 0, 0, 0.5)!important;}
#sp_nav{background-color: rgba(136, 132, 117, 0.7)!important;}
#cms_6-c .cate_box{margin-bottom: 50px;}
.bnr{
width: 100%;
margin-bottom: 50px;
}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
header.height80vh_sp,#video {height: 40vh;}
header .scroll_d{display: none;}
#under_page .under_box .info_box .border_color4{border-color: #e4a343!important;}
#under_page .under_box .info_box .border_color2{border-color: #fff!important;}
#cms_3-e .box_title2 {border: none;}
#cms_2-c .cate_box{padding: 20px 0;}
#cms_2-c .box_txt1 {
font-size: -webkit-calc(1rem + 6px);
font-size: calc(1rem + 2px);
border-bottom: 3px dotted #C7DC68;
border-top: 3px dotted #C7DC68;
margin-bottom: 15px;
padding-top: 5px;
}
#cms_6-c{padding: 0;}
}