@charset "utf-8";
/**
 * common.css 1.0.1
 * Released on: 6,2026
 */
@import url("/kokunai/___common/css/footer_kokunai.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0');

@font-face{
	font-family:'kkrs-dp';
	src:url("/kokunai/___common/fonts/kkrs-dp.ttf") format("truetype"),url("/kokunai/___common/fonts/kkrs-dp.woff") format("woff"),url("/kokunai/___common/fonts/kkrs-dp.svg#kkrs-dp") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face {
  font-family: 'jtb-dom';
  src: url("/kokunai/_common/fonts/jtb-dom.ttf") format("truetype"), url("/kokunai/_common/fonts/jtb-dom.woff") format("woff"), url("/kokunai/_common/fonts/jtb-dom.svg#jtb-dom") format("svg");
  font-weight: normal;
  font-style: normal;
}


/* clearfix */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/* 共通リンク色・別ウィンドウ */
a, a:link, a:visited {
	color: #432c02;
	text-decoration: none;
}
.other{
	font-size: 1.6rem;

}

/* =============================================================================
    reset
============================================================================= */
li{
    margin: 0;
    list-style: none;
    padding: 0;
} 
.sect{
	padding: 30px 0;
}

/* =============================================================================
    common
============================================================================= */
html{
	-webkit-text-size-adjust: 100%;
	scroll-behavior: auto!important;
	font-size: 62.5%;
}
body{
	font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-feature-settings: "palt";
	line-height: 1.5;
	letter-spacing: .1em;
	background: #fff;
}
.fn_wh{
    color: #fff!important;
}

main {
    font-family: var(--ui-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "palt";
  width: 100%;
  margin: 0 auto;
}

/* ==================================================
   Headings reset（見出しの隙間を完全になくす）
================================================== */
h1, h2, h3, h4, h5, h6 {
  margin: 0;      /* 上下の隙間ゼロ */
  padding: 0;     /* 内側の余白ゼロ */
  font-weight: 700;
  line-height: 1.4;
}

/* ==================================================
   Links
================================================== */
main a,
nav a {
  color: #323743;
  text-decoration: none;
}
main a:hover,
nav a:hover {
  color: #009b93;
}

/* ==================================================
   Flex Utilities
================================================== */
#flexbox_at {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  #flexbox_at {
    flex-direction: column-reverse;
  }
}

.flex,
.flex_list {
  display: flex;
  flex-wrap: wrap;
}



/* ==================================================
   Font utilities
================================================== */
.fn_400 { font-size: 400%; }
.fn_300 { font-size: 300%; }
.fn_200 { font-size: 200%; }
.fn_170 { font-size: 170%; }
.fn_150 { font-size: 150%; }
.fn_120 { font-size: 120%; }
.fn_80 { font-size: 80%; }
.fn_70 { font-size: 70%; }

.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }


/* デフォルト（PC表示） */
.jtb_pc, .jtb_pc1080, .jtb_pc680, .jtb_pc420 { display: block; }
.jtb_sp, .jtb_sp680, .jtb_sp420 { display: none; }

/* PC切替（幅1000px以下でSP表示） */
@media (max-width:1000px) {
  .jtb_pc { display: none !important; }
  .jtb_sp { display: block !important; }
}
@media (max-width:1080px) {
  .jtb_pc1080 { display: none !important; }
}
@media (max-width:680px) {
  .jtb_pc680 { display: none !important; }
  .jtb_sp680 { display: block !important; }
}
@media (max-width:420px) {
  .jtb_pc420 { display: none !important; }
  .jtb_sp420 { display: block !important; }
}


/*--------------------------------------------------------------
# at_head
--------------------------------------------------------------*/
#at_head{
    width: 1230px;
    margin: 0px auto;
    padding: 10px 10px 0px;
}
header .pagetitle{
    line-height: 120%;
    font-weight: bold;
    font-size: 200%!important;
    width: 100%;
    margin: 10px auto 20px;
    padding: 5px 5px 5px 15px;
    border-left: 10px solid #c60f28;
    text-align: justify;
}
@media screen and (max-width: 1229px) {
#at_head{ width: 95%; margin: 0 auto; padding: 10px; }
header .pagetitle{
    font-size: 180%!important;
    line-height: 120%;
    font-weight: bold;
    font-family: var(--ui-font);
}
}
@media screen and (max-width: 680px) {
header .pagetitle{
    font-size: 160%!important;
    line-height: 120%;
    font-weight: bold;
    font-family: var(--ui-font);
}
}
@media screen and (max-width: 540px) {
header .pagetitle{
    font-size: 140%!important;
    line-height: 120%;
    font-weight: bold;
    font-family: var(--ui-font);
}
}
@media screen and (max-width: 420px) {
header .pagetitle{
    font-size: 120%!important;
    line-height: 120%;
    font-weight: bold;
    font-family: var(--ui-font);
    margin: 10px auto 10px;
}
#at_head{ width: 95%; margin: 0 auto; padding: 0; }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■パンくず
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#flexbox_at{
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin-top: 0px;
  font-feature-settings: "palt";
}
@media screen and (max-width:767px){
#flexbox_at{
	display: flex;
	flex-direction: column-reverse;
    padding: 0px;
    margin-top: 0px;
}	
}

.kkrs-breadcrumb-bg{
    width: 100%;
    background-color: #f5f5f5;
    padding: 0px;
    margin-top: 0px;
}
.kkrs-breadcrumb{
  padding: 1rem 0;
  max-width: 1236px;
  margin-left: auto;
  margin-right: auto;
}

.kkrs-breadcrumb__fix{
  display: none;
}

.kkrs-breadcrumb__list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #656972;
}

.kkrs-breadcrumb__list > li {
  margin-right: 2rem;
  position: relative;
    list-style: none;
}

.kkrs-breadcrumb__list > li a {
  color: #125687;
  text-decoration: none;
}

.kkrs-breadcrumb__list > li a:hover {
  text-decoration: underline;
}

.kkrs-breadcrumb__list > li a.kkrs-breadcrumb__current-link {
  color: #656972;
  text-decoration: none;
}

.kkrs-breadcrumb__list > li:not(:last-child):before {
  display: inline-block;
  font-family: "Material Icons Round";
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  content: ">";
  position: absolute;
  top: 50%;
  right: -1.5rem;
  font-size: 1rem;
  color: #989ba1;
  margin-top: -0.5em;
}

.kkrs-breadcrumb__list > li:last-child {
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
	.kkrs-breadcrumb-bg{
	background-color: #fff;
}
  .kkrs-breadcrumb {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-bottom: 1px solid #d7d7d7;
    line-height: 3rem;
    padding: 0;
    background: #fff;
    /*margin: 0 -1rem*/
  }
  .kkrs-breadcrumb__fix {
    display: block;
    -webkit-box-shadow: 6px 0 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 6px 0 10px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  }
  .kkrs-breadcrumb__fix a {
    padding: 0 0.5rem 0 1rem;
    font-size: 1.2rem;
    color: #125687;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
  }
  .kkrs-breadcrumb.kkrs-top .kkrs-breadcrumb__fix {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .kkrs-breadcrumb__scroll {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
  }
  .kkrs-breadcrumb__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    height: 3rem;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .kkrs-breadcrumb__list > li {
    margin: 0;
    padding: 0 0.5rem 0 1.8rem;
  }
  .kkrs-breadcrumb__list > li:nth-child(1) {
    display: none;
  }
  .kkrs-breadcrumb__list > li:not(:last-child):before {
    content: "";
    margin: 0;
    top: -0.5rem;
    right: -0.9rem;
  }
  .kkrs-breadcrumb__list > li:last-child {
    padding: 0 1rem 0 1.8rem;
  }
  .kkrs-breadcrumb__list > li:last-child:after,
  .kkrs-breadcrumb__list > li:last-child:before {
    display: none;
  }
  .kkrs-breadcrumb__fix a,
  .kkrs-breadcrumb__list > li {
    display: block;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    position: relative;
  }
  .kkrs-breadcrumb__fix a:after,
  .kkrs-breadcrumb__fix a:before,
  .kkrs-breadcrumb__list > li:after,
  .kkrs-breadcrumb__list > li:before {
    content: "";
    border-style: solid;
    border-width: 2rem 0 2rem 1rem;
    position: absolute;
    top: -0.5rem;
  }
  .kkrs-breadcrumb__fix a:before,
  .kkrs-breadcrumb__list > li:before {
    right: -0.9rem;
    border-color: transparent transparent transparent #fff;
    z-index: 2;
  }
  .kkrs-breadcrumb__fix a:after,
  .kkrs-breadcrumb__list > li:after {
    right: -1rem;
    border-color: transparent transparent transparent #d7d7d7;
    z-index: 1;
  }
}