@charset "utf-8";

/* common */
/* =============================================================================
    reset
============================================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,span,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0}strong,em{font-weight:medium}figure{margin:0;padding:0}input:focus,textarea:focus,select:focus,button:focus{outline:none}input,button,textarea,select{color: #323743;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;outline:none;font-size:100%}

/* =============================================================================
    common
============================================================================= */
html{-webkit-text-size-adjust:100%;scroll-behavior:auto!important;font-size:62.5%}body{font-size:1.6rem;font-family:"Yu Gothic Medium",YuGothic,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",HelveticaNeue,Arial,Verdana,"游ゴシック体","游ゴシック Medium","游ゴシック","Yu Gothic",Meiryo,sans-serif;color:#323743;font-feature-settings:"palt";line-height:1.5;letter-spacing:.05em;background:#fff}body *{box-sizing:border-box}input,button,textarea,select{font-family:"Yu Gothic Medium",YuGothic,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",HelveticaNeue,Arial,Verdana,"游ゴシック体","游ゴシック Medium","游ゴシック","Yu Gothic",Meiryo,sans-serif;}

/*  共通リンク色・別ウィンドウ
-----------------------------------------------------------*/
a, a:link, a:visited, a:hover{ color: #323743; text-decoration: none; } a.link-txt{ color: #3498DB; text-decoration: underline; }@media screen and (min-width:1000px){a.link-txt:hover{text-decoration:none;}}

/*  アイコン
-----------------------------------------------------------*/
.m-ico{display:inline-flex;align-items:center;font-style:normal;vertical-align:middle;margin:0 5px;font-weight:400}.m-ico:before{position:relative;top:-1px;font-family:'Material Icons Round';content:attr(data-icon);font-size:100%}.m-ico.-arrow{transform:scale(1.3)}@media screen and (min-width:1000px){.m-ico.-arrow{transform:scale(1.5)}}

/* 表示・非表示 */
@media screen and (max-width:999px){.pc-only{display:none}}@media screen and (min-width:1000px){.sp-only{display:none}}

/*  pagetop
============================================================================= */
.page-top{position:fixed;right:20px;bottom:20px;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.page-top a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:2.4rem;border:1px solid #fff;border-radius:4px;background:rgba(207,240,255,1);transition:opacity .3s}.page-top a:hover{opacity:.6}.page-top.is-active{visibility:visible;opacity:1}

/* =============================================================================
    ページ共通
============================================================================= */
.kaigai-main *{
    outline: none!important;
}
.kaigai-main *:focus {
    outline: none!important;
}
.kaigai-main{
    position: relative;
}
.kaigai-main img {
    max-width: 100% !important;
    height: auto;
    vertical-align: bottom;
}
.sect{
    padding: 30px 0;
}
.inner{
    padding: 0 10px;
}
.ttl{
    font-size: 2.1rem;
    font-weight: bold;
}
.ttl-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sect-body{
    margin-top: 20px;
}
@media screen and (min-width: 1000px){
    .sect{
        padding: 50px 0;
    }
    .inner{
        position: relative;
        margin: 0 auto;
        width: 100%;
        max-width: 1280px;
    }
    .ttl{
        font-size: 2.2rem;
    }
}

/*  デザイン
============================================================================= */
/* ボタン */
.btn{
    cursor: pointer;
    position: relative;
    z-index: 0;
    overflow: hidden;
    display: block;
    padding: 16px 10px;
    width: 100%;
    line-height: 1.3;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    border-radius: 0;
    transition: border-radius .3s;
}
/* 青線 */
.btn.-secondary{
    color: #3498db;
    background: transparent linear-gradient(112deg, #3498db, #52c8ff) 0 0 no-repeat padding-box;
}
.-secondary:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    z-index: -2;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    margin: 3px;
    background: #fff;
    transition: 0.3s;
}
.btn.-accent{
    color: #fff;
    background: transparent -o-linear-gradient(338deg,#cc0d21 0,#ec64a9 100%) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(112deg,#cc0d21,#ec64a9) 0 0 no-repeat padding-box;
}
.btn:hover {
    border-radius: 40px;
    opacity: 1;
}
.btn:hover:after {
    border-radius: 40px;
}

@media screen and (min-width: 1000px) {
    .btn{
        padding: 16px 30px;
    }
    .btn[href^="tel"] {
        pointer-events: none;
        background: none;
    }
    .btn[href^="tel"]:after{
        background: none;
    }
}

/* =============================================================================
    Footer
============================================================================= */
/* kaigaiinfo */
.kaigaiinfo{
    padding: 30px 0;
}
.kaigaiinfo .ttl{
    text-align: center;
}
.kaigaiinfo-wrap{
}
.kaigaiinfo-sect{
    margin-top: 30px;
}
.kaigaiinfo-sect:last-child{
}
.kaigaiinfo-box{
    margin-top: 10px;
}
.kaigaiinfo-list{
    width: 100%;
    border-top: 1px solid #BCBDC2;
}
.kaigaiinfo-list + .kaigaiinfo-list{
    margin-top: 0;
    border-top: none;
}
.kaigaiinfo-list_item{
    border-bottom: 1px solid #BCBDC2;
}
.kaigaiinfo-list_item a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 10px;
    transition: opacity .3s;
}
.kaigaiinfo-list_item .m-ico{
    margin-right: 0;
    color: #95999e;
}
    
@media screen and (min-width: 1000px) {
    .kaigaiinfo{
        padding: 80px 0;
    }
    .kaigaiinfo-wrap{
        display: flex;
        justify-content: center;
    }
    .kaigaiinfo-sect{
        width: 80%;
    }
    .kaigaiinfo-box{
        display: flex;
        justify-content: space-between;
        margin-top: 40px;
    }
    .kaigaiinfo-list{
        width: 100%;
        border-top: none;
    }
    .kaigaiinfo-list + .kaigaiinfo-list{
        margin-left: 40px;
    }
    .kaigaiinfo-list_item{
        border-bottom: 1px solid #BCBDC2;
    }
    .kaigaiinfo-list_item:first-child{
        border-top: 1px solid #BCBDC2;
    }
    .kaigaiinfo-list_item a{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 17px 18px;
        transition: opacity .3s;
    }
    .kaigaiinfo-list_item a:hover{
        opacity: .6;
    }
}

/* page */

/* MV
============================================================================= */
.mv{
    position: relative;
    padding-bottom: 24px;
    height: 100%;
    min-height: 768px;
    background-size: cover;
}
.mv-wrap{
    margin: 0 10px;
}
.mv-ttl{
    display: inline-block;
    margin-top: 16px;
    color: #fff;
    font-size: 2.6rem;
    font-weight: bold;
    text-shadow: 0 2px 6px rgb(0 0 0 / 36%)
}
.mv-img{
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.search-mv{
    width: 100%;
    height: 100%;
}
.mv-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    vertical-align: bottom;
}
.mv-caption{
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: 1;
    padding: 0 5px;
    width: 100%;
    color: #fff;
    font-size: 1.2rem;
    text-align: right;
    line-height: 1.3;
    text-shadow: 0 0 0.2em rgb(0 0 0 / 80%);
}

@media screen and (min-width: 1000px) {
    .mv{
    }
    .mv-wrap{
        margin: 0 auto;
        max-width: 1280px;
        width: 100%;
    }
    .mv-ttl{
        display: inline-block;
        margin-top: 24px;
        color: #fff;
        font-size: 3.2rem;
    }
}

/* Search
============================================================================= */
.search{
    margin-top: 16px;
    border-radius: 4px;
    background-color: rgba(255,255,255,.95);
}
.search-tab{
    box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
}
.search-tablist{
    display: flex;
}
.search-tablist_item{
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 7px 5px;
    min-height: 57px;
    width: calc(100% / 2);
    text-align: center;
    color: #989BA1;
    font-size: 1.6rem;
    font-weight: bold;
    transition: color .3s;
}
.search-tablist_item:after{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 3px;
    content: "";
    transform: translateX(-50%);
    background: linear-gradient(135deg, #CC0000 0%, #EC64A9 100%);;
    transition: width .3s;
}
.search-tablist_item.is-active:after{
    width: 80%;
}
.search-tablist_item.is-active{
    color: #D94F5D;
}
.search-body{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 24px 8px;
}
@media screen and (max-width: 999px) {
    .search-body{
        overflow: hidden;
    }
    .search-tablist_item.-st{
        display: none;
    }
    .search-tablist_item .m-ico{
        display: none;
    }
}

@media screen and (min-width: 1000px) {
    .search{
        margin-top: 24px;
    }
    .search-tablist_item{
        flex-direction: row;
        padding: 7px 5px 3px;
        width: calc(100% / 3);
        font-size: 2.1rem;
    }
    .search-tablist_item:hover{
        color: #D94F5D;
    }
    .search-tablist_item:hover:after{
        width: 80%;
    }
    .search-tablist_item .m-ico{
        font-size: 150%;
    }
    .search-body{
        display: none;
        padding: 26px 24px;
    }
}

/* 検索 DP */
.search-body.-dp *, .search-body.-dp input, .search-body.-dp button, .search-body.-dp select, .search-body.-dp textarea{
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,HelveticaNeue,Arial,Verdana,游ゴシック体,YuGothic,游ゴシック Medium,Yu Gothic Medium,游ゴシック,Yu Gothic,Meiryo,sans-serif;
}
.search-body.-dp .c-btn{
    display: block;
}


/* 検索パネル下 */
.search-foot{
    margin-top: 20px;
    padding-top: 20px;
    text-align: center;
    border-top: solid 1px #BCBDC2;
}
.search-footbox dt{
    font-size: 1.8rem;
    font-weight: bold;
}
.search-footbox dd{
    margin-top: 5px;
}
.search-footbox_logo{
    margin: 0 auto;
    width: 190px;
}

.search-footbox_link{
    text-align: center;
}
.search-footbox_link .m-ico{
    margin-right: 0;
}