@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap');

:root{
    --bg1: #4b97c3;
    --bg4: #f2f6ff;
}

.main_img_wrap .logo img{
    width: 100% !important;
}

.bg_color1{
    background-color: var(--bg1);
}

.bg_color4 {
    background-color: var(--bg4);
}

/*headere start*/

.menu .logo{
    background-color: transparent;
    padding: 0;
    margin-bottom: 5%;
}

.top_ .menu .logo img{
    width: 120% !important;
}

.menu .logo + ul.bg_white{
    background-color: transparent;
}

#question .txt {
    width: 100%;
    margin-right: 0%;
}

/*header end*/

#cms_6-a .cate_box:last-child{
    border: none;
}

.ore{
        font-size: max(2vw, 43px);
    font-weight: bold;
    text-align: center;
    margin: 50px auto;
    color: #4b97c3;
}

.ore + p{
    text-align: center;
        font-weight: bold;
}

#catch .box{
    margin-left: auto;
    margin-right: auto;
        margin: auto;
        width: 50% !important;
}

#wrap{
    min-width: 1280px;
}

#contents-1{
    background-color: white;
}

#contents-1 h3{
    font-family: 'M PLUS 1p', sans-serif;
    font-size: max(2vw, 22px);
}

.sub_title{
    display: none;
}

.box.con3{
        background-color: #e2e6ef;
    padding: 5%;
    border-radius: 40px;
}

.box.con3 > h3{
    text-align: center;
}

.box.con3 > p{
        max-width: 780px;
    width: 90%;
    margin: 50px auto;
}

header{
    background-color: rgba(242, 246, 255, 0.8) !important;
    backdrop-filter: blur(1px);
}

.cms_link div a {
    background-color: black;
}

header.clone-nav ul li a{
    color: black;
}

.contents_wrap .box_item{
    padding: 10px;
}

.t_banner_box{
    margin-bottom: 100px;
}

#page_title {
    background-position: bottom;
}

.top_loader .logo {
    max-width: 300px;
}

.box_txt2 a{
    padding: 15px;
    display: block;
    color: white;
    background-color: black;
    max-width: 300px;
    text-align: center;
    margin: 30px 0;
    border-radius: 50px;
    width: 100%;
    box-sizing: border-box;
}

#question{
    margin-top: 100px;
}

.uo{
        max-width: 300px;
    display: block;
    margin: 50px auto;
}

.linkStyle{
color: #cc3535;
}

.titlen{
    font-weight: bold;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

.hvr_txt_color3:hover {
    color: #68a8cd;
}

.les{
        max-width: 370px;
    width: 100%;
    margin: auto;
}

.top_page #map iframe{
    width: 100%;
    height: 300px;
}

/*--20240220 correct start--*/

.title, .ore + p{
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

.m1 .box:nth-child(1) span.marker{
        background: linear-gradient(transparent 60%, #ffbdbd 60%);
}

.m1 .box:nth-child(2) span.marker{
            background: linear-gradient(transparent 60%, #deffbb 60%);
}

.m1 .box:nth-child(3) span.marker{
                background: linear-gradient(transparent 60%, #ffe19f 60%);
}

/*--20240220 correct end--*/

@media all and (-ms-high-contrast: none){
  

}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#wrap {
    min-width: 100%;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){


#wrap {
    padding-bottom: 70px;
}

.button_container span{
    background-color: black !important;
}

.video{
        object-fit: cover;
    height: 50vh;
    min-height: auto;
    position: relative;
}

#question .txt .check {
    left: 55px;
}

#question .txt {
    padding-left: 40px;
    text-indent: -50px;
}

#catch .box {
    width: 100% !important;
}

}


/* 2024.03.04 */
.top_loader .logo {
    max-width: 438px;
}

header .logo img {
    height: 60px !important;
    width: auto !important;
}

.main_wrap .menu {
    display: none;
}
header.clone-nav {
    transform: translateY(0);
}
.cms_link div a,.box_txt2 a {
    background-color: #e3dc09;
    color: #111;
}
.box_txt2 a:hover{
    opacity: 0.6;
}
.fa-phone:before {
    content: "\f133";
}
.hvr_txt_color3:hover {
    color: #111;
}
.f_logo .logo {
    max-width: 407px;
    width: 37% !important;
}

.m1.box_wrap .box{
    padding: 0 10px 0;
}

@media screen and (max-width: 667px){
.m1.box_wrap .box {
    padding: 0;
}
#copyright {
    text-align: left;
    padding-left: 6px;
}

header .logo img {
    height: 45px !important;
    width: auto !important;
}

.top_loader .loader_txt {
    font-size: -webkit-calc(1rem + 2px);
    font-size: calc(1rem - 2px);
}

.top_loader .logo {
    width: 80% !important;
    margin-bottom: 10px;
}

.f_logo .logo {
    max-width: 407px;
    width: 90% !important;
}



}


/*2024-03-22*/
#page_title{
    background-position: center;
    background-attachment: scroll;
}