@charset "UTF-8";
/*
Theme Name: Human Research kagoshima
Theme URI:
Description: This is our original theme.
Author:
Author URI:　
Version:1.0.1
*/
@import url(css/html5reset-1.6.1.css);
@import url(css/base.css?16);
@import url(css/top.css?15);
@import url(css/nav.css);
@import url(css/content.css?3);
@import url(css/page.css?8);
@import url("font/css/all.css");
@import url(css/office.css?2);
@import url("js/lightbox/css/lightbox.css");
@import url("js/slick/slick.css");
@import url("js/slick/slick-theme.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Inter:wght@100..900&display=swap');

:root {
	--base-color: #313131;/*ブラウン*/
    --base-color01: #0169b4;/*ブルー*/
    --base-color02: #a79772;/*ゴールド*/
    --base-color03: #FFFFFF;/*ホワイト*/
	--base-bgcolor01: #dff0ff;
	--base-bgcolor02: #f8f3e5;
	--base-bgcolor03: #f7f6f3;
	--base-bgcolor04: #e3eaf3;
	--sub-color01: #07376e;/*ネイビー*/
    --sub-color02: #2ec017;/*グリーン*/
	--sub-color03: #fed652;/*イエロー*/
	--sub-color04: #eb6100;/*オレンジ*/
	--sub-color05: #d1bf99;/*ゴールド*/
	--sub-color06: #d10000;/*レッド*/
	--area-color01: #c9bc9c;
	--area-color02: #f5ab85;
	--area-color03: #d7e7ae;
	--area-color04: #fcdba7;
	--area-color05: #f8cbde;
	--area-color06: #9cc2e7;
	--area-color07: #ffde0a;
	--grad-color01:linear-gradient(180deg, rgba(0,59,112,1) 0%, rgba(1,105,180,1) 100%); 
	--grad-color02: linear-gradient(120deg, rgba(1,105,180,1) 0%, rgba(1,105,180,1) 85%, rgba(167,151,114,1) 85%, rgba(167,151,114,1) 88%, rgba(248,243,229,1) 88%, rgba(248,243,229,1) 100%);
	--grad-color03: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 52%, rgba(248,248,248,1) 100%);
	--line-color: linear-gradient(90deg, rgba(1,105,180,1) 0%, rgba(1,105,180,1) 50%, rgba(167,151,114,1) 50%, rgba(167,151,114,1) 100%); 
	--title-color: linear-gradient(120deg, rgba(1,105,180,1) 0%, rgba(1,105,180,1) 80%, rgba(167,151,114,1) 80%, rgba(167,151,114,1) 100%);
	--title-color2: linear-gradient(145deg, rgba(167,151,114,1) 0%, rgba(167,151,114,1) 30%, rgba(7,55,110,1) 30%, rgba(7,55,110,1) 100%);
    --page-bgcolor: #FFFFFF;/*下層ページの背景色*/
	
}