﻿/* color */
body,.txt_color_nomal{color: #1a1a1a;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #0B0B0B} /* メインカラー */
.txt_color2{color: #bfbfbf} /* サブカラー */
.txt_color3{color: #8B7B00} /* アクセントカラー1 */
.txt_color4{color: #cccccc} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #0B0B0B} /* メインカラー */
.bg_color2{background-color: #bfbfbf} /* サブカラー */
.bg_color3{background-color: #8B7B00} /* アクセントカラー1 */
.bg_color4{background-color: #cccccc} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #0B0B0B}
.border_color2{border-color: #f7f7f7}
.border_color3{border-color: #8B7B00}
.border_color4{border-color: #cccccc}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #1a1a1a;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #0B0B0B} /* メインカラー */
.hvr_txt_color2:hover{color: #bfbfbf} /* サブカラー */
.hvr_txt_color3:hover{color: #8B7B00} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #cccccc} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #0B0B0B} /* メインカラー */
.hvr_bg_color2:hover{background-color: #bfbfbf} /* サブカラー */
.hvr_bg_color3:hover{background-color: #8B7B00} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #cccccc} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #0B0B0B}
.hvr_border_color2:hover{border-color: #bfbfbf}
.hvr_border_color3:hover{border-color: #8B7B00}
.hvr_border_color4:hover{border-color: #cccccc}

.linkStyle { color:#212121;
}
.linkStyle:hover { opacity:0.7;transition: all 0.3s;
}
body {
	background-color: #e0e0e0;
}
#custom .custom_title {
    top: 86%!important;
    right: 50%!important;
	transform: translate(50%,0%);
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	width:90%;
	max-width: 1280px;
}
#custom .custom_img {
    left: 0!important;
	bottom: 50%!important;
	transform: translate(0%,50%);
	width:50%;
	max-width: 700px;
}
#custom .custom_txt {
	display: none;
}
#intro,#top_cms,footer {
background: rgb(136,136,136); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(183,183,183,1) 0%, rgba(136,136,136,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(183,183,183,1) 0%,rgba(136,136,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(183,183,183,1) 30%,rgba(136,136,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#888888',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.intro_left, .footer_bg {
	background-image: url("./Dup/img/bg1.png");
	background-size: cover;
	background-position: center;
}
#contents .con_bg {
	background: rgb(15,15,15); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(136,136,136,1) 0%, rgba(15,15,15,1) 50%, rgba(136,136,136,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(136,136,136,1) 0%,rgba(15,15,15,1) 50%,rgba(136,136,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(136,136,136,1) 0%,rgba(15,15,15,1) 50%,rgba(136,136,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#888888',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#contents .con_wrap {
	padding-left: 50px;
}
#contents .con_box1,#contents .con_box2 {
	border:1px solid #8B7B00;
	padding: 30px;
}
#contents .con_box1 .con_no,#contents .con_box2 .con_no {
	color: #8B7B00;
}
#contents .con_box1::before {
	background-color: #8B7B00!important;
	bottom: -25px!important;
}
#top_cms .cms_box .width_1280-max {
    background: rgba(255,255,255,0.5);
    padding:50px;
}
.cms_title {
    margin-bottom:50px;
}

@media (max-width:768px){
#custom .custom_title {
    top: 50%!important;
	transform: translate(50%,-50%);
	width:85%;
	max-width: 550px;
}
#custom .custom_img {
    display: none;
}
#contents .con_box1 .con_no,#contents .con_box2 .con_no {
	color: #fff;
            font-size: 22px;
}
#top_cms {
    padding-bottom:5px;
}
}

@media (max-width:667px){
#contents .con_wrap {
	padding-left: 20px;
}
#contents .con_box1,#contents .con_box2 {
	padding: 15px;
}	
}
@media all and (-ms-high-contrast:none){}
@supports (-ms-ime-align:auto) {}