@charset "utf-8";

html {
    font-size: 16px;
}
html.OH {
    overflow: auto;
    height: 100%;
}
html.OH body{
    overflow: hidden;
    height: 100%;
}
@media (max-width: 768px) {
    html {
        font-size: calc(100vw / 32);
    }
}
body {
    /*メイリオ*/
    /*font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;*/
    /*小塚明朝 Pr6N H*/
    /*font-family : '小塚明朝 Pr6N H','小塚明朝 Pr6N','Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    /*ヒラギノ明朝 ProN W3*/
    /*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    /*ヒラギノ角ゴ ProN W3*/
    /*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Yu Gothic', YuGothic, Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
    font-family: 'M PLUS 1p', sans-serif;
    line-height: 1.5;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
    letter-spacing: 0;
    font-size: inherit;
    overflow-x: hidden;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

h1,h2,h3,h4,h5,a,span,p,.rk856654,.rk16a354 .left.rka8e498 ,.textArea, li .rkb06890, .txt, .rkf8e386, .rkcddfd6, .rk4095d6, .rk58f3b1, .rka89821, .rk9ef1f2, .rk5e4ef6, .rkb659f5, .title{
    /*WEBフォント調整*/
    /*transform: rotate(0.028deg);*/
    -o-transform: rotate(0.028deg);
    /*-ms-transform: rotate(0.028deg);*/
    -moz-transform: rotate(0.028deg);
    -webkit-transform: rotate(0.028deg);
}
th,td{
    /*WEBフォント調整*/
    /*transform: rotate(0.001deg);*/
    -o-transform: rotate(0.001deg);
    /*-ms-transform: rotate(0.001deg);*/
    -moz-transform: rotate(0.001deg);
    -webkit-transform: rotate(0.001deg);
}
#container {
    min-width: auto;
    margin: 0 auto;
}
main {
}
.wrapper {
    width: 1170px;
    margin: 0px auto;
}
.sp {
    display: none;
}
.tb {
    display: none;
}
img {
    max-width: 100%;
}
a {
    text-decoration: underline;
    cursor: pointer;
}
a:hover {
    text-decoration: none;
}
a img {
    border: 0;
}
@media (max-width: 1370px) {
    .wrapper {
        width: calc(100% - 200px);
        margin: 0px auto;
    }
}
@media (max-width: 1169px) {
    .wrapper {
        width: 100%;
        margin: 0px auto;
    }
}
@media (max-width: 1023px) {
    body.rk7a61e1{
        overflow:hidden;
    }
    #container.rk7a61e1{
        overflow:hidden;
    }
    .tb {
        display: block;
    }
    .pc {
        display: none;
    }
}
@media (min-width: 769px) {
    .pc.tb {
        display: block;
    }
}
@media (max-width: 768px) {
    body {
        font-size: 4vw;
        overflow-x: auto;
        /*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Yu Gothic', YuGothic, Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
    }
    #container {
        min-width: 100%;
        -webkit-text-size-adjust: 100%;
    }
    .wrapper {
        width: calc(100% - 12%);
    }
    .sp {
        display: block;
    }
    img,
    iframe {
        max-width: 100%;
        height: auto;
    }
}


.rk5ba1c1 .rk5ba1c1-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

/*
　header
****************************************/
.rkd47a83 header{
    height: 120px;
    z-index: 10002;
    width: 100%;
    position: fixed;
    
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    
    top: 0; 
}
.rkd47a83 header.rk723c65 {
    display: block;
    text-align: center;
    padding: 0;
}
.rkd47a83 header.rk723c65 .rk3408f8 .wrapper{
    display: none;
}
.rkd47a83 header .rk0d0a67{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}
.rkd47a83 header .rk0d0a67 .rka38485{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding:0 0 0 20px;
    height: 120px;
    text-align: left;
}
.rkd47a83 header .rk0d0a67 .rka38485 h1{
    position: absolute;
    font-size: 12px;
    top: 5px;
    left: 20px;
}
.rkd47a83 header .rk0d0a67 .rka38485 a{
    display: block;
    position: relative;
    top: 5px;
}
.rkd47a83 header .rk0d0a67 .rka38485 a img{
    max-height: 80px;
    max-width: 300px;
    object-fit: contain;
    font-family: 'object-fit: contain;'
}
.rkd47a83 header .rk0d0a67 .rka1ad77{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 120px;
    min-width: 1000px;
}
.rkd47a83 header .rk0d0a67 nav{
    height: 100%;
}
.rkd47a83 header .rk0d0a67 nav ul{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
}
.rkd47a83 header .rk0d0a67 nav ul.clearfix > li{
    margin: 0 0 0 32px;
    padding:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height:120px;
}
.rkd47a83 header .rk0d0a67 nav ul.clearfix > li:first-child{
    margin:0;
}
.rkd47a83 header .rk0d0a67 nav ul.clearfix > li a{
    padding: 0;
    text-decoration: none;
    /*font-weight: 500;*/
    font-size: 16px;
    display:block;
    padding: 48px 0;
}
.rkd47a83 header .rk0d0a67 nav ul.clearfix > li .rk622830 a{
    padding: 0;
}
.rkd47a83 header .rk0d0a67 nav ul.clearfix > li.rk5fdeb7{
    min-width: 220px;
    margin-left: 40px;
}
.rkd47a83 header .rk0d0a67 nav ul.clearfix > li.rk5fdeb7 a{
    padding: 0 20px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.rkd47a83 header .rk0d0a67 nav ul.clearfix > li.rk5fdeb7 a i.rkd07a77{
    margin-right: 5px;
    vertical-align: bottom;
}

@media screen and (max-width: 1169px) {
    .rkd47a83 header .rk0d0a67 nav ul.clearfix > li{
        margin: 0 0 0 15px;
    }
    .rkd47a83 header .rk0d0a67 nav ul.clearfix > li a{
        font-size: 14px;
    }
    .rkd47a83 header .rk0d0a67 .rka38485{
        padding:0 20px;
    }
    .rkd47a83 header .rk0d0a67 .rka1ad77{
        min-width: auto;
    }
    .rkd47a83 header .rk0d0a67 nav ul.clearfix > li.rk5fdeb7{
        margin-left: 25px;
    }
}
@media screen and (max-width: 1023px) {
    .rkd47a83 header{
        height: 120px;
    }
    .rkd47a83 header .rk0d0a67 .rka38485{
        max-width: 250px;
        max-height: 120px;
    }
    .rkd47a83 header .rk0d0a67 .rka38485 h1{
        display: none;
    }
    .rkd47a83 header .rk0d0a67 .rka38485 a{
        display: block;
        position: relative;
        top: initial;
    }
    .rkd47a83 header .rk0d0a67 .rka38485 a img{
        max-width: 250px;
        max-height: 60px;
        object-fit: cover;
        font-family: 'object-fit: cover;'
    }
    .rkd47a83 header .rk0d0a67 .rka1ad77{
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 120px;
        width: 30%;
        min-width: auto;
    }
}
@media screen and (max-width: 768px) {
    .rkd47a83 header{
        height: 60px;
        position: relative;
        z-index: 10001;
    }
    .rkd47a83 header.rk723c65{
        position: fixed;
        top: 0;
        z-index: 10001;
        width:100%;
    }
    .rkd47a83 header .rk0d0a67 .rka38485{
        max-width: 250px;
        max-height: 60px;
    }
    .rkd47a83 header .rk0d0a67 .rka38485 h1{
        display: none;
    }
    .rkd47a83 header .rk0d0a67 .rka38485 a img{
        max-width: 250px;
        max-height: 45px;
        object-fit: cover;
        font-family: 'object-fit: cover;'
    }
    .rkd47a83 header .rk0d0a67 .rka1ad77{
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 60px;
        width: 30%;
        min-width: auto;
    }
}


.rkd921f1 {
  position: relative;
}

.rkd921f1:before {
  position: absolute;
  content: "";
  overflow: hidden;
  width: 0%;
  left: 50%;
  bottom: 0;
  transition: 0.2s ease-in-out 0.15s;
}

.rkd921f1:hover:before {
  width: 100%;
  left: 0%;
  transition: 0.2s ease-in-out;
}

.rk622830 {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #FFF;
    top: 120px;
    padding: 0;
    text-align: left;
    box-shadow: 0px 4px 20px -5px rgba(0, 0, 0, 0.15);
    max-height: 0;
    min-width: 250px; 
    opacity: 0;
    transition: 0.45s ease all 0.10s;
    z-index: 100;
}
.rk622830 .rkd921f1 {
  display: block;
}

.rkd921f1:nth-child(n+2):nth-child(-n+7) .rk935a83 {
  width: 10px;
  height: 10px;
  margin-bottom: 1px;
}
.rkd921f1:nth-child(n+2):nth-child(-n+7) .rk622830-item {
  list-style-type: none;
  display: block;
  margin: 15px;
  position: relative;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: 0;
  transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) all 0.1s;
  visibility: hidden;
}
.rkd921f1:nth-child(n+2):nth-child(-n+7):hover .rk622830 {
  max-height: 200px;
  min-width: 250px;
  opacity: 1;
}
.rkd921f1:nth-child(n+2):nth-child(-n+7):hover .rk622830-item a {
  transition: 0.15s ease all;
}

.rkd921f1:nth-child(n+2):nth-child(-n+7):hover .rk622830-item {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}
.rkd921f1:nth-child(n+2):nth-child(-n+7):hover .rk622830-item:first-child {
  transition-delay: 0.15s;
}
.rkd921f1:nth-child(n+2):nth-child(-n+7):hover .rk622830-item:nth-child(2) {
  transition-delay: 0.30s;
}
.rkd921f1:nth-child(n+2):nth-child(-n+7):hover .rk622830-item:nth-child(3) {
  transition-delay: 0.45s;
}
.rkd921f1:nth-child(n+2):nth-child(-n+7):hover .rk622830-item:nth-child(4) {
  transition-delay: 0.6s;
}
.rkd921f1:nth-child(n+2):nth-child(-n+7):hover .rk622830-item:nth-child(5) {
  transition-delay: 0.75s;
}

@media screen and (max-width: 640px) {
  header .menu:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 4px;
    top: 22px;
    left: 15px;
    transition: 0.15s ease all;
  }
  header .menu:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 4px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    left: 15px;
    top: 22px;
    transition: 0.15s ease all;
  }
  header .menu.open:after {
    width: 16px;
    left: 24px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  header .menu.open:before {
    width: 16px;
    left: 15px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  header .menu.open .rkd921f1 {
    display: block;
  }
  header .menu.open .rkd921f1:nth-child(3):hover .rk622830-item {
    margin: 10px auto;
  }
  header .menu.open .rkd921f1:nth-child(4):hover .rk622830-item {
    margin: 10px auto;
  }
  header .rkd921f1 {
    display: none;
    text-align: center;
    margin: 15px auto;
  }
  header .rkd921f1:before {
    width: 0%;
    display: none;
  }
  header .rk622830 {
    position: relative;
    box-shadow: none;
    top: 0;
    text-align: center;
    max-height: 0;
    opacity: 0;
    transition: 0.2s ease all;
    z-index: 0;
    margin: auto;
  }
  header .rkd921f1:nth-child(n+2):nth-child(-n+7):hover .rk622830-item:nth-child(n+1) {
    transition-delay: 0s;
  }
  header .rkd921f1:nth-child(n+2):nth-child(-n+7) .rk622830-item {
    margin: 0px;
    font-size: 12px;
  }
  header .rkd921f1:nth-child(n+2):nth-child(-n+7) .rk622830-item:nth-child(n+1) {
    transition-delay: 0s;
  }
}

/* /index
-----------------------------------------*/
.rkd47a83 .rk668d09 {
    height: 400px;
    width: 100%;
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 120px;
    text-align: center;
    z-index: 0;

    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    
    overflow:hidden;
}
.rkd47a83 .rk668d09.rk16b981 {
    display:none;
}

.rkd47a83 .rk7f0095{
    position: relative;
    width: 100%;
    min-height: 400px;
    z-index: 10;
    overflow: hidden;
}
.rkd47a83 .rk7f0095 li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 400px;
    opacity: 1;
    z-index: 20;
    background: #14bbbb;
}

.rkd47a83 .rk7f0095 li div{
}
.rkd47a83 .rk7f0095 li.rk7f0095-active{
    animation: anime_scale 7.5s linear 0s forwards, anime_fade 1.5s ease-in 6s forwards;
    z-index: 30;
}
.rkd47a83 .rk7f0095 li.rk7f0095-active + li.rk7f0095-active{
    z-index: 25;
}
.rkd47a83 .rk7f0095 li.rk7f0095-active div{
    animation: anime_fadeimg_start 1.5s ease-in 0s forwards, anime_fadeimg_end 1.5s ease-in 6s forwards;
}
.rkd47a83 .rk7f0095 li.rk6a4907{
    z-index: 20;
    opacity: 1;
}
.rkd47a83 .rk7f0095 li.rk6a4907 div{
    opacity: 0.2;
}
.rkd47a83 .rk7f0095 li.rk7f0095-init{
}
.rkd47a83 .rk7f0095 li.rk7f0095-init div{
    animation: anime_fade 1.5s ease-in 6s forwards;
}
@keyframes anime_scale {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.13);
    }
}
@keyframes anime_fade {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes anime_fadeimg_end {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}
@keyframes anime_fadeimg_start {
    0% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}
.rkd47a83 .rk668d09-wrp {
    position: relative;
}
.rkd47a83 .rk2d90f7 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: scale(1.0) translateY(-50%);
    z-index: 100;
    text-align: center;
}
.rkd47a83 .rk08c210{
    display: inline-block;
    font-size: 3rem;
    /*font-weight:500;*/
    line-height:1.9;
    min-height:244px;
}
.rkd47a83 .rk08c210.rk16b981{
    display: none;
}
.rkd47a83 ul.rk92df91.rk16b981{
    display: none;
}
.rkd47a83 .rk2d90f7.rk16b981{
    display: none;
}

.rkd47a83 ul.rk92df91 {
    animation-delay: 0.6s;
    animation-duration: 0.8s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 1170px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
}
.rkd47a83 ul.rk92df91.off {
    display:none;
}
.rkd47a83 ul.rk92df91.on {
    display:flex;
}
.rkd47a83 ul.rk92df91 li{
    width: 200px;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    padding: 10px;
    box-sizing: border-box;
    margin:0 auto;
}
.rkd47a83 ul.rk92df91 li p{
    word-wrap: break-word;
    font-size: 2.062rem;
    font-weight: bold;
}
@media only screen and (min-width: 1024px) and (max-height: 900px) {
    .rkd47a83 .rk08c210{
        font-size: 2rem;
        min-height:183px;
    }
    .rkd47a83 ul.rk92df91 li{
        width: 150px;
        height: 150px;
    }
    .rkd47a83 ul.rk92df91 li p{
        font-size: 1.5rem;
    }
}

.rkd47a83 .rk7f0095-txt01{
    position: relative;
    display: block;
    padding: 0 0 21px;
    text-shadow: #ffffff 2px 0px, #ffffff -2px 0px, #ffffff 0px -2px, #ffffff 0px 2px, #ffffff 2px 2px, #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px;
}
.rkd47a83 .rk7f0095-txt02{
    position: relative;
    display: none;
    padding: 14px 0 0;
    text-shadow: #ffffff 2px 0px, #ffffff -2px 0px, #ffffff 0px -2px, #ffffff 0px 2px, #ffffff 2px 2px, #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px;
}
.rkd47a83 .rk7f0095-txt02:before{
    content: "";
    position: absolute;
    height: 1px;
    background: #ffffff;
    z-index: 50;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.rkd47a83 .rk7f0095-txt02 .rk6850f2:before {
    content: "";
    position: absolute;
    background: #ffffff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 200;
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
}
.rkd47a83 .rk7f0095-txt02.rk08c210-show .rk6850f2:before {
    -webkit-transform: translateX(102%);
    transform: translateX(102%);
    transition: all .85s;
    -webkit-transition-timing-function:cubic-bezier(.785, .135, .15, .86);
    transition-timing-function:cubic-bezier(.785, .135, .15, .86);
}
.rkd47a83 .rk7f0095-txt02 .rk6850f2 > span {
    opacity: 0;
}
.rkd47a83 .rk7f0095-txt02.rk08c210-show {
    display: inline-block !important;
}
.rkd47a83 .rk7f0095-txt02.rk08c210-show:before {
    animation: anime_txthidewidth 0.5s ease-in 0s forwards;
}
.rkd47a83 .rk7f0095-txt02.rk08c210-show .rk6850f2 > span {
    animation: anime_txthide 0.1s linear 0.3s forwards;
}
.rkd47a83 .rk7f0095-txt02.rk08c210-show .rk6850f2{
    display: inline-block;
}
.rkd47a83 .rk7f0095-txt02.rk08c210-next {
    display: inline-block !important;
}
.rkd47a83 .rk7f0095-txt02.rk08c210-next:before {
    animation: anime_txtshowwidth 0.3s ease-in 0s forwards;
}
.rkd47a83 .rk7f0095-txt02.rk08c210-next > span {
    animation: anime_txtshow 1s linear 0s forwards;
}
.rkd47a83 .rk7f0095-txt02.rk08c210-end {
    display: none !important;
}
.rkd47a83 .rk7f0095-txt02.rk08c210-init {
    display: inline-block;
}
@keyframes anime_txthide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes anime_txtshow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes anime_txthidewidth {
    0% {
        opacity: 1;
        width: 100%;
    }
    100% {
        opacity: 0;
        width: 80%;
    }
}
@keyframes anime_txtshowwidth {
    0% {
        opacity: 0;
        width: 90%;
    }
    100% {
        opacity: 1;
        width: 100%;
    }
}
.rkd47a83 .rk7b8b03--02:after {
    display: none;
}
.rkd47a83 .rk1c9320 {
    height: 800px;
}

.rkd47a83 .rk7f0095-scroll {z-index:100;margin:0 auto;height:50px;animation: fuwafuwa linear 1.5s infinite;margin-bottom:-3px;position: absolute;bottom:33px;width: 100%;text-align:center;}
.rkd47a83 .rk7f0095-scroll.rk16b981{ display:none;}
.rkd47a83 .rk7f0095-scroll p.rkddb9e1{ display:block;}
.rkd47a83 .rk7f0095-scroll p.rkddb9e1 img{vertical-align: bottom;}

@keyframes fuwafuwa { 0% { margin-bottom: -3px; opacity: 1;} 50% { margin-bottom: 3px; opacity: 0.4;} 100% { margin-bottom: -3px; opacity: 1;}}

/* MVテキスト RWD表示 */

@media only screen and (min-width: 1px) and (max-width: 768px) {
    .rkd47a83 .rk08c210{
        padding: 0 6%;
        min-height: auto;
    }
    .rkd47a83 .rk7f0095-txt01{
        font-size: 6vw;
        padding: 0 0 10px;
    }
    .rkd47a83 .rk7f0095-txt02{
        font-size: 4.3vw;
        padding: 10px 0 0;
    }
    .rkd47a83 .rk668d09 {
        top: 60px;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
    .rkd47a83 .rk08c210{
        font-size: 2rem;
    }
    .rkd47a83 .rk668d09 {
        top: 90px;
    }
}
@media screen and (max-width: 768px) {
}

/* 3つのコメント RWD文字サイズ */
@media screen and (max-width: 1169px) {
    .rkd47a83 ul.rk92df91 {
        animation-delay: 0.6s;
        animation-duration: 0.8s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        margin: 0 auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-evenly;
    }
}
@media screen and (max-width: 768px) {
    .rkd47a83 ul.rk92df91 li{
        width: 150px;
        height: 150px;
    }
    .rkd47a83 ul.rk92df91 li p{
        font-size: 3.5vw;
    }
}
@media screen and (max-width: 500px) {
    .rkd47a83 ul.rk92df91 li{
        width: 100px;
        height: 100px;
    }
    .rkd47a83 ul.rk92df91 li p{
        font-size: 3.0vw;
    }
}

/* メインビジュアルのタイトルアニメーション */
.rk9e85f7 span {
    position: relative;
    overflow: hidden;
}
.rk9e85f7 .rk6850f2 {
    display: inline-block;
    width: 100%;
}
.rk7b8b03.rk9e85f7 .rk6850f2,
.rkfa98d2 .rk9e85f7 .rk6850f2 {
    width: auto;
}
.rk9e85f7 span.rk4b9cc2 {
    opacity: 0;
}
.rk9e85f7 > span.rk6850f2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.rk9e85f7.rkf30b51 > span.rk6850f2:after {
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.rk9e85f7.rkf30b51 > span.rk48f215:after {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.rk9e85f7.rkdea232 > span.rk6850f2:after {
    -webkit-transform: translateX(101%);
    transform: translateX(101%);
    transition: all .85s;
    -webkit-transition-timing-function:cubic-bezier(.785, .135, .15, .86);
    transition-timing-function:cubic-bezier(.785, .135, .15, .86);
}
.rk9e85f7.rkdea232 > span.rk48f215:after {
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
    transition: all .85s;
    -webkit-transition-timing-function:cubic-bezier(.785, .135, .15, .86);
    transition-timing-function:cubic-bezier(.785, .135, .15, .86);
}

/*
MV　レスポンシブ表示位置
***************************/
@media (max-width: 768px) {
    .rk7f0095 li.rk53b1d3 > div{
        background-position-x:left !important;
    }
    .rk7f0095 li.rk51ed97 > div{
        background-position-x:10% !important;
    }
    .rk7f0095 li.rk3e6768 > div{
        background-position-x:20% !important;
    }
    .rk7f0095 li.rk751ea1 > div{
        background-position-x:30% !important;
    }
    .rk7f0095 li.rk8a8551 > div{
        background-position-x:40% !important;
    }
    .rk7f0095 li.rk23e004 > div{
        background-position-x:50% !important;
    }
    .rk7f0095 li.rk98fa07 > div{
        background-position-x:60% !important;
    }
    .rk7f0095 li.rk11d1b9 > div{
        background-position-x:70% !important;
    }
    .rk7f0095 li.rk3a0379 > div{
        background-position-x:80% !important;
    }
    .rk7f0095 li.rk9640c3 > div{
        background-position-x:90% !important;
    }
    .rk7f0095 li.center > div{
        background-position-x: center !important;
    }
    .rk7f0095 li.right > div{
        background-position-x: right !important;
    }
}

/*
下層MV　レスポンシブ表示位置
***************************/
@media screen and (max-width: 768px) {
    .rkb29453 .rkc84b47.rk53b1d3{
        background-position:left;
    }
    .rkb29453 .rkc84b47.rk51ed97{
        background-position:10% 0;
    }
    .rkb29453 .rkc84b47.rk3e6768{
        background-position:20% 0;
    }
    .rkb29453 .rkc84b47.rk751ea1{
        background-position:30% 0;
    }
    .rkb29453 .rkc84b47.rk8a8551{
        background-position:40% 0;
    }
    .rkb29453 .rkc84b47.rk23e004{
        background-position:50% 0;
    }
    .rkb29453 .rkc84b47.rk98fa07{
        background-position:60% 0;
    }
    .rkb29453 .rkc84b47.rk11d1b9{
        background-position:70% 0;
    }
    .rkb29453 .rkc84b47.rk3a0379{
        background-position:80% 0;
    }
    .rkb29453 .rkc84b47.rk9640c3{
        background-position:90% 0;
    }
    .rkb29453 .rkc84b47.center{
        background-position: center 0;
    }
    .rkb29453 .rkc84b47.right{
        background-position: right 0;
    }
}

/*--強調文--*/
.rkc9a5d2 {
    margin: 30px 0 15px;
    font-weight: bold;
    text-align: center;
    font-size: 1.3em;
}
@media screen and (max-width: 768px) {
    .rkc9a5d2 {
        margin: 15px 0;
    } 
}


/*メニュー　タグ一覧*/
.rk679da7 {
    margin-top: -120px;
    padding-top: 120px;
}

.rk04c1c5 ul{
    width: 1170px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
@media (max-width: 1169px) {
    .rk04c1c5 ul{
        width: 100%;
    }
}
.rk04c1c5 li {
    margin: 0 2% 30px;
}

section.rkd0fd60#menu .wrapper.rk919c82 {
    width: 1170px;
}

@media (max-width: 768px) {
    .rk65df97.rk04c1c5 .rkce86c4 li {
        float: none;
        width: 100%;
        margin: 0 0% 30px 0;
    }
    .rk65df97.rk04c1c5 .rkce86c4 li:nth-child(4n) {
        margin: 0 0 30px 0;
    }
    .rk65df97 .rkf72794 a {
        padding: 10px;
    }
    
    section.rkd0fd60#menu .wrapper.rk919c82 {
        width: calc(100% - 12%);
    }
    
    .rkbf9190 {
       margin-bottom: 40px !important;
    }
}
.clearfix.rk04c1c5 .rk17ff60.rk5d31a6.clearfix {
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: auto;
}
.clearfix.rk04c1c5 .rk17ff60.rk5d31a6.clearfix:before,.clearfix.rk04c1c5 .rk17ff60.rk5d31a6.clearfix:after {
content: none;
}
.clearfix.rk04c1c5 .rk17ff60.rk5d31a6.clearfix li {
width: 47%;
margin: 0 0 30px;
}
.clearfix.rk04c1c5 .rk1f2559.rk5d31a6.clearfix {
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: auto;
}
.clearfix.rk04c1c5 .rk1f2559.rk5d31a6.clearfix:before,.clearfix.rk04c1c5 .rk1f2559.rk5d31a6.clearfix:after {
content: none;
}
.clearfix.rk04c1c5 .rk1f2559.rk5d31a6.clearfix li {
width: 30%;
margin: 0 0 30px;
}
.clearfix.rk04c1c5 .rkce86c4.rk5d31a6.clearfix {
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: auto;
}
.clearfix.rk04c1c5 .rkce86c4.rk5d31a6.clearfix:before,.clearfix.rk04c1c5 .rkce86c4.rk5d31a6.clearfix:after {
content: none;
}
.clearfix.rk04c1c5 .rkce86c4.rk5d31a6.clearfix li {
width: 22%;
margin: 0 0 30px;
}
.clearfix.rk04c1c5 .rk4390b7.rk5d31a6.clearfix {
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: auto;
}
.clearfix.rk04c1c5 .rk4390b7.rk5d31a6.clearfix:before,.clearfix.rk04c1c5 .rk4390b7.rk5d31a6.clearfix:after {
content: none;
}
.clearfix.rk04c1c5 .rk4390b7.rk5d31a6.clearfix li {
width: 18%;
margin: 0 0 30px;
}
@media (max-width: 768px) {
.clearfix.rk04c1c5 .rk17ff60.rk5d31a6.clearfix li {
 	width: 100%;
}
.clearfix.rk04c1c5 .rk1f2559.rk5d31a6.clearfix li {
 	width: 100%;
}
.clearfix.rk04c1c5 .rkce86c4.rk5d31a6.clearfix li {
 	width: 100%;
}
.clearfix.rk04c1c5 .rk4390b7.rk5d31a6.clearfix li {
 	width: 100%;
}
}
.rk7fcfb2 section.rkd0fd60.menu .wrapper {
    width: 1170px;
}
.rk7fcfb2 .rk425823 h3 {
    color: #3ca6aa;
    text-align: center;
    margin: 100px 0 0px;
    font-size: 1.125rem;
}
.clearfix.rk04c1c5 .rk17ff60.rk5d31a6.clearfix {
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: auto;
}
.clearfix.rk04c1c5 .rk17ff60.rk5d31a6.clearfix:before,.clearfix.rk04c1c5 .rk17ff60.rk5d31a6.clearfix:after {
content: none;
}
.clearfix.rk04c1c5 .rk17ff60.rk5d31a6.clearfix li {
width: 47%;
margin: 0 0 30px;
}
.clearfix.rk04c1c5 .rk1f2559.rk5d31a6.clearfix {
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: auto;
}
.clearfix.rk04c1c5 .rk1f2559.rk5d31a6.clearfix:before,.clearfix.rk04c1c5 .rk1f2559.rk5d31a6.clearfix:after {
content: none;
}
.clearfix.rk04c1c5 .rk1f2559.rk5d31a6.clearfix li {
width: 30%;
margin: 0 0 30px;
}
.clearfix.rk04c1c5 .rkce86c4.rk5d31a6.clearfix {
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: auto;
}
.clearfix.rk04c1c5 .rkce86c4.rk5d31a6.clearfix:before,.clearfix.rk04c1c5 .rkce86c4.rk5d31a6.clearfix:after {
content: none;
}
.clearfix.rk04c1c5 .rkce86c4.rk5d31a6.clearfix li {
width: 22%;
margin: 0 0 30px;
}
.clearfix.rk04c1c5 .rk4390b7.rk5d31a6.clearfix {
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: auto;
}
.clearfix.rk04c1c5 .rk4390b7.rk5d31a6.clearfix:before,.clearfix.rk04c1c5 .rk4390b7.rk5d31a6.clearfix:after {
content: none;
}
.clearfix.rk04c1c5 .rk4390b7.rk5d31a6.clearfix li {
width: 18%;
margin: 0 0 30px;
}
@media (max-width: 768px) {
.clearfix.rk04c1c5 .rk17ff60.rk5d31a6.clearfix li {
 	width: 100%;
}
.clearfix.rk04c1c5 .rk1f2559.rk5d31a6.clearfix li {
 	width: 100%;
}
.clearfix.rk04c1c5 .rkce86c4.rk5d31a6.clearfix li {
 	width: 100%;
}
.clearfix.rk04c1c5 .rk4390b7.rk5d31a6.clearfix li {
 	width: 100%;
}
}
#link1,#link2,#link3,#link4,#link5,#link6,#link7{
margin-top: -120PX;
padding-top: 120px;
}

.rkd47a83 header.rk60bae5{
    position: relative;
}
.rkd47a83 header.rk60bae5 + .rk668d09{
    top: 0;
}

/* 目次コンテンツ */
ol.rke240f1 {
  display: grid;
  margin-bottom: 50px;
  padding: 30px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  background: #fff;
    position: relative;
    z-index: 1;
}

ol.rke240f1 li {
  display: grid;
  position: relative;
}

ol.rke240f1 > li {
padding-left: 10px;  
}

ol.rke240f1 > li::before {
position: absolute;
  top: 0.3em;
}

ol.rke240f1 a {
  padding: 5px 10px;
}

ol.rke240f1 li::before {
  content: counters(mokuji,".")".";
  counter-increment: mokuji;
}

ol {
  counter-reset: mokuji;
}

ol.rk4ee540 li {
  display: flex;
  flex-direction: row!important;
  align-items: center;
}

[id^="h_ttl"] {
    margin-top: -140px;
    padding-top: 140px;
    position: relative;
}

.rkfa80c9 h3 {
  font-size: 28px;
  padding-left: 20px;
  margin-bottom: 20px;
}

.rkfa80c9 h3::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 10px;
  height: 1.3em;
  background: #2ab0de;
}

.rkfa80c9 h4 {
  border-bottom: 1px solid;
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 20px;
}

.rkfa80c9 h4::before {
  content: '';
  position: absolute;
  width: 0.5em;
  height: auto;
  aspect-ratio: 1;
  background: #2ab0de;
  left: 4px;
  bottom: 10px;
}


@media (width <= 768px) {
    [id^="h_ttl"] {
        margin-top: -80px;
        padding-top: 80px;
    }
}

/*レイアウト修正*/
.rkfa80c9 h3[id^="h_ttl"] {
    line-height: 1.3 !important;
    margin-top: 20px;
    padding-top: 0;
}
.rkfa80c9 h3[id^="h_ttl"]::before {
    bottom: 0px;
    height: 100%;
}
.rkfa80c9 h3[style^="line-height: 80px;"] {
    line-height: 1.3 !important;
    margin-top: 20px;
    padding-top: 0;
}
.rkfa80c9 h3[style^="line-height: 80px;"]::before {
    bottom: 0px;
    height: 100%;
}
/*ブログ詳細リンクレイアウト(blog_detail_link_wrap)*/
.rk4933e0{
    position:relative;
    border: solid 2px #2ab0de;
    padding: 5% 3% 3%;
    z-index: 1;
    display: block;
    margin-bottom: 30px;
}
.rk4933e0::after{
    position: absolute;
    content: "関連して読みたい";
    top: 3px;
    left: 3px;
    background: #fff8c8;
    padding: 0 0.2em;
    font-size: 0.9em;
    font-weight: 700;
}
@media screen and (max-width: 768px){
    .rk4933e0{
        padding: 10% 5% 3%;
    }
}