@import url("/labo/labo-library/database/assets/css/style.css");

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #2e2e2e;
	position: relative;
    overflow-x: hidden;
	height: 100%;
	-webkit-text-size-adjust: 100%; /* iphone横向き 文字拡大防止 */
}
img {
	display: block;
	width: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a {
	text-decoration: none;
	color: #000;
	transition: all .3s;
}
a:hover {
	opacity: 0.7;
}
p {
	line-height: 1.6;
}
/*==================================================================================
ヘッダー
==================================================================================*/
header {
	width: calc(100% - 60px);
	padding: 10px 30px 0!important;
	border-bottom: 1px #8B8B8B solid!important;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
header::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: white;
}
header .head_logo {
	display: block;
	width: 260px;
}
/* サブメニュー----------------------------*/
header nav.head_nav_sub {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
header nav.head_nav_sub ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: 30px;
}
header nav.head_nav_sub ul li {
	padding: 0 20px;
	border-right: 1px #707070 solid;
}
header nav.head_nav_sub ul li:last-child {
	border-right: none;
}
header nav.head_nav_sub ul li a {
	font-size: 14px;
}
header nav.head_nav_sub ul li a span {
	display: inline-block;
	padding-left: 28px;
	position: relative;
}
header nav.head_nav_sub ul li a span::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
header nav.head_nav_sub ul li a span.icon_access::before {
	background-image: url("/common/img/icon_pin.png");
}
header nav.head_nav_sub ul li a span.icon_mail::before {
	background-image: url("/common/img/icon_mail.png");
}
/* 言語切替 */
header nav.head_nav_sub .language {
	width: 160px;
	margin-right: 10px;
	padding: 7px 20px;
	border: 1px #A72C2A solid;
	background: #fff url("/common/img/icon_select.png") center right 10px / 8px no-repeat;
	color: #A72C2A;
	font-size: 14px;
}
/* 検索窓 */
header nav.head_nav_sub .search {
	width: 160px;
	position: relative;
	display: none;
}
header nav.head_nav_sub .search input {
	font-size: 14px;
}
header nav.head_nav_sub .search .btn_search {
	display: block;
	width: 15px;
	height: 15px;
	padding: 0;
	border: none;
	background: url("/common/img/icon_search.png") center center / contain no-repeat;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}
header nav.head_nav_sub .sns_links {
	font-size: 0;
	padding-left: 4px;
}
header nav.head_nav_sub .sns_links a {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	aspect-ratio: 1 / 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-left: 5px;
}
header nav.head_nav_sub .sns_links a.youtube {
	background-image: url(/common/img/icon_youtube.png);
}
header nav.head_nav_sub .sns_links a.instagram {
	background-image: url(/common/img/icon_instagram.png);
}
header nav.head_nav_sub .sns_links a.line {
	background-image: url(/common/img/icon_line.png);
}
/* メインメニュー--------------------------*/
header nav.head_nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
header nav.head_nav ul li {
	position: relative;
}
header nav.head_nav ul li a.parents {
	display: block;
	padding-bottom: 20px;
	font-size: 18px;
	position: relative;
}
header nav.head_nav ul li a.parents.on {
	color: #A72C2A;
}
header nav.head_nav ul li a.parents.on::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #A72C2A;
	position: absolute;
	left: 0;
	bottom: 14px;
}
/* 下階層メニュー */
header nav.head_nav ul li .children {
	width: calc(100% - 40px);
	padding: 15px 20px;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	position: fixed;
	top: 135px;
	left: 0;
	z-index: 10;
}
header nav.head_nav ul li a.parents:hover + .children,
header nav.head_nav ul li .children:hover {
	transition: all .3s;
	visibility: visible;
	opacity: 1;
}
header nav.head_nav ul li .children .inner {
	width: 100%;
	max-width: 1600px;
	margin: auto;
}
header nav.head_nav ul li .children ul {
	display: block;
	width: calc(100% / 4 - 30px);
	margin: 0 0 30px;
	position: relative;
}
header nav.head_nav ul li .children .col_dummy {
	width: calc(100% / 4 - 30px);
}
header nav.head_nav ul li .children ul li a {
	display: block;
	padding: 8px 22px 8px 8px;
	border-bottom: 1px #707070 solid;
	font-size: 14px;
	line-height: 1.4;
	position: relative;
}
header nav.head_nav ul li .children ul li a.menu_2nd {
	border-bottom: 2px #707070 solid;
	font-size: 16px;
}
header nav.head_nav ul li .children ul li a::after {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	border-top: 1px #707070 solid;
	border-right: 1px #707070 solid;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s;
}
header nav.head_nav ul li .children ul li a:hover {
	opacity: 1;
	background: #A72C2A;
	color: #fff;
}
header nav.head_nav ul li .children ul li a:hover::after {
	border-top: 1px #fff solid;
	border-right: 1px #fff solid;
	right: 5px;
}
header nav.head_nav ul li .children ul li a span {
	display: block;
	width: calc(100% - 14px);
	padding-right: 14px;
	position: relative;
}
header nav.head_nav ul li .children ul li a span::after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
header nav.head_nav ul li .children ul li a span.icon_window::after {
	background-image: url("/common/img/icon_window.png");
}
header nav.head_nav ul li .children ul li a span.icon_pdf::after {
	background-image: url("/common/img/icon_pdf.png");
}
header nav.head_nav ul li .children ul li a:hover span.icon_window::after {
	background-image: url("/common/img/icon_window_wh.png");
}
header nav.head_nav ul li .children ul li a:hover span.icon_pdf::after {
	background-image: url("/common/img/icon_pdf_wh.png");
}
/* サイドメニュー--------------------------*/
header nav.side_nav {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: -2;
}
header nav.side_nav.animated {
	animation: side_nav 1s;
}
@keyframes side_nav {
	0% {opacity: 0; transform: translateX(100%);}
	100% {opacity: 1; transform: translateX(0);}
}
header nav.side_nav ul {
	width: 80px;
}
header nav.side_nav ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 10px 0;
	background: #A72C2A;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 1.2;
}
/*
header nav.side_nav ul li:nth-child(2) a {
	background: #5A1716;
}
*/
header nav.side_nav ul li:nth-child(n+7) a {
	background: #F4ECEC;
	color: #A72C2A;
}
header nav.side_nav ul li a span {
	display: inline-block;
	position: relative;
}
header nav.side_nav ul li a span::before {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	margin-bottom: 5px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.1s;
}
@media screen and (max-height : 748px) {
	header nav.side_nav ul li a span::before {
		height: 0px;
	}
}
header nav.side_nav ul li:nth-child(1) a span::before {
	background-image: url("/common/img/nav_icon01.png");
}
header nav.side_nav ul li:nth-child(2) a span::before {
	background-image: url("/common/img/nav_icon02.png");
}
header nav.side_nav ul li:nth-child(3) a span::before {
	background-image: url("/common/img/nav_icon03.png");
}
header nav.side_nav ul li:nth-child(4) a span::before {
	background-image: url("/common/img/nav_icon04.png");
}
header nav.side_nav ul li:nth-child(5) a span::before {
	background-image: url("/common/img/nav_icon05.png");
}
header nav.side_nav ul li:nth-child(6) a span::before {
	background-image: url("/common/img/nav_icon06.png");
}
header nav.side_nav ul li:nth-child(7) a span::before {
	background-image: url("/common/img/nav_icon07.png");
}
header nav.side_nav ul li:nth-child(8) a span::before {
	background-image: url("/common/img/nav_icon08.png");
}
header nav.side_nav ul li:nth-child(9) a span::before {
	background-image: url("/common/img/nav_icon09.png");
}
header nav.side_nav ul li a:hover {
	opacity: 1;
	background: #912624;
}
/*
header nav.side_nav ul li:nth-child(2) a:hover {
	background: #431110;
}
*/
header nav.side_nav ul li:nth-child(n+7) a:hover {
	background: #EADBDB;
}
/* ----------------------------------------------------------------------- */
/* スマホ版 メニュー ---------------------------------------------------------*/
.navToggle {
    display: block;
    width: 98px;
    height: 55px;
    background: #A72C2A;
    text-align: center;
    cursor: pointer;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 0;
    top: 0;
	transition: .35s ease-in-out;
    z-index: 3;
}
.navToggle span {
    display: block;
    width: 26px;
    border-bottom: 3px #FFF solid;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    position: absolute;    /* .navToggleに対して */
    left: 36px;
}
.navToggle span:nth-child(1) {
    top: 17px;
}
.navToggle span:nth-child(2) {
    top: 26px;
}
.navToggle span:nth-child(3) {
    top: 35px;
}
.navToggle span:nth-child(4) {
    border: none;
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
    top: 36px;
	left: 10px;
}
.navToggle.active {
    background: #fff;
}
.navToggle.active span {
    border-bottom: 3px #A72C2A solid;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 26px;
    left: 36px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 26px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* 中身 ----------------------------------*/
nav.globalMenuSp {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
    width: 100%;
	height: calc(100% - 55px);
	padding-top: 55px;
	visibility: hidden;
	opacity: 0;
	transition: all .6s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}
nav.globalMenuSp.active {
	visibility: visible;
	opacity: 1;
}
nav.globalMenuSp .scroll_y {
	display: block;
	width: calc(100% - 100px - 20px);
	height: calc((var(--vh, 1vh) * 100) - 20px);
	padding: 10px;
    background: #A72C2A;
  	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
}
/*
nav.globalMenuSp .scroll_y::-webkit-scrollbar {
	width: 12px;
}
nav.globalMenuSp .scroll_y::-webkit-scrollbar-track {
	margin: 0 2px;
	background: #fff;
	border-radius: 0;
}
nav.globalMenuSp .scroll_y::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #DDDBDB;
}
*/
/* 検索窓 */
nav.globalMenuSp .search {
	width: 100%;
	margin-bottom: 5px;
	position: relative;
	display: none;
}
nav.globalMenuSp .search input {
    width: calc(100% - 20px);
    padding: 7px 10px;
	border: none;
	border-radius: 3px;
	font-size: 16px;
}
nav.globalMenuSp .search .btn_search {
	display: block;
	width: 15px;
	height: 15px;
	padding: 0;
	border: none;
	background: url("/common/img/icon_search.png") center center / contain no-repeat;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}
/* アクセス、お問い合わせボタン */
nav.globalMenuSp .btn_access,
nav.globalMenuSp .btn_contact {
	display: block;
	width: calc(50% - 2.5px);
	margin-bottom: 5px;
	padding: 8px 0;
	background: #F4ECEC;
	text-align: center;
}
nav.globalMenuSp .btn_access span,
nav.globalMenuSp .btn_contact span {
	display: inline;
	padding-left: 30px;
	font-size: 14px;
	color: #A72C2A;
	position: relative;
}
nav.globalMenuSp .btn_access span::before,
nav.globalMenuSp .btn_contact span::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
nav.globalMenuSp .btn_access span::before {
	background-image: url("/common/img/icon_pin.png");
}
nav.globalMenuSp .btn_contact span::before {
	background-image: url("/common/img/icon_mail.png");
}
/* 言語切替 */
nav.globalMenuSp .language {
	width: 100%;
	margin-bottom: 10px;
	padding: 6px 10px;
	border: none;
	background: #F4ECEC url("/common/img/icon_select.png") center right 10px / 8px no-repeat;
	color: #A72C2A;
	font-size: 14px;
	text-align: center;
}

header nav.globalMenuSp .sns_links {
	text-align: center;
	padding: 0 0 5px;
}
header nav.globalMenuSp .sns_links a {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	aspect-ratio: 1 / 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 0 5px;
}
header nav.globalMenuSp .sns_links a.youtube {
	background-image: url(/common/img/icon_youtube.png);
}
header nav.globalMenuSp .sns_links a.instagram {
	background-image: url(/common/img/icon_instagram.png);
}
header nav.globalMenuSp .sns_links a.line {
	background-image: url(/common/img/icon_line.png);
}
/* メインメニュー */
nav.globalMenuSp dl.accordion {
	width: 100%;
}
nav.globalMenuSp dl.accordion dt {
	width: calc(100% - 30px);
	padding: 12px 30px 12px 0;
	border-top: 1px rgba(255,255,255,0.3) solid;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	position: relative;
}
nav.globalMenuSp dl.accordion.bd_non dt {
	border-top: none;
}
nav.globalMenuSp dl.accordion dt::before {
	content: "";
	display: block;
	width: 13px;
	border-bottom: 1px rgba(255,255,255,0.3) solid;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
nav.globalMenuSp dl.accordion dt::after {
	content: "";
	display: block;
	height: 13px;
	border-right: 1px rgba(255,255,255,0.3) solid;
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
	transition: all .3s;
}
nav.globalMenuSp dl.accordion dt.open::after {
	transform: translateY(-50%) rotate(90deg);
}
nav.globalMenuSp dl.accordion dd {
	display: none;
	width: calc(100% - 16px);
	padding: 8px;
	background: #fff;
}
nav.globalMenuSp dl.accordion dd ul li a {
	display: block;
	width: calc(100% - 28px);
	padding: 8px 20px 8px 8px;
	border-bottom: 1px #E1E1E1 solid;
	color: #2e2e2e;
	font-size: 12px;
	line-height: 1.2;
	position: relative;
}
nav.globalMenuSp dl.accordion dd ul li a.menu_1st {
	color: #A72C2A;
	font-size: 14px;
	font-weight: 700;
}
nav.globalMenuSp dl.accordion dd ul li a.menu_2nd {
	font-size: 14px;
	font-weight: 700;
}
nav.globalMenuSp dl.accordion dd ul li a::after {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	border-top: 1px #707070 solid;
	border-right: 1px #707070 solid;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s;
}
nav.globalMenuSp dl.accordion dd ul li a:hover {
	opacity: 1;
	background: #A72C2A;
	color: #fff;
}
nav.globalMenuSp dl.accordion dd ul li a:hover::after {
	border-top: 1px #fff solid;
	border-right: 1px #fff solid;
	right: 8px;
}
nav.globalMenuSp dl.accordion dd ul li a span {
	display: block;
	width: calc(100% - 18px);
	padding-right: 18px;
	position: relative;
}
nav.globalMenuSp dl.accordion dd ul li a span::after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
nav.globalMenuSp dl.accordion dd ul li a span.icon_window::after {
	background-image: url("/common/img/icon_window.png");
}
nav.globalMenuSp dl.accordion dd ul li a span.icon_pdf::after {
	background-image: url("/common/img/icon_pdf.png");
}
nav.globalMenuSp dl.accordion dd ul li a:hover span.icon_window::after {
	background-image: url("/common/img/icon_window_wh.png");
}
nav.globalMenuSp dl.accordion dd ul li a:hover span.icon_pdf::after {
	background-image: url("/common/img/icon_pdf_wh.png");
}
nav.globalMenuSp .btn_spnav {
	display: block;
	padding: 12px 0;
	border-top: 1px rgba(255,255,255,0.3) solid;
	font-size: 14px;
	color: #fff;
}
/* サイドメニュー */
nav.globalMenuSp ul.side_nav_sp {
	width: calc(100px - 2px);
	height: calc((var(--vh, 1vh) * 100) - 55px);
	border-left: 2px #fff solid;
}
nav.globalMenuSp ul.side_nav_sp li {
	height: calc(((var(--vh, 1vh) * 100) - 55px) / 9);
}
nav.globalMenuSp ul.side_nav_sp li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #A72C2A;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
}
nav.globalMenuSp ul.side_nav_sp li:nth-child(2) a {
	background: #5A1716;
}
nav.globalMenuSp ul.side_nav_sp li:nth-child(n+7) a {
	background: #F4ECEC;
	color: #A72C2A;
}
nav.globalMenuSp ul.side_nav_sp li a span {
	display: inline-block;
	position: relative;
}
nav.globalMenuSp ul.side_nav_sp li a span::before {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	margin-bottom: 5px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
nav.globalMenuSp ul.side_nav_sp li:nth-child(1) a span::before {
	background-image: url("/common/img/nav_icon01.png");
}
nav.globalMenuSp ul.side_nav_sp li:nth-child(2) a span::before {
	background-image: url("/common/img/nav_icon02.png");
}
nav.globalMenuSp ul.side_nav_sp li:nth-child(3) a span::before {
	background-image: url("/common/img/nav_icon03.png");
}
nav.globalMenuSp ul.side_nav_sp li:nth-child(4) a span::before {
	background-image: url("/common/img/nav_icon04.png");
}
nav.globalMenuSp ul.side_nav_sp li:nth-child(5) a span::before {
	background-image: url("/common/img/nav_icon05.png");
}
nav.globalMenuSp ul.side_nav_sp li:nth-child(6) a span::before {
	background-image: url("/common/img/nav_icon06.png");
}
nav.globalMenuSp ul.side_nav_sp li:nth-child(7) a span::before {
	background-image: url("/common/img/nav_icon07.png");
}
nav.globalMenuSp ul.side_nav_sp li:nth-child(8) a span::before {
	background-image: url("/common/img/nav_icon08.png");
}
nav.globalMenuSp ul.side_nav_sp li:nth-child(9) a span::before {
	background-image: url("/common/img/nav_icon09.png");
}
@media screen and (max-height : 624px) {
	nav.globalMenuSp ul.side_nav_sp li a span::before {
		height: 0px;
	}
}
nav.globalMenuSp ul.side_nav_sp li a:hover {
	opacity: 1;
	background: #912624;
}
nav.globalMenuSp ul.side_nav_sp li:nth-child(2) a:hover {
	background: #431110;
}
nav.globalMenuSp ul.side_nav_sp li:nth-child(n+7) a:hover {
	background: #EADBDB;
}
/*==================================================================================
共通
==================================================================================*/
/* レイアウト */
main {
	padding-top: 135px!important;
	position: relative;
}
section {
	padding-bottom: 120px!important;
}
section.pd_non {
	padding-bottom: 0!important;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.container {
	width: calc(100% - 40px);
	max-width: 1000px;
	padding: 0 20px;
	margin: auto;
}
.max360 {
	max-width: 360px;
	margin: auto;
}
.max680 {
	max-width: 680px;
	margin: auto;
}
.max960 {
	max-width: 960px;
	margin: auto;
}
.row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.row.align_center {
	align-items: center;
}
.row.align_start {
	align-items: flex-start;
}
.row.just_start {
	justify-content: flex-start;
}
.row.just_center {
	justify-content: center;
}
.col2 {
	width: calc(50% - 20px);
}
.col3 {
	width: calc(100% / 3 - 15px);
}
.col4 {
	width: calc(100% / 4 - 15px);
}
.col3_1 {
	width: 260px;
}
.col3_2 {
	width: calc(100% - 290px);
}
.col6 {
	width: calc(100% / 6 - 10px);
}
.bg_gray {
	background: #F2F0F0;
}
.anker {
	padding-top: 200px;
	margin-top: -200px;
}
hr {
	margin: 0;
	border-top: 3px #C9C9C9 solid;
}
.mb_10 {
	margin-bottom: 10px;
}
.mb_20 {
	margin-bottom: 20px;
}
.mb_30 {
	margin-bottom: 30px;
}
.mb_60 {
	margin-bottom: 60px;
}
.mb_120 {
	margin-bottom: 120px;
}
/* フォント */
h1 {
	text-align: center;
}
h1 span {
	display: inline-block;
	padding-bottom: 30px;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: .2em;
	line-height: 1.2;
	position: relative;
}
h1 span::after {
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	background: #A72C2A;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
h1 span span {
	padding-bottom: 0;
}
h1 span span::after {
	display: none;
}
h2 {
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	letter-spacing: .2em;
	line-height: 1.4;
}
h3 {
	padding: 10px!important;
	background: #F2F0F0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .1em;
}
h4 {
	color: #AA2828;
	font-size: 18px;
	font-weight: 700;
	text-align: left;
	letter-spacing: .1em;
}
.font_12 {
	font-size: 12px;
}
.font_18 {
	font-size: 18px;
}
.font_24 {
	font-size: 24px;
	line-height: 1.4;
}
.font_30 {
	font-size: 30px;
	line-height: 1.4;
}
.txt_center {
	text-align: center;
}
.txt_right {
	text-align: right;
}
.bold {
	font-weight: 700;
}
.medium {
	font-weight: 500;
}
.eng {
	font-family: oswald,sans-serif;
	font-weight: 500;
	letter-spacing: .1em
}
.red {
	color: #AA2828;
}
.indent {
	padding-left: 1em;
	text-indent: -1em;
}
.indent2_5 {
	padding-left: 2.5em;
	text-indent: -2.5em;
}
/* ボタン */
.btn {
	display: block;
	width: 360px;
	margin: auto;
	padding: 15px 0;
	background: #A72C2A;
	color: #fff;
	font-size: 18px;
	text-align: center;
	letter-spacing: .1em;
	position: relative;
}
.btn::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px #fff solid;
	border-right: 2px #fff solid;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s;
}
.btn:hover {
	opacity: 1;
	background: #912624;
}
.btn:hover::after {
	right: 15px;
}
.btn2 {
	display: flex;
	font-size: 16px;
	position: relative;
}
.btn2 span.ttl {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: calc(30% - 60px);
	padding: 15px 30px;
	background: #A72C2A;
	color: #fff;
}
.btn2 span.ttl + span{
	display: block;
	width: calc(70% - 80px);
	padding: 15px 50px 15px 30px;
	background: #C9C9C9;
	line-height: 1.2;
}
.btn2::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 1px #A72C2A solid;
	border-right: 1px #A72C2A solid;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s;
}
.btn2:hover {
	opacity: 0.9;
}
.btn2:hover::after {
	right: 20px;
}
.btn_anker {
	display: block;
	padding: 15px 40px 15px 15px;
	background: #A72C2A;
	color: #fff!important;
	text-decoration: none!important;
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: .1em;
	position: relative;
}
.btn_anker::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid;
	position: absolute;
	top: 46%;
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s;
}
.btn_anker:hover {
	opacity: 1;
	background: #912624;
}
.btn_anker:hover::after {
	top: 50%;
}
.btn_dl {
	display: block;
	padding: 15px 40px 15px 20px;
	background: #C9C9C9;
	font-size: 16px;
	letter-spacing: .1em;
	position: relative;
}
.btn_dl::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 1px #A72C2A solid;
	border-right: 1px #A72C2A solid;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s;
}
.btn_dl span {
	display: block;
	width: calc(100% - 20px);
	padding-right: 20px;
	position: relative;
}
.btn_dl span::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.btn_dl span.icon_window::after {
	background-image: url("/common/img/icon_window.png");
}
.btn_dl span.icon_pdf::after {
	background-image: url("/common/img/icon_pdf.png");
}
.btn_dl:hover {
	opacity: 1;
	background: #ececec;
}
.btn_dl:hover::after {
	right: 15px;
}
.icon_pdf_btn{
	background-image: url("/common/img/icon_pdf.png");
	padding-left: 16px;
	margin-left: 4px;
}
/* テーブル */
table {
	width: 100%;
	border: 1px #A0A0A0 solid!important;
	font-size: 14px;
}
table tr {
	border-bottom: 1px #A0A0A0 solid;
}
table th {
	padding: 10px 6px;
	border-right: 1px #A0A0A0 solid;
	background: #F2F0F0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
table td {
	padding: 10px 6px;
	border-right: 1px #A0A0A0 solid;
	text-align: center;
	line-height: 1.4;
	vertical-align: middle;
}
table.col2 {
	width: 50%;
}
table.col2.br_non,
table.col2.br_non th,
table.col2.br_non td {
	border-right: none!important;
}
.scroll_x_pc {
	display: block;
	width: 100%;
	padding-bottom: 8px;
  	overflow-x: scroll;
  	-webkit-overflow-scrolling: touch;
}
.scroll_x_pc::-webkit-scrollbar {
	height: 10px;
}
.scroll_x_pc::-webkit-scrollbar-track {
	margin: 0 2px;
	background: #fff;
	border-radius: 0;
}
.scroll_x_pc::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #DDDBDB;
}
.scroll_x_pc table {
	min-width: 1400px;
}
/*==================================================================================
INDEX
==================================================================================*/
section#main {
	width: 100%;
	height: calc((var(--vh, 1vh) * 100) - 135px + 80px);
	padding-bottom: 0!important;
	background: url("/common/img/main.png") center center / cover no-repeat;
	position: relative;
}
/* 重要なお知らせ ---------------------*/
section#main .caution {
	display: block;
	width: calc(100% - 20px);
	padding: 15px 10px;
	background: #F2F0F0;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
section#main .caution span {
	display: inline-block;
	padding: 0 120px 0 30px;
	font-size: 14px;
	position: relative;
}
section#main .caution span::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url("/common/img/icon_caution.png") center center / contain no-repeat;
	position: absolute;
	top: -4px;
	left: 0;
}
section#main .caution span::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px #2E2E2E solid;
	border-right: 1px #2E2E2E solid;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s;
}
section#main .caution:hover {
	opacity: 1;
	background: #F9F9F9;
}
section#main .caution:hover span::after {
	right: -5px;
}
/* メインコピー -------------------------*/
section#main .main_copy {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: calc(100% - 40px);
	padding: 0 20px;
	position: absolute;
	top: 120px;
	left: 50%;
	transform: translateX(-50%);
}
section#main .main_copy p {
	color: #fff;
	font-size: 46px;
	line-height: 1;
	position: relative;
}
section#main .main_copy p:nth-child(1),
section#main .main_copy p:nth-child(2),
section#main .main_copy p:nth-child(3) {
	padding-right: 70px;
}
section#main .main_copy p:nth-child(1)::after,
section#main .main_copy p:nth-child(2)::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url("/common/img/icon_multi.png") center center / contain no-repeat;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}
section#main .main_copy.animated p:nth-child(1) {
	animation: main_copy 1.4s;
}
section#main .main_copy.animated p:nth-child(2) {
	animation: main_copy2 2.8s;
}
section#main .main_copy.animated p:nth-child(3) {
	animation: main_copy3 4.2s;
}
section#main .main_copy.animated p:nth-child(1)::after {
	animation: main_copy4 5.6s;
}
section#main .main_copy.animated p:nth-child(2)::after {
	animation: main_copy5 7s;
}
section#main .main_copy.animated p:nth-child(4) {
	animation: main_copy6 8.4s;
}
/* 1.4秒遅れ 計2.8秒 */
@keyframes main_copy {
	0% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
/* 2.8秒遅れ 計4.2秒 */
@keyframes main_copy2 {
	0% {opacity: 0;}
	66% {opacity: 0;}
	100% {opacity: 1;}
}
/* 4.2秒遅れ 計5.6秒 */
@keyframes main_copy3 {
	0% {opacity: 0;}
	75% {opacity: 0;}
	100% {opacity: 1;}
}
/* 5.6秒遅れ 計7秒 */
@keyframes main_copy4 {
	0% {opacity: 0;}
	80% {opacity: 0;}
	100% {opacity: 1;}
}
/* 7秒遅れ 計8.4秒 */
@keyframes main_copy5 {
	0% {opacity: 0;}
	83.4% {opacity: 0;}
	100% {opacity: 1;}
}
/* 8.4秒遅れ 計9.8秒 */
@keyframes main_copy6 {
	0% {opacity: 0;}
	85.8% {opacity: 0;}
	100% {opacity: 1;}
}
/* お知らせ ------------------------------*/
section#main .info {
	display: inline-block;
	padding: 15px 30px 15px 60px;
	background: linear-gradient(to bottom, #a72c2a, #551615);
	position: absolute;
	left: 0;
	bottom: 120px;
	font-weight: 600;
	color: white;
	animation: info_bar 1s 1;
	border: solid 1px white;
	border-left: none;
}
@keyframes info_bar {
	0% {
		opacity: 0;
		transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
section#main .info::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #00000038;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: 0.2s;
}
section#main .info span {
	display: inline-block;
	padding-left: 130px;
	font-size: 14px;
	position: relative;
	z-index: 3;
}
section#main .info span::before {
	content: "";
	display: block;
	width: 100px;
	height: 1px;
	background: white;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1px;
}
section#main .info:hover {
	opacity: 1;
}
section#main .info:hover::after {
	opacity: 1;
}
.top_ttl {
	padding: 40px!important;
	position: relative;
}
.top_ttl::before {
	content: "";
	display: block;
	width: 50%;
	height: 50%;
	background: #541615;
	position: absolute;
	top: -25%;
	left: 0;
	z-index: 1;
}
.top_ttl.left::before {
	left: auto;
	right: 0;
}
.top_ttl::after {
	content: "";
	display: block;
	width: 80%;
	height: 100%;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);
	background: linear-gradient(to bottom, #A72C2A 0%, #541615 100%);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.top_ttl.left::after {
	clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
	right: auto;
	left: 0;
}
.top_ttl img {
	width: 500px;
	margin: auto;
	position: relative;
	z-index: 3;
}
.top_ttl.animated::before {
	animation: ttl_bg .5s;
}
.top_ttl.left.animated::before {
	animation: ttl_bg_l .5s;
}
@keyframes ttl_bg {
	0% {opacity: 0; transform: translateX(-50%);}
	100% {opacity: 1; transform: translateX(0);}
}
@keyframes ttl_bg_l {
	0% {opacity: 0; transform: translateX(50%);}
	100% {opacity: 1; transform: translateX(0);}
}
.top_ttl.animated::after {
	animation: ttl_bg2 .5s;
}
.top_ttl.left.animated::after {
	animation: ttl_bg2_l .5s;
}
@keyframes ttl_bg2 {
	0% {opacity: 0; transform: translateX(50%);}
	100% {opacity: 1; transform: translateX(0);}
}
@keyframes ttl_bg2_l {
	0% {opacity: 0; transform: translateX(-50%);}
	100% {opacity: 1; transform: translateX(0);}
}
.top_ttl.animated img {
	animation: ttl_img .5s;
}
.top_ttl.left.animated img {
	animation: ttl_img_l .5s;
}
@keyframes ttl_img {
	0% {opacity: 0; transform: translateX(50%);}
	100% {opacity: 1; transform: translateX(0);}
}
@keyframes ttl_img_l {
	0% {opacity: 0; transform: translateX(-50%);}
	100% {opacity: 1; transform: translateX(0);}
}
/* ニュース ----------------------------------------------------------------------------*/
/* カテゴリー一覧 */
ul.news_category {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
ul.news_category li {
	width: 100%;
	margin: 0 1px;
}
ul.news_category li a {
	display: block;
	width: calc(100% - 2px);
	padding: 8px 0;
	border: 1px #707070 solid;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}
ul.news_category li a.on {
	border: 1px #AA2828 solid;
	background: #AA2828;
	color: #fff;
}
.news_category_block a.toppin {
	position: relative;
}
.news_category_block a.toppin::before {
	content: '';
	position: absolute;
	top: -12px;
	right: -12px;
	z-index: 2;
	width: 24px;
	aspect-ratio: 1 / 1;
	background: url(/common/img/toppin.png) no-repeat center / contain;
}
@media screen and (max-width: 1200px) {
.news_category_block a:nth-of-type(n+9) {
	display: none;
}
}
/* 記事 */
.article {
	display: block;
	position: relative;
}
.article .category {
	display: inline-block;
	padding: 5px 10px;
	background: #fff;
	color: #AA2828;
	font-size: 14px;
	font-weight: 500;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.article .thumbnail {
	width: 100%;
	height: 240px;
	overflow: hidden;
}
.article .thumbnail img {
	height: 100%;
	object-fit: cover;
	transition: all .6s;
}
.article:hover {
	opacity: 1;
}
.article:hover .thumbnail img {
	transform: scale(1.1);
}
.article:hover p {
	color: #AA2828;
}
.red_ber{
    margin-top: 10px;
    background: #A72C2A!important;
    color: #fff;
}
/* 星城大学でできること ------------------------------------------------------------*/
section#top_ability .ability_wrap {
	width: calc(100% - 80px);
}
section#top_ability .ability {
	display: inline-flex;
	flex-wrap: wrap;
	align-content: flex-start;
	width: calc(49% - 22px); 
	border: 1px #707070 solid;
	margin-right: 20px;
	margin-bottom: 20px;
}
section#top_ability .ability.mt_100 {
	margin-top: 100px;
}
section#top_ability .ability.mt_100_minus {
	margin-top: -100px;
}
section#top_ability .ability .img {
	width: calc(100% - 240px);
	height: 30%;
	max-height: 460px;
	min-height: 200px;
	overflow: hidden;
}
section#top_ability .ability .img img {
	height: 100%;
	object-fit: cover;
	transition: all .6s;
}
section#top_ability .ability .txt {
	width: calc(240px - 60px);
	display: flex;
	flex-wrap: wrap;
	align-content: flex-end;
	padding: 30px;
}
section#top_ability .ability .txt p {
	width: 100%;
}
section#top_ability .ability .txt .arrow {
	letter-spacing: .1em;
	line-height: 1;
	position: relative;
}
section#top_ability .ability .txt .arrow::after {
	content: "";
	display: block;
	width: 60px;
	height: 4px;
	background: url("/common/img/arrow.png") center center / contain no-repeat;
	position: absolute;
	right: -70px;
	bottom: 4px;
	transition: all .3s;
}
section#top_ability .ability:hover {
	opacity: 1;
	border: 1px #A72C2A solid;
}
section#top_ability .ability:hover .img img {
	transform: scale(1.1);
}
section#top_ability .ability:hover p,
section#top_ability .ability:hover .txt .arrow {
	color: #A72C2A;
}
section#top_ability .ability:hover .txt .arrow::after {
	background-image: url("/common/img/arrow_hv.png");
	right: -80px;
}
/* ブログ ------------------------------------------------------------------------*/
/* カテゴリー一覧 */
section#top_blog ul.blog_category {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
section#top_blog ul.blog_category li {
	width: 10%;
	margin: 0 20px;
}
section#top_blog ul.blog_category li a {
	display: block;
	padding: 0 0 10px;
	border-bottom: 2px #C4C4C4 solid;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}
section#top_blog ul.blog_category li a.on {
	border-bottom: 4px #AA2828 solid;
}
/* 大学関連情報, 大学公開情報 --------------------------------------------------------*/
section#univ_connection,
section#univ_publish {
	position: relative;
}
section#univ_connection::after,
section#univ_publish::after {
	content: "";
	display: block;
	width: 1px;
	height: 50px;
	background: #A72C2A;
	position: absolute;
	top: -35px;
	left: 50%;
	margin-left: -1px;
}
section#univ_connection .bg_gray,
section#univ_publish .bg_gray {
	padding: 40px 0;
}
/* キャンパス -----------------------------------------------------------------------*/
section#univ_campus .col2 {
	width: calc(50% - 20px);
	max-width: 420px;
}
/*==================================================================================
下層ページ
==================================================================================*/
section#second_top {
	padding: 0!important;
}
section#second_top .page_img {
	width: 100%;
	height: 320px;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
section#second_top .page_img.guide {
	background-image: url("/common/img/head_guide00.jpg");
}
section#second_top .page_img.academics {
	background-image: url("/common/img/head_academics00.jpg");
}
section#second_top .page_img.academics.business {
	background-image: url("/common/img/head_business00.jpg");
}
section#second_top .page_img.academics.reha {
	background-image: url("/common/img/head_reha00.jpg");
}
section#second_top .page_img.academics.graduate {
	background-image: url("/common/img/head_graduate00.jpg");
}
section#second_top .page_img.academics.bekka {
	background-image: url("/common/img/head_bekka00.jpg");
}
section#second_top .page_img.life {
	background-image: url("/common/img/head_life00.jpg");
}
section#second_top .page_img.open {
	background-image: url("/common/img/head_open00.jpg");
}
section#second_top .page_img.labo {
	background-image: url("/common/img/head_labo00.jpg");
}
section#second_top .page_img.career {
	background-image: url("/common/img/head_career00.jpg");
}
section#second_top .page_img.kouenkai {
	background-image: url("/common/img/head_kouenkai00.jpg");
}
section#second_top .page_img.kouenkai.about_us {
	background-image: url("/common/img/head_kouenkai01.jpg");
}
section#second_top .page_img.kouenkai.reports {
	background-image: url("/common/img/head_kouenkai02.jpg");
}
section#second_top .page_img.kouenkai.event_list {
	background-image: url("/common/img/head_kouenkai03.jpg");
}
/*
section#second_top .page_img img {
	height: 100%;
	object-fit: cover;
}
*/
section#second_top .page_ttl {
	padding: 10px 0 20px;
	background: #4a4a4a;
}
section#second_top nav.pan_nav ul {
	display: flex;
	flex-wrap: wrap;
}
section#second_top nav.pan_nav ul li {
	margin-right: 10px;
	padding-right: 20px;
	position: relative;
}
section#second_top nav.pan_nav ul li::after {
	content: "\03e";
	display: block;
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 4px;
	right: 0;
}
section#second_top nav.pan_nav ul li:last-child::after {
	display: none;
}
section#second_top nav.pan_nav ul li a {
	display: inline-block;
	font-size: 12px;
	color: #fff;
}
section#second_top nav.pan_nav ul li:last-child a {
	pointer-events: none;
}
section#second_top h1 span {
	padding-bottom: 0;
	color: #fff;
}
section#second_top h1 span::after {
	display: none;
}
.PostBody #clubnews a {
	text-decoration: none;
	color: #000;
}
.PostBody #clubnews a:hover {
	color: #AA2828;
}
.boad_bg {
	padding: 60px 0;
	background: url("/common/img/boad_bg.gif") center top / cover repeat-x;
}
.boad {
	padding: 60px;
	background: #fff;
}
.boad .border {
	border-top: 3px #C9C9C9 solid;
	border-bottom: 3px #C9C9C9 solid;
	padding: 60px 0;
}
nav.btn_group ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
nav.btn_group ul li {
	width: 100%;
	margin: 0 2px;
}
nav.btn_group.w100 ul {
	flex-wrap: wrap;
}
nav.btn_group.w100 ul li {
	margin: 0 0 5px;
}
nav.btn_group.w50 ul {
	flex-wrap: wrap;
	justify-content: space-between;
}
nav.btn_group.w50 ul li {
	width: calc(50% - 2px);
	margin: 0 0 2px;
}
nav.btn_group.w25 ul {
	flex-wrap: wrap;
	justify-content: space-between;
}
nav.btn_group.w25 ul li {
	width: calc(25% - 2px);
	margin: 0 0 2px;
}
ul.expo_scholarship {
	display: flex;
	flex-wrap: wrap;
}
ul.expo_scholarship li {
	display: inline-block;
	margin: 0 60px 8px 0;
}
ul.expo_scholarship li p {
	line-height: 1;
}
ul.expo_scholarship li p span {
	display: inline-block;
	margin-right: 10px;
	padding: 5px 20px;
	background: #AA2828;
	color: #fff;
}
.blog_sort select {
	width: calc(50% - 150px);
	padding: 10px 15px;
	margin: 0 20px;
}
nav.article_nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
nav.article_nav ul li:nth-child(1) {
	padding-left: 20px;
	position: relative;
}
nav.article_nav ul li:nth-child(3) {
	padding-right: 20px;
	position: relative;
}
nav.article_nav ul li:nth-child(1)::before,
nav.article_nav ul li:nth-child(3)::after {
	display: block;
	font-size: 16px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
nav.article_nav ul li:nth-child(1)::before {
	content: "\03c";
	left: 0;
}
nav.article_nav ul li:nth-child(3)::after {
	content: "\03e";
	right: 0;
}
nav.article_nav ul li a {
	display: inline-block;
	font-size: 14px;
	text-decoration: underline;
}
article {
	width: calc(70% - 120px);
	padding: 60px!important;
	background: #fff;
	position: relative;
}
article ul.sns_share {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	position: absolute;
	top: 20px;
	right: 20px;
}
article ul.sns_share li {
	margin-left: 10px;
}
article ul.sns_share li a {
	display: block;
	width: 25px;
}
article p {
	line-height: 2;
}
article .image {
	padding: 10px;
	border: 1px #E0E0E0 solid;
}
.pagenav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pagenav a {
	display: block;
	padding: 10px 14px;
	border: 1px #707070 solid;
	border-radius: 5px;
	font-size: 12px;
	margin-right: 8px;
}
.pagenav span {
	display: block;
	padding: 10px 14px;
	border: 1px #707070 solid;
	border-radius: 5px;
	font-size: 12px;
	margin-right: 8px;
	background: #AA2828;
	color: #fff;
	pointer-events: none;
}
/*
ul.pagenav {
	display: flex;
	flex-wrap: wrap;
}
ul.pagenav li {
	margin-right: 8px;
}
ul.pagenav li a {
	display: block;
	padding: 10px 14px;
	border: 1px #707070 solid;
	border-radius: 5px;
	font-size: 12px;
}
ul.pagenav li a.on {
	background: #AA2828;
	color: #fff;
	pointer-events: none;
}
*/
.side_cont {
	width: calc(30% - 30px - 60px);
	padding: 30px;
	background: #fff;
}
.side_cont h4 {
	padding: 10px!important;
	background: #AA2828;
	color: #fff;
	font-size: 14px;
	text-align: center;
	letter-spacing: .2em;
}
ul.pickcup_blog {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.pickcup_blog li {
	width: calc(100% / 4 - 10px);
}
ul.pickcup_blog li a {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	background: #fff;
}
ul.pickcup_blog li a p {
	display: block;
	width: calc(50% - 20px);
	padding: 10px;
	text-align: center;
}
ul.pickcup_blog li a .img {
	display: block;
	width: 50%;
	height: 100px;
	overflow: hidden;
}
ul.pickcup_blog li a .img img {
	height: 100%;
	object-fit: cover;
}
nav.contact_category ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
nav.contact_category ul li {
	width: calc(100% / 3 - 10px);
}
nav.contact_category ul li a {
	display: block;
	padding: 15px;
	background: #AA2828;
	color: #fff;
	text-align: center;
}
.tel {
	padding-left: 70px;
	font-size: 40px;
	line-height: 1;
	letter-spacing: .05em;
	position: relative;
}
.tel::before {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	background: url("/common/img/icon_tel.png") center center / contain no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
ul.news_list {
	border-top: 5px #AA2828 solid;
}
ul.news_list li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 15px 45px 15px 15px;
	border-bottom: 1px #707070 solid;
	position: relative;
}
ul.news_list li a::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px #707070 solid;
	border-right: 1px #707070 solid;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s;
}
ul.news_list li a .date,
ul.news_list li a .cate {
	font-size: 14px;
	margin-right: 60px;
}
ul.news_list li a .title {
	max-width: 670px;
}
ul.news_list li a:hover .cate + p {
	color: #AA2828;
}
ul.news_list li a:hover::after {
	right: 15px;
}
.index_expo {
	padding: 30px;
	border: 1px #A72C2A solid;
}
.index_expo img {
	display: block;
	width: 100%!important;
}
.attention {
	padding: 20px;
	background: #F4ECEC;
}
/* ページトップへ戻るボタン */
.btn_pagetop {
	display: block;
	width: 60px;
	position: fixed;
	right: 100px;
	bottom: 20px;
	z-index: 999;
}
/*==================================================================================
フッター
==================================================================================*/
footer {
	padding: 60px 0 120px!important;
	background: url("/common/img/footer_bg.png") center center / cover border-box;
	position: relative;
}
footer .foot_info {
	width: 280px;
}
footer .foot_info .foot_logo {
	width: 260px;
}
footer .foot_info .font_14 {
	font-size: 14px;
}
/* フッターメニュー */
footer nav.foot_nav {
	width: calc(100% - 340px);
}
footer nav.foot_nav .menu .font_14 {
	display: inline-block;
	font-size: 14px;
}
footer nav.foot_nav .menu ul li {
	margin-bottom: 8px;
}
footer nav.foot_nav .menu ul li a {
	font-size: 12px;
	line-height: 1.2;
}
footer .copy {
	width: calc(100% - 20px);
	padding: 15px 10px;
	background: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 1;
	position: absolute;
	left: 0;
	bottom: 0;
}
.tb {display: none;}
.pc {display: inline;}
.sp {display: none;}
@media screen and (max-width : 1200px) {
	p {
		font-size: 14px;
		line-height: 1.8;
	}
	/*==================================================================================
	ヘッダー
	==================================================================================*/
	header {
		width: calc(100% - 40px);
		padding: 10px 20px 0!important;
	}
	header .head_logo {
		width: 200px;
	}
	/* サブメニュー----------------------------*/
	header nav.head_nav_sub ul {
		margin-right: 15px;
	}
	header nav.head_nav_sub ul li {
		padding: 0 15px;
	}
	header nav.head_nav_sub ul li a {
		font-size: 12px;
	}
	header nav.head_nav_sub ul li a span {
		padding-left: 22px;
	}
	header nav.head_nav_sub ul li a span::before {
		width: 16px;
		height: 16px;
	}
	/* 言語切替 */
	header nav.head_nav_sub .language {
		width: 120px;
	    padding: 8px 20px;
		font-size: 12px;
	}
	/* 検索窓 */
	header nav.head_nav_sub .search input {
		font-size: 14px;
	}
	/* メインメニュー--------------------------*/
	header nav.head_nav ul li a.parents {
		font-size: 14px;
	}
	/* 下階層メニュー */
	header nav.head_nav ul li .children {
		top: 108px;
	}
	header nav.head_nav ul li .children ul {
		width: calc(100% / 4 - 15px);
		margin: 0 0 40px;
	}
	header nav.head_nav ul li .children .col_dummy {
		width: calc(100% / 4 - 15px);
	}
	header nav.head_nav ul li .children ul li a {
		font-size: 12px;
	}
	header nav.head_nav ul li .children ul li a.menu_2nd {
		font-size: 14px;
	}
	/*==================================================================================
	共通
	==================================================================================*/
	/* レイアウト */
	main {
		padding-top: 108px!important;
	}
	section {
		padding-bottom: 80px!important;
	}
	.container {
		max-width: 680px;
	}
	.max360 {
		max-width: 300px;
	}
	.max960 {
		max-width: 680px;
	}
	.col2 {
		width: calc(50% - 10px);
	}
	.col3 {
		width: calc(100% / 2 - 10px);
	}
	.col4 {
		width: calc(100% / 2 - 10px);
	}
	.col3_1 {
		width: 100%;
		max-width: 360px;
		margin: auto;
	}
	.col3_2 {
		width: 100%;
	}
	.col6 {
		width: calc(100% / 3 - 10px);
	}
	.order2 {
		order: 2;
	}
	.mb_10 {
		margin-bottom: 8px;
	}
	.mb_20 {
		margin-bottom: 15px;
	}
	.mb_30 {
		margin-bottom: 20px;
	}
	.mb_60 {
		margin-bottom: 40px;
	}
	.mb_120 {
		margin-bottom: 80px;
	}
	.anker {
		padding-top: 140px;
		margin-top: -140px;
	}
	hr {
		border-top: 2px #C9C9C9 solid;
	}
	/* フォント */
	h1 span {
		padding-bottom: 15px;
		font-size: 24px;
	    letter-spacing: .1em;
	}
	h1 span::after {
		width: 30px;
		height: 2px;
	}
	h1 span span {
		display: block;
		margin-top: 10px;
	}
	h2 {
		font-size: 24px;
	    letter-spacing: .1em;
	}
	h3 {
		font-size: 16px;
		letter-spacing: .1em;
	}
	h4 {
		font-size: 16px;
		letter-spacing: .1em;
	}
	.font_12 {
		font-size: 10px;
	}
	.font_18 {
		font-size: 16px;
	}
	.font_24 {
		font-size: 20px;
		line-height: 1.4;
	}
	.font_30 {
		font-size: 24px;
		line-height: 1.2;
	}
	/* ボタン */
	.btn {
		width: 100%;
		max-width: 300px;
		font-size: 16px;
	}
	.btn::after {
		border-top: 1px #fff solid;
		border-right: 1px #fff solid;
	}
	.btn2 span.ttl {
		width: calc(100% - 16px);
		padding: 8px;
		font-size: 14px;
		text-align: center;
	}
	.btn2 span.ttl + span{
		width: calc(100% - 50px);
		padding: 15px 35px 15px 15px;
		font-size: 14px;
		line-height: 1.2;
	}
	.btn2::after {
		width: 6px;
		height: 6px;
		top: 65%;
		right: 15px;
		transform: rotate(45deg);
	}
	.btn2:hover::after {
		right: 10px;
	}
	.btn_anker {
		padding: 10px 35px 10px 10px;
		font-size: 14px;
		line-height: 1.2;
	}
	.btn_anker::after {
		width: 6px;
		height: 6px;
		right: 15px;
	}
	.btn_dl {
		padding: 10px 35px 10px 10px;
		font-size: 14px;
		line-height: 1.2;
	}
	.btn_dl::after {
		width: 6px;
		height: 6px;
		right: 15px;
	}
	.btn_dl span {
		width: calc(100% - 26px);
		padding-right: 26px;
	}
	.btn_dl span::after {
		width: 16px;
		height: 16px;
	}
	.btn_dl:hover::after {
		right: 10px;
	}
	.scroll_x {
		display: block;
		width: 100%;
		padding-bottom: 8px;
	  	overflow-x: scroll;
	  	-webkit-overflow-scrolling: touch;
	}
	.scroll_x::-webkit-scrollbar {
		height: 10px;
	}
	.scroll_x::-webkit-scrollbar-track {
		margin: 0 2px;
		background: #fff;
		border-radius: 0;
	}
	.scroll_x::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background: #DDDBDB;
	}
	.scroll_x table.min680 {
		min-width: 680px;
	}
	.scroll_x table.min960 {
		min-width: 960px;
	}
	/*==================================================================================
	INDEX
	==================================================================================*/
	section#main {
		height: calc((var(--vh, 1vh) * 100) - 120px + 60px);
	}
	/* 重要なお知らせ ---------------------*/
	section#main .caution {
		padding: 10px;
	}
	section#main .caution span {
		display: inline-block;
		padding: 0 10px 0 22px;
	}
	section#main .caution span::before {
		width: 16px;
		height: 16px;
		top: -2px;
	}
	section#main .caution span::after {
		width: 4px;
		height: 4px;
	}
	/* メインコピー -------------------------*/
	section#main .main_copy {
		justify-content: flex-end;
		max-width: 320px;
		top: 12%;
	}
	section#main .main_copy p {
		margin-bottom: 20px;
		font-size: 30px;
	}
	section#main .main_copy p:nth-child(1),
	section#main .main_copy p:nth-child(2) {
		padding-right: 40px;
	}
	section#main .main_copy p:nth-child(3) {
		padding-right: 0;
	}
	section#main .main_copy p:nth-child(1)::after,
	section#main .main_copy p:nth-child(2)::after {
		right: 15px;
	}
	/* お知らせ ------------------------------*/
	section#main .info {
		padding: 10px 20px 10px 0;
		bottom: 50px;
	}
	section#main .info span {
		padding-left: 90px;
	}
	section#main .info span::before {
		width: 60px;
	}
	section#main .info:hover span::before {
		width: 70px;
	}
	.top_ttl {
		padding: 20px!important;
	}
	.top_ttl img {
		width: 300px;
	}
	/* ニュース ----------------------------------------------------------------------------*/
	/* カテゴリー一覧 */
	ul.news_category {
		flex-wrap: wrap;
	}
	ul.news_category li {
		width: calc(100% / 3 - 2px);
		margin: 0 0 2px;
	}
	/* 記事 */
	.article .thumbnail {
		height: 200px;
	}
	/* 星城大学でできること ------------------------------------------------------------*/
	section#top_ability .ability .img {
		height: 180px;
		max-height: 100%;
		min-height: 0;
	}
	/* ブログ ------------------------------------------------------------------------*/
	/* カテゴリー一覧 */
	section#top_blog ul.blog_category {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	section#top_blog ul.blog_category li {
		width: calc(100% / 3 - 10px);
		margin: 0 0 20px;
	}
	/* 大学関連情報, 大学公開情報 --------------------------------------------------------*/
	section#univ_connection::after,
	section#univ_publish::after {
		height: 40px;
		top: -25px;
	}
	section#univ_connection .bg_gray,
	section#univ_publish .bg_gray {
		padding: 30px 0 10px;
	}
	section#univ_connection .col4,
	section#univ_publish .col4 {
		margin-bottom: 20px;
	}
	/*==================================================================================
	下層ページ
	==================================================================================*/
	section#second_top .page_img {
		height: 200px;
	}
	.boad_bg {
		padding: 40px 0;
	}
	.boad {
		padding: 40px 20px;
	}
	.boad .border {
		border-top: 2px #C9C9C9 solid;
		border-bottom: 2px #C9C9C9 solid;
		padding: 40px 0;
	}
	nav.btn_group ul {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	nav.btn_group ul li {
		width: calc(50% - 1px);
		margin: 0 0 2px;
	}
	nav.btn_group.w100 ul li {
		width: 100%;
		margin: 0 0 5px;
	}
	nav.btn_group.tb_col3 ul {
		flex-wrap: nowrap;
	}
	nav.btn_group.tb_col3 ul li {
		width: 100%;
		margin: 0 2px;
	}
	nav.btn_group.tb_col3 ul li a {
		white-space: nowrap;
	}
	.blog_sort select {
		padding: 8px 10px;
		width: 100%;
	}
	nav.article_nav ul li:nth-child(1) {
		padding-left: 15px;
	}
	nav.article_nav ul li:nth-child(3) {
		padding-right: 15px;
	}
	nav.article_nav ul li a {
		font-size: 12px;
	}
	article {
		width: calc(70% - 40px);
		padding: 20px!important;
	}
	article ul.sns_share {
		top: 10px;
		right: 10px;
	}
	article ul.sns_share li {
		margin-left: 8px;
	}
	article ul.sns_share li a {
		width: 20px;
	}
	article .image {
		padding: 5px;
	}
	ul.pagenav li {
		margin-right: 3px;
	}
	ul.pagenav li a {
		padding: 6px 8px;
		border-radius: 3px;
		font-size: 10px;
	}
	.side_cont {
		width: calc(30% - 15px - 40px);
		padding: 20px;
	}
	ul.pickcup_blog li {
		width: calc(100% / 2 - 10px);
		margin-bottom: 20px;
	}
	ul.pickcup_blog li a p {
		font-size: 14px;
	}
	.tel {
		padding-left: 50px;
		font-size: 32px;
	}
	.tel::before {
		width: 40px;
		height: 40px;
	}
	ul.news_list {
		border-top: 3px #AA2828 solid;
	}
	ul.news_list li a {
		padding: 10px 35px 10px 10px;
	}
	ul.news_list li a::after {
		width: 4px;
		height: 4px;
		right: 15px;
	}
	ul.news_list li a .date,
	ul.news_list li a .cate {
		font-size: 12px;
		margin-right: 30px;
	}
	ul.news_list li a:hover::after {
		right: 10px;
	}
	.index_expo {
		padding: 20px;
		border: 1px #A72C2A solid;
	}
	.index_expo .col3_2 {
		width: calc(100% - 200px);
	}
	.index_expo .col3_1 {
		width: 180px;
		margin: 0;
	}
	/*==================================================================================
	フッター
	==================================================================================*/
	footer {
    	background-position: center bottom;
	}
	footer .foot_info {
    	width: auto;
		margin: auto;
	}
	footer .foot_info .foot_logo {
	    width: 200px;
	}
	footer nav.foot_nav {
		display: none;
	}
	footer .copy {
		padding: 10px;
		font-size: 10px;
	}
}
@media screen and (max-width : 960px) {
	.pc {display: none;}
	.tb {display: inline;}
	p {
		font-size: 14px;
		line-height: 1.4;
	}
	/*==================================================================================
	ヘッダー
	==================================================================================*/
	header {
		padding: 10px 20px!important;
	}
	header .row {
		margin-bottom: 0;
	}
	header .head_logo {
		width: 160px;
	}
	/* サブメニュー----------------------------*/
	/* 言語切替 */
	/* 検索窓 */
	header nav.head_nav_sub {
		display: none;
	}
	/* メインメニュー--------------------------*/
	header nav.head_nav ul {
		display: none;
	}
	/* サイドメニュー--------------------------*/
	header nav.side_nav {
		display: none;
	}
	/*==================================================================================
	共通
	==================================================================================*/
	/* レイアウト */
	main {
		padding-top: 55px!important;
	}	
	.anker {
		padding-top: 80px;
		margin-top: -80px;
	}
	/* ボタン */
	.btn2 {
		font-size: 14px;
	}
	.btn2 span.ttl + span {
		font-size: 12px;
	}
	/* テーブル */
	table th,
	table td {
		padding: 10px;
	}
	table.col2 {
		width: 100%;
	}
	table.col2.br_non {
		border-bottom: none!important;
	    border-right: 1px #A0A0A0 solid!important;
	}
	table.col2.br_non tr:last-child {
	    border-bottom: none!important;
	}
	/*==================================================================================
	INDEX
	==================================================================================*/
	section#main {
		height: calc((var(--vh, 1vh) * 100) - 55px + 60px);
	}
	/* 重要なお知らせ ---------------------*/
	section#main .caution {
		width: calc(100% - 40px);
		padding: 10px 20px;
		text-align: left;
	}
	section#main .caution span {
		display: inline-block;
		padding: 0 0 0 22px;
		line-height: 1.2;
	}
	section#main .caution span::before {
		top: -1px;
	}
	section#main .caution span::after {
		display: none;
	}
	/* お知らせ ----------------------------*/
	section#main .info {
		display: block;
		width: calc(100% - 20px);
		max-width: calc(460px - 20px);
		bottom: 60px;
	}
	section#main .info span {
		padding-left: 70px;
	}
	section#main .info span::before {
		width: 40px;
	}
	section#main .info:hover span::before {
		width: 50px;
	}
	.top_ttl::after {
		width: calc(100% - 20px);
	}
	.top_ttl img {
		width: 240px;
	}
	/* 星城大学でできること ------------------------------------------------------------*/
	section#top_ability .ability_wrap {
		width: 100%;
	}
	section#top_ability .ability {
		display: flex;
		width: calc(100% - 42px);
		max-width: calc(680px - 42px);
		margin: 0 auto 20px;
	}
	section#top_ability .ability.mt_100 {
		margin-top: 0;
	}
	section#top_ability .ability.mt_100_minus {
		margin-top: 0;
	}
	section#top_ability .ability .img {
		width: calc(100% - 180px);
		height: 300px;
		max-height: 100%;
		min-height: 0;
	}
	section#top_ability .ability .txt {
		width: calc(180px - 40px);
		padding: 20px;
	}
	section#top_ability .ability .txt .arrow::after {
		width: 40px;
		height: 3px;
		right: -50px;
	}
	section#top_ability .ability:hover .txt .arrow::after {
		right: -60px;
	}
	/* キャンパス -----------------------------------------------------------------------*/
	section#univ_campus .col2 {
		width: 100%;
		max-width: 460px;
		margin: auto;
	}
	section#univ_campus .col2:first-child {
		margin-bottom: 40px;
	}
	/*==================================================================================
	下層ページ
	==================================================================================*/
	nav.btn_group.w50 ul li {
		width: 100%;
	}
	section#second_top .page_img {
		height: 140px;
	}
	article {
		width: calc(100% - 40px);
		margin-bottom: 40px!important;
	}
	.side_cont {
		width: calc(100% - 40px);
		max-width: calc(360px - 40px);
	}
	ul.pickcup_blog li {
		width: calc(100% / 2 - 5px);
		margin-bottom: 10px;
	}
	ul.pickcup_blog li a p {
		width: calc(55% - 20px);
	}
	ul.pickcup_blog li a .img {
		width: 45%;
		height: 80px;
	}
	ul.news_list li a .date,
	ul.news_list li a .cate {
		margin-right: 15px;
	}
	ul.news_list li a .cate + p {
		width: 100%;
		margin-top: 5px;
	}
	/* ページトップへ戻るボタン */
	.btn_pagetop {
		width: 50px;
		right: 20px;
		bottom: 20px;
	}
}
@media screen and (max-width : 460px) {
	.tb {display: none;}
	.sp {display: inline;}
	.index_expo .col3_2 {
		width: calc(100% - 0px);
	}
	/*==================================================================================
	ヘッダー
	==================================================================================*/
	/* ----------------------------------------------------------------------- */
	/* スマホ版 メニュー ---------------------------------------------------------*/
	/* アクセス、お問い合わせボタン */
	nav.globalMenuSp .btn_access span,
	nav.globalMenuSp .btn_contact span {
		padding-left: 20px;
		font-size: 12px;
	}
	nav.globalMenuSp .btn_access span::before,
	nav.globalMenuSp .btn_contact span::before {
		width: 16px;
		height: 16px;
	}
	/* 言語切替 */
	nav.globalMenuSp .language {
		font-size: 16px;
	}
	/* サイドメニュー */
	nav.globalMenuSp ul.side_nav_sp li a {
		font-size: 10px;
	}
	/*==================================================================================
	共通
	==================================================================================*/
	/* レイアウト */
	.col2.sp_100 {
		width: 100%;
	}
	.col3 {
		width: calc(100% / 2 - 5px);
	}
	.col4 {
		width: calc(100% / 2 - 5px);
	}
	.col6 {
		width: calc(100% / 2 - 5px);
	}
	.order2_sp {
		order: 2;
	}
	/* フォント */
	h1 span {
		font-size: 20px;
	}
	h2 {
		font-size: 20px;
	}
	/*==================================================================================
	INDEX
	==================================================================================*/
	/* メインコピー -------------------------*/
	section#main .main_copy {
	    max-width: 280px;
	}
	section#main .main_copy p {
		font-size: 24px;
	}
	section#main .main_copy p:nth-child(1)::after,
	section#main .main_copy p:nth-child(2)::after {
		width: 10px;
		height: 10px;
	}
	/* ニュース ----------------------------------------------------------------------------*/
	/* カテゴリー一覧 */
	ul.news_category li a {
		font-size: 12px;
	}
	/* 記事 */
	.article .thumbnail {
		height: 140px;
	}
	/* 星城大学でできること ------------------------------------------------------------*/
	section#top_ability .ability .img {
		width: calc(100% - 140px);
		height: 180px;
	}
	section#top_ability .ability .txt {
		width: calc(140px - 30px);
		padding: 15px;
	}
	section#top_ability .ability .txt .font_30 {
		font-size: 20px;
	}
	/* 大学関連情報, 大学公開情報 --------------------------------------------------------*/
	section#univ_connection .font_18,
	section#univ_publish .font_18 {
		font-size: 14px;
	}
	/*==================================================================================
	下層ページ
	==================================================================================*/
	section#second_top .page_img.guide {
		background-image: url("/common/img/head_guide00_sp.jpg");
	}
	section#second_top .page_img.academics {
		background-image: url("/common/img/head_academics00_sp.jpg");
	}
	section#second_top .page_img.academics.business {
		background-image: url("/common/img/head_business00_sp.jpg");
	}
	section#second_top .page_img.academics.reha {
		background-image: url("/common/img/head_reha00_sp.jpg");
	}
	section#second_top .page_img.academics.graduate {
		background-image: url("/common/img/head_graduate00_sp.jpg");
	}
	section#second_top .page_img.academics.bekka {
		background-image: url("/common/img/head_bekka00_sp.jpg");
	}
	section#second_top .page_img.life {
		background-image: url("/common/img/head_life00_sp.jpg");
	}
	section#second_top .page_img.open {
		background-image: url("/common/img/head_open00_sp.jpg");
	}
	section#second_top .page_img.labo {
		background-image: url("/common/img/head_labo00_sp.jpg");
	}
	section#second_top .page_img.career {
		background-image: url("/common/img/head_career00_sp.jpg");
	}
	section#second_top .page_img.kouenkai {
		background-image: url("/common/img/head_kouenkai00_sp.jpg");
	}
	section#second_top .page_img.kouenkai.about_us {
		background-image: url("/common/img/head_kouenkai01_sp.jpg");
	}
	section#second_top .page_img.kouenkai.reports {
		background-image: url("/common/img/head_kouenkai02_sp.jpg");
	}
	section#second_top .page_img.kouenkai.event_list {
		background-image: url("/common/img/head_kouenkai03_sp.jpg");
	}
	section#second_top nav.pan_nav ul li {
		margin-right: 8px;
		padding-right: 15px;
	}
	section#second_top nav.pan_nav ul li::after {
		font-size: 10px;
		top: 6px;
	}
	section#second_top nav.pan_nav ul li a {
		font-size: 10px;
	}
	nav.btn_group ul li {
		width: 100%;
		margin: 0 0 2px;
	}
	nav.btn_group.tb_col3 ul {
		flex-wrap: wrap;
	}
	nav.btn_group.tb_col3 ul li {
		margin: 0 0 2px;
	}
	ul.pickcup_blog li {
		width: 100%
	}
	ul.pickcup_blog li a .img {
		height: 60px;
	}
	.index_expo .col3_2 {
		width: 100%;
		margin-bottom: 20px;
	}
	.index_expo .col3_1 {
		width: 100%;
	}
	/*==================================================================================
	フッター
	==================================================================================*/
	footer {
		background-image: url("/common/img/footer_bg_sp.png");
	}
}

.gsc-control-searchbox-only table.gsc-search-box {
	padding: 0;
	width: auto;
	margin: 0;
	position: relative;
	width: 160px;
	appearance: none;
	width: calc(100% - 22px);
	padding: 6px 10px;
	border: 1px #cfcfcf solid!important;
	border-radius: 0;
	background: #fff;
	font-family: noto-serif, serif;
	font-size: 14px;
}
.gsc-control-searchbox-only td.gsc-input {
	border: none;
	padding: 0!important;
}
.gsc-control-searchbox-only table#gs_id50 {
	width: 160px!important;
	border: none!important;
}
.gsc-control-searchbox-only td.gsc-search-button {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	height: 100%;
	padding: 0;
	border: none;
	width: 30px;
}
.gsc-control-searchbox-only td.gsib_b {
	display: none;
}
.gsc-control-searchbox-only form.gsc-search-box.gsc-search-box-tools {
	margin: 0;
}
.gsc-control-searchbox-only .gsc-search-button-v2 svg {
	display: none;
}
.gsc-control-searchbox-only td#gs_tti50 {
	border: none;
	padding: 3px 9px 2px 9px;
}
.gsc-control-searchbox-only tr {
	border: none;
}
.gsc-control-searchbox-only button.gsc-search-button.gsc-search-button-v2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding: 0;
	background: url(/common/img/icon_search.png) center center / 15px no-repeat;
	border: none;
}
.gsc-control-searchbox-only div#gsc-iw-id1 {
	border: none!important;
	padding: 0;
	border-radius: 0;
}
.gsc-control-searchbox-only table tr {
	border: none;
}
.gsc-control-searchbox-only input#gsc-i-id1 {
	padding-right: 15px!important;
	box-sizing: border-box;
}
table[role="presentation"][dir="ltr"] {
	display: none!important;
}

@media screen and (max-width : 960px) {

.gsc-control-searchbox-only table.gsc-search-box {
	width: 100%;
	border: none!important;
	padding: 0;
	background: transparent;
	margin-bottom: 5px;
}
.gsc-control-searchbox-only td.gsc-input {
	background: white;
}
.gsc-control-searchbox-only .gsc-input-box {
	padding: 0;
	border-radius: 0;
	background: transparent;
	border: none;
}
.gsc-control-searchbox-only .gsc-input-box table {
	border: none!important;
}
.gsc-control-searchbox-only table#gs_id50 {}
.gsc-control-searchbox-only td.gsc-search-button {}
.gsc-control-searchbox-only .gsib_a {
	padding: 3px 8px;
}
.gsc-control-searchbox-only td.gsib_b {}
.gsc-control-searchbox-only form.gsc-search-box.gsc-search-box-tools {}
.gsc-control-searchbox-only .gsc-search-button-v2 svg {}
.gsc-control-searchbox-only td#gs_tti50 {}
.gsc-control-searchbox-only tr {}
.gsc-control-searchbox-only button.gsc-search-button.gsc-search-button-v2 {}
.gsc-control-searchbox-only div#gsc-iw-id1 {}
.gsc-control-searchbox-only table tr {}
.gsc-control-searchbox-only input#gsc-i-id1 {}
table[role="presentation"][dir="ltr"] {}

}

li:has(a[href="/news/covid19/"]) {
	display: none !important;
}