@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500;700&display=swap');

body{font-family: 'Kanit',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;}

.font_Quick{font-family: 'Kanit',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;}

body, .txt_color_nomal {    color: #131313;}

.txt_color1 {    color: #5217c3;}
.txt_color4 {    color: #f8f2fc;}

.bg_color1,.hvr_bg_color1{    background-color: #5217c3;}
.bg_color4,.hvr_bg_color4:hover{background-color: #f8f2fc;}

.border_color1 {    border-color: #5217c3;}
.border_color4 {    border-color: #f8f2fc;}

#loading .bg_color1{
	background: linear-gradient(134.72deg,rgba(186,2,213,.95),rgba(6,35,253,.95));
}

#logo{
	background: #131313;
	width: 100px;
	height: 100px;
}
#logo .logo{padding-top: 8px;}
#logo span{
	padding-top: 5px;
    display: inline-block;
    font-size: 13px;
}
.overlay{
	background: linear-gradient(134.72deg,rgba(186,2,213,.95),rgba(6,35,253,.95));
}
.overlay .menu-box .menu_list li a{color: #fff;}
#fix_menu{background: #5217c3;}
.button_container span,.button_container.active .top,.button_container.active .bottom{ background: #fff;}
#fix_menu .txt_color_nomal{color: #fff;}
.l-gh__scrollnav-pagetop-arr::before{background: #fff;}
.l-gh__scrollnav-scroll-arr .head{    border-top: 4.5px solid #fff;}
.l-gh__scrollnav-pagetop-arr .head{    border-bottom: 4.5px solid #fff;}

.title_box p{margin-bottom: 0px;}
.cms_title_inner p{margin-bottom: 0px;}

.more a{
	background: #131313;
	color: #fff;
}
.more a:hover{
	background: #181819;
}

.en_title{
    padding-left: 36px;
	position: relative;
}
.en_title:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    width: 1.5rem;
    background-color: #5217c3;
    content: "";
	left: 0;
}
@media screen and (max-width: 768px){
	#logo h1.logo {
    max-width: 68px;
}
#logo {
    width: 117px!important;
	height: 95px;
}
}
@media screen and (max-width: 667px){
#logo {
    width: 95px!important;
    height: 78px;
}
#logo h1.logo {
    max-width: 73px;
}	
}
/*IEのみ
---------------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none) {
	#top_cms .more a {
		padding: 15px 15px 14px;
	}
	#top_contact_box .tel_bt .posi_center{
		top: 52%;
	}
	#top_contact_box a i{top:64%; }
	#top_contact_box .con_bt .posi_center {top: 51%; }
}