/* all page */
/* color */
.txt_color1{color: #65aead;} /* メインカラー */
.txt_color2{color: #E2D7BF} /* サブカラー */
.txt_color3{color: #f69512;} /* アクセントカラー1 */
.txt_color4{color: #FFF7F0} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #96d1cd;} /* メインカラー */
.bg_color2{background-color: #d0ebea;} /* サブカラー */
.bg_color3{background-color: #efd78a;} /* アクセントカラー1 */
.bg_color4{background-color: #f3f8fd;} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #96d1cd;}
.border_color2{border-color: #E2D7BF}
.border_color3{border-color: #efd78a;}
.border_color4{border-color: #FFF7F0}

.hvr_bg_color1:hover {background-color: #65aead;}

.linkStyle{
    color: #65aead;
    text-decoration: underline;
}

/* top ----------------*/

/* header */

/* main img */


/* main */
/* intro */

/* contents */


/* topcms */
#top_cms .cms_title{
	position: relative;
}
#top_cms .cms_title::before{
	content: "";
	background-image: url("./Dup/img/title_bg.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 180px;
	width: 180px;
	height: 160px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

/* footer */


/* under page */
#page_title{
	position: relative;
}
#page_title::before{
	content: "";
	background-image: url("./Dup/img/title_bg.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 160px;
	width: 160px;
	height: 150px;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */

/* page7 */
#page7 .cate_box{
    background-color: #f3f8fd;
}

/* page8 */

/* page9 */

/* page10 */


/* IE */
@media all and (-ms-high-contrast: none){
    .cate_list li a{
        padding-top: 15px;
    }
    #page7 .box_title1{
	    padding-top: 15px;
	}
	#page7 .box_txt1{
	    padding-top: 15px;
	}
	.banner_line a{
	    padding-bottom: 15px;
	}
    
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#header #logo{
		width: 130px;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#header #logo{
		width: 110px;
	}
	#page7 .box_title1{
	    padding-left: 20px;
	    padding-top: 10px;
	}
	
}