@charset "utf-8";


/****** ●●●●●●●● setting start ******/



/****** スクリーンサイズ setting start ******/

/* スマホ（小）= スクリーンサイズが320pxまでの場合に適用 */
h1 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
	color: #333;
	margin-block-end:0 ;
	margin-block-start: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

h2 {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.6;
	color: #333;
	margin-block-end:0 ;
	margin-block-start: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

h3 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.6;
	color: #333;
	margin-block-end:0 ;
	margin-block-start: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

h4 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.6;
	color: #333;
	margin-block-end:0 ;
	margin-block-start: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

p {
    font-size: .98rem;
    font-weight: 400;
    line-height: 1.6;
	color: #333;
	margin-block-end:0 ;
	margin-block-start: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

li{
	font-size: .98rem;
    font-weight: 400;
    line-height: 1.6;
	color: #333;
	margin-block-end:0 ;
	margin-block-start: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

/* タブレット = スクリーンサイズが768px以上の場合に適用 */
@media screen and (min-width: 768px)  {
	h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.75rem;
    }

    h4 {
        font-size: 1.5rem;
    }

    p {
        font-size: 1.125rem;
    }

	li {
        font-size: 1.125rem;
    }
} 

/* PC = スクリーンサイズが1200px以上の場合に適用 */
@media screen and (min-width: 1200px) {
	h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 2rem;
    }

    h4 {
        font-size: 1.75rem;
    }

    p {
        font-size: 1.125rem;
    }

	li {
        font-size: 1.125rem;
    }
} 
/****** スクリーンサイズ setting end   ******/


/****** 改行 setting start ******/


/*///// pcでは表示する /////*/
@media screen and (max-width: 767.9px){
	.blank-min768{
		display: none;
	}
}
@media screen and (min-width: 768px){
	.blank-max767{
		display: none;
	}
}

/*///// スマホでは表示する /////*/
@media screen and (min-width: 480px){
	.blank-max479{
		display: none;
	}
}

/*///// スマホでは表示しない /////*/
@media screen and (max-width: 479.9px){
	.blank-min480{
		display: none;
	}
}

/*///// スマホ(小)では表示する /////*/
@media screen and (min-width: 380px){
	.blank-max379{
		display: none;
	}
}

/*///// スマホ(小)では表示しない /////*/
@media screen and (max-width: 379.9px){
	.blank-min380{
		display: none;
	}
}

/****** 改行 setting end   ******/

/****** 幅 setting start   ******/
.width-90{
	width: 90%;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
}
.width-1400{
	max-width: 1400px;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
}
.content-center{
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
}

/****** 幅 setting end   ******/

/****** マージン setting start   ******/
.m_t_10{
	margin-top: 10px;
}
.m_t_10-20{
	margin-top: 10px;
}
.m_t_20-40{
	margin-top: 20px;
}
.m_t_40-100{
	margin-top: 40px;
}
.m_t_30-50{
	margin-top: 30px;
}
.m_t_30-70{
	margin-top: 30px;
}
.m_t_100-150{
	margin-top: 100px;
}
@media screen and (min-width: 768px){
	.m_t_10-20{
		margin-top: 20px;
	}
	.m_t_20-40{
		margin-top: 40px;
	}
	.m_t_40-100{
		margin-top: 100px;
	}
	.m_t_30-50{
		margin-top: 50px;
	}
	.m_t_30-70{
		margin-top: 70px;
	}
	.m_t_100-150{
		margin-top: 150px;
	}
}

/****** マージン setting end   ******/


/****** 写真 setting start   ******/
img{
	vertical-align: middle;
}
/****** 写真 setting end   ******/

/*/////////////////////////////////////////////
//　　共通
///////////////   ここから   /////////////////*/ 


/****** ページネーション setting start   ******/
.pagination .page-numbers {
    display: inline-block;
    margin: 0;
    text-decoration: none;
    color: #333;
    position: relative;
}

.pagination .page-numbers:not(:last-child) {
    margin-right: 15px; /* 隣接するページ番号間のスペース */
}

.pagination .page-numbers.current::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -3px; /* テキストの下に配置 */
    width: 200%; /* 横幅を2倍に設定 */
    border-bottom: 1px solid #333; /* 下線の太さと色 */
}
/****** ページネーション setting end   ******/


/****** シングルページ setting start   ******/

/****** シングルページ setting end   ******/


/****** 共通 setting end   ******/



/****** ID setting start   ******/
.target-element {
    scroll-margin-top: 100px; /* 固定ヘッダーの高さ分の余白を設定 */
}

/****** ID setting end   ******/