/*
 Theme Name: Xeory Child
 Template: xeory_extension
*/
@media screen and (max-width: 767px){.pc{display: none;}}
@media screen and (min-width: 768px){.sp{display: none;}}

.color01 #header{background-color: #011555 !important;}
body,.front-cont-header,.home #main,.home #content,.c_text p,#front-company{font-family: 'Noto Sans JP',sans-serif !important;}

#main_visual{background-image: url(http://kitasato.co.jp/wp-content/themes/xeory_extension/lib/images/bg.png) !important;}
#content{padding: 0 !important;}

@media screen and (max-width: 991px) {
body.home #main_visual, body.home.color01 #main_visual{background-repeat: no-repeat;background-color: #fff !important;}
.home #main_visual{min-height: inherit !important;padding: 14vw 0 !important;}
.home #main_visual h2{font-size: clamp(10px,6vw,34px)!important;font-weight: 600;line-height: 1.8 !important;}
.home #main_visual p{font-size: clamp(7px,3.75vw,15px) !important;line-height: 2.3 !important;}
}

@media screen and (max-width: 767px){
body.home #main_visual, body.home.color01 #main_visual{background-size: cover !important;background-repeat: no-repeat;background-color: #fff !important;}
.home #main_visual{padding: 17vw 0 !important;min-height: inherit !important;}
#header .wrap{display: flex;justify-content: space-around;padding: 0;margin: 0 0 0 12px;}
#header #logo{height: 50px;line-height: 50px;}
#header-nav-btn{width: 50px;margin-left: auto;height: 50px;line-height: 50px;}
#header-nav-btn a{line-height: 50px;padding: 0;}
#content{padding: 0 ;}
}

.main-inner{background-color: #011555 !important;}
.main-inner p{color: #fff;}
.front-cont-header{display: flex;align-items: baseline;gap: 3%;}
.main-inner .front-cont-header{background-color: #011555 !important;}
.home .front-main-cont .front-cont-header .cont-title{font-size: clamp(18px,10vw,60px) !important;}
.home .front-main-cont .front-cont-header .cont-ruby{font-size: clamp(8px,3.8vw,17px) !important;}
.c_box{border-bottom: none !important;}

.main-inner .c_box{background-color: #011555 !important;}
.c_title{display: flex;align-items: flex-start;margin: 0 0 1em 0 !important;}
.c_number{background-color: inherit !important;font-size: clamp(10px,5vw,30px);padding: 0 !important;margin: 0 0.5em 0 0.3em !important;border-bottom: 1px solid;}
#front-contents h3{font-size:clamp(10px,6.7vw,30px) !important;color: #fff !important;margin: 0 !important;}
.c_text p{font-size: clamp(9px,3.6vw,16px) !important;line-height: 2;padding: 0 4%;}
.main-inner .c_btn{display: none;}

#front-contact .front-cont-header,#front-contact .c_box{background-color: #011555 !important;}
#front-contact .c_box_inner {color: #fff !important;}
.home.color01 #front-contact .c_box_inner input[type=submit]{background-color: #565a5f !important;}