@charset "UTF-8";

<!--
html{
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif!important;
}

h2 {	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ハンバーガーメニューの配置 */
.nav{
  position:fixed;
  right:40px;
}

/* インスタとメールアイコンの配置*/
.button{
  position:fixed;
  bottom:30px;
  right:40px;
}

img[src$="img/instagram.png"] {
	width: 33px;
	height: 33px;
}
img[src$="img/mail.png"] {
	width: 33px;
	height: 33px;
}

body{
    width 100%;
    margin 0;
    justify-content: ;
   line-height: 1;   /* 1行の高さを1.4文字分にする */
}


/* スマホ　600px以下 */
/* スマホ　画像について */
@media only screen and (max-width: 600px){
	img{
	
	width: 32%;
	height: 32vw;
	object-fit: cover;
	
}

/* スマホ画面を左右に分ける */
.box_a{
float: left;
width: 100;
padding-left : 0%;
background: #fffff;
height: auto;
}

.box_b{
float: left;
width: 0%;
padding-left : ;
background: #fffff;
height: auto;
}
}

/* PC　601px以上 */
/* PC　画像について */
@media only screen and (min-width: 601px), print {
img{
	width: 150px;
	height: 150px;
	object-fit: contain;
      margin-bottom:10px;
}
/*PC 画面を左右に分ける */
.box_a{
float: left;
width: 80%;
padding-left : 5%;
background: #fffff;
height: auto;
}

.box_b{
float: left;
width: 15%;
padding-left : ;
background: #fffff;
height: auto;
}
}

-->