/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	メインビジュアル
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 高さ固定 */
.home-mv__slide {
	height: 480px !important;
}

.home-mv__imgbox{
	background: #fff;
}

.home-mv__img{
	margin: 0px 0px;
}

/* メインビジュアルを非表示にして独自メインビジュアル */
.sitetop_mainvisual_wrap{
	border: 0px solid red;
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 480px;
	position: relative;
}

/* TOP01のhome-secのpaddingを無効化 */
body > main > div:nth-child(3){
	padding-top: 0px !important;
	padding-bottom: 0px !important; /* 独自メインビジュアルとお知らせの間 */
}

/* 独自メインビジュアル枠、背景付き */
.sitetop_mainvisual_bg{
	position: relative;
	border: 0px solid blue;

	width: 100%;
	height: 100%;
	z-index: 99;
	margin: 0 auto;
	margin-top: 0px; /* ネガティブマージンでメインビジュアルに重ねる */
	text-align: center;
	color: #fff;
}
@media (max-width: 599px) {
.sitetop_mainvisual_bg{
	margin-top: 0px; /* ネガティブマージンでメインビジュアルに重ねる */
}
}

/* 独自メインビジュアル背景画像 */
.sitetop_mainvisual_bg{
	background-image: url();
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
@media screen and (min-width:769px) and ( max-width:1090px) {
.sitetop_mainvisual_bg {
	background-position: 75% 75%;
}
}
@media (max-width: 768px) {
.sitetop_mainvisual_bg {
	background-position: 50% 75%;
}
}

/* メインビジュアルアニメーション */
.sitetop_mainvisual_bg{
	animation: blur 1s both ease-in;
}

/* テキスト枠 */
.text_wrap{
	position: absolute;
	z-index: 3;
        top: 50.0%;
        left: 50.0%;
        transform: translate(-50%, -50%);
	border: 0px solid red;
	width: 100%;
	height: 100%;
}

.text_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.8rem;
	text-shadow: #959595 1px 0 10px;
}

/* テキストアニメーション */
.text_wrap img{
	animation: blur 2s both ease-in;
}

@keyframes blur {
    from {
        filter: blur(10px);
    }
    to {
        filter: blur(0);
    }
}

/* メインビジュアルスリックスライダー設定 */
.home-mv__slide div:nth-child(1) {
	border: 0px solid red;
	background: url(/med/ssc/assets/sitetop-mainvisual-06.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
}
@media (max-width: 768px) {
.home-mv__slide div:nth-child(1) {
    background-position: -520px center;
}
}

.home-mv__slide div:nth-child(2) {
	border: 0px solid red;
	background: url(/med/ssc/assets/sitetop-mainvisual-02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
}
@media (max-width: 768px) {
.home-mv__slide div:nth-child(2) {
    background-position: -680px center;
}
}

.home-mv__slide div:nth-child(3) {
	border: 0px solid red;
	background: url(/med/ssc/assets/sitetop-mainvisual-08.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
}
@media (max-width: 768px) {
.home-mv__slide div:nth-child(3) {
    background-position: center center;
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページCMS自動出力の入れ替え（サイトマップとお問い合わせ3種）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* サイトマップ */
.ptitle_sitemap {
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/ssc/assets/page_title-bg-sonota.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
	text-align: center;
	padding-top: 40px;
	font-size: 3.6rem !important;
}
@media (max-width: 768px) {
.ptitle_sitemap {
	font-size: 2.4rem !important;
}
}

.ptitle_sitemap::after {
	content: "Sitemap";
	position: absolute;
	z-index: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
.ptitle_sitemap::after {
	font-size: 2.0rem !important;
}
}

/* after英語文字装飾 */
.ptitle_sitemap::after{
	color: #fff;
    -moz-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -webkit-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -ms-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
}

.ptitle_sitemap:before {
	border: 0px solid red;
    content: '';
    background: inherit;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: 2px;
    z-index: -1;
}

/* お問い合わせ */
.ptitle_contact {
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/ssc/assets/page_title-bg-sonota.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
	text-align: center;
	padding-top: 40px;
	font-size: 3.6rem !important;
}
@media (max-width: 768px) {
.ptitle_contact {
	font-size: 2.4rem !important;
}
}

.ptitle_contact::after {
	content: "Contact Us";
	position: absolute;
	z-index: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
.ptitle_contact::after {
	font-size: 2.0rem !important;
}
}

/* after英語文字装飾 */
.ptitle_contact::after{
	color: #fff;
    -moz-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -webkit-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -ms-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
}

.ptitle_contact:before {
	border: 0px solid red;
    content: '';
    background: inherit;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: 2px;
    z-index: -1;
}

/* お知らせ */
.ptitle_news {
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/ssc/assets/page_title-bg-sonota.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
	text-align: center;
	padding-top: 40px;
	font-size: 3.6rem !important;
}
@media (max-width: 768px) {
.ptitle_news {
	font-size: 2.4rem !important;
}
}

.ptitle_news::after {
	content: "Information";
	position: absolute;
	z-index: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
.ptitle_news::after {
	font-size: 2.0rem !important;
}
}

/* after英語文字装飾 */
.ptitle_news::after{
	color: #fff;
    -moz-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -webkit-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -ms-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
}

.ptitle_news:before {
	border: 0px solid red;
    content: '';
    background: inherit;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: 2px;
    z-index: -1;
}

/* 講習会のお問い合わせ */
.ptitle_trainingseminar {
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/ssc/assets/page_title-bg-sonota.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
	text-align: center;
	padding-top: 40px;
	font-size: 3.6rem !important;
}
@media (max-width: 768px) {
.ptitle_trainingseminar {
	font-size: 2.4rem !important;
}
}

.ptitle_trainingseminar::after {
	content: "Training Seminar";
	position: absolute;
	z-index: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
.ptitle_trainingseminar::after {
	font-size: 2.0rem !important;
}
}

/* after英語文字装飾 */
.ptitle_trainingseminar::after{
	color: #fff;
    -moz-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -webkit-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -ms-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
}

.ptitle_trainingseminar:before {
	border: 0px solid red;
    content: '';
    background: inherit;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: 2px;
    z-index: -1;
}

/* 見学のお問い合わせ */
.ptitle_fieldtrip {
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/ssc/assets/page_title-bg-sonota.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
	text-align: center;
	padding-top: 40px;
	font-size: 3.6rem !important;
}
@media (max-width: 768px) {
.ptitle_fieldtrip {
	font-size: 2.4rem !important;
}
}

.ptitle_fieldtrip::after {
	content: "Field Trip";
	position: absolute;
	z-index: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
.ptitle_fieldtrip::after {
	font-size: 2.0rem !important;
}
}

/* after英語文字装飾 */
.ptitle_fieldtrip::after{
	color: #fff;
    -moz-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -webkit-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -ms-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
}

.ptitle_fieldtrip:before {
	border: 0px solid red;
    content: '';
    background: inherit;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: 2px;
    z-index: -1;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	body
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body{
	background: #fff; /* 全体に灰色がデフォルト */
}
/* スクロールバーの一括設定 */
/* スクロールの幅の設定 */ ::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
/* スクロールの背景の設定 */ ::-webkit-scrollbar-track {
	background: #fff;
}
/* スクロールのつまみ部分の設定 */ ::-webkit-scrollbar-thumb {
	background: #46b4f1;
}

/* 入力欄のリンク下線 */
#howto > div:nth-child(3) a {
	text-decoration: underline;
	text-underline-offset:0.3em;
}
#tour > div:nth-child(3) a {
	text-decoration: underline;
	text-underline-offset:0.3em;
}

*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページ（SSCについて）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* flexなぜか動かずページ内に記載 */

*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	共通（aリンク関係）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* アイコンの矢印を非表示にする */
/* この指定でCMSからのbeforeは全て消えるが各課のアイコンも消える */
/* 消えないなら「class=""」を記述する */
.contents a:not([class]):not([id])::before{
	display: none;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	上に戻るボタン
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav-top .pagetop a.scroll{
	width: 100%;
	border: 0px solid blue;
	background: linear-gradient(90deg, rgba(70, 180, 241, 0.5), rgba(232, 245, 255, 0.8));
	animation: fluid-animation1 5s ease 0s infinite normal;
}
/* 左上 | 右上 | 右下 | 左下 */
/* 横 / 縦 */
@keyframes fluid-animation1 {
    0%, 100% {
        border-radius: 31% 69% 27% 73% / 83% 78% 22% 17%;
    }
    50% {
        border-radius: 59% 41% 32% 68% / 46% 44% 56% 54%;
    }
}

.nav-top .pagetop a.scroll::after{
	width: 100%;
	border: 0px solid red;
	background-color: linear-gradient(90deg, rgba(70, 180, 241, 0.5), rgba(232, 245, 255, 0.8));
	background-image: url(/powercmsx/themes/small_site/img/ico_arrow-up.svg));
	animation: fluid-animation2 8s ease 0s infinite normal;
}

@keyframes fluid-animation2 {
    0%, 100% {
        border-radius: 14% 86% 48% 52% / 71% 44% 56% 29%;
    }
    50% {
        border-radius: 79% 21% 15% 85% / 70% 66% 34% 30%;
    }
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページ見出しとパンくずリスト関係
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 見出しに背景画像を入れる */
/* idは各ページで指定 */
/* SSCについて */
#aboutus .ptitle{
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/ssc/assets/page_title-bg-about-ssc.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
#aboutus .ptitle::after {
	content: "About Us";
	position: absolute;
	z-index: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 機材について */
#equipments .ptitle{
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/ssc/assets/page_title-bg-kizai.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
#equipments .ptitle::after {
	content: "Equipments";
	position: absolute;
	z-index: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 講習会の予定とセミナー */
#workshop .ptitle{
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/ssc/assets/page_title-bg-kousyukai.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
#workshop .ptitle::after {
	content: "Workshop";
	position: absolute;
	z-index: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 見学について */
#tour .ptitle{
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/ssc/assets/page_title-bg-kousyukai.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
#tour .ptitle::after {
	content: "Tour";
	position: absolute;
	z-index: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 利用方法 */
#howto .ptitle{
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/ssc/assets/page_title-bg-riyou-houhou.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
#howto .ptitle::after {
	content: "How To Use";
	position: absolute;
	z-index: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* アクセス */
#access .ptitle{
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/ssc/assets/page_title-bg-sonota.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
#access .ptitle::after {
	content: "Access";
	position: absolute;
	z-index: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* その他サイトマップなど自動生成関係 */
#sonota .ptitle{
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/ssc/assets/page_title-bg-sonota.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
#sonota .ptitle::after {
	content: "";
	position: absolute;
	z-index: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* after英語文字装飾 */
.ptitle::after{
	color: #fff;
    -moz-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -webkit-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -ms-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
}

.ptitle:before {
	border: 0px solid red;
    content: '';
    background: inherit;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: 2px;
    z-index: -1;
}

/* 文字を白にする */
.ptitle__title{
	color: #fff;
    -moz-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -webkit-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    -ms-text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
    text-shadow: 0px 0px 5px rgba(97, 228, 228, 0.5);
}

/* パンくず上の下線を非表示 */
.ptitle_t2{
	border-bottom: 0px solid #565757 !important;
	border: 0px solid #565757 !important;
}

/* 少し下げる */
.ptitle_t2{
	padding-top: 40px !important;
}

/* パンくずの下のマージン調整 */
.pblock-kuzu{
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	トップページ各コンテンツ3種
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TOP01入力する場所の高さ */
/* home-secの5番目がTOP02 */
main > div:nth-child(5) {
	height: 100% !important;
	padding: 0px 0px;
}

/* ご挨拶 */
.sitetop_about_wrap {
	border: 0px solid red;
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
/*	margin: 60px 0px;*/
}
@media screen and (min-width:769px) and ( max-width:1090px) {
.sitetop_about_wrap {
	flex-direction: column;
}
}
@media (max-width: 768px) {
.sitetop_about_wrap {
	flex-direction: column;
}
}

/* 左画像 */
.sitetop_about_child_1 {
	border: 0px solid green;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: right !important;
	justify-content: center;
	padding: 0px 0px 0px 60px;
}
@media screen and (min-width:769px) and ( max-width:1090px) {
.sitetop_about_child_1 {
	width: 100%;
	padding: 0px 0px 20px 0px;
}
}
@media (max-width: 768px) {
.sitetop_about_child_1 {
	width: 100%;
	padding: 0px 0px 20px 0px;
}
}

/* 左画像 */
.sitetop_about_child_1 img {
	width: 90%;
}
@media screen and (min-width:769px) and ( max-width:1090px) {
.sitetop_about_child_1 img {
	width: 100%;
}
}
@media (max-width: 768px) {
.sitetop_about_child_1 img {
	width: 100%;
}
}

/* 右説明 */
.sitetop_about_child_2 {
	border: 0px solid green;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: left !important;
	justify-content: center;
	padding: 80px 60px 80px 0px;
}
@media screen and (min-width:769px) and ( max-width:1090px) {
.sitetop_about_child_2 {
	width: 100%;
	padding: 20px 0px 40px 0px;
}
}
@media (max-width: 768px) {
.sitetop_about_child_2 {
	width: 100%;
	padding: 20px 0px 40px 0px;
}
}

/* ご挨拶分 */
.sitetop_about_aboutssc {
	border: 2px solid #46b4f1;
	width: 90%;
	height: 80%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 30px 60px;
}

.sitetop_about_aboutssc_img_title {
	width: 300px;
}
.sitetop_about_aboutssc_img_btn {
	width: 300px;
}

/* 見学 */
.sitetop_fieldtrip_wrap {
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 100%;
	background: #e8f5ff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: relative;
}

.sitetop_fieldtrip_child {
	border: 0px solid red;
	width: 50%;
	padding: 30px 30px;
	text-align: center;
}
@media screen and (min-width:769px) and ( max-width:1090px) {
.sitetop_fieldtrip_child {
	width: 100%;
}
}
@media (max-width: 768px) {
.sitetop_fieldtrip_child {
	width: 100%;
}
}

.sitetop_fieldtrip_inner {
	width: 100%;
	max-width: 1030px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin-top: 60px;
	margin-bottom: 60px;
}
@media screen and (min-width:769px) and ( max-width:1090px) {
.sitetop_fieldtrip_inner {
	flex-direction: column;
}
}
@media (max-width: 768px) {
.sitetop_fieldtrip_inner {
	flex-direction: column;
}
}

/* スケジュール横幅全体 */
.sitetop_schedule_wrap {
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 250px !important;
/*	background-image: url(/med/ssc/assets/sitetop-schedule-00.jpg);*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: relative;
}
@media (max-width: 768px) {
.sitetop_schedule_wrap {
	height: 400px !important;
	flex-direction: column;
}
}

/* 左 */
.sitetop_schedule_child_1 {
	border: 0px solid red;
	width: 50%;
	height: 100%;
	background-image: url(/med/ssc/assets/sitetop-schedule-03.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
@media (max-width: 768px) {
.sitetop_schedule_child_1 {
	width: 100%;
	height: 200px;
}
}

/* 右 */
.sitetop_schedule_child_2 {
	border: 0px solid red;
	width: 50%;
	height: 100%;
	background-image: url(/med/ssc/assets/sitetop-schedule-01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
@media (max-width: 768px) {
.sitetop_schedule_child_2 {
	width: 100%;
	height: 200px;
}
}

/* スケジュール画像 */
.sitetop_schedule_img {
	border: 0px solid red;
	position: absolute;
	top: 50%;
 	left: 50%;
 	transform: translateY(-50%) translateX(-50%);
	text-align: center !important;
	vertical-align: middle;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 768px) {
.sitetop_schedule_img {
	width: 70%;
	height: 200px;
}
}

.sitetop_schedule_img img {
	width: 70%;
	opacity: 0.9;
}
@media (max-width: 768px) {
.sitetop_schedule_img img {
	width: 100%;
}
}

/* Google Calender */
.sitetop_calender_wrap {
	overflow: scroll;
}

.sitetop_calender_wrap iframe {
	margin: 0 auto;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	トップページ（information)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* お知らせh2変更 */
#news-1 .ttl__style01{
	color: transparent;
	border: 0px solid red;
z-index: 99; /* グローバルメニューは1041 */
	position: absolute;
	top: 60px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	content:;
	background-image: url(/med/ssc/assets/sitetop-news-title.png);
	background-repeat: no-repeat;
	background-size: 329px 114px;
	width: 329px;
	height: 114px;
	vertical-align: middle;
	text-align: center !important;
}
@media (max-width: 599px) {
#news-1 .ttl__style01{
	background-size: 329px 114px; /* スマホ用にサイズ調整 */
	width: 329px;
	height: 114px;
	top: 45px;
	margin-bottom: 0px;
}
}

/* ニュース一覧スクロールバー含むと見出しの間の調整 */
#news-1 .pblock{
	margin-top: 180px !important; /* information見出し画像とニュースとの間 */
	margin-bottom: 50px !important;
}
@media screen and (min-width:769px) and ( max-width:1090px) {
#news-1 .pblock{
	margin-top: 145px !important; /* タブレット用 */
	margin-bottom: 0px !important;
}
}
@media (max-width: 768px) {
#news-1 .pblock{
	margin-top: 110px !important; /* スマホ用 */
	margin-bottom: 0px !important;
}
}

/* 見出し下の下線色を透明にする */
#news-1  .ttl__style01::after{
	background: transparent;
	color: #575757;
	opacity: 1.0;
}

/* 一覧を見るの位置変更 */
#news-1 .text-right{
z-index: 99; /* グローバルメニューは1041 */
	border: 0px solid red;
	width: 1050px;
	height: ;
	position: absolute;
	bottom: 55px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

@media (max-width: 1090px) {
#news-1 .text-right{
	width: 90%;
	bottom: 30px;
}
}

#news-1 a.plink{
	color: #4b4b4b !important; /* 一覧を見るを白くする */
}

#news-1 .plink_type_inline_line_r::after{
	background-color: #4b4b4b !important; /* 横棒を白くする */
}

#news-1{
	height: 670px; /* 背景boxの高さ */
/*	background-image: url(/med/intensivecare/assets/sitetop-bg.png);	 インフォメーションの背景画像 */
	background-color: #e8f5ff;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 0px; /* 一覧を見るの下のスペース調整 */
}

#news-1 .pblock{
	border: 0px solid red !important;
	max-width: 1030px;
	height: 300px; /* スクロール範囲 */
	margin: 0 auto;
	margin-top: 250px; /* 見出し画像の下のスペース調整 */
	overflow: auto; /* スクロールバー表示 */
}

@media (max-width: 1090px) {
#news-1 .pblock{
	border: 0px solid blue !important;
	width: 100%;
	height: 400px; /* スクロール範囲 */
}

#news-1{
	padding: 75px 30px; /* タブレットスマホ用上下左右スペース */
}
}

/* サイトトップの日付見出し新着情報記事内容など */
#news-1 .news__list{
	background: rgba(255,255,255,0.6) !important; /* 新着記事の後ろの透明背景 */
}

#news-1 .news__date{
	width: 170px;
	height: 30px;
	padding: 7px 21px;
}

#news-1 .news__txt{
	text-align: left;
}

/* 未使用 */
#_news-1 .ptag__item{
	background: rgba(197,157,9,1.0) !important;
	height: 30px;
	border-radius: 5px;
	border-left: 0px solid black;
	border-right: 0px solid black;
}

/* ボーダー消去 */
#news-1 .ptag_bdr_side li{
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
}

#news-1 a.news__link::after{
	color: #fff !important; /* 矢印アイコン */
}

#news-1 a:hover.news__link::after{
	color:#000 !important; /* 矢印アイコンホバー時に黒色 */
}

#news-1 .news__item{
	border-radius: 0px;
	padding: 0px 0px;
}

#news-1 .news__link{
	padding: 10px 10px;
}

/* ホバー前の文字 */
#news-1 .news__text a{
	color: #fff !important;
}

/* ホバーで文字色変更 */
#news-1 .news__text a:hover{
	color: #000 !important;
}

/* 日付見出し新着情報記事内容など */
.news__date{
	color: #000; /* 日付 */
	width: 170px;
	height: 30px;
	padding: 7px 21px;
}

.news__txt{
	color: #000; /* お知らせ内容 */
	text-align: left;
}

/* 日付の隣のマーク */
.ptag__item{
	display: block; /* 非表示 */
	color: #fff !important; /* 日付の隣のマーク */
	background: rgba(197,157,9,1.0) !important;
	height: 25px;
	border-radius: 5px;
	border-left: 0px solid black;
	border-right: 0px solid black;
	vertical-align: middle;
	display: flex;
}

/* ボーダー消去 */
.ptag_bdr_side li{
	border-left: 0px solid #fff !important;
	border-right: 0px solid #fff !important;
}

a.news__link::after{
	color: #000 !important; /* 矢印アイコン */
}

a:hover.news__link::after{
	color:#000 !important; /* 矢印アイコンホバー時に黒色 */
}

.news__item{
	border-radius: 0px;
}

.news__item a:hover{
	background-color: #fff;
	color: #000 !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	トップページ（全体枠)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.pblock, .pblock-full, .pblock-slim, .pblock-wide {
  max-width: 100%; /* デフォルトは1030px /powercmsx/themes/small_site/css/style.cssにオリジナル記載 */
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px
}

@media screen and (min-width:769px) and ( max-width:1090px) {
.pblock, .pblock-full, .pblock-slim, .pblock-wide {
    min-width: 100%;
}
}

*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	共通（メインメニュー）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* メインメニュー ドロップダウン（背景） */
.nav-top .gnav-main__box1_ptn1 {
	background: rgba(255, 255, 255, 1.0) !important;
	width: 270px; /* 子メニューの幅3セット */
}

/* メインメニュー ドロップダウン（ボーダー） */
.nav-top .gnav-main__item2 {
    border-bottom: 1px solid rgba(255,255,255,1.0);	/* 境界線カラー変更 */
	width: 270px; /* 子メニューの幅3セット */
}
/* メインメニュー ドロップダウン（アイコン＞） */
.nav-top .gnav-main__link2::before {
    color: #000;	/* アイコンカラー変更 */
}

/* メインメニュー ドロップダウン（子メニュー背景） */
.nav-top .gnav-main__link2 {
    background: rgba(255,255,255,1.0);	/* 背景色変更 */
	color: #000;
	width: 270px; /* 子メニューの幅3セット */
}
/* メインメニュー ドロップダウン（子メニューhover背景） */
.nav-top .gnav-main__item2:hover .gnav-main__link2 {
/*	background: rgba(224, 254, 178, 1.0) !important;*/
	width: 270px; /* 子メニューの幅3セット */
}

/* グローバルメニュー全体の背景色 */
.nav-top .gnav-main{
/*	background: linear-gradient(90deg, rgba(224, 254, 178, 1.0), rgba(174, 229, 254, 1.0)) !important;*/
}

/* グローバルメニュー位置調整 */
.gnav-main{
	margin-top: -1px;
}

/* グローバルメニュー階層調整 */
.navbar{
	z-index: 999 !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	ヘッダーメニュー（右上の虫眼鏡)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.g-nav__link-img{
/*	filter: brightness(0) invert(1);*/
}

.g-nav__link-txt{
	color: #575757;
}

/* アイコンの背景色をメインカラーから変更する */
.g-nav__search > .g-nav__link_btn{
	background-color: rgba(70, 180, 241, 1.0) !important;
}

/* スマホ用 */
.g-nav__search_sp .g-nav__link_btn{
	background-color: rgba(70, 180, 241, 1.0) !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページ（ご挨拶）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.greetings_center_img {
	width: 285px;
}
@media (max-width: 768px) {
.greetings_center_img {
	padding: 0px 0% !important;
	width: 210px;
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	トップページバナー（作成していなくても場所が空欄で出ている）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.home-bnr{
	display: none !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	アクセスページ（スケジュールの見出しとして使用)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sitetop_access_maps {
	border: 0px solid red;
	position: relative;
	height: 0;
	overflow: hidden;
	width: 99.4vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 300px !important;
}

.sitetop_access_maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 300px !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（サブメニュー)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.w-md-20 {
    width: 60%!important;	/* サブメニューの幅拡張（デフォルトは20%） */
}

@media screen and (min-width:600px) and ( max-width:768px) {
.w-md-20 {
    width: 100%!important;	 /* タブレット用 */
}
}

@media (max-width: 599px) {
.w-md-20 {
    width: 100%!important;	/* スマホ用 */
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（2ブロック目のリンク)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ft .col{
	border: 0px solid red;
	max-width: 100%; /* 2ブロック目のリンクを横幅いっぱいにする */
}

.ft__cont div:nth-child(2){
	font-size: 1.4rem; /* 研究案内などのリンクの文字サイズ */
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（3ブロック目のリンク)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ft__cont div:nth-child(3){
	display: none; /* Footer Contents03を非表示にする */
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（copyright)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ft__copy{
	background-color: #46b4f1;
	color: #575757;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	bpts css
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
 .bpts_both {
 	clear: both;
 	font-size: 0px;
 	line-height: 0px;
 }
 /* スペーサー　 */
 .bpts_spacer_h5 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 5px;
 }
 .bpts_spacer_h7 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 7px;
 }
 .bpts_spacer_h10 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 10px;
 }
 .bpts_spacer_h15 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 15px;
 }
 .bpts_spacer_h20 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 20px;
 	line-height: 20px;
 }
 .bpts_spacer_h30 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 30px;
 	line-height: 20px;
 }
 .bpts_spacer_h40 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 40px;
 	line-height: 20px;
 }
 .bpts_spacer_h80 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 80px;
 	line-height: 20px;
 }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	共通（サブメニュー、右上アイコン）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.gnav-main__list3{
z-index: 9999;
    position: absolute;
    top: 0;
    right: 132px;
    border: 0px solid red;
/*    margin-right: 147px;*/
    margin-top: 0px;
	width: 500px;
    height: 75px;
}
.nav-top .gnav-main__link3-jp {
    border-left: 0px solid #fff;
    color: #000;
	font-size: 10px;
	margin-top: 5px;
	text-align: center;
}

.gnav-main__link3-jp{
	height: 100%;
}

.nav-top .gnav-main__item3:last-child .gnav-main__link3-jp{
    border-right: 0px solid #fff;
}

.gnav-main__item3 {
	margin: 0px 0px 15px 0px;
	padding: 20px 0px;
	width: 30px;
	height: 100%;
}

.gnav-main__list3{
	margin: 0px 15px;
}

/* facebook */
.gnav-main__list3 li:nth-child(1){
	border: 0px solid red;
	content:;
	background-image:url(/med/ssc/assets/ico_facebook.svg);
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 85px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* お問い合わせ */
.gnav-main__list3 li:nth-child(2){
	border: 0px solid red;
	content:;
	background-image:url(/med/ssc/assets/icon-contact.svg);
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 85px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* サイトマップ */
.gnav-main__list3 li:nth-child(3){
	border: 0px solid red;
	content:;
	background-image:url(/med/ssc/assets/icon-sitemap.svg);
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 80px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* アクセス */
.gnav-main__list3 li:nth-child(4){
	border: 0px solid red;
	content:;
	background-image:url(/med/ssc/assets/icon-access.svg);
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 76px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* 大学リンクとサーチボタン位置調整 */
.g-nav__fbox_col02{
	margin-right: -1px;
}