@charset "utf-8";

/*----------------------------------------------------
    共通css
----------------------------------------------------*/

/* テンプレ乗るまでの仮CSSここから */
html {
  font-size: 62.5%;
}

body {
  font-size: 1.4rem;
}

#contents p {
  margin-top: 1rem;
}

#contents p>span {
  color: red;
}

#index .caption,
#category .caption,
#page .caption {
  font-size: 1.2rem;
}

#index .caption a,
#category .caption a,
#page .caption a {
  color: #999;
}

.btn-internal {
  display: block;
  box-sizing: border-box;
  padding: 0.5rem;
  text-align: center;
  margin: 2rem auto;
}
/* テンプレ乗るまでの仮CSSここまで */

.l-parts03-column3__box .catch {
    text-align: center;
    background: #23335b;
    color: #fff;
    font-size: 2.4rem;
    padding: 10px;
    margin: 0px 0px 10px;
    width: 100%;
    display: block;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
}

.l-parts03-column3__box .catch span {
    font-size: 3rem;
}

.l-parts03-column3__frame {
    margin-bottom: 10px;
    font-size: 1.8rem;
}
.l-parts03-column3__box ul {
    min-height: 280px;
}
span.orange,
.l-parts03-column3__box ul span {
    color: var(--color-orange);
    font-size: 1.8rem;
    font-weight: bold;
}
.feature {
    margin: 3rem 0;
    padding: 1rem 2rem;
    background: var(--color-bagie);
    font-size: 1.8rem;
    line-height: 1.333333333;
    color: #040303;
    position: relative;
    font-weight: bold;
}
.l-parts03-column3 li {
    position: relative;
    padding-left: 20px;
}
.l-parts03-column3 li:before {
    position: absolute;
    content: '';
    background: url(https://www.sapporo-hiraya.com/wp/wp-content/themes/SE036/img/icon_li.svg) no-repeat 0 10px;
    background-size: 7px auto;
    left: 0px;
    width: 150px;
    height: 150px;
    top: 5px;
}
.img_center {
    font-size: 12px;
    color: #555;
    margin: 0 auto 30px;
    text-align: center;
    word-break: break-all;
    line-height: 1.4;
}
.img_center img {
    padding-bottom: 5px;
}






/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

@media screen and (min-width: 600px) {
  /*/////////////PC用のCSSをここに作成してください。/////////////*/
  /*/////////////必ず中括弧の中に作成してください。/////////////*/

}

/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 599px) {
  /*/////////////SP用のCSSをここに作成してください。/////////////*/
  /*/////////////必ず中括弧の中に作成してください。/////////////*/

.l-parts03-column3__box .catch {
    font-size: 2rem; /* フォントサイズを2.4remから2remに縮小 */
    padding: 8px; /* パディングを10pxから8pxに縮小 */
    margin: 0px 0px 8px; /* マージンを10pxから8pxに縮小 */
}

.l-parts03-column3__box .catch span {
    font-size: 2.4rem; /* フォントサイズを3remから2.4remに縮小 */
}

.l-parts03-column3__frame {
    margin-bottom: 8px; /* マージンを10pxから8pxに縮小 */
}

.l-parts03-column3__box ul {
    min-height: auto; /* 固定の高さを解除し、レスポンシブに対応 */
}

.l-parts03-column3__box ul span {
    font-size: 1.4rem; /* フォントサイズを1.8remから1.4remに縮小 */
}
.l-parts03-column3__box {
    padding-bottom: 20px;
    width: 100%;
}
.footMenu {
    position: unset;
}	
.l-footer-area {
    padding-bottom: 0;
}	
    .l-footer-bottom {
        margin-bottom: -12px;
    }	
    .l-mv-box {
        min-height: 136px;
        background-image: url(https://www.sapporo-hiraya.com/wp/wp-content/themes/SE036/img/bg_mv.jpg);
        background-size: 100%;
    }

	

	
	

	
	
	

}