.bg_color1 {background-color: #8bb700;}
.bg_color2 {background-color: #eae6cd;}
.bg_color3 {background-color: #f4d200;}
.txt_color1 {color: #8bb700;}
.txt_color3 {color: #e2a500;}
.border_color1 {border-color: #8bb700;}
.border_color2 {border-color: #e2a500;}
.border_color3 {border-color: #f4d200;}
/* ----------　all　---------- */
.linkStyle{
	color:#8bb700;
}
.linkStyle:hover{
	color:#8bb700;
	opacity: 0.7;
	transition: all 0.5s;
}
#loader img {
    width: 300px;
}
h1::after {
    border-width: 220px 280px 0 0;
}
main,#intro #intro_box::after{
    background-color: #e6e6e6!important;
}
footer #footer::after {
    opacity: 1;
    background-color: #aed13c;
}
.banner_fix {
    position: fixed;
    bottom: 0px;
    right: 75px;
    z-index: 5;
    width: 80%;
    max-width: 350px;
}
.banner_fix img{
	transition: opacity 0.5s;	
}
.banner_fix img:hover{
    opacity: 0.6;
}
/* ----------　TOP　---------- */
#main_img::after {
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
}
.catch{
    position: absolute;
    width: 50%;
    max-width: 900px;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;
    filter: drop-shadow(2px 4px 10px rgba(0,0,0,0.7));
}
#intro #intro_txt h3::after {
    content: "INTRODUCTION";
    font-family: "Montserrat Subrayada","Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#contents_links .box_wrap .box a div span::after,#top_cms .top_cms_box .more a::after {
    background-color: #8bb700;
}
#contents_links .box_wrap .box a:hover div span,#top_cms .top_cms_box .more a:hover {
    border-color: #8bb700;
}
#contents_links .box_wrap .box {
    border: 10px solid #e6e6e6;
}
#contents_links .box_wrap .box:nth-of-type(even) {
    border-right: 20px solid #e6e6e6;
}
#contents_links .box_wrap .box:nth-of-type(odd) {
    border-left: 20px solid #e6e6e6;
}
#contents::before {
    opacity: 0.3;
    background: linear-gradient(to top left, transparent 50%,#f4d200 50%);
}
#top_cms{
    width: 90%;
}
#top_cms .top_cms_box .top_cms_title p {
    opacity: 0.1;
    color: #8bb700;
}

/* ----------　下層ページ　---------- */
#cms_3-e .cate_box{
    padding: 20px 0;
}
/* 会社情報 */
#page07 .box_wrap .box::after {
    top: 100%;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #f4d200 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #f4d200 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, #f4d200 100%);
}
/* お問い合わせ */
#page08 #tel_contact {
    background: none;
    background-color: #8bb700;
}
/* プライバシーポリシー */
/* サイトマップ */
#page10 .box a > div p {
    opacity: 0.1;
}

/*-------------------------------------------------------
			      1536px
-------------------------------------------------------*/
@media screen and (max-width: 1536px){
.catch {
    top: 60%;
}    
}
/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
/* ----------　all　---------- */
h1::after {
    border-width: 180px 280px 0 0;
}
h1 img {
    width: 180px;
}
/* ----------　TOP　---------- */
#main_img {
    height: 60vh;
    min-height: 400px;
    background-attachment: initial;

}
.catch {
    width: 65%;
    top: auto;
    bottom: 20px;
    transform: translateY(0%);
    right: 30px;
}
/* ----------　下層ページ　---------- */
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */

}



/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
/* ----------　all　---------- */
#loader img {
    width: 220px;
}
.banner_fix{
    width: 75%;
    right: 0px;
    left: 0;
    margin: auto;
}
header{
    position: relative;
    background-color: #e6e6e6;
}
header h1{
    height: 45px!important;
}
h1::after{
    display: none;
}
#menu_bt {
    background-color: #8bb700;
}
/* ----------　TOP　---------- */
#main_img {
    height: 35vh;
    min-height: 300px;
    padding-top: 60vh;
    background-position: bottom left -40px;
}
.catch {
    width: 90%;
    right: 5%;
}
/* ----------　下層ページ　---------- */
#page_title h3{
    font-size: 20px;
}
footer #footer #footer_box{
     padding: 0 5%;
}
/* 会社情報 */
/* お問い合わせ */

/* プライバシーポリシー */
/* サイトマップ */
}