﻿/*-------------------------------------------------
個別
---------------------------------------------------*/
body{font-weight: 600;}
.other .box figure {
    opacity: 0.7;
}
#loading_line .line.bg_color1{background-color: #d5f1ff;}
#header .top_nav{
    display: flex;
    justify-content: flex-end;
}
#header .top_nav ul{
    background-color: #fff;
border-radius: 10px;
    overflow: hidden;
}
.main_img_wrap .navi{display: none;}
.main_img_wrap .catch{
    font-size: 45px;
    left: 50px;
}
.main_img_wrap .catch span {
    line-height: 2;
}
#main_img{overflow: hidden;}
.top_nav ul li:last-of-type a{
        background-color: #4ae;
    color: #fff;
}
.top_nav ul li,.top_nav ul li a{color: #333;}
.top_nav ul li{border-left: none;}
.top_nav ul li a{padding: 30px;}
.top_nav ul li a:hover{opacity: 0.7;}
.point{
    width: 100%;
    max-width: 160px;
    margin: 0 auto;
}
.menu .nav{
        display: flex;
    justify-content: center;
}
.menu .nav ul{
    background-color: #f7f7f7;
    border-radius: 20px;
    overflow: hidden;
}
.menu .nav ul li a{
    padding: 20px;
    transform: none;
}
.menu .nav ul li{
    margin-left: 0px;
    transform: none;
    width: 14%;
    border-left: none;
}
.menu .nav ul li:last-of-type a{
        background-color: #4ae;
    color: #fff;
}
.menu .nav ul li:last-of-type a:hover{opacity: 0.8;}
.is-fixed .logo {
    width: 10%!important;
}
.menu .nav .logo{width: 16%!important;}
.menu .nav .logo a img{width: 100%!important;}
#contents .box h3{font-size: 30px;}
#contents .box:nth-of-type(1) figure:after, #contents .box:nth-of-type(3) figure:after {
    border-radius: 30px 0 0 30px;
}
#contents .img-container:before,#contents .t_cms_img2 .img-container:before,.img-container:before{background: #fff78f;}
.top_cms_box .more_box .more{
    border-radius: 50px;
    background-color: #66ccff;
    border-color: #66ccff;
}
.top_cms_box .more_box .more div{color: #fff;}
.top_cms_box .more_box .more:hover .txt_color_nomal{color: #fff;}
.other .box:hover {
    background-color: #a1e0ff;
}
footer {
    background-color: #f7f7f7;
}
footer .txt_white {
    color: #333;
}
#sticker{
    right: 0px;
    bottom: 210px;
    z-index: 99;
    width: 70px;
}

.cate_wrap .link_box a {
    background-image: url(Dup/img/icon1.png);
    background-repeat: no-repeat;
    background-position: center top 20px;
    padding-top: 70px;
    padding-bottom: 20px;
    transition: all 0.3s;
}
.cate_wrap .link_box a:hover{transform: translateY(-5px);}
.cate_wrap .link_box:nth-of-type(2) a{ background-image: url(Dup/img/icon2.png);}
.cate_wrap .link_box:nth-of-type(3) a{ background-image: url(Dup/img/icon3.png);}
.link_num:before{
    content: "01";
        font-size: 20px;
    display: block;
}
.link_num:before {
    content: "01";
    font-size: 20px;
    display: block;
}
.cms_6-a .link_box:nth-of-type(2) .link_num:before{content: "02";}
.cms_6-a .link_box:nth-of-type(3) .link_num:before{content: "03";}
#top_cms .top_cms_box:last-child{
        background-color: #f7f7f7;
    padding: 50px;
}
.dec {
    width: 100px;
}

#dec2{margin-left: 43.5%;}
#dec3,#dec7{
        width: 30px;
    margin-top: -140px;
    margin-left: 46.5%;
}
#dec4,#dec8{
    width: 25px;
    margin-top: 45px;
    margin-left: 55.5%;
}
#footer .svg_box{display: none;}
#loading_logo{max-width: 250px;}
/*-------------------------------------------------
下層
---------------------------------------------------*/
.all_page:before{z-index: -1;}
.cate_list li a{
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}




/*-------------------------------------------------
tab
-----------------------------------------------------*/
@media screen and (max-width: 768px){
#header .top_nav{display: none;}
header .logo{width: 30%;}
.main_img_wrap .catch {
    top: 50%;
}
.main_img_wrap .catch {
    font-size: 30px;
}
#contents .box .txt_wrap{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
}
#contents .box figure{width: 100%;}
.main_wrap {
    margin-top: 100vw;
}
.flex_column-re_tb{flex-direction: column-reverse}
#dec4{margin-left: 60.5%;}
#dec8{margin-left: 64.5%;}
#top_cms .top_cms_box:last-child {
    padding: 20px;
}
.video{
    width: 100%!important;
    height: auto!important;
}
#wrap {
    margin-top: -25.5vw;
}
#contents .t_cms_txt2,#contents .t_cms_txt3,#contents .t_cms_txt4 {
    opacity: 1;
    transform: none;
}


}



/*-------------------------------------------------
sp
-----------------------------------------------------*/
@media screen and (max-width: 667px){
.main_img_wrap .catch {
    font-size: 14px;
}
.main_img_wrap .catch {
    top: 50%;
    left: 20px;
}
.all_page .img-container:before{background: #c5faff;}
#page_title .img-container::after{background-color: rgba(140,199,228,0.3)!important;}
.point{max-width: 120px;}
.dec {
    width: 80px;
}
#dec2 {
    margin-left: 36.5%;
}
#dec3, #dec7 {
    width: 20px;
    margin-top: -115px;
    margin-left: 38.5%;
}
#dec4 {
    margin-left: 67.5%;
    width: 15px;
    margin-top: 26px;
}
#dec6{margin-left: 51%;}
#dec8{
    width: 16px;
    margin-top: 28px;
    margin-left: 67.5%;
}
#contents .box h3 {
    font-size: 24px;
}
#sticker{width: 50px;}
.tb_btn{
    left: 0;
    right: auto;
    bottom: 25px;
    width: 100%;
    height: auto;
    opacity: 1;
    transition: 0.3s;
    z-index: 98;
}
.tb_btn a{
width: 240px;
    height: 100%;
    margin: 0 auto;
    font-size: 1.2rem;
    border-radius: 45px;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 20%);
    background-color: #4ae;
    color: #fff;
    padding: 10px;
}
.tb_btn span{
vertical-align: middle;
    text-align: center;
}
.tb_btn.hide{
opacity: 0;
bottom: -20px;
}
#loading_logo {
    width: 50%;
}
#page-top{right: 5px;}
#main_img{height: 100vw!important;}
#wrap{    margin-top: 2.5vw;}

}

/*-------------------------------------------------
IE
-----------------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*-------------------------------------------------
Firefox
-----------------------------------------------------*/
@-moz-document url-prefix(){

}