@charset "UTF-8";
.red {
  color: #33b1c5;
  font-weight: bold;
  border-bottom: 2px dotted #33b1c5;
}
.mky_red {
  background: linear-gradient(transparent 70%, #ffff74 70%);
}

.blue {
    color: #fff;
    background-color: #33b1c5;
    padding: 2px 4px;
    border-radius: 3px;
}
.mky_cyan {
  background: linear-gradient(transparent 70%, #ffff7470%);
}

.mky_yellow {
  background:linear-gradient(transparent 70%, #ffff74 70%);
}

.bold {
  font-weight: 700;
}

.border-solid {
  border-bottom: solid 1px #000;
}


#headertxt .title span {
  top: 0;
  left: 0;
  width: 70%;
  display: block;
}

#headertxt .desc {
  padding-top:10px;
  font-weight: 700;
  display: block;
}

@media screen and (max-width: 768px) {
#headertxt .desc {
  background-color: #f3f5ff;
}
}

@media screen and (min-width: 1000px) {
#headertxt .desc {
  width: 60%;
}
}

#headerbox::before {
  background-color: #fff;
  background-image: none;
}

.graybg {
    background-color: #e4fcff;
    border-radius: 12px;
}

.nmlbox {
    border: 2px solid #e4fcff;
    border-radius: 12px;
}


#main h6.internal-link {
  background-image: url(img/h6_2.png);
  font-size:1rem;
}

#main h6.internal-link a {
  color: #5b6bae;
}

body {
    font-family: '"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif !important;
}

/*ヘッダーデザイン*/
#header {
    background-color: #fff;
}
@media (min-width: 1025px) {
    #header .search::before {
        background-color: #dd3333;
    }
}
@media (max-width: 1024px) {
.headerimg-img img {
    width: 100%;
    height: 200%;
    object-fit: cover;
    object-position: -220px -150px;
}
}

.logotext{
	color: #fff;
	text-shadow:2px 2px 5px #00858d;
}

@media (min-width: 1025px) {
    [data-header="row2-center"] #logo {
        padding: 1em 0;
        display: flex;
        flex-direction: column;
    }
}
@media (min-width: 1025px) {
    [data-header="row2-center"] #header .container {
        display: block;
         padding-top:0;
         padding-bottom: 0;
    }
        #logo img {
        max-height: 100%;
        margin-bottom: 0;
        opacity: 1;
        transition:all 0.3s;
    }
         #logo img:hover {
        opacity: 0.7;
        transition:all 0.3s;
    }
}

@media (min-width: 1025px) {
    [data-header="fixed"]:not([data-headerimg-img="false"]) #header::after {
        background-color: rgba(255, 255, 255, 0);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        z-index: -1;
    }
}

@media (min-width: 1025px) {
    #header-menu {
        flex-grow: 1;
        display: none;
    }
}
@media (min-width: 1025px) {
    [data-header="fixed"]:not([data-headerimg-img="false"]) #header:not(.fix) {
        background-color: #ffffff54;
        --clr-header-fixed-txt: #fff;
    }
}

@media (min-width: 1025px) {
    #logo, #header-lead, #topmenu, #header .search, #space7 {
        display: flex;
        align-items: center;
        min-height: 64px;
    }
}

/*ヘッダーテキスト*/
.headerimg-desc {
    font-size: 1.6rem;
    line-height: 1.9;
    opacity: 1;
}
@media (max-width: 1024px) {
    [data-headerimg-type="header"][data-headerimg-img-sp="true"] .headerimg-desc {
        display: none;
    }
}

@media (min-width: 1025px) {
    [data-headerimg-type="header"][data-headerimg-title="left"] .headerimg-txt, [data-headerimg-type="header"][data-headerimg-title="right"] .headerimg-txt, [data-headerimg-type="header"][data-headerimg-item="left"]:not([data-headerimg-title="center"]) .headerimg-txt, [data-headerimg-type="header"][data-headerimg-item="right"]:not([data-headerimg-title="center"]) .headerimg-txt {
        width: 60%;
    }
}



/*メニューアイコン*/
.menu-icon img {
    max-width: 32px;
    margin-right: 4px;
    margin-top: 3px;
    vertical-align: top;
}

.menubox > .title, #pickupentry > .title, .newentry-title {
border-bottom-width: 1px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    padding-left: 40px;
    padding-bottom: .72726em;
    background-image: url(img/menu.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 32px;
}

/*各見出しデザイン*/
h1 {
  font-size: 1.4rem;
  margin: 0.67em 0;
}

h2:not([class*="topic"]) {
     background: transparent;
     color: #fff; 
   margin-top: 0;
    padding: 0; 
    position: relative;
    z-index: 0;
}
h2:not([class*="topic"])::before {
display: none;
}
h2:not([class*="topic"])::after {
    display: none;
}

@media (max-width: 1024px) {
h2:not([class*="topic"]) {
	    text-shadow: 2px 2px 5px #00858d;
}
}

h3:not([class*="topic"]) {
text-align: center;
  border-bottom: none;
  
      padding: .5em .7em;
    background-image: linear-gradient(45deg, #00a9c112 25%, transparent 25%, transparent 50%, #00a9c112 50%, #00a9c112 75%, transparent 75%, transparent), linear-gradient(-45deg, #00a9c112 25%, transparent 25%, transparent 50%, #00a9c112 50%, #00a9c112 75%, transparent 75%, transparent);
    background-color: #00a9c10d;
    background-size: 20px 20px;
    color: #00a9c1;
}

h3:not([class*="topic"])::before{
    display: none;
}

h4:not([class*="topic"]) {
border-left: none;
border-bottom: none;
margin-top: 2em;
padding: 0 .5em .5em;
position: relative;
}

h4:not([class*="topic"])::before {
content: "";
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(90deg, #33b1c5 0%, #33b1c5 29.3%, #efefef 29.3%, #efefef 100%);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    z-index: 0;
}
h4:not([class*="topic"])::after {
    border-left: none;
}
h5:not([class*="topic"])::before {
  background: #33b1c5;
}
h6:not([class*="topic"])::before {
  background: #33b1c5;
}


/*ボタンデザイン*/
.button11 a {
    background: #b2ecf5;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    max-width: 500px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    text-decoration: none;
    color: #333;
    line-height: 1.8;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button11 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button11 a:hover {
  background: #33b1c5;
  color: #FFF;
}
.button11 a:hover:after {
  right: 1.4rem;
}
/*背景*/
body {
    background:#fff;
    color: var(--clr-body-txt, #333);
}

#sitemaps > ul > li > a::before {
    background: #00a9c1;
}

/*フッター*/
@media (max-width: 1024px) {
.footer-menu_ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1em 3em;
    align-items: center;
}
}#spmenu-btn {
    display: none;
}
#footer .inner > *:first-child:not(#copy) {
    margin-top: clamp(24px, 11.11111vw, 40px);
}
#footer .inner > *:nth-last-child(2) {
    margin-bottom: calc(clamp(24px, 11.11111vw, 40px));
}
#copy {
    font-size: 1.1rem;
    padding: 2em;
    position: relative;
    text-align: center;
    width: 100%;
    pointer-events: none;
}
#footer .inner {
gap: 0;
}

.alert, .accept, .attention, .thint {
    line-height: 1.7;
}

.graybg ul:not([id]):not([class]) {
    margin-left: -1em;
}
.nmlbox ul:not([id]):not([class]) {
    margin-left: -1em;
}

ul[class][class^="li-"], ol[class][class^="ol-"] {
    line-height: 1.7;
    padding-left: calc(40px - 2em);
}