/*--------リンク--------*/
.linkStyle{color: #333333; text-decoration: underline;}



/*--------全体--------*/
body{overflow: hidden;}
html {font-size: 16px;}

#header .header_logo div{letter-spacing: 1px;font-size: 14px;}
#header .header_logo div:not(:nth-of-type(4)) a{
	    border-right: 1px solid #ABC900;
/*
    border-image: linear-gradient(to bottom, #58c7c2 0%, #ABC900 100%);
    border-image-slice: 1;
*/
}	
#header .header_logo div:last-of-type a{border-right:none;}

@media screen and (max-width: 845px){
#header .header_logo{align-items: center;}
	}
	
#contents1 .contents_txt1 {
    background: -moz-linear-gradient(left, #58c7c2, #ABC900);
    background: -webkit-linear-gradient(left, #58c7c2, #ABC900);
    background: linear-gradient(to right, #58c7c2, #ABC900);
}
#contents234,#contents234 h4,#top_cms section{
	border-image: linear-gradient(to right, #58c7c2 0%, #ABC900 100%) 1/0 0 1px 0;
	border-style: solid;
	border-image-slice: 1;
}

.more a::before{
	border-left: solid 1px #ABC900;
	border-top: solid 1px #ABC900;
	border-image: linear-gradient(to right, #58c7c2 0%, #ABC900 100%) ;
	border-image-slice: 1;	
}
.more a::after {    
    border-right: solid 1px #ABC900;
    border-bottom: solid 1px #ABC900;
　border-image: linear-gradient(to right, #58c7c2 0%, #ABC900 100%) ;
    border-image-slice: 1;
}

footer ul {border: none!important;}
footer ul li.grid_2 {  width: calc(100% / 3)!important;}
footer .foot_bt a:first-of-type{  width: 100%!important;}
footer .foot_bt a:last-of-type{display: none;}
footer .foot_bt a{margin-right:0px;}
footer .foot_bt a:hover{
	background: -moz-linear-gradient(left, #58c7c2, #ABC900);
    background: -webkit-linear-gradient(left, #58c7c2, #ABC900);
    background: linear-gradient(to right, #58c7c2, #ABC900);
}
#copyright{
    margin: 0 calc(50% - 50vw);
    width: 100vw;
	background: -moz-linear-gradient(left, #58c7c2, #ABC900);
    background: -webkit-linear-gradient(left, #58c7c2, #ABC900);
    background: linear-gradient(to right, #58c7c2, #ABC900);
}


/*--------下層--------*/
#header.width_1000-min{width: 100%;    max-width: 100%;    min-width: 100%;}
#header .header_logo{ width: 100%;   max-width: 1280px;}
#page_title{
	border-bottom: 1px solid #ABC900;
	border-image: linear-gradient(to right, #58c7c2 0%, #ABC900 100%) 1/0 0 1px 0;
	border-image-slice: 1;
max-width: 1280px;
    min-width: initial;
}
#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{max-width: 1280px!important;    width: 100%;}

#cms_2-a .cate_title{
display: block;
    border: none;
    color: #fff;
    background: -moz-linear-gradient(left, #58c7c2, #ABC900);
    background: -webkit-linear-gradient(left, #58c7c2, #ABC900);
    background: linear-gradient(to right, #58c7c2, #ABC900);
}
#cms_2-a .cate_box{   background-color: #f6fded;padding-top:50px;}

#cms_2-a .box_item h4{
    background-color: #fff;
    padding: 5px 0px 5px 5px;
    margin-bottom: 15px;
}

footer.width_1000-min{width: 100%;min-width: inherit;max-width: 1280px;}
footer .width_1000{    width: 100%;   max-width: 1280px;}

#page3 .more_btn a::after{
	content: "";
	display: block;
	position: absolute;
	pointer-events: none;
}
#page3 .more_btn a::after{
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: 0.5s;
	border: solid 1px transparent
}
#page3 .more_btn a:hover::after{
	right: 5px;
	bottom: 5px;
	left: 5px;
	top: 5px;
	border: solid 1px #fff
}

#page6 #cms_2-a .cate{margin-bottom:200px;}
#page6 #cms_2-a .cate_wrap:last-of-type .cate{margin-bottom:300px;}
#page6 #cms_2-a .cate_txt1{
padding: 30px;
    background-color: #fff;
    position: absolute;
    bottom: -99px;
    left: 2%;
}

#page7 .d_table{
	border-bottom: 1px solid #ABC900;
	border-image: linear-gradient(to right, #58c7c2 0%, #ABC900 100%) 1/0 0 1px 0;
	border-image-slice: 1;
}
#page7 .d_table p{border-left: none;}

#page8 #contact_tel a,
#page8 #contact_line a{
	width: 390px;
	border-bottom: 1px solid #ABC900;
	border-image: linear-gradient(to right, #58c7c2 0%, #ABC900 100%) 1/1/1 0 1px 0;
	border-image-slice: 1;
}
#page8 #contact_tel a span:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;

	left: 0;
	background-color: #dddddd;
	opacity: 0.7;  
}
#page8 #contact_line a span:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #dddddd;
	opacity: 0.7;  
}
#page8 #contact_line a i{color:  #00b900;}
#page9 div:first-of-type{
	border-bottom: 1px solid #ABC900;
	border-image: linear-gradient(to right, #58c7c2 0%, #ABC900 100%) 1/0 0 1px 0;
	border-image-slice: 1;
}
#page10 li a{
	border-bottom: 1px solid #ABC900;
	border-image: linear-gradient(to right, #58c7c2 0%, #ABC900 100%) 1/0 0 1px 0;
	border-image-slice: 1;
}
#page10 li a:hover{
	background: -moz-linear-gradient(left, #58c7c2, #ABC900);
    background: -webkit-linear-gradient(left, #58c7c2, #ABC900);
    background: linear-gradient(to right, #58c7c2, #ABC900);
}




/*--------タブレット--------*/
@media screen and (max-width: 768px){
.more a {
   border: 1px solid #ABC900;
	border-image: linear-gradient(to right, #58c7c2 0%, #ABC900 100%) 1/1/1 0 1px 0;
	border-image-slice: 1;
}
#header #sp_nav li a{
	background: -moz-linear-gradient(left, #58c7c2, #ABC900);
	background: -webkit-linear-gradient(left, #58c7c2, #ABC900);
	background: linear-gradient(to right, #58c7c2, #ABC900);
}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
footer ul li.grid_2{    width: 66.66667%!important;}
footer ul li a{
   border-bottom: 1px solid #ABC900;
	border-image: linear-gradient(to right, #58c7c2 0%, #ABC900 100%) 1/0 0 1px 0;
	border-image-slice: 1;
}
#page6 #cms_2-a .cate_txt1 { padding: 0px;      position: initial;}
#page6 #cms_2-a .cate { margin-bottom: 50px;}
#page6 #cms_2-a .cate_wrap:last-of-type .cate { margin-bottom: 100px;}
#page8 #contact_tel a span{font-size:5.5vw}
#page8 #contact_line a span{font-size:5.5vw}
footer ul li:last-of-type a{   border: none;}
#info_box .foot_bt{    padding-bottom: 0px;    padding-top: 20px;}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
footer ul li.grid_2 {  width: calc(99% / 3)!important;}
#cms_2-a .box_item h4{    padding: 10px 0px 3px 5px;}

#page8 #contact_tel a{padding:38px 10px 26px 10px;}
#page8 #contact_line a{	padding:33px 10px 27px 10px;}
#page8 #contact_tel a span::before,
#page8 #contact_line a span::before{
height:85%;
}
}