@charset "UTF-8";
/********************************************************************************

page-news.css　NEWS用css

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

/*######################################################################
 一覧
######################################################################*/
/*============================================================
 ページヘッダー
*============================================================*/
#page-news-list #page-header {
}

/*============================================================
 セクション共通
*============================================================*/
#page-news-list .section {
}


/*######################################################################
 詳細
######################################################################*/
/*============================================================
 ページヘッダー
*============================================================*/
#page-news #page-header .mv-img {
	text-align: center;
	margin-bottom: 40px;
}
#page-news #page-header .mv-img img {
	max-width: 800px;
	width: 100%;
}
#page-news #page-header .page-title {
	margin-bottom: 16px;
}
#page-news #page-header .date {
	color: var(--common-color-main);
	text-align: right;
}

/*============================================================
 本文
*============================================================*/
#page-news #sec-post  {
	font-family:"Noto Sans JP",sans-serif;
	font-weight: 400;
}
#page-news #sec-post .inner > * {
	margin-bottom: 24px;
}
#page-news #sec-post h2 {
	font-size: 32px;
	margin-top: 48px;
	font-family: var(--common-font-family);
}
#page-news #sec-post h3 {
	font-size: 24px;
	margin-top: 48px;
	font-family: var(--common-font-family);
}
#page-news #sec-post h4 {
	font-size: 20px;
	margin-top: 32px;
	font-family: var(--common-font-family);
}
#page-news #sec-post ul {
	list-style: disc;
	padding-left: 24px;
	background: #E8E8E8;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px 16px 24px 40px;
	margin: 32px 0;
}
#page-news #sec-post ul li {
	list-style: disc;
}
#page-news #sec-post .wp-block-image figcaption {
	font-size: 14px;
	color: #B4B4B4;
	margin-top: 12px;
}


/*============================================================
 セクション共通
*============================================================*/
#page-news .section {
    margin-bottom: 0;
}
#page-news #sec-conductor .related-area {
	margin-bottom: 48px;
}
#page-news #sec-conductor .related-area .post {
	background: #fff;
	border: 1px solid #DBDBDB;
	border-radius: 8px;
	padding: 24px;
	gap: 40px;
	font-family:"Noto Sans JP",sans-serif;
	font-weight: 400;
	margin-bottom: 24px;
	transition: all .3s;
}
#page-news #sec-conductor .related-area .post:hover {
	opacity: 0.7;
}
#page-news #sec-conductor .related-area .post:last-child {
	margin-bottom: 0;
}
#page-news #sec-conductor .related-area .post-img {
	width: 160px;
	height: 160px;
	border-radius: 8px;
	overflow: hidden;
}
#page-news #sec-conductor .related-area .post-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#page-news #sec-conductor .related-area .post-contents {
	width: calc(100% - 200px);
}
#page-news #sec-conductor .related-area .post-contents h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
#page-news #sec-conductor .related-area .post-contents .excerpt {
	font-size: 12px;
	color: #B4B4B4;
	margin-bottom: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
#page-news #sec-conductor .related-area .post-contents .date {
	font-size: 10px;
	color: #B4B4B4;
}
#page-news #sec-conductor .block {
	gap: 64px;
	max-width: 880px;
	margin: 0 auto 48px;
}
#page-news #sec-conductor .block-copy {
	gap: 32px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	letter-spacing: 0.04em;
}
#page-news #sec-conductor .url-copy-clipbord {
	cursor: pointer;
}
#page-news #sec-conductor .block-sns {
	gap: 24px;
}
#page-news #sec-conductor .parts-btn {
	margin: 0 auto;
}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1040px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     ページヘッダー
    *============================================================*/
    #page-news-list #page-header {
    }


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     ページヘッダー
    *============================================================*/
    #page-news #page-header {
    }

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     ページヘッダー
    *============================================================*/
    #page-news-list #page-header {
    }


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     ページヘッダー
    *============================================================*/
    #page-news #page-header {
    }
	#page-news #page-header .mv-img {
		margin-bottom: 24px;
	}
	#page-news #page-header h1 {
		font-size: 28px;
	}
	#page-news #page-header .date {
		font-size: 14px;
	}
	
	.#page-news #sec-post h2 {
		font-size: 28px;
	}
	#page-news #sec-conductor .related-area {
		gap: 24px;
	}
	#page-news #sec-conductor .related-area .post {
		padding: 16px;
		gap: 24px;
	}
	#page-news #sec-conductor .related-area .post-contents {
		width: calc(100% - 144px);
	}
	#page-news #sec-conductor .related-area .post-contents h3 {
		margin-bottom: 8px;
		line-height: 1.5;
	}
	#page-news #sec-conductor .related-area .post-contents .excerpt {
		margin-bottom: 8px;
	}
	#page-news #sec-conductor .related-area .post-img {
		width: 120px;
		height: 120px;
	}
	#page-news #sec-conductor .block-copy {
		gap: 16px;
	}

}
/********************************************************************************

page-news.css　NEWS用css

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

/*######################################################################
 一覧
######################################################################*/
/*============================================================
 ページヘッダー
*============================================================*/
#page-column-list #page-header {
}

/*============================================================
 セクション共通
*============================================================*/
#page-column-list .section {
}


/*######################################################################
 詳細
######################################################################*/
/*============================================================
 ページヘッダー
*============================================================*/
#page-column #page-header .mv-img {
	text-align: center;
	margin-bottom: 40px;
}
#page-column #page-header .mv-img img {
	max-width: 800px;
	width: 100%;
}
#page-column #page-header .page-title {
	margin-bottom: 16px;
}
#page-column #page-header .date {
	color: var(--common-color-main);
	text-align: right;
}

/*============================================================
 本文
*============================================================*/
#page-column #sec-post  {
	font-family:"Noto Sans JP",sans-serif;
	font-weight: 400;
}
#page-column #sec-post .inner > * {
	margin-bottom: 20px;
}
#page-column #sec-post h2 {
	font-size: 32px;
	margin-top: 50px;
	font-family: var(--common-font-family);
}
#page-column #sec-post h3 {
	font-size: 24px;
	margin-top: 50px;
	font-family: var(--common-font-family);
}
#page-column #sec-post h4 {
	font-size: 20px;
	margin-top: 32px;
	font-family: var(--common-font-family);
}
#page-column #sec-post ul {
	list-style: disc;
	padding-left: 24px;
	background: #E8E8E8;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px 16px 24px 40px;
	margin: 32px 0;
}
#page-column #sec-post ul li {
	list-style: disc;
}
#page-column #sec-post .wp-block-image figcaption {
	font-size: 14px;
	color: #B4B4B4;
	margin-top: 12px;
}


/*============================================================
 セクション共通
*============================================================*/
#page-column .section {
    margin-bottom: 0;
}
#page-column #sec-conductor .related-area {
	margin-bottom: 48px;
}
#page-column #sec-conductor .related-area .post {
	background: #fff;
	border: 1px solid #DBDBDB;
	border-radius: 8px;
	padding: 24px;
	gap: 40px;
	font-family:"Noto Sans JP",sans-serif;
	font-weight: 400;
	margin-bottom: 24px;
	transition: all .3s;
}
#page-column #sec-conductor .related-area .post:hover {
	opacity: 0.7;
}
#page-column #sec-conductor .related-area .post:last-child {
	margin-bottom: 0;
}
#page-column #sec-conductor .related-area .post-img {
	width: 160px;
	height: 160px;
	border-radius: 8px;
	overflow: hidden;
}
#page-column #sec-conductor .related-area .post-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#page-column #sec-conductor .related-area .post-contents {
	width: calc(100% - 200px);
}
#page-column #sec-conductor .related-area .post-contents h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
#page-column #sec-conductor .related-area .post-contents .excerpt {
	font-size: 12px;
	color: #B4B4B4;
	margin-bottom: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
#page-column #sec-conductor .related-area .post-contents .date {
	font-size: 10px;
	color: #B4B4B4;
}
#page-column #sec-conductor .block {
	gap: 64px;
	max-width: 880px;
	margin: 0 auto 48px;
}
#page-column #sec-conductor .block-copy {
	gap: 32px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	letter-spacing: 0.04em;
}
#page-column #sec-conductor .url-copy-clipbord {
	cursor: pointer;
}
#page-column #sec-conductor .block-sns {
	gap: 24px;
}
#page-column #sec-conductor .parts-btn {
	margin: 0 auto;
}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1040px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     ページヘッダー
    *============================================================*/
    #page-column-list #page-header {
    }


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     ページヘッダー
    *============================================================*/
    #page-column #page-header {
    }

}
#page-column #sec-post .inner iframe {
    max-width: 100%;
    width: 100%;
	margin-bottom: 30px;
}
#page-column #page-header .page-title {
    border-bottom: 3px solid #004ea2;
    color: #004ea2;
    font-size: 30px;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
#page-column #sec-post h2 {
    background: #004ea2;
    color: #ffffff;
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 0 !important;
    padding: 10px;
}
#page-column #sec-post h2 + p {
    margin-top: 20px;
}
#page-column #sec-post h2 + h3 {
    margin-top: 10px !important;
}
#page-column #sec-post h3 {
    color: #004ea2;
    font-size: 20px;
}
.info.box{background:#fbfbfb;border:1px solid #004ea2;margin:30px 0;padding:20px}.info.box .title{font-size:18px;font-weight:700;margin-bottom:10px}.info.box .text{margin-bottom:20px}.info.box .contents{background:0 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:normal;align-items:normal}.info.box .contents .image{box-sizing:border-box;background:#fff;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:45%;margin-right:5%}.info.box .contents .content{width:50%}.info.box .contents .content .tel{color:inherit;text-decoration:none;pointer-events:none}.info.box .contents .content a img{display:block;margin:0 auto}.info.box .contents .content .btn{background:#004ea2;border-radius:50px;color:#fff;text-align:center;text-decoration:none;display:block;max-width:200px;width:100%;margin:20px auto auto;padding:10px;transition:.3s}.info.box .contents .content .btn:hover{opacity:.6}@media screen and (max-width:768px){.info.box .contents .content,.info.box .contents .image{width:100%;margin:0}.info.box .contents .content .tel{pointer-events:auto}.info.box .contents .image{margin-bottom:20px;padding:20px}}
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     ページヘッダー
    *============================================================*/
    #page-column-list #page-header {
    }


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     ページヘッダー
    *============================================================*/
    #page-column #page-header {
    }
	#page-column #page-header .mv-img {
		margin-bottom: 24px;
	}
	#page-column #page-header h1 {
		font-size: 28px;
	}
	#page-column #page-header .date {
		font-size: 14px;
	}
	
	.#page-column #sec-post h2 {
		font-size: 28px;
	}
	#page-column #sec-conductor .related-area {
		gap: 24px;
	}
	#page-column #sec-conductor .related-area .post {
		padding: 16px;
		gap: 24px;
	}
	#page-column #sec-conductor .related-area .post-contents {
		width: calc(100% - 144px);
	}
	#page-column #sec-conductor .related-area .post-contents h3 {
		margin-bottom: 8px;
		line-height: 1.5;
	}
	#page-column #sec-conductor .related-area .post-contents .excerpt {
		margin-bottom: 8px;
	}
	#page-column #sec-conductor .related-area .post-img {
		width: 120px;
		height: 120px;
	}
	#page-column #sec-conductor .block-copy {
		gap: 16px;
	}
#page-column #page-header .page-title {
    font-size: 25px;
}
#page-column #sec-post h2 {
    font-size: 20px;
}
#page-column #sec-post h3 {
    font-size: 18px;
}
}