@charset "utf-8";

/* ===============================================
	WordPress Post Decoration
=============================================== */
#page-detail .post-content h1{ font-size: 42px; }
#page-detail .post-content h2{ font-size: 32px; }
#page-detail .post-content h3{ font-size: 25px; }
#page-detail .post-content h4{ font-size: 22px; }
#page-detail .post-content h5{ font-size: 19px; }
#page-detail .post-content h6{ font-size: 16px; }
#page-detail .post-content a{
	color: blue;
	transition: .3s;
	text-decoration: underline;
}
#page-detail .post-content a:hover{
	opacity: .7;
	transition: .3s;
}
#page-detail .post-content p{ margin-bottom: 1.2em; }
#page-detail .post-content blockquote{
	padding: 40px 30px 15px;
	margin-bottom: 1.2em;
	border: 5px solid #eee;
	background-color: #fcfcfc;
}
#page-detail .post-content blockquote::before,
#page-detail .post-content blockquote::after{
	position: absolute;
	font-family: 'Arial';
	font-size: 60px;
	font-weight: bold;
	color: #d6d6d6;
	line-height: 1;
}
#page-detail .post-content blockquote::before{
	top: 5px;
	left: 20px;
	content: '“';
}
#page-detail .post-content blockquote::after{
	bottom: -25px;
	right: 20px;
	content: '”';
}
#page-detail .post-content blockquote cite{
	display: flex;
	justify-content: flex-end;
}
#page-detail .post-content code{
	font-family: monospace;
	color: red;
}
#page-detail .post-content table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border-top: 1px solid #eee;
}
#page-detail .post-content table td,
#page-detail .post-content table th{
	padding: 1em;
	border-bottom: 1px solid #eee;
}
#page-detail .post-content dt,
#page-detail .post-content dd{
	padding: 15px 10px;
}
#page-detail .post-content dt{ background-color: #eee; }
#page-detail .post-content dd{ border-bottom: solid 1px #333; }
#page-detail .post-content ol,
#page-detail .post-content ul {
	margin-top: 1.5em;
	margin-bottom: 1.2em;
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}
#page-detail .post-content ul{ list-style: disc; }
#page-detail .post-content ol{ list-style-type: decimal; }
#page-detail .post-content li{
	margin-bottom: .8em;
	line-height: 1.65em;
}
#page-detail .post-content .alignleft,
#page-detail .post-content img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 4px;
}
#page-detail .post-content .alignright,
#page-detail .post-content img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-top: 4px;
}
#page-detail .post-content .aligncenter,
#page-detail .post-content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#page-detail .post-content .wp-caption{
	line-height: 18px;
	margin-top: 2.5em;
	margin-bottom: 2.5em;
	padding: 0 0 5px;
	text-align: center;
	max-width: 100% !important;
}
#page-detail .post-content .wp-caption p.wp-caption-text{
	color: #888;
	font-size: 12px;
	margin: 10px 0 0;
}
#page-detail .post-nav-links{
	font-size: 110%;
	margin-top: 40px;
	text-align: center;
}
#page-detail .post-nav-links a{ text-decoration: underline; }
#page-detail .post-nav-links span.current{ color: #003296; }
#page-detail .post-password-form input[type="password"]{ padding: 5px; }
#page-detail .post-password-form input[type="submit"]{ padding: 3px 10px; }


/* pagenav */
#pagenav{
	margin: 100px auto 0;
	font-size: 15px;
	text-align: center;
}
#pagenav span{
	display: inline-block;
	padding-bottom: 100px;
}
#pagenav span:not(:last-child){
	margin-right: 50px;
}
#pagenav span a{
	transition: .3s;
}
#pagenav span a:hover{
	opacity: .7;
}


/* ===============================================
タイトル部分　共通パーツ
=============================================== */
.main_ttl{
	position: relative;
	text-align: center;
	color: #fff;
	/*font-family: 'Roboto', sans-serif;*/
	background-position: center;
	height: 450px;
	top: -100px;
}
.main_ttl > h1{
	position: absolute;
	z-index: 100;
	top: 58%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 262.5%;
	line-height: 0.8em;
	letter-spacing: 0.08em;
}
.main_ttl_sub{
	font-family: 'Hiragino Mincho Pro','游明朝','Yu Mincho',serif;
	font-size: 60.67%;
}
.main_ttl_img{
	top: -176px;
}


/* ===============================================
	NEWS詳細ページ
=============================================== */
#news-page .main_ttl{
    background-image: url("../img/common/head_blue.jpg");
    background-size: cover;
    position: relative;

}

#news-page .ttl{
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 35px;
  /* font-family: "Noto Sans JP"; */
  font-weight: 500;
  text-shadow: 1px 1px 5px #535d64;
  font-family:"Makinas-Scrap-5", sans-serif;
  letter-spacing: 0.2em;
}

#news-page #breadcrumb {
    position: absolute;
    top:440px; 
    left: 0;
    z-index: 20;
    width: 100%;
    margin: 0; 
}


#news-page #breadcrumb ol {
    margin: 0;
    padding-left: 2%; 
    padding-top: 10px; 
}
.global_ttl_sub{
	font-size: 46.63%;
}
.news_date{
	font-size: 112.5%;
	font-weight:normal;
}
.news_ttl{
	margin-top: 0.5em;
    font-family:"Noto Sans JP", sans-serif;
    color: #002b62;
    font-weight: 400;
}
.square{
	max-width: 1075px;
	width: 100%;
	height: 1px;
	background:#002b62;
	margin: 1em 0 2em;
}

/* ページナビ */
.pagenavi{
	text-align: center;
	margin-top: 5em;
	margin-bottom: 5em;
	font-weight: bold;
	letter-spacing: 0.5em;
}
.pagenavi > a{
	color: #002b62;
}
.return{
	letter-spacing: normal;
	margin: 0 1em;
	margin-right: 1.5em;
    color: #002b62;
}
.nav-links>a,
.nav-links>span{
	color: #004864;
}
#news-page .post-cat {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    background-color: #999; /* ←とりあえずのグレー（スラッグが違ってもこれが出るはず） */
    color: #fff;
    border-radius: 4px;
    margin-left: 10px; /* 日付との隙間 */
    vertical-align: middle; /* 上下にズレるならこれ */
    margin-bottom: 8px;
}

/* 各色の指定（スラッグと完全に一致させること） */
#news-page .post-cat.news    { background-color: #4c4948; }
#news-page .post-cat.recruit { background-color: #2b9597; }
#news-page .post-cat.event   { background-color: #002b62; }
/* ===============================================
	Breakpoint
=============================================== */
@media screen and (max-width:768px){
.main_ttl{
	height: 300px;
	}
#news-page  #breadcrumb {
    top: 280px;
}
}