/* -------------------------------------------------- */
/* Design by Indocat  */
/* URL:https://indocat.net/  */
/* Created:September 5, 2025  */
/* -------------------------------------------------- */


/* -------------------------------------------------- */
/* Eyecatch slider */

.landingheader{
  width: 100vw;
  height:autox;
}

#catch{
    text-align:center;
    position:relative;
    overflow:hidden;
}

.eyecatch_box{
    margin:70px auto 0;
    padding: 0 auto;
    text-align:center;
}

.eyecatch_box_style{
    position:relative;
    width:513px;
    height:430px;
    text-align: center;
    padding: 0 auto;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.eyecatch_box_style img{
    width:100%;
    height:100%;
    margin:0 auto;
    padding:0 auto;
    object-fit:cover;
    object-position:90% 25%;
}

//* -------------------------------------------------- */
/* Logo & Navi */

#top_inner {
    text-align:center;
    position:relative;
    overflow:hidden;
}
 
.top_logo_nav{
    float: none;
    position:relative;
    width: 100%;
    margin:75px auto 10px;
    padding: 0 auto;
    text-align:center;
}

/* Logo */

.top_logo_nav h1{
    font-size:1.5em;
    letter-spacing:0.3em;
    margin:0 auto 20px;
    padding:0 auto;
}

.top_logo_nav h1 a{
    color:#5D5E5E;
}

.top_logo_nav h1 img{
    width:130px;
    vertical-align:middle;
}

/* Navi */

#top_global-nav {
    width:100%;
    margin: 0 auto;
    padding:0 auto;
}

#top_global-nav ul {
    float: none;
    list-style: none;
    text-align:center;
    margin:0 auto ;
    padding:0　auto;
}

#top_global-nav ul li {
    float: none;
    padding: 0 10px;
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-style:normal;
    font-weight:300;
    font-size:1em;
    letter-spacing:0.2em;
    color:#5D5E5E;
    display: inline-block;
    vertical-align: middle;
}

#top_global-nav ul li a {
    color:#5D5E5E;
}

#top_global-nav ul li a:last-child {
    padding: 0 0 0 10px;
    letter-spacing:none;
}

#top_global-nav ul li a:hover{
    color:#54917f;
} 

#top_global-nav ul li img{
    height: 18px;
    padding:0;
    vertical-align: middle;
} 



/*===============================================
画面の横幅が1024pxまで（Nest Hub iPad Pro）
===============================================*/

@media screen and (max-width: 1024px) {

/* -------------------------------------------------- */
/* Eyecatch slider */

.landingheader{
  width: 100vw;
  height:80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

#catch{
    text-align:center;
    position:relative;
    overflow:hidden;
}

.eyecatch_box{
    margin:70px auto 0;
    padding: 0 auto;
    text-align:center;
}

.eyecatch_box_style{
    position:relative;
    width:80%;
    max-width:650px;
    height:60vh;
}

.eyecatch_box_style img{
    width:100%;
    height:100%;
    margin:0 auto;
    padding:0 auto;
    object-fit:cover;
    object-position:95% 10%;
}

//* -------------------------------------------------- */
/* Logo & Navi */
 
/* Logo */

#top_inner {
    text-align:center;
    position:relative;
    overflow:hidden;
}

.top_logo_nav{
    float: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
    margin: 0 auto 30px;
    padding:0 auto;
    z-index: 999;
    background: #ffffff;
}

.top_logo_nav h1{
    font-size:1.5em;
    letter-spacing:0.3em;
    margin:40px auto 20px;
    padding:0 auto;
}

.top_logo_nav h1 img{
    width:120px;
}

}

/*===============================================
画面の横幅が912pxまで（Suefsce Pro）
===============================================*/

@media screen and (max-width: 912px) {

/* -------------------------------------------------- */
/* Eyecatch slider */

.landingheader{
  height:70vh;
}

#catch{
    text-align:center;
    position:relative;
    overflow:hidden;
}

.eyecatch_box{
    margin:75px auto 0;
    padding: 0 auto;
    text-align:center;
}


.eyecatch_box_style{
    position:relative;
    width:75%;
    height:65vh;
}

.eyecatch_box_style img{
    width:100%;
    height:100%;
    margin:0 auto;
    padding:0 auto;
    object-fit:cover;
    object-position:95% 10%;
}


//* -------------------------------------------------- */
/* Logo & Navi */

.top_logo_nav{
    float: none;
    position:relative;
    width: 100%;
    margin: 90px auto 10px;
    padding: 0 auto;
    text-align:center;
}

}

/*===============================================
画面の横幅が820pxまで（iPad mini）
===============================================*/

@media screen and (max-width: 820px) {

/* -------------------------------------------------- */
/* Eyecatch slider */

.landingheader{
  height:68vh;
}

.eyecatch_box{
    margin:80px auto 0;
    padding: 0 auto;
}

.eyecatch_box_style{
    position:relative;
    width:80%;
    height:60vh;
}

.eyecatch_box_style img{
    width:100%;
    height:100%;
    margin:0 auto;
    padding:0 auto;
    object-fit:cover;
    object-position:95% 10%;
}

/* -------------------------------------------------- */
/* Logo & Navi */

.top_logo_nav{
    float: none;
    position: relative;
    width: 100%;
    height: 150px;
    margin: 120px auto 0;
    padding:0 auto;
}

}

/*===============================================
画面の横幅が640pxまで（SP）
===============================================*/

@media screen and (max-width: 640px) {

/* -------------------------------------------------- */
/* Eyecatch slider */

.landingheader{
  height:75vh;
}

.eyecatch_box{
    margin:40px auto 20px;
    padding: 0 auto;
}

.eyecatch_box_style{
    position:relative;
    width:80%;
    height:75vh;
}

.eyecatch_box_style img{
    width:100%;
    height:100%;
    margin:0 auto;
    padding:0 auto;
    object-fit:cover;
    object-position:85% 15%;
}

/* -------------------------------------------------- */
/* Logo & Navi */

.top_logo_nav{
    float: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
    margin: 40px auto 20px;
    padding:0 auto;
    z-index: 999;
    background: #ffffff;
}

#top_global-nav ul li {
    font-size:0.8em;
    letter-spacing:0.01em;
}

}

/*===============================================
画面の横幅が430pxまで（iPhone 14 Pro Max）
===============================================*/

@media screen and (max-width: 430px) {

/* -------------------------------------------------- */
/* Eyecatch slider */

.landingheader{
  height:75vh;
}

.eyecatch_box{
    margin:40px auto 15px;
    padding: 0 auto;
}

.eyecatch_box_style{
    position:relative;
    width:75%;
    height:43vh;
}

.eyecatch_box_style img{
    width:100%;
    height:100%;
    margin:0 auto;
    padding:0 auto;
    object-fit:cover;
    object-position:85% 15%;
}

/* -------------------------------------------------- */
/* Logo & Navi */

#top_global-nav ul li {
    padding: 0 3px;
    font-size:0.6em;
    letter-spacing:0.01em;
}

#top_global-nav ul li a:last-child {
    padding: 0 0 0 3px;
    letter-spacing:none;
}


}