/* *****************************************************************

Stylesheet: トップページに適応

******************************************************************/

/*========== トップビュー2========== */
/*h2の調整*/
.topview2 h2 {
	font-size: clamp(32px,6vw,72px);
	line-height:0px !important;
}

/*h2の高さ調整*/
.topview2 h2 span {
	line-height:1.5em !important;
}

/* トップビューの高さ*/
.topview2{
	min-height:78vh !important;
}
@media (max-width: 1024px) {
.topview2{
	min-height:70vh !important;
}
}
@media (max-width: 639px) {
.topview2{
	min-height:65vh !important;
}
}
@media (max-width: 639px) {
.topview2 .c-container {
	padding-left:0px
}
}

/*テキストボックスの幅*/
.topview2 .smb-section__inner{
	width:85%;
	max-width:85% !important;
	margin:auto;
	padding-top:190px;
}
/*1700px以上で調整*/
@media (min-width: 1700px) {
.topview2 .smb-section__inner{
	width:70%;
	max-width:70% !important;
}
}
/*スマホ時にTOPに余白入れる*/
@media (max-width: 639px) {
.topview2 .smb-section__inner{
	padding-top:150px;
}
}
/*タイトルとテキストの余白*/
.topview2 .smb-section__body {
	margin-top:30px;
}

/*pテキスト*/
.topview2 p {
	font-size: clamp(12px,2vw,20px);
	font-weight:bold;
	margin-bottom:60px;
}
@media (max-width: 639px) {
.topview2 p {
	margin-bottom:30px;
}
}

/*========== トップビュー2〆========== */



/*========== トップメッセージ4========== */

/*全体の幅調整*/
.top-message4 .c-container {
	max-width:55% !important;
	margin:auto !important;
}
@media (max-width: 1024px) {
.top-message4 .c-container {
	max-width:80% !important;
}
}
@media (max-width: 639px) {
.top-message4 .c-container {
	max-width:95% !important;
}
}

/*h2の調整*/
.top-message4 h2 {
font-size: clamp(22px,3vw,32px);
}

/*テキストの調整*/
.top-message4-text {
font-size: clamp(15px, 2vw,18px);
	line-height:2.3rem;
}

/*=== トップメッセージ4ボタン=== */
.top-message4-btn {
	padding: 18px 120px;
	box-shadow:4px 6px 2px rgba(0,0,0,0.2);  
}
@media (max-width: 639px) {
.top-message4-btn {
	padding: 16px 100px;
}
}
.top-message4-btn  span {
	font-weight:700;
	font-size: clamp(16px,2vw,18px);
}

/*========== トップメッセージ4〆========== */




/*========== トップ〇〇の特徴1========== */

/*h2の調整*/
.top-feature1 h2 {
	font-size: clamp(28px,3vw,38px);
	color: var(--sub-accent-color) !important;
}

/* 全体の幅調整 */
@media (min-width:640px) and ( max-width:1024px) {
.top-feature1  .c-container {
	max-width:70% !important;
}
}

/*パネルのサイズ調整*/
.top-feature1-panel .smb-panels__item__body {
	text-align:left !important;
	padding:50px 45px;
}
@media (max-width: 1024px) {
.top-feature1-panel .smb-panels__item__body {
	text-align:left !important;
	padding:40px 30px;
}
}
.top-feature1 .c-container {
	padding:0px;
}
@media (max-width: 1300px) {
.top-feature1 .c-container {
	padding-left:25px;
	padding-right:25px
}
}

/*パネルタイトルのサイズと下余白調整*/
.top-feature1-panel .smb-panels__item__title {
	font-size:20px;
	margin-bottom:20px;
}


/*========== トップ〇〇の特徴1〆========== */






/*==========サービス1========== */

/*全体の幅調整*/
@media (max-width: 1024px) {
.service-service1 .c-container {
		max-width:75% !important;
	}
}
@media (max-width: 639px) {
.service-service1 .c-container {
		max-width:95% !important;
	}
}


/*===トップお知らせ2ボタン===*/
.top-service-btn {
	padding: 15px 70px;
	font-size: clamp(16px,2vw,18px);
		box-shadow:4px 6px 2px rgba(0,0,0,0.2);  
}
@media (max-width: 639px) {
.top-service-btn{
	padding: 16px 70px;
}
}


/*h2タイトル部分の調整*/
.service-service1 h2 {
	font-size: clamp(28px,3vw,38px);
	color: var(--sub-accent-color) !important;
}

/* メインコンテンツの調整 */
.service-service1-mainitem {
	padding-bottom:50px;
}

.service-service1-mainitem h3 {
	font-size: clamp(20px, 2vw,28px);
}

/*サブコンテンツの調整*/
.service-service1-subitem h3{
	font-size: clamp(20px, 2vw,24px);
	border-bottom:none !important;
}

/*サブコンテンツの内余白*/
.service-service1-subitem .smb-panels__item__body {
	padding:60px 50px !important;
}
@media (max-width: 639px) {
.service-service1-subitem .smb-panels__item__body {
	padding:50px 30px !important;
}
}

/*テキストの調整*/
.service-service1 p {
font-size: clamp(15px, 2vw,16px);
}

/* サービスパネルの装飾  */
.service-section-item .smb-panels__item {
	box-shadow: none;
}
.service-section-item .smb-panels__item:hover {
box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
    }

/*==========サービス1〆========== */








/*========== トップお知らせ2========== */

/*h2サイズ*/
.top-news2 h2 {
	font-size: clamp(28px,3vw,38px);
	color: var(--sub-accent-color) !important;
}

/*幅の調整*/
.top-news2 .c-container {
	width:65%;
	max-width:65% !important;
	margin:auto !important;
}
@media (max-width: 1024px){
.top-news2 .c-container {
	width:90%!important;
	max-width:90% !important;
}
	.top-news2 h3 {
	font-size:15px !important;
}
}

/*aリンクの上下余白*/
@media (min-width: 1024px){
.c-entries__item a {
	padding-top:25px !important;
	padding-bottom:25px !important;
}
}

/*===トップお知らせ2ボタン===*/
.top-news2-btn {
	padding: 18px 120px;
		font-size: clamp(16px,2vw,18px);
		box-shadow:4px 6px 2px rgba(0,0,0,0.2);  
}
@media (max-width: 639px) {
.top-news2-btn{
	padding: 16px 100px;
}
}

/*===投稿カテゴリー表示===*/
/* @media (min-width:640px){
	.c-entries--text .c-entry-summary__body{
		flex-direction: row-reverse;
	}
}
.news-category .c-entries--text .c-entry-summary {
	display: flex;
}
.news-category .c-entries--text .c-entry-summary__figure {
	position: relative;
}
.news-category .c-entries--text .c-entry-summary__figure {
	position: absolute;
	left: 7rem; 
}
.news-category .c-entries--text {
    position: relative;
}
.news-category .c-entries--text .c-entry-summary__figure {
    display: block;
    margin: 0 1em 0 0;
    flex: 0 0 auto;
    background-color: transparent;
}
.news-category .c-entries--text .c-entry-summary__body .c-entry-summary__meta {
    margin-right: 7em;
}

@media (max-width: 1023px){
	.news-category .c-entries--text .c-entry-summary__body .c-entry-summary__meta {
		margin-right: 9em; 
	}
}

@media (max-width: 639px){
	.news-category .c-entries--text .c-entry-summary__body .c-entry-summary__meta {
		margin-bottom: 10px;
	}
	.news-category .c-entries--text .c-entry-summary__figure{
		left: 6em;
	}
}
.news-category .c-entries--text .c-entry-summary__figure img,
.c-entries--text .c-entry-summary__figure::before {
    display: none;
}
.news-category .c-entries--text .c-entry-summary__figure .c-entry-summary__term {
    position: relative;
    top: -2px;
    left: 0;
    white-space: nowrap;
}
.news-category .contact .smb-section__title:after {
	background-color:#fff!important;
}
.news-category .c-entry-summary__figure {
	height:auto;
} */

/*========== トップお知らせ2〆========== */



/*========== トップお問い合わせ3========== */

/* セクションの上下余白 */
.top-contact3 {
	padding-top:100px;
	padding-bottom:100px;
}
@media (max-width: 1023px) {
.top-contact3 {
		padding-top:60px;
	padding-bottom:60px;
}
}

/*タイトルの文字サイズ*/
.top-contact3 h2 {
	font-size: clamp(28px,3vw,38px);
}
/*サブテキストの文字サイズ*/
.top-contact3 .smb-section__lede {
	font-size: clamp(14px,2vw,16px);
}
/*電話番号とタイトルの余白*/
.top-contact3 .smb-section__body {
	margin-top:10px;
}
/*電話番号のサイズ*/
.contact-tel {
		font-size: clamp(30px,3vw,35px);
}
/*受付時間のテキスト*/
.contact-text {
	font-size: clamp(16px,2vw,18px);
}

/* セクションタイトルの線の太さ */
.top-contact3 .smb-section__title::after {
 background-color:#fff !important;
}

/*=== トップお問い合わせ3ボタン=== */
.top-contact3-btn {
	padding: 18px 100px;
}
@media (max-width: 639px) {
.top-contact3-btn {
	padding: 18px 70px;
}
}
.top-contact3-btn  span {
	color: #fff !important;
	font-weight:700;
	font-size: clamp(16px,2vw,18px);
}

/*========== トップお問い合わせ3〆========== */