@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-size:100%;}
ol,ul{list-style:none;}

html {
 overflow-x: hidden;
 overflow-y: scroll;
-webkit-overflow-scrolling: touch;
    scroll-padding-top: 100px;
 }

body{
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 14px;
    
}

.bg_gr{
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
    width: 100%;
}



@media screen and (min-width:800px){
    header div.me_he{
        position: fixed;
        top:0;
        right: 50px;
        z-index: 99;
        /*background-color: antiquewhite;*/
    }

}

@media screen and (max-width:1200px){
    header div.me_he{
        position: fixed;
        top:0;
        right: 50px;
        z-index: 99;
        /*background-color: aqua;*/
    }
}

@media screen and (max-width:1000px){
    header div.me_he{
        position: fixed;
        top:0;
        right: 10px;
        z-index: 99;
        /*background-color: aqua;*/
    }
}


@media screen and (max-width:600px){
    header div.me_he{
        display: none;
    }
}
    
    
@media screen and (min-width:601px){
    .me_he_sp{
        display: none;
    }
        
}


h1.logo2 {
    /*text-align: left;*/
    padding:20px 0px 30px;
}

h1.logo2 img{
    width: 60px;
    
}



h1.logo2 img{
    margin: 0 auto;
    text-align: center;
}


.tit_cach2{
    margin:  0 auto;
    padding: 50px 0px 0px;
}


.tit_cach2 img{
    width: 60px;
}



.z_center{
    width: 100%;
    margin: 0 auto;
    max-width: 1100px;
}

@media screen and (max-width:1400px){
    .z_center{
    max-width: 1000px;
}
    
}

@media screen and (max-width:1300px){
    .z_center{
    max-width: 900px;
}
    
}


@media screen and (max-width:1000px){
    .z_center{
    width: 80%;
    }
}
    
@media screen and (max-width:600px){
    .z_center{
    width: 100%;
        }
}
    


/*ナビ*/

@media screen and (min-width:800px){
    nav.op{
        opacity: 0.7;
    }
    
    .global-list2 {
	display: flex;
}

    .global-item2 {
	width: 157px;
    }
    
    .global-item2 a {
	color: #000;
	text-align: center;
	text-decoration: none;
    font-size:12px;
    line-height: 60px;
    font-weight: bold;
    }

    .global-item2 a:hover{
    opacity: 50%;
    }
    
    
}


@media screen and (max-width:1400px){
    
    
    
    .global-list2{
        width: 90%;
        display: flex;
    }
    
    .global-item2 a{
        width: 15%;
    }
    
}


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


/*ナビend*/



.main_wrap2{
    width: 100%;
    max-width: 1100px;
    padding: 0px 0px 100px;
    margin: 0 auto;
}


@media screen and (max-width:1200px){
    .main_wrap2{
        width: 90%;
        padding: 0px 0px 100px 0px;
    }
}



@media screen and (max-width:600px){
    .main_wrap2{
        width: 80%;
        padding: 0px 0px 100px 0px;
    }
    
}