@charset "UTF-8";
/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
/*	layout
------------------------------------ */
/*	font-size  cmn
------------------------------------ */
/************************************************

  SP layout

************************************************/
/*	cmn parts  SP
------------------------------------ */
.com-inner {
  padding: 50px 25px;
}

.com-md-inner {
  padding: 50px 25px;
}

.no-sb {
  margin: 30px auto 0;
}

.com-ib {
  display: inline-block;
}

.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}

.anchor-mp {
  margin: -80px auto 0;
  padding-top: 80px;
}

.sp-anchor {
  padding-top: 80px;
}

.com-txt-box p:nth-of-type(n+2) {
  margin-top: 20px;
}
.com-txt-box-sub {
  margin-top: 20px;
}
.com-txt .ac {
  font-size: 1.6rem;
}

.marker::before {
  height: 10px;
}

/*  共通パーツ
------------------------------------ */
.com-tel {
  font-size: 1.7rem;
}
.com-tel .num {
  font-size: 2.3rem;
}

.news-post {
  margin: 20px auto 0;
}
.news-post-time {
  font-size: 1.3rem;
}
.news-post-tag > li {
  font-size: 1.3rem;
  line-height: 1.3;
}
.news-post-ttl {
  margin-top: 10px;
  font-size: 1.3rem;
}

.com-tag-item {
  width: 48%;
}
.com-tag-item:nth-of-type(n+2) {
  margin-left: 4%;
}
.com-tag-link {
  font-size: 1.3rem;
}

/* =========================================

  main  SP

========================================= */
main {
  background-size: 100%;
}

/* top-about  SP
------------------------------------ */
#top-about {
  background-size: 100%;
}
#top-about .about-ttl::before {
  width: 107px;
  height: 129px;
  top: -9px;
  left: calc(50% - 134px);
}
#top-about .about-ttl::after {
  width: 124px;
  height: 102px;
  bottom: 2px;
  right: calc(50% - 125px);
}
#top-about .about-ttl .ja {
  margin-top: 30px;
}
#top-about .sec01 {
  margin-top: 50px;
  padding-top: 120%;
}
#top-about .sec01-img {
  position: absolute;
}
#top-about .sec01-img01 {
  width: 51%;
  right: 1%;
  top: 4%;
}
#top-about .sec01-img02 {
  width: 45%;
  top: 15%;
  left: -4%;
}
#top-about .sec01-img03 {
  width: 49%;
  top: 29%;
  left: 5%;
  bottom: auto;
}
#top-about .sec01-txt {
  margin-top: 20px;
  text-align: left;
}
#top-about .sec01-btn {
  margin-top: 25px;
}

/* top-season  SP
------------------------------------ */
#top-season .season-img01 {
  width: 100%;
  margin: 25px auto 0;
  position: static;
}
#top-season .season-img02 {
  width: 80%;
  margin: 60px 3.9% 0 auto;
}
#top-season .season-img03 {
  width: 65%;
  margin: 40px auto 0 -0.5%;
}
#top-season .season-ttl {
  text-align: center;
}
#top-season .season-ttl .ja {
  margin: 20px 0 0;
  font-size: 2.1rem;
  letter-spacing: 0.2em;
}
#top-season .season-txt {
  margin: 20px auto 0;
}
#top-season .season-btn {
  width: 120px;
  height: 40px;
  padding: 0;
  text-align: center;
  background-position: 5px center;
  background-image: url(../img/top/com-btn-arw.png);
  border: none;
  border-top: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
  line-height: 38px;
}
#top-season .season-btn-wrap {
  margin: 25px auto 0;
  text-align: center;
}

/* top-scene  SP
------------------------------------ */
#top-scene {
  padding-bottom: 50px;
}
#top-scene .scene-inner {
  padding: 30px 30px;
}
#top-scene .scene-img01 {
  width: 100%;
  height: 0;
  padding-top: 45%;
  position: relative;
}
#top-scene .scene-img02 {
  width: 65%;
  margin: 30px auto 0 5%;
}
#top-scene .scene-img03 {
  width: 40%;
  margin: 10% 10% 0 auto;
}
#top-scene .scene-txt {
  margin-top: 25px;
}
#top-scene .scene-btn {
  margin-top: 30px;
}

/* com-contact  SP
------------------------------------ */
.com-contact .contact-ttl .ja {
  margin-top: 10px;
  font-size: 2rem;
}
.com-contact .contact-tel {
  margin-top: 30px;
}
.com-contact .contact-txt {
  margin-top: 20px;
  line-height: 2;
}

/* top-access  SP
------------------------------------ */
#top-access .access-inner {
  display: block;
  padding: 50px 30px;
}
#top-access .access-table {
  margin-top: 30px;
}
#top-access .access-img {
  width: 100%;
  margin: 30px auto 0;
  text-align: center;
}

/* top-blog  SP
------------------------------------ */
#top-blog .blog-inner {
  display: block;
}
#top-blog .blog-left {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#top-blog .blog-ttl {
  text-align: left;
}
#top-blog .blog-btn {
  width: 160px;
  margin: 0;
}

/* =========================================

sub layout  SP

========================================= */
/* commit  SP
------------------------------------ */
#commit .com-ttl01 .ja {
  font-size: 2rem;
  letter-spacing: 0.15em;
}
#commit .commit-list {
  margin-top: 25px;
}
#commit .commit-list-item:nth-of-type(n+2) {
  margin-top: 80px;
}
#commit .commit-list-flx {
  margin-top: 25px;
  flex-direction: column-reverse;
  align-items: center;
}
#commit .commit-list-txt {
  margin-top: 15px;
  padding-right: 0;
}
#commit .commit-list-con {
  margin: 20px auto 0;
}

/* menu  SP
------------------------------------ */
#menu .menu-list {
  margin-top: 60px;
}
#menu .menu-detail {
  display: block;
  margin-top: 30px;
}
#menu .menu-detail-item:nth-of-type(n+2) {
  margin: 25px auto 0;
}
#menu .menu-detail-table th, #menu .menu-detail-table td {
  display: block;
  width: 100%;
}
#menu .menu-detail-table th {
  padding: 10px 0 0;
}
#menu .menu-detail-table td {
  padding: 10px 0 10px;
}

/* access  SP
------------------------------------ */
#access .owner-ttl {
  margin-top: 25px;
}
#access .owner-txt {
  margin-top: 20px;
  text-align: left;
  line-height: 2;
}
#access .access-table {
  margin-top: 25px;
}

/* contact  SP
------------------------------------ */
#contact .contact-txt {
  margin-top: 25px;
  text-align: left;
}
#contact .contact-box {
  padding: 20px;
}
#contact .contact-box-txt {
  margin-top: 15px;
}
#contact .contact-form-check-page .contact-form-table th {
  color: #ffffff;
}

/* scene  SP
------------------------------------ */
#scene .space-list {
  margin-top: 25px;
}
#scene .space-list-item {
  flex-direction: column-reverse;
  align-items: center;
}
#scene .space-list-item:nth-of-type(n+2) {
  margin: 30px auto 0;
}
#scene .space-list-con {
  margin: 15px auto 0;
}
#scene .space-list-ttl-sub {
  margin-top: 15px;
  text-align: center;
}
#scene .scene {
  padding-bottom: 0;
}
#scene .scene-list {
  margin-top: 30px;
}
#scene .scene-list-item02 {
  margin: 50px auto 0;
}
#scene .scene-list-item03 {
  margin: 50px auto 0;
}
#scene .scene-list-item04 {
  margin: 24px auto 0;
}
#scene .scene-list-flx {
  display: block;
}
#scene .scene-list-con {
  margin: 30px auto 0;
}
#scene .scene-list-ttl {
  text-align: center;
}
#scene .scene-list-ttl .ttl {
  min-width: 150px;
  margin: auto;
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-top: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
  font-size: 1.7rem;
  letter-spacing: 0.1em;
}
#scene .scene-list-ttl .catch {
  margin: 10px auto 0;
  font-size: 1.7rem;
  letter-spacing: 0.1em;
}
#scene .scene-list-txt {
  margin: 25px auto 0;
}/*# sourceMappingURL=style_sp.css.map */