@charset "UTF-8";

/* -------- ▽iPhone6未満 -------- */
@media only screen and (max-width: 374px)  {

html { font-size: 90%; /*収まりづらいので少しfont小さく*/ }
} /*ƒ /@media only screen and (max-width: 374px)*/
/* -------- △iPhone6未満 ここまで -------- */

/* -------- ▽500px以下 （スマホ縦のみ対応） -------- */
/*500pxがchromeの最低横幅なのでチェックが楽*/
@media only screen and (max-width: 500px) {

html { font-size: 100%; /*おまじない*/ }

/*PC用コンテンツを非表示*/	
.PCview { display: none; }

/*dt, dd 横100% */
dl {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;   
}
dt, dd {
  width: 100%;
  padding: 0rem 0.618rem;
}

/* float画像を100%にする */
.floatRw50,
.floatLw50 {
  width: 100%;
}

/* float画像を80%にする */
.floatRw40,
.floatLw40 {
  width: 80%;
}

.pgrid,
.cgrid {
  display: grid;
  width: 100%;
  gap: 0.618rem;
  grid-template-columns: repeat(1, 1fr );
  grid-template-rows: repeat(1, 1fr );
  margin-bottom: 4.235rem;  
}
/* ---- cgrid landscape（横長）、portrait（縦長） ---- */
/*（一応できるけど指定が大変なので使わない方がいい）*/
.landscape_0A {
  grid-column: 1 / 2; grid-row: 1 / 2;
}
.landscape_0A img {
  width: 100vw; 
  object-fit: cover;
}
.portrait_0A {
  grid-column: 1 / 2; grid-row: 1 / 2;
}
.portrait_0A img {
  width: 100%; 
  object-fit: cover;
}
.landscape_0B {
  grid-column: 1 / 2; grid-row: 2 / 3;
}
.landscape_0B img {
  width: 100%; 
  object-fit: cover;
}
.portrait_0B {
  grid-column: 1 / 2; grid-row: 2 / 3;
}
.portrait_0B img {
  width: 100%; 
  object-fit: cover;
}
.landscape_0C {
  grid-column: 1 / 2; grid-row: 3 / 4;
}
.landscape_0C img {
  width: 100%; 
  object-fit: cover;
}
.portrait_0C {
  grid-column: 1 / 2; grid-row: 3 / 4;
}
.portrait_0C img {
  width: 100%; 
  object-fit: cover;
}

/* -------- #Home -------- */
.psection_Home {
  position: relative;
  margin-top: 48%;
}
.iconlist_Home {
  width: 100%;
}
.gadget_Twi_Home {
  position: relative;
  margin-top: 80px;
}
.copyright { width: 100%; }
/* -------- #about -------- */
#about .main { width: 100%; }
#about .side_0A {
  width: 100%;
  margin-left: 0;
}
/* -------- #home, #works, #contact main -------- */
.main_Home,
#works .main,
#contact .main {
  width: 100%;
}

.copyright {
  width: 100%;
}
.footer .copyright {
  width: 100%;
}

} /*ƒ /@media only screen and (max-width: 500px)*/
/*/ -------- △500px以下 ここまで -------- */

/* -------- ▽501px以上 （タブレット・デスクトップ） -------- */
/*@media only screen and (min-width: 501px) {…}*/
/*width: 71%（17%/54%）, 29% (1, 0.414) 縦A4サイズ確保*/
/*width: 62%（8%/54%）, 38% (1, 0.618) 縦A4サイズ確保*/

@media only screen and (min-width: 501px) {
/*PCからの電話発信を無効*/
a[href^="tel:"] { pointer-events: none; }

/*スマホ用コンテンツを非表示*/
.MBview { display: none; }

/*liの折り返しを無しにする*/
ul { flex-flow: nowrap; }
li {}

/*dt, dd を横表示*/
dl {
  border-left: none;
  border-right: none;   
}
dt {
  width: 38%;
  padding: 0rem 0.618rem;
}
dd {
  width: 62%;
  padding: 0rem 0.618rem;
}
/* -------- .header -------- */
.topmenu li {
  margin: 0rem 1.618rem;
}
/* -------- #Home -------- */
.psection_Home {
  position: relative;
  margin-top: 30%;
}

/* -------- #about -------- */
#about .main { width: 71%; }
#about .side_0A { width: 29%; }

/* -------- #home, #works, #contact main -------- */
.main_Home,
#works .main,
#contact .main {
  width: 100%;
}

/* -------- .header -------- */
.header {
  height: 180px;
}

/* ---- fxd- pcview （Responsive mobile first）---- */
.fxd-CCC_pcvRSbC {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.fxd-CCS_pcvRCS {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
}
.fxd-CCS_pcvRStS {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: start;
}
.fxd-CSbC_pcvRSbC {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.fxd-CSbS_pcvRSbC {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.fxd-CStC_pcvRCC {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.fxd-CStC_pcvRSbC {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.fxd-CStC_pcvRrCC {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}
} /*ƒ /@media only screen and (min-width: 501px)*/
/* -------- △501px以上 ここまで -------- */