@charset "UTF-8";
body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 500;
  line-height: 1.618; /*黄金比*/
  color: #432; 
}
a { color: #432; }
a:hover { color: darkturquoise; }
a:hover img { opacity: 0.8; }
dl {
    margin-bottom: 1.618em;
    border-bottom: 1px solid #CCC;
}
dt {
    background: whitesmoke;
    border-top: 1px solid #CCC;
}
dd {
    background: white;
    border-top: 1px solid #CCC;
}

/* -------- .wrap 全体幅 --------*/
#Home {
  background: url(../../img/bgBig/bgBig_000.gif) no-repeat center top / cover;
  height: 100vh;
}
.pwrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 0.618rem;
}
.gpcontainer,
.pcontainer {
  margin: 0 auto;
}

/* -------- header -------- */
.toplogo img {
  display: inline-block;
  margin-right: auto;
  width: 210px;
  height: auto;
}

.topmenu {
  text-transform: uppercase;
  text-align: center;
  padding: 0.618rem 0;
}
.topmenu li {
  margin: 0rem 0.5rem;
}
/* -------- #Home -------- */
#Home .header {
  text-align: left;
}
.psection_Home {
  position: relative;
}
.fronttitle {
  font-family: 'Dancing Script', serif;
  font-weight: normal;
  text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF;
  /* font-size: rtf ; */
  line-height: 1.1;
  text-align: left;
}
.psection_Home .explanation {
  text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF;
}
.iconlist_Home li {
  margin-bottom: 0.618rem;
}
/*twitterガジェットかなり邪魔なのでposition専用クラスにする*/
.gadget_Twi_Home {
  position: absolute;
  bottom: 0%; right: 0%;
  transform: translate(0%, -4.235rem);
}
/* -------- .header -------- */
.header {
  margin-bottom: 1rem;
}
.headtitle {
  font-family: 'Dancing Script', serif;
  /* font-size: rtf ; */
  font-weight: normal;
  text-align: center;
}
/* -------- main （2 or 3カラム用） -------- */
.main h2,
.earth_0A h2 {
  position: relative;
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.0;
  vertical-align: middle;
  margin-left: 4.618rem;
  margin-bottom: 1.618rem;
}
.main h2 i,
.earth_0A h2 i {
  position: absolute;
  top: 50%; left: 0%;
  transform: translate(-4.618rem, -50%);
  font-size: 4rem;
  color: deepskyblue;
}
.main h2 i:before,
.earth_0A h2 i:before: {
  font-family: 'icomoon';
  content: "\e9d2";
  font-weight: normal;
}
.csect {
  padding: 0.618rem 0.618rem;
  margin-bottom: 2.618rem;
}

.csect_SNS {
  width: 100%;
  padding: 0.618rem 0;
  margin-bottom: 2.618rem;
  text-align: left;
}

.gcsect {
  padding: 0.618rem 0;
}
/* -------- side_0A （aside 2カラム用） -------- */
/* -------- earth_0A （aside 下用） -------- */
.side_0A {
  margin-left: 1.618rem;
}
.earth_0A {
   margin-top: 2.618rem; 
}

/* -------- #About -------- */
.side_0A h3,
.earth_0A h3 {
  vertical-align: middle;
  border-bottom: 2px solid #0bd;
}
.side_0A h3 i,
.earth_0A h3 i {
  font-size: 4rem;
  color: deepskyblue;
}
.side_0A h3 .title,
.earth_0A h3 .title {
  font-size: 1.375rem;
  font-weight: normal;
}

.side_0A ul {
  margin-bottom: 0.618em
}
.side_0A li {
  padding: 0.618em 0rem;
  border-bottom: 1px solid #ddd;
}
.side_0A li:first-child {
  padding-top: 0;
}
.cside,
.gcside {
  padding: 0.618rem;
  margin-bottom: 2.618rem;
}
.cearth,
.gcearth {
  padding: 0.618rem;
  margin-bottom: 2.618rem;
}
.cearth dl {
  font-size: 90%;
}
/* -------- #SNS -------- */
.gcsect_SNS {
  margin: 0rem auto 2.618rem;
  text-align: center;
}
.gcsect_SNS h3 {
  width: 100%;
  text-align: left;
}

/* -------- #Works -------- */
#works .side_0A h3,
#works .earth_0A h3 {
  vertical-align: middle;
  border-bottom: 1px dotted #DDD;
  margin-bottom: 0.309rem;
}
#works .side_0A h3 i,
#works .earth_0A h3 i {
  font-size: 4rem;
  color: deepskyblue;
}
#works .side_0A h3 .title,
#works .earth_0A h3 .title {
  font-size: 1.375rem;
  font-weight: normal;
}

/* -------- breadcrumbs_0A -------- */
nav.breadcrumbs {
  /*background: #D1DFF9;*/
  margin-top: 0.618rem;
  text-align: left;
  font-size: 70%;
}
nav.breadcrumbs p {
  margin-left: auto;
}
.breadcrumbs ul {
  border-top: 1px dashed #FFF;
  border-bottom: 1px dashed #FFF;
}
.breadcrumbs li {
  display: inline-block;
  padding: 0.618rem;
  /*background: lightsteelblue;*/
}
.breadcrumbs li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f105';
  margin-right: 0.618rem;
}
/* -------- footer -------- */
.footer {
  width: 100%;
  height: auto;
  padding: 1.618em;
  font-size: 0.9rem;
  line-height: 1.3;
  text-align: center;
  vertical-align: middle;
}
.footer b {
  font-size: 110%;
}
.copyright {
  width: 40%;
  height: auto;
  padding: 0.618rem 0rem;
  font-size: 0.8rem;
  line-height: 1.2;
  text-align: left;
  background: rgba(255,255,255,0.4);
}
.footer .copyright {
  width: 35rem;
  margin: 0 auto;
  padding: 0rem;
  color: #FFF;
  text-align: left;
  background: none;
}