@charset 'UTF-8';

/*768px以下の時*/
@media(max-width:768px){
    #menu_largesize{
        display:none;
    }

}


/*768px～1023px*/
@media screen and (min-width:768px) and ( max-width:1023px) {
	#menu_largesize{
        display:none;
    }
    .title h1 img {
        width: 11em;
    }
    .kotei{
        display: flex;
    }
    .pop{
        display: flex;
    }
}

/*1025px以上の時*/
@media(min-width:1024px){
    
 /*ヘッダー*/
#menu_small{
	display:none;
}

#menu_largesize nav{
	color: #fff;
	display: flex;
	justify-content: flex-end;
}
	
#menu_largesize ul{
    list-style-type: none;
    padding: 0;
    display: flex;
}
	
#menu_largesize ul li{
    margin-right:25px;
}

.header_ul li a{
    color: #fff;
    text-decoration: none;
}

	
/*ヒーロー*/
.hero h1{
    text-align: center;
    width:50rem;
}
   
.title img{
	width:8.5em;
}

.hero{
    height: 100vh;
    background:var(--main-color);
    padding:3px 5px;
}


/*各種h2*/
.conteiner{
	width:1023px;
	margin:0 auto;
	}
	
/*japanese*/
.japanese_flex{
        display:flex;
    }
.japanese_naiyou{
    flex:1;
    }
.japanese_image{
    flex:1;
	display: flex;
	padding: 40px
    }
/*プロフィール*/
    .profile_flex{
        display:flex;
    }
.about_me{
    flex:1;
    border:none;
}
/*ブログ*/
.blog_flex{
    display:flex;
    }
.blog_content{
    flex:1;
    border:none;
            margin: 0 15px;
    }
    /**/

.item_flex{
    display:flex;
}
.item{
    flex:1;
}
.cloud_flex{
    display: flex;
}
.cloud_content{
    flex:1;
}
.kotei{
    display:flex;
    gap: 40px;
            margin-top: 1rem;
        margin-bottom: 3rem;
}
.contents_text{
    flex:2;
    max-width: 600px;
}

.contents_img{
        flex:1;

}
main{
    width: 960px;
    margin: 0 auto;
}
.title h1 img {
    width: 14em;
}
}