/* all page */
/* color */
.txt_color1{color: #161925;} /* メインカラー */
.txt_color2{color: #f7f7f7} /* サブカラー */
.txt_color3{color: #8a2be2;} /* アクセントカラー1 */
.txt_color4{color: #cccccc} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #161925;} /* メインカラー */
.bg_color2{background-color: #f7f7f7} /* サブカラー */
.bg_color3{background-color: #8a2be2;} /* アクセントカラー1 */
.bg_color4{background-color: #cccccc} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #161925;}
.border_color2{border-color: #f7f7f7}
.border_color3{border-color: #8a2be2;}
.border_color4{border-color: #cccccc}

.hvr_txt_color1:hover{color: #8a2be2;} /* メインカラー */
.hvr_bg_color1:hover{background-color: #8a2be2;}
.hvr_bg_color3:hover{background-color: #8a2be2;} /* アクセントカラー1 */

.linkStyle{
    color: #333;
	text-decoration: underline;
}
/* fonts */
.font_bar, #pc_nav li a, #intro h2, #contents h2, #contents2 h2, #contents3 h2, #top_cms h2, #top_info h2, #page_title, .footer_right #footer_nav li a, footer #copyright, #page_title, .cate_list li a, .cate_list li .cate_no, .cate_title, .sub_cate_title, .box_title, .box_title1, a[href^="tel:"], .pager li a {
    font-family: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;
}


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

/* header */


/* main img */
.custom_box .fraim01{
	background-color: #fff;
	width: 2%;
	height: 100%;
	top: 0;
	left: 0;
}
.custom_box .fraim02{
	background-color: #fff;
	width: 100%;
	height: 8%;
	top: 0;
	left: 0;
}
.custom_box .fraim03{
	background-color: #fff;
	width: 2%;
	height: 100%;
	top: 0;
	right: 0;
}
.custom_box .fraim04{
	background-color: #fff;
	width: 100%;
	height: 8%;
	bottom: 0;
	left: 0;
}
.custom_box .custom_catch1{
	width: 45%;
	top: 9%;
	right: 3%;
	z-index: 4;
}
.custom_box .custom_catch2{
	width: 80%;
	bottom: 9%;
	right: 3%;
	z-index: 4;
}
.custom_box .custom_logo{
	width: 150px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 4;
}
.custom_box .custom_left{
	width: auto;
	bottom: -330px;
	left: 0;
	z-index: 3;
}


/* main */

/* intro */


/* contents */
#contents .con_box1{
	padding-bottom: 0;
	margin-bottom: 0;
}
#contents .con_box1::before{
	display: none !important;
}
#contents2 .con_bg{
	top: 0;
	right: 0;
}
#contents2.trans .con_wrap{
	opacity: 1;
	right: 0;
}
#contents2 .con_img {
	top: 100px;
	bottom: 100px;
	left: 0;
}
#contents3 .con_bg{
	top: 0;
	right: 0;
}
#contents3.trans .con_wrap{
	opacity: 1;
	right: 0;
}
#contents3 .con_img {
	top: 100px;
	bottom: 100px;
	left: 0;
}

/* topcms */


/* footer */


/* IE */
@media all and (-ms-high-contrast: none){
    .cate_list a{
        padding-top: 0!important;
    }
    #cms_2-a .cate .cate_title{
        padding-top: 10px!important;
    }
    #cms_2-b .cate .cate_title{
        padding-top: 10px!important;
    }
    #cms_6-b .cate .cate_title{
        padding: 10px!important;
    }
    
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	.custom_box .fraim01{
		width: 3%;
	}
	.custom_box .fraim02{
		height: 6%;
	}
	.custom_box .fraim03{
		width: 3%;
	}
	.custom_box .fraim04{
		height: 6%;
	}
	.custom_box .custom_catch1{
		width: auto;
		top: 7%;
		right: 4%;
	}
	.custom_box .custom_catch2{
		width: auto;
		bottom: 7%;
		right: 4%;
	}
	.custom_box .custom_logo{
		width: 130px;
	}
	.custom_box .custom_left{
		width: 50%;
		bottom: -10px;
	}
	#contents .con_wrap, #contents2 .con_wrap, #contents3 .con_wrap {
        padding-bottom: 0;
    }
	#contents2 .con_img {
		height: 60vw;
		top: auto;
		bottom: -45px;
	}
	#contents3 .con_img {
		height: 60vw;
		top: auto;
		bottom: -55px;
	}
	#contents2 .con_wrap,#contents3 .con_wrap{
		opacity: 1;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	.custom_box .fraim02{
		height: 5%;
	}
	.custom_box .fraim04{
		height: 5%;
	}
	.custom_box .custom_catch1{
		width: 80%;
		top: 6%;
	}
	.custom_box .custom_catch2{
		width: 20%;
		bottom: 6%;
	}
	.custom_box .custom_logo{
		width: 90px;
	}
	.custom_box .custom_left{
		width: 70%;
		bottom: -10px;
		left: -60px;
	}
	
}

/*20211220公開後修正*/
.linkStyle{
    color: #777777;
	text-decoration: underline;
}