:root {
--main-color: #009DC4;
--light-gray: #E3f5f8;
}

/*フローティングバナー_sp*/
.floating-banner {
position: fixed;
z-index: 99999;
bottom: 50px;
right: 50px;
}

/*明朝見出し*/
.etc-4-1.uk-alert-primary.uk-alert {
font-family: "Shippori Mincho", serif !important;
font-weight: 500 !important;
letter-spacing: 0.1em;
}

h4.uk-margin-remove-bottom {
font-family: "Shippori Mincho", serif !important;
font-weight: 500 !important;
letter-spacing: 0.1em;
font-size: 26px;
color: var(--main-color);
}

p.para-1 {
font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif !important;
}

body.home {
margin-top: 0px !important;
}

p.para-1 {
text-align: left;
}

.full-pos-2.uk-position-relative.uk-cover-container.smpl {
background: #06aec9;
}

/*mv 背景色*/
.full-pos-3.uk-position-relative.uk-cover-container.smpl {
background: #52b1cc;
}

.bg-img.uk-padding {
background: #000000;
}

header.header-type {
background: rgb(255 255 255 / 0%);
padding: 20px 0px;
}

main.home p.para-1-center.uk-text-center {
color: #ffffff;
}

/* ヘッダー本体：常にメインビジュアルの上に固定配置 */
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background-color: transparent;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* スクロールしたら背景色をつける */
.header.is-scrolled {
background-color: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.header .logo img,
.header nav a {
transition: color 0.3s ease, filter 0.3s ease;
}

/* メインビジュアル側はヘッダー分の余白が不要になるので調整 */
.mv, .main-visual {
margin-top: 0;
padding-top: 0;
}

header.header-type h2 span.img-logo img {
height: 50px;
filter: drop-shadow(0px 0px 5px #06aec9);
}

/*小文字英語見出し水色*/
.uk-text-meta {
font-size: 0.875rem;
line-height: 1.4;
font-weight: 500;
color: var(--main-color);
letter-spacing: 0.2em;
text-align: left;
}

h2.h2ttl-0 {
font-size: 38px;
font-weight: 500 !important;
letter-spacing: 0.1em;
line-height: 54px;
font-family: "Shippori Mincho", serif !important;
font-style: normal;
margin-top: 0px;
text-align: left;
}

main.home span {
color: var(--main-color);
}

main.home .bg-img p.para-1 {
text-align: left;
color: #ffffff;
}

.bg-img h2.h2ttl-0 {
text-align: left;
font-size: 38px;
color: #ffffff;
}

main.home .bg-img p.para-1-right.uk-text-right {
color: #ffffff;
}

.uk-alert-primary {
background: #d8eafc00;
color: var(--main-color);
font-size: 30px;
}
.uk-alert {
position: relative;
margin-bottom: 20px;
padding: 35px 0px 0px 0px;
}

button.link-17-1.uk-align-center.uk-button.btn_type_003 {
height: 50px;
margin-left: 0px;
border-color: #ffffff00;
border-radius:0px;
}

.doc-4L {
margin-top: 30px;
}

.uk-margin-auto {
margin-left: 0px !important;
}

main.home .bg-img .uk-text-meta {
color: #ffffff;
}

/*h2見出し白文字*/
.bg-img h2.h2ttl-2.headline_type_002.uk-text-center {
font-size: 38px;
font-weight: 500 !important;
letter-spacing: 0.1em;
line-height: 54px;
font-family: "Shippori Mincho", serif !important;
font-style: normal;
text-align: center !important;
margin-top: 0px;
}

.btn_type_003 {
background-color: #ffffff00;
}

.bg-img h3.h3ttl-2.headline_type_002.uk-text-center {
font-size: 30px;
font-weight: 500 !important;
letter-spacing: 0.1em;
font-family: "Shippori Mincho", serif !important;
text-align: center !important;
}

.bg-img p.para-2.uk-text-lead {
font-size: 30px;
font-weight: 500 !important;
letter-spacing: 0.1em;
color: #ffffff;
margin-top: 0px;
font-family: "Shippori Mincho", serif !important;
}
.bg-img .btn_type_003.box-shadow {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
margin-bottom: -10px;
font-size: 16px;
text-align: center !important;
padding: 10px;
width: 200px;
color: #ffffff;
}

.bg-img span.uk-margin-auto {
color: #ffffff;
}

/*お知らせ*/
#topnews .com-archive.top .list {
width: 100%;
flex-direction: row;
align-items: baseline;
justify-content: flex-start;
margin-bottom: 20px;
border-bottom: 1px solid #ECECEC;
padding-bottom: 20px;
}

#topnews .com-archive.top .list h2 a {
font-weight: 500 !important;
line-height: 30px;
font-size: 14px;
}

.bg-main-color .btn_type_003,
.bg-main-color .btn_type_003 > span
{
transition:0.3s;
}
.bg-main-color .btn_type_003:hover{
background-color:var(--white);
transition:0.3s;
border: 1px solid var(--sub-color);
}
.bg-main-color .btn_type_003:hover a{
color:var(--black);
}
.bg-main-color .btn_type_003:hover > span{
color: black!Important;
transition:0.3s;
}

footer.footer-type .left h2 img {
height: 50px;
filter: drop-shadow(0px 0px 5px #06aec9);
}

.com-archive .list .eye_catching img {
width: 100%;
height: 230px;
object-fit: cover;
margin-bottom: 20px;
}

.bg-img h3.h3ttl-0 {
color: #ffffff;
font-size: 32px;
font-family: "Shippori Mincho", serif !important;
font-weight: 500 !important;
}

.uk-background-cover.uk-height-small.uk-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-dark {
height: 280px;
}

article.list.uk-article {
margin-bottom: 0px;
}
main.post, main.page {
padding: 0px 0;
}

footer.footer-type p.copy {
background: #2a2f38;
}
footer.footer-type {
background-color: #2a2f38;
}

footer a {
color: #ffffff;
}

h3.h3ttl-0 {
font-weight: 500 !important;
letter-spacing: 0.1em;
font-family: "Shippori Mincho", serif !important;
}

main.page h3.h3ttl-0 {
text-align: center;
color: var(--main-color);
}

h3.h3ttl-1.headline_type_001 {
letter-spacing: 0.1em;
font-weight: 500 !important;
font-family: "Shippori Mincho", serif !important;
}
.uk-table td {
padding: 14px 0px;
text-align: left;
}

.h2ttl-0 {
word-break: keep-all;
overflow-wrap: break-word;
}

@media (max-width: 959px) {
.h2ttl-0 {
font-size: clamp(22px, 6.8vw, 32px);
line-height: 1.7;
}
}

@media screen and (max-width: 960px) {
/*SP-only*/
.sp {
display:none;
}
.pc {
display:none;
}
.floating-banner {
bottom: 20px;
right: 20px;
}

h2.h2ttl-0 {
font-size: 24px;
line-height: 35px;
}
.uk-width-5-6@m.bre-field-container.uk-grid-margin.uk-first-column {
margin-top: 10px;
}

.doc-4L {
margin-top: 0px;
}

.bg-img h2.h2ttl-2.headline_type_002.uk-text-center {
font-size: 30px;
}

.bg-img h3.h3ttl-2.headline_type_002.uk-text-center {
font-size: 21px;
color: #ffffff;
}

.bg-img p.para-2.uk-text-lead {
font-size: 28px;
}

img.image-1.uk-align-center {
margin-top: 0px;
}

h4.uk-margin-remove-bottom {
text-align: center;
}

#topnews .com-archive.top .list .com-time {
font-size: 12px;
}

.only_sp header.header-type-max h2 a span.img-logo img {
filter: drop-shadow(0px 0px 5px #06aec9);
height: 30px;
}

.uk-height-small.uk-panel.uk-flex.uk-flex-center.uk-flex-middle {
height: 170px;
}

.uk-table th {
width: 80px;
}

h2.h2ttl-2.headline_type_002.uk-text-center {
color: #ffffff;
font-size: 27px;
line-height: 38px;
}

.uk-position-small {
margin: 15px 15px 10px 15px;
}

.uk-button {
min-width: 140px;
}

.etc-4-1.uk-alert-primary.uk-alert {
margin-bottom: -30px;
}
.bg-img .uk-container {
padding-left: 0px;
padding-right: 0px;
}
.only_sp .header-type-max .uk-offcanvas-bar {
padding-bottom: 70px;
background: #009DC4;
width: 80%;
}

.bg-img h2.h2ttl-0 {
text-align: left;
font-size: 26px;
line-height: 38px;
color: #ffffff;
word-break: auto-phrase;
}

.headline_type_002 {
font-family: "Shippori Mincho", serif !important;
letter-spacing: 0.1em;
}

}

@media screen and (min-width: 960px) {
/*PC-only*/

/*コンテンツ幅*/
.uk-container {
max-width: 1180px;
}
header.header-type h2 span.img-logo {
background-color: rgb(255 255 255 / 0%);
width: 270px;
height: 20px;
}

.headline_type_002 {
color: #ffffff;
padding: 10px;
font-size: 66px;
font-weight: 500 !important;
font-family: "Shippori Mincho", serif !important;
letter-spacing: 0.1em;
}

header.header-type h2 span {
width: 230px;
height: 80px;
}

header .inner {
width: 1000px;
}

/*ヘッダーぼたん*/
header.header-type .other a {
display: block;
width: 130px;
line-height: 45px;
border-radius: 30px;
text-align: center;
background: #6eb9d6;
color: #ffffff;
border: 1px #ffffff solid;
text-decoration: none;
}

header.header-type .gnav li {
filter: drop-shadow(0px 0px 5px #06aec9);
}

header a {
color: #ffffff;
}

/*パンくず余白*/
ul.uk-breadcrumb.uk-container {
margin-top: 40px;
}

.pc {
width: 40px;
}
.sp {
display:none;
}
.floating-banner {
top: 26px;
right: 40px;
}

}

button.link-17-1.uk-align-center.uk-button.btn_type_003:hover a{
color:var(--main-color);
}

button.link-17-1.uk-align-center.uk-button.btn_type_003:hover{
background-color:var(--white);
color: black;
transition:0.3s;
border: 1px solid var(--main-color);
border-radius:0px;
}

footer.footer-type dl dd {
display: grid;
font-size: 12px;
color: #ffffff;
}

dt {
color: #ffffff;
font-size: 12px;
}

.uk-height-small.uk-panel.uk-flex.uk-flex-center.uk-flex-middle{
background-color: #009dc4;
height: 260px;
}

h1.headline_type_002 {
color: #ffffff;
}

.uk-button a {
display: block;
padding: 0 6px;
}

.bg-img .btn_type_003 a {
color: #ffffff;
}

.bg-img p.para-1-center.uk-text-center {
color: #ffffff;
font-family: "Shippori Mincho", serif !important;
}
.first-form dl dt {
font-size: 16px;
color: #222222;
}

.uk-h1.headline_type_002.uk-margin-remove-bottom {
color: #ffffff;
}

@media (max-width: 959px) {
.only_sp header.header-type-max {
position: fixed;
top: 0; left: 0; width: 100%;
z-index: 999;
background: transparent;
transition: background-color .3s;
}
.only_sp header.header-type-max.fixed {
background: rgba(255,255,255,0.92);
}
}

@media (min-width: 960px) {
body.home .full-pos-3 .pos-3-bottom-center {
max-width: 90vw;
}

body.home .full-pos-3 .image-rspsv img.only_pc {
width: clamp(160px, 14vw, 260px);
height: auto;
}

body.home .full-pos-3 h2.h2ttl-2 {
font-size: clamp(28px, 3.6vw, 52px);
line-height: 1.4;
}
}

@media (max-width: 959px) {
body.home .full-pos-3 .image-rspsv img {
width: 100px;
height: auto;
}

body.home .full-pos-3 .padding_40 {
padding-top: 16px;
}
body.home .full-pos-3 .padding_100 {
padding-top: 24px;
}
}

/*特定の画像の背景色を変更するcss*/
img[src^="/assets/upimg/storage192/1782962176_648.jpg"]{
background: #000000;
opacity: 70%;
}

img[src^="/assets/upimg/storage192/1784013112_584.jpg"]{
background: #06aec9;
opacity: 50%;
}

img[src^="/assets/upimg/storage192/1782962117_588.png"]{
width: 150px;
}

@media screen and (max-width: 960px) {
img[src^="/assets/upimg/storage192/1784002648_548.svg"]{
width: 100px;
display: block;
}
img[src^="/assets/upimg/storage192/1782962117_588.png"] {
width: 130px;
margin-bottom: -30px;
}
img.bg-img-1[src*="1782963670_580.svg"] {
object-position: right center;
}
}
