@charset "utf-8";
/*=======================================================================
微調整css
=======================================================================*/

/*imgタグ　100％
=====================================*/
img{
	width:100%;
    height: auto;
	vertical-align: bottom;
}

.info-area img {width: 60%;}


/*リンク画像ホバー時　フェード
=====================================*/
a{
	transition: all 0.2s ease-out;
	opacity: 1;
}
a:hover{
	transition: all 0.2s ease-out;
	opacity: 0.7;
}
a:focus-visible{
	outline:none;
}
/*フレックスボックス設定*/
.flex{
	display: flex;
	flex-wrap: wrap;
}
/*表示切り替え*/
@media screen and (min-width: 769px){
    .pc-n{display: none;}
}
@media screen and (min-width:581px) and ( max-width:768px) {
    .tab-n{display: none;}
}
@media screen and (max-width: 580px){
    .sp-n{display: none;}
}