/* 閲覧：部活トップ画面用 */
.school_image_top.school_image_left {
    display: none;
}
.school_image_top.school_image_right {
    display: inline-block;
}

.button_header {
    color: var(--color-main);
}

body.firstviewB .button_header {
    position: absolute;
    right: 10rem;
}
body.firstviewD .button_header {
    margin-top: 0.3rem;
}

body.firstviewE .button_header {
    margin-top: 0.4rem;
    color: #ffffff;
    border-color: #ffffff;
    z-index: 1;
}
body.firstviewE .button_header:hover {
    background-color: #ffffff;
    color: #2E2E2E;
    border-color: #2E2E2E;
}
body.firstviewF .button_header {
    margin-top: 0.4rem;
}

/* ファーストビュー選択A(6) */
body.firstviewA #topTopicsArea {
    position: relative;
    z-index: 1;
}
body.firstviewA #btnNewsMore,
body.firstviewA #btnCloseTopics {
    z-index: 1;
}
body.firstviewA .catch_image_box.active.move {
    z-index: 1;
}
body.firstviewA .catch_image {
    min-height: 500px;
}
body.firstviewA #topProjectTitle {
    display: block;
}
body.firstviewA.detailsA .member_box > img {
    width: calc((100vw - 4rem) / 4 - 4rem + 0.5px);
    height: calc((100vw - 4rem) / 4 - 4rem + 0.5px);
}

/* ファーストビュー選択B(5) */
body.firstviewB .top_title {
    display: none;
}
body.firstviewB #topTitleB {
    position: fixed;
    display: inline-block !important;
    /* width: calc(50% - 5px); */
    z-index: 9;
    left: 0;
}
body.firstviewB #topTitleB2 {
    position: absolute;
    display: inline-block !important;
    margin-top: 76px;
    width: calc(50% - 5px);
}
body.firstviewB #btnMenu2 {
    margin: 0 1rem 1rem auto;
}

body.firstviewB .school_logo {
    max-width: 80px;
    max-height: 80px;
}
body.firstviewB .top_title {
    text-align: center;
    padding: 1rem 0 1rem 0;
}

body.firstviewB .catch_image_scroll {
    display: inline-block;
    width: 50%;
    overflow: hidden;
}
body.firstviewB .catch_image_box{
    background-image: unset !important;
    display: inline-block;
}
body.firstviewB .catch_image{
    width: 100%;
    height: 700px;
    object-fit: cover;
}

body.firstviewB #topProjectTitle {
    display: block;
}


body.firstviewB #btnCloseTopics{
    display: none;
}
body.firstviewB .top_topics_area{
    width: calc(50% - 5px);
    height: initial;
    margin-top: 210px;
    background-color: unset;
    display: inline-block;
}
body.firstviewB .top_topics_content_area {
    display: inline-block;
    margin: 0;
    padding: 0;
}
body.firstviewB .top_topic{
    width: calc((100vw - 13rem) / 2);
    max-width: unset;
    margin-left: 2rem;
}
body.firstviewB .top_topic > .tag{
    display: inline-block;
    top: unset;
    right: unset;
}
body.firstviewB .top_topic > .topic_image_div{
    display: inline-block;
    margin-right: 0.5rem;
    width: 190px;
    height: 112px;
}
body.firstviewB .top_topic .topic_image{
    width: 190px;
    height: 112px;
    min-width: unset;
}
body.firstviewB .top_topic > pre{
    display: inline-block;
    color: #000000;
    vertical-align: top;
    max-height: 105px;
    max-width: calc(100% - 210px);
    margin-top: 1.5rem;
    text-align: left;
}
body.firstviewB .top_topics_content_area .top_topic{
    display: none;
}
body.firstviewB .top_topics_content_area .top_topic:nth-child(1),
body.firstviewB .top_topics_content_area .top_topic:nth-child(2),
body.firstviewB .top_topics_content_area .top_topic:nth-child(3) {
    display: block;
}

body.firstviewB.detailsA .member_box > img {
    width: calc((100vw - 4rem) / 4 - 4rem + 0.5px);
    height: calc((100vw - 4rem) / 4 - 4rem + 0.5px);
}

/* ファーストビュー選択C(4) */
body.firstviewC .catch_image_box{
    background-image: unset !important;
    margin-left: 5rem;
    margin-right: 5rem;
}
body.firstviewC .catch_image{
    height: unset;
}
body.firstviewC #btnCloseTopics{
    display: none;
}
body.firstviewC #topNewsTitle,
body.firstviewC #topProjectTitle {
    display: block;
}
body.firstviewC .top_topics_area{
    height: initial;
    position: initial;
    margin-top: 0;
    background-color: unset;
}
body.firstviewC .top_topic{
    width: calc((100vw - 13rem) / 2);
    max-width: unset;
}
body.firstviewC .top_topic > .tag{
    display: inline-block;
    top: unset;
    right: unset;
}
body.firstviewC .top_topic > .topic_image_div{
    display: inline-block;
    margin-right: 0.5rem;
    width: 190px;
    height: 112px;
}
body.firstviewC .top_topic .topic_image{
    width: 190px;
    height: 112px;
    min-width: unset;
}
body.firstviewC .top_topic > pre{
    display: inline-block;
    color: #000000;
    vertical-align: top;
    max-height: 105px;
    max-width: calc(100% - 195px - 0.5rem);
    margin-top: 1.5rem;
    text-align: left;
}
body.firstviewC .top_topics_content_area .top_topic{
    display: none;
}
body.firstviewC .top_topics_content_area .top_topic:nth-child(1),
body.firstviewC .top_topics_content_area .top_topic:nth-child(2) {
    display: block;
}

body.firstviewC.detailsB .catch_image{
    border-radius: 10px;
}
body.firstviewC.detailsA .member_box > img {
    width: calc((100vw - 4rem) / 4 - 4rem + 0.5px);
    height: calc((100vw - 4rem) / 4 - 4rem + 0.5px);
}

/* ファーストビュー選択D(1) */
body.firstviewD .colored_back {
    background-color: unset;
}
body.firstviewD .pc.catch_image_box.active,
body.firstviewD .sp.catch_image_box.active {
    background-color: var(--color-main) !important;
}

body.firstviewD .catch_image_box {
    background-image: unset !important;
    background-color: var(--color-main);
}
body.firstviewD .catch_image_box::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: calc(20vw);
    background-color: #ffffff;
    z-index: 0;
}
body.firstviewD .catch_image {
    position: relative;
    z-index: 1;
    margin-left: 2rem;
    margin-right: 2rem;
    width: calc(100% - 4rem);
    backdrop-filter: unset;
}

body.firstviewD .main-inner h2 {
    background-image: unset !important;
    border-top: 1px solid #C4C4C4;
}
body.firstviewD .main-inner h2 > .suffix {
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}

body.firstviewD .top_title {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 4rem;
}
body.firstviewD h1 {
    margin-top: 0;
}
body.firstviewD .icon_menu {
    width: 72px;
    height: 72px;
    position: absolute;
    z-index: 2;
    right: 0;
}
body.firstviewD .catch_image {
    height: unset;
}

body.firstviewD .top_topics_area {
    position: inherit;
    margin-top: 0;
    height: 390px;
    background-color: unset;
}
body.firstviewD .tag {
    border-radius: unset !important;
    top: 0;
    right: 0;
}
body.firstviewD #btnCloseTopics {
    display: none;
}
body.firstviewD .top_catch {
    background-color: #ffffff;
}
body.firstviewD .topic_image_div {
    border-radius: unset !important;
}

body.firstviewD .top_topic > pre {
    color: #000000;
    background-color: #ffffff;
    min-height: 100px;
}

body.firstviewD .top_topics_content_area {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
body.firstviewD .top_topic {
    margin-left: 0;
    width: 25%;
    max-width: unset;
}
body.firstviewD .topic_image {
    width: 100%;
}

body.firstviewD .top_experience {
    padding-bottom: 40px;
}
body.firstviewD .text_experience {
    margin-bottom: 0;
    padding: 2rem 280px 2rem 2rem;
    margin-top: -100px;
    background-color: #ffffff;
    color: #000000;
    position: relative;
    z-index: 2;
}
body.firstviewD .btn_experience {
    position: absolute;
    top: calc(50% - 12px);
    right: 2rem;
    border-radius: 4px;
    background-color: var(--color-main) !important;
    color: var(--color-text);
}
body.firstviewD .btn_experience::after {
    position: absolute;
    content: ">";
    background-image: unset !important;
    width: fit-content;
    top: -2px;
    left: 10px;
}

body.firstviewD #btnNewsMore {
    position: relative;
    margin: 200px auto 0 auto;
}

body.firstviewD #experienceUpperWrap {
    display: block;
}

body.firstviewD #btnNewsMoreUpper {
    display: block;
}
body.firstviewD #btnNewsMore,
body.firstviewD #experience {
    display: none;
}

body.firstviewD #topNewsTitle,
body.firstviewD #topProjectTitle {
    display: block;
    position: relative;
    width: 100%;
    border-top: unset;
}

body.firstviewD #aboutTitle {
    background-color: var(--color-main);
    color: var(--color-text);
    margin-bottom: 0;
    padding-bottom: 2rem;
}
body.firstviewD #aboutTitle .suffix {
    color: var(--color-text);
}

body.firstviewD #tabOutline .tab_images,
body.firstviewD .outline_image_top {
    display: none;
}
body.firstviewD .tab_images > img {
    border-radius: unset !important;
}
body.firstviewD .tab_images_all {
    display: block;
    float: left;
    width: calc(50% - 2rem);
    object-fit: contain;
    margin: 1rem 2rem 1rem 0;
}
body.firstviewD .tab_images_all > img:first-of-type {
    margin-top : 0;
}
body.firstviewD .tab_images_all > img {
    margin-top : 2rem;
}

body.firstviewD .tabs3 {
    padding-left: 0;
    padding-right: 0;
}
body.firstviewD .tabs3 > .tab {
    color: var(--color-text);
    background-color: var(--color-light);
    margin: 0 0 0 1px;
}
body.firstviewD .tabs3 > .tab.active {
    color:var(--color-text);
}

body.firstviewD .tab_images_all > img {
    width: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 5px;
}

body.firstviewD .outline_box h3,
body.firstviewD .content_about h3,
body.firstviewD #tabCourse h3 {
    border-left: unset !important;
    padding-left: 0 !important;
    border-bottom: 1px solid var(--color-main) !important;
}

body.firstviewD .schedule_box {
    border-image: unset !important;
}
body.firstviewD .schedule_title {
    color: #000000 !important;
    border-bottom: 1px solid var(--color-main);
    padding: 3px 0 7px 0 !important;
}
body.firstviewD .schedule_text {
    margin-left: 0;
}

body.firstviewD #btnMemberLeft {
    background-color: var(--color-main);
    background-image: unset;
    position: absolute;
    margin-top: 210px;
    margin-left: 0;
}
body.firstviewD #btnMemberLeft::after {
    content: "<";
    position: relative;
    color: var(--color-text);
    font-size: 26px;
    top: 4px;
    left: 13px;
}

body.firstviewD #btnMemberRight {
    background-color: var(--color-main);
    background-image: unset;
    position: absolute;
    margin-top: 210px;
    margin-right: 0;
    right: 0;
}
body.firstviewD #btnMemberRight::after {
    content: ">";
    position: relative;
    color: var(--color-text);
    font-size: 26px;
    top: 4px;
    left: 13px;
}

body.firstviewD .slide_box {
    width: 100vw;
    padding: 0 4rem;
} 
body.firstviewD .member_box {
    padding: 0 !important;
    width: unset;
}

body.firstviewD .member_box img {
    /*width: 100% !important; */
    width: calc((100vw - 7rem) / 4 - 2vw) !important;
    height: calc((100vw - 7rem) / 4 - 2vw) !important;
    border-radius: unset !important;
}

body.firstviewD .member_box > .member_text {
    padding: 0 2vw 2vw 2vw;
}

body.firstviewD #btnMoreGallery {
    margin-top: 1rem;
}

body.firstviewD .gallery_box {
    background-color: #F5F5F5;
    color: #000000;
    width: 250px;
    border-radius: unset !important;
    border-width: 0 !important;
}
body.firstviewD .gallery_box > img,
body.firstviewD .gallery_box > .gallery_youtube {
    border-radius: unset !important;
    width: 100%;
    height: 100%;
}

body.firstviewD .gallery_area {
    padding: 0 0rem 1rem 0rem;
    width: 100%;
    max-width: unset;
}
body.firstviewD .gallery_area .gallery_box {
    display: none;
    width: calc(25% - 6px);
    margin: 1rem 0 3.5rem 0;
}
body.firstviewD .club-top .gallery_area .gallery_box:nth-child(1),
body.firstviewD .club-top .gallery_area .gallery_box:nth-child(2),
body.firstviewD .club-top .gallery_area .gallery_box:nth-child(3),
body.firstviewD .club-top .gallery_area .gallery_box:nth-child(4) {
    display: inline-block;
}

body.firstviewD .school {
    background-color: #F5F5F5;
/*    padding-left: 0;*/
}
body.firstviewD .school_image_top {
    background-color: #F5F5F5;
    border-radius: unset !important;
    margin: 0 2rem 0 0;
    object-fit: cover;
    vertical-align: top;
    min-height: 322px;
    max-height: 400px;
}

body.firstviewD .gallery_title {
    position: relative;
    top: -40px;
    background: #ffffff;
    width: 70%;
    left: 30%;
	text-overflow: ellipsis;
	white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 1rem;
}

/* 非表示 */
.none {
    display: none;
}

body.firstviewD .gallery_date {
    position: relative;
    margin: -40px 0 0.2rem 0;
    background-color: #ffffff;
    width: 70%;
    left: 30%;
    padding-right: 0.5rem;
    padding-bottom: 12px;
}
body.firstviewD #btnMoreGallery {
    position: relative;
    z-index: 5;
}

body.firstviewD .button_link_samll.gallery {
    margin-top: 1rem;
}
/* ファーストビュー選択E(2) */
body.firstviewE {
    background: linear-gradient(to right, #1A1A1A, #505050);
    color: #ffffff;
}
body.firstviewE .colored_back {
    background-color: unset;
}
body.firstviewE .button_link_samll {
    margin-right: auto;
}

body.firstviewE .schedule_box {
    border-image: unset !important;
}
body.firstviewE .main-inner h2 {
    position: relative;
    color: #ffffff;
    background-image: url(../img/page/title_under_white.png) !important;
    background-position: center 100px !important;
    background-size: 8rem 3px !important;
    border-top: 1px solid #ffffff;
    padding-top: 7rem !important;
    margin-bottom: 2rem !important;
}
body.firstviewE .main-inner h2 > .suffix {
    color: #ffffff !important;
    font-style: italic;
    margin-top: -5.5rem !important;
    text-transform: uppercase;
    width: 100%;
    position: absolute !important;
    top: 0;
    margin-top: 47px !important;
}
body.firstviewE .outline_box h3,
body.firstviewE .content_about h3,
body.firstviewE #tabCourse h3 {
    border-left: unset !important;
    padding-left: 0 !important;
}

body.firstviewE .button_link_samll {
    color: #000000;
    background-color: #ffffff !important;
}
body.firstviewE .button_link_samll::before {
    display: none;
}
body.firstviewE .icon_menu {
    z-index: 1;
    width: 63px;
    min-width: 60px;
    height: 62px;
    background-image: url(../img/page/icon_menu_white.svg) !important;
}
body.firstviewE .icon_menu:hover {
     background-image: url(../img/page/icon_menu3_white.svg) !important;
}

body.firstviewE #topNewsTitle {
    display: block;
    /* position: absolute; */
    margin-top: 0;/* -280px; */
    width: 100%;
    border-top: unset;
}
body.firstviewE #topProjectTitle {
    display: block;
    position: absolute;
    width: 100%;
    border-top: unset;
}

body.firstviewE .top_title {
    background-color: #000000;
    padding: 0rem 0rem 0rem 0.4rem;
}
body.firstviewE .title_name {
    color: #FFFFFF !important;
}
body.firstviewE .school_logo {
    position: relative;
    z-index: 2;
}
body.firstviewE .title_name {
    position: relative;
    z-index: 2;
}
body.firstviewE .catch_image{
    height: 660px;
}
body.firstviewE .catch_image_box::before {
    content: "";
    position: absolute;
    margin-top: -63px;
    border-top: 250px solid; /* 高さ */
    border-right: 250px solid transparent; /* 下頂点から右端までの長さ */
    border-left: 0px solid transparent; /* 下頂点から左端までの長さ */
    border-top-color: var(--color-main);
    z-index: 1;
}
body.firstviewE .catch_image_box::after {
    content: "";
    position: absolute;
    top: -200px;
    right: 0;
    border-bottom: 875px solid rgba(0, 0, 0, 0.65); /* 高さ */
	border-right: 0 solid transparent; /* 頂点から右端の長さ */
	border-left: 875px solid transparent; /* 頂点から左端の長さ */
}
body.firstviewE #experience {
    display: none;
}

body.firstviewE .top_catch {
    position: relative;
}

body.firstviewE #experienceUpperWrap {
    display: unset;
    /*idth: 350px;*/
    margin-left: auto;
}

body.firstviewE .top_experience {
    position: relative;
    width: 350px;
    margin-left: auto;
    right: 5%;
    max-width: 90%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: unset !important;
    z-index: 2;
}
body.firstviewE #experienceUpperInner {
    margin-top: -640px;
}

body.firstviewE .btn_experience {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    border-radius: 24px;
    background: linear-gradient(to right, var(--color-light), var(--color-main));
}
body.firstviewE .text_experience {
    margin-bottom: 2rem;
    margin-right: 0;
    min-height: 650px;
    padding-bottom: 200px;
    display: flex;
    align-items: end;
}
body.firstviewE .text_experience_inner {
    color: #ffffff;
    padding-top: calc(350px - 25vw);
}

body.firstviewE .top_topics_area {
    height: 390px;
    background-color: unset;
    margin-top: 0; /* -150px; */
    background: linear-gradient(to bottom, #F5F5F5, #D9D9D9);
    /* background-position-y: 150px; */
    /* background-size: auto 240px; */
    background-repeat: no-repeat;
    position: unset;
}
body.firstviewE .tag {
    border-radius: unset !important;
    top: 0;
    right: 0;
}
body.firstviewE #btnCloseTopics {
    display: none;
} 
body.firstviewE .topic_image_div {
    border-radius: unset !important;
}

body.firstviewE .top_topic > pre {
    color: #000000;
    background-color: #ffffff;
    min-height: 100px;
}

body.firstviewE #btnNewsMore {
    position: relative;
    margin: -40px auto 0 auto;
}

body.firstviewE #aboutTitle{
    border: none;
}
body.firstviewE #aboutTitle::after {
    content: "";
    position: absolute;
    top: 0;
    margin-top: 16px;
    left: 0;
    border-top: 70px solid; /* 高さ */
    border-right: 70px solid transparent; /* 下頂点から右端までの長さ */
    border-left: 0px solid transparent; /* 下頂点から左端までの長さ */
    border-top-color: var(--color-main);
    opacity: 0.8;
}

body.firstviewE .tab {
    font-weight: 700;
}

body.firstviewE .tab {
    background-color: #767676;
    color: #ffffff;
    height: 44px;
    padding: 6px 0 6px 0;
}
body.firstviewE .tab.active {background-color: var(--color-text) !important; color: var(--color-main);}
body.firstviewE .tab.active:hover {background-color: var(--color-main); color: var(--color-text) !important;}

body.firstviewE .tab::before{
    display: none !important;
}
body.firstviewE .tab .tab_label {
    display: block;
    position: relative;
}
body.firstviewE .tab.active .tab_label::after {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    border-top: 35px solid; /* 高さ */
    border-right: 35px solid transparent; /* 下頂点から右端までの長さ */
    border-left: 0px solid transparent; /* 下頂点から左端までの長さ */
}

body.firstviewE .tab.active .tab_label::after {border-top-color: var(--color-main);}

body.firstviewE #tabOutline .tab_images,
body.firstviewE .outline_image_top {
    display: none;
}
body.firstviewE .tab_images > img {
    border-radius: unset !important;
}
body.firstviewE .tab_images_all {
    display: block;
    float: left;
    width: calc(50% - 2rem);
    object-fit: contain;
    margin: 1rem 2rem 1rem 0;
}
body.firstviewE .tab_images_all {
    display: block;
}
body.firstviewE .tab_images_all > img:first-of-type {
    margin-top : 0;
}
body.firstviewE .tab_images_all > img {
    margin-top : 2rem;
}
body.firstviewE .tab_images_all > img {
    width: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 5px;
}

body.firstviewE.thema4 .schedule_title,
body.firstviewE.thema5 .schedule_title,
body.firstviewE.thema6 .schedule_title,
body.firstviewE.thema10 .schedule_title{
    color: #ffffff !important;
}

body.firstviewE .schedule_title {
    color: var(--color-text) !important;
    border-style: solid;
    padding: 3px 0 7px 0 !important;
}
body.firstviewE .schedule_title {
    border-color: var(--color-main);
}
body.firstviewE .schedule_text {
    margin-left: 0 !important;
}

body.firstviewE .member_box {
    color: #000000;
}

body.firstviewE #btnMemberLeft {
    background-color: var(--color-main);
    background-image: unset;
    position: absolute;
    margin-top: 210px;
    margin-left: 0;
}
body.firstviewE #btnMemberLeft::after {
    content: "<";
    position: relative;
    font-size: 26px;
    top: 4px;
    left: 13px;
}

body.firstviewE #btnMemberRight {
    background-color: var(--color-main);
    background-image: unset;
    position: absolute;
    margin-top: 210px;
    margin-right: 0;
    right: 0;
}
body.firstviewE #btnMemberRight::after {
    content: ">";
    position: relative;
    font-size: 26px;
    top: 4px;
    left: 13px;
}
body.firstviewE .slide_box {
    /* width: 100vw; */
    padding: 0 4rem;
} 
body.firstviewE .member_box {
    padding: 0 !important;
    width: unset;
}

body.firstviewE .member_box img {
    /* width: 100% !important; */
    width: calc((100vw - 7rem) / 4 - 2vw) !important;
    height: calc((100vw - 7rem) / 4 - 2vw) !important;
    border-radius: unset !important;
    max-width: 620px;
    max-height: 620px;
}

body.firstviewE .member_box > .member_text {
    padding: 0 2vw 2vw 2vw;
}

body.firstviewE .gallery_box {
    background-color: #ffffff;
    color: #000000;
    width: 250px;
    border-radius: unset !important;
    border-width: 0 !important;
}
body.firstviewE .gallery_box > img,
body.firstviewE .gallery_box > .gallery_youtube {
    border-radius: unset !important;
}

body.firstviewE .school {
    background-color: #ffffff;
    color: #000000;
}

/* ファーストビュー選択F(3) */
body.firstviewF .colored_back {
    background-color: unset;
}

body.firstviewF .main-inner h2 {
    background-image: unset !important;
    padding-top: 7rem !important;
    text-align: left !important;
    border-top: 1px solid #C4C4C4;
}
body.firstviewF .main-inner h2 > .suffix {
    position: absolute;
    left: 4rem;
    margin-top: -52px !important;
    text-transform: uppercase;
    width: 100%;
}
body.firstviewF #topNewsTitle {
    padding-left: 12rem;
}
body.firstviewF #topProjectTitle {
    padding-left: 14rem;
}

body.firstviewF #aboutTitle {
    padding-left: 13rem;
}
body.firstviewF #scheduleTitle {
    padding-left: 18rem;
}
body.firstviewF #memberTitle {
    padding-left: 26rem;
}
body.firstviewF #galleryTitle {
    padding-left: 16rem;
}
body.firstviewF #sponsorTitle {
    padding-left: 17rem;
}
body.firstviewF #outlineTitle {
    padding-left: 18rem;
}

body.firstviewF .top_title {
    padding: 0;
}
body.firstviewF h1 {
    margin-top: 0;
}
body.firstviewF .icon_menu {
    width: 63px;
    min-width: 60px;
    height: 60px;
}
body.firstviewF .catch_image {
    height: unset;
}

body.firstviewF .top_topics_area {
    position: inherit;
    margin-top: 0;
    height: 333px;
    background-color: unset;
}
body.firstviewF .tag {
    border-radius: unset !important;
    top: 0;
    right: 0;
}
body.firstviewF #btnCloseTopics {
    display: none;
}
body.firstviewF .top_catch {
    background-color: #f5f5f5;
}
body.firstviewF .topic_image_div {
    border-radius: unset !important;
}

body.firstviewF .top_topic > pre {
    color: #000000;
    background-color: #ffffff;
    min-height: 100px;
}

body.firstviewF .top_topics_content_area {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
body.firstviewF .top_topic {
    margin-left: 0;
    width: 25%;
    max-width: unset;
}
body.firstviewF .topic_image {
    width: 100%;
}

body.firstviewF .top_experience {
    position: relative;
}
body.firstviewF .btn_experience {
    position: absolute;
    top: calc(50% - 12px);
    right: 2rem;
    border-radius: 4px;
    background-color: var(--color-text) !important;
    color: var(--color-main) !important;
}
body.firstviewF .btn_experience::after {
    position: absolute;
    content: ">";
    background-image: unset;
    width: fit-content;
    top: -2px;
    left: 10px;
}
body.firstviewF .text_experience {
    margin-bottom: 0;
    padding-right: 190px;
    padding-bottom: 2rem;
}

body.firstviewF #btnNewsMore {
    position: relative;
    margin: 200px auto 0 auto;
}

body.firstviewF #btnNewsMoreUpper,
body.firstviewF #experienceUpperWrap {
    display: block;
}
body.firstviewF #btnNewsMore,
body.firstviewF #experience {
    display: none;
}
body.firstviewF #topNewsTitle,
body.firstviewF #topProjectTitle {
    display: block;
    position: relative;
    width: 100%;
    border-top: unset;
}

body.firstviewF #tabOutline .tab_images,
body.firstviewF .outline_image_top {
    display: none;
}
body.firstviewF .tab_images > img {
    border-radius: unset !important;
}
body.firstviewF .tab_images_all {
    display: block;
    float: left;
    width: calc(50% - 2rem);
    object-fit: contain;
    margin: 1rem 2rem 1rem 0;
}
body.firstviewF .tab_images_all > img:first-of-type {
    margin-top : 0;
}
body.firstviewF .tab_images_all > img {
    margin-top : 2rem;
}

body.firstviewF .tabs3 {
    padding-left: 0;
    padding-right: 0;
}
body.firstviewF .tabs3 > .tab {
    color:#848484;
    background-color: #D8D8D8;
}
body.firstviewF .tabs3 > .tab {
    color:#848484;
    background-color: #D8D8D8;
    margin: 0 0 0 1px;
}
body.firstviewF .tabs3 > .tab.active {
    color:var(--color-text);
}

body.firstviewF .tab_images_all > img {
    width: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 5px;
}

body.firstviewF #btnMemberLeft {
    color: var(--color-main);
    background-color: #ffffff;
    background-image: unset;
    position: absolute;
    margin-top: 210px;
    margin-left: 0;
    border-radius: 24px;
    left: 5px;
}
body.firstviewF #btnMemberLeft::after {
    content: "<";
    position: relative;
    font-size: 20px;
    top: 8px;
    left: 16px;
}

body.firstviewF #btnMemberRight {
    color: var(--color-main);
    background-color: #ffffff;
    background-image: unset;
    position: absolute;
    margin-top: 210px;
    margin-right: 0;
    right: 5px;
    border-radius: 24px;
}
body.firstviewF #btnMemberRight::after {
    content: ">";
    position: relative;
    font-size: 20px;
    top: 8px;
    left: 16px;
}
body.firstviewF .slide_box {
    /* width: 100vw; */
    padding: 0 4rem;
} 
body.firstviewF .member_box {
    padding: 0 !important;
    width: unset;
}

body.firstviewF .member_box img {
    /* width: 100% !important; */
    width: calc((100vw - 7rem) / 4 - 2vw) !important;
    height: calc((100vw - 7rem) / 4 - 2vw) !important;
    border-radius: unset !important;
}

body.firstviewF .member_box > .member_text {
    padding: 0 2vw 2vw 2vw;
}

body.firstviewF .gallery_box {
    background-color: #F5F5F5;
    color: #000000;
    width: 250px;
    border-radius: unset !important;
    border-width: 0 !important;
}
body.firstviewF .gallery_box > img,
body.firstviewF .gallery_box > .gallery_youtube {
    border-radius: unset !important;
}

body.firstviewF .school {
    background-color: #F5F5F5;
    /* padding-left: 0; */
}
body.firstviewF .school_image_top {
    background-color: #F5F5F5;
    border-radius: unset !important;
    margin: 0 2rem 0 0;
    object-fit: cover;
    vertical-align: top;
    min-height: 322px;
    max-height: 400px;
}

/* ファーストビュー選択以上 */
body.thema1  .main-inner h2 { background-image: url(../img/page/title_under_t1.png); }
body.thema2  .main-inner h2 { background-image: url(../img/page/title_under_t2.png); }
body.thema3  .main-inner h2 { background-image: url(../img/page/title_under_t3.png); }
body.thema4  .main-inner h2 { background-image: url(../img/page/title_under_t4.png); }
body.thema5  .main-inner h2 { background-image: url(../img/page/title_under_t5.png); }
body.thema6  .main-inner h2 { background-image: url(../img/page/title_under_t6.png); }
body.thema7  .main-inner h2 { background-image: url(../img/page/title_under_t7.png); }
body.thema8  .main-inner h2 { background-image: url(../img/page/title_under_t8.png); }
body.thema9  .main-inner h2 { background-image: url(../img/page/title_under_t9.png); }
body.thema10 .main-inner h2 { background-image: url(../img/page/title_under_t10.png); }
body.thema11 .main-inner h2 { background-image: url(../img/page/title_under_t11.png); }
body.thema12 .main-inner h2 { background-image: url(../img/page/title_under_t12.png); }
body.thema13 .main-inner h2 { background-image: url(../img/page/title_under_t13.png); }
body.thema14 .main-inner h2 { background-image: url(../img/page/title_under_t14.png); }
body.thema15 .main-inner h2 { background-image: url(../img/page/title_under_t15.png); }
body.thema16 .main-inner h2 { background-image: url(../img/page/title_under_t16.png); }
body.thema17 .main-inner h2 { background-image: url(../img/page/title_under_t17.png); }
body.thema18 .main-inner h2 { background-image: url(../img/page/title_under_t18.png); }
body.thema19 .main-inner h2 { background-image: url(../img/page/title_under_t19.png); }

.main-inner h2 {
    padding-top: 3rem;
    margin-bottom: 3rem;
    font-size: 1.9rem;
    margin-left: 5rem;
    border-bottom: 1px solid #a5a5a5;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.main-inner h2 > .suffix {
    float: right;
    right: 0px;
    font-size: 2.8rem;
    color: #cccccc;
    font-family: Helvetica, Arial;
    margin-top: -0.6rem;
}

body .main-inner h2 > .suffix::after { background-color: var(--color-main); }

.main-inner h2 > .suffix::after{
    content: '';
    display: inline-block;
    height: 1.5rem;
    width: 4.7rem;
    margin-left: 0.3rem;
    margin-bottom: -0.2rem;
}

/* 詳細デザインB サブタイトル */
body.detailsB.thema1  .main-inner h2 > .suffix { color: #FF0000;}
body.detailsB.thema2  .main-inner h2 > .suffix { color: #B40404;}
body.detailsB.thema3  .main-inner h2 > .suffix { color: #FF8000;}
body.detailsB.thema4  .main-inner h2 > .suffix { color: #FFBF00;}
body.detailsB.thema5  .main-inner h2 > .suffix { color: #FFFF00;}
body.detailsB.thema6  .main-inner h2 > .suffix { color: #00FF00;}
body.detailsB.thema7  .main-inner h2 > .suffix { color: #088A08;}
body.detailsB.thema8  .main-inner h2 > .suffix { color: #0000FF;}
body.detailsB.thema9  .main-inner h2 > .suffix { color: #00BFFF;}
body.detailsB.thema10 .main-inner h2 > .suffix { color: #00FFFF;}
body.detailsB.thema11 .main-inner h2 > .suffix { color: #8A0886;}
body.detailsB.thema12 .main-inner h2 > .suffix { color: #BF00FF;}
body.detailsB.thema13 .main-inner h2 > .suffix { color: #FF00BF;}
body.detailsB.thema14 .main-inner h2 > .suffix { color: #ff1493;}
body.detailsB.thema15 .main-inner h2 > .suffix { color: #000080;}
body.detailsB.thema16 .main-inner h2 > .suffix { color: #2E2E2E;}
body.detailsB.thema17 .main-inner h2 > .suffix { color: #FC9090;}
body.detailsB.thema18 .main-inner h2 > .suffix { color: #0093FF;}
body.detailsB.thema19 .main-inner h2 > .suffix { color: #0B7964;}

body.detailsB .main-inner h2 {
    font-size: 0.9rem;
    text-align: center;
    margin: 0 auto 3rem auto;
    border-bottom: none;
    background-position: bottom;
    background-size: 7rem 5px;
    padding-top: 5rem;
    padding-bottom: 10px;
}
body.detailsB .main-inner h2 > .suffix {
    margin-top: -4.5rem;
    font-size: 2.5rem;
    float: none;
}
body.detailsB .main-inner h2 > .suffix::after{
    content: none;
}

.gallery_box > img.inFolder {
    width: 150px !important;
    height: 150px !important;
    object-fit: cover !important;
    margin-top: 70px !important;
    margin-left: 7px !important;
    margin-bottom: 38px !important;
    border-radius: 0 0 0 0 !important;
}

.inline-icon-gallery-inFolder {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* 詳細デザインB 枠ラウンド */
body.detailsB .topic_image_div,
body.detailsB .outline_image_top,
body.detailsB .tab_images > img,
body.detailsB .gallery_box,
body.detailsB .school_image_top {
    border-radius: 10px;
}
body.detailsB .gallery_box > img,
body.detailsB .gallery_box > .gallery_youtube {
    border-radius: 10px 10px 0 0;
}

body.detailsB .member_box{
    background-color: #F7F7F7;
    margin: 1rem 1rem 3rem 0rem;
    padding: 2vw;
}
body.detailsB .member_box img{
    width: calc((100vw - 14rem) / 4 - 4vw);
    height: calc((100vw - 14rem) / 4 - 4vw);
    border-radius: 10px;
}

body.detailsB .tag {
    border-radius: 10px;
}
/* 詳細デザインB 以上 */

.catch_image_scroll {
    /*overflow-y: hidden;*/
    position: relative;
}
.catch_image_box{
    background-size: cover;
    background-position: center;
}
body .pc.catch_image_box.active,
body .sp.catch_image_box.active{
    background-color: unset !important;
}

.catch_image {
    width: 100%;
    max-height: 800px;
    object-fit: contain;
    object-position: top;
    backdrop-filter: blur(5px);
}

.catch_image_box:not(.active) {
    display: none !important;
}
.catch_image_box.active.move {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

#btnCloseTopics {
    margin-top: -282px;
}

.top_topics_area {
    width: 100%;
    height: 290px;
    position: absolute;
    margin-top: -290px;
    background-color: rgba(0, 0, 0,.5);
    padding: 1rem 0 0 0;
    overflow: hidden;
}

.top_topics_content_area {
    width: max-content;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5rem;
    padding-right: 5rem;
}

.top_topic:first-child {
    margin-left: 0;
}

.top_topic {
    object-fit: cover;
    position: relative;
    margin-top: 1rem;
    margin-left: 2rem;
    cursor: pointer;
    max-width: 340px;
}

.top_topic > pre {
    overflow: hidden;
    text-align: center;
    color: #FFFFFF;
    max-height: 44px;
}

.topic_image_div {
    overflow: hidden;
}
.topic_image {
    width: 340px;
    min-width: 340px;
    height: 200px;
    object-fit: cover;
    transition: transform 250ms;
    transition-timing-function: ease-in-out;
}
.topic_image:hover {
    transform: scale(1.1);
}

.text_experience {
    margin-bottom: 1rem;
    margin-right: 1rem;
}
.btn_experience {
    margin-left: auto;
    margin-right: 0;
    cursor: pointer;
}

body.thema1  .top_experience { background-color: #FF0000; }
body.thema2  .top_experience { background-color: #B40404; }
body.thema3  .top_experience { background-color: #FF8000; }
body.thema4  .top_experience { background-color: #FFBF00; color: #2E2E2E; }
body.thema5  .top_experience { background-color: #FFFF00; color: #2E2E2E; }
body.thema6  .top_experience { background-color: #00FF00; color: #2E2E2E; }
body.thema7  .top_experience { background-color: #088A08; }
body.thema8  .top_experience { background-color: #0000FF; }
body.thema9  .top_experience { background-color: #00BFFF; }
body.thema10 .top_experience { background-color: #00FFFF; color: #2E2E2E; }
body.thema11 .top_experience { background-color: #8A0886; }
body.thema12 .top_experience { background-color: #BF00FF; }
body.thema13 .top_experience { background-color: #FF00BF; }
body.thema14 .top_experience { background-color: #ff1493; }
body.thema15 .top_experience { background-color: #000080; }
body.thema16 .top_experience { background-color: #2E2E2E; }
body.thema17 .top_experience { background-color: #FC9090; }
body.thema18 .top_experience { background-color: #0093FF; }
body.thema19 .top_experience { background-color: #0B7964; }

.top_experience {
    display: flex;
    width: 100%;
    min-height: 100px;
    padding-top: 40px;
    padding-left: 5rem;
    padding-right: 5rem;
    color: #FFFFFF;
}

.tabs3 {
    display: flex;
    width: 100%;
    padding-left: 5rem;
    padding-right: 5rem;
    margin-bottom: 1rem;
}
.tabs3 > .tab:first-child {
    margin-left: 0;
}
.tabs3 > .tab {
    width: 100%;
    margin: 0 0 0 0.2rem;
    padding: 0.4rem 0 0.4rem 0;
    font-size: 1.2rem;
    text-align: center;
    background-color: #979797;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color 500ms;
}

body.thema1  .tabs3 > .tab:hover { background-color: #FF0000 !important; }
body.thema2  .tabs3 > .tab:hover { background-color: #B40404 !important; }
body.thema3  .tabs3 > .tab:hover { background-color: #FF8000 !important; }
body.thema4  .tabs3 > .tab:hover { background-color: #FFBF00 !important; color: #2E2E2E; }
body.thema5  .tabs3 > .tab:hover { background-color: #FFFF00 !important; color: #2E2E2E; }
body.thema6  .tabs3 > .tab:hover { background-color: #00FF00 !important; color: #2E2E2E; }
body.thema7  .tabs3 > .tab:hover { background-color: #088A08 !important; }
body.thema8  .tabs3 > .tab:hover { background-color: #0000FF !important; }
body.thema9  .tabs3 > .tab:hover { background-color: #00BFFF !important; }
body.thema10 .tabs3 > .tab:hover { background-color: #00FFFF !important; color: #2E2E2E; }
body.thema11 .tabs3 > .tab:hover { background-color: #8A0886 !important; }
body.thema12 .tabs3 > .tab:hover { background-color: #BF00FF !important; }
body.thema13 .tabs3 > .tab:hover { background-color: #FF00BF !important; }
body.thema14 .tabs3 > .tab:hover { background-color: #ff1493 !important; }
body.thema15 .tabs3 > .tab:hover { background-color: #000080 !important; }
body.thema16 .tabs3 > .tab:hover { background-color: #2E2E2E !important; }
body.thema17 .tabs3 > .tab:hover { background-color: #FC9090 !important; }
body.thema18 .tabs3 > .tab:hover { background-color: #0093FF !important; }
body.thema19 .tabs3 > .tab:hover { background-color: #0B7964 !important; }

.tabs3 > .tab:hover {
    background-color: #ba0000 !important;
}

body.thema4  .tabs3 > .tab.active::before,
body.thema5  .tabs3 > .tab.active::before,
body.thema6  .tabs3 > .tab.active::before,
body.thema10  .tabs3 > .tab.active::before{
    background-image: url(../img/page/icon_arrow_right_small_black.svg);
}

.tabs3 > .tab.active::before {
    content: "";
    background-image: url(../img/page/icon_arrow_right_small.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 1rem;
    height: 0.6rem;
    margin-bottom: 3px;
}

.content_about {
    padding-left: 5rem;
    padding-right: 3rem; /*ブロック間マージン2remを引く*/
}

.outline_image_top {
    width: calc(50% - 2rem); /*calc((100vw - 13rem) / 2 - 0.5px);*/
    object-fit: contain;
    object-position: top;
    float: left;
    margin: 1rem 2rem 1rem 0;
    border-radius: unset !important;
}

.outline_box:first-child {
    margin-left: 0;
}
.outline_box {
    /*float: left;*/
    display: inline-block;
    width: calc(50% - 2.5rem);
    margin: 1rem 2rem 1rem 0;
    overflow-x: hidden;
    vertical-align: top;
}

.outline_box > pre {
    overflow-x: hidden;
    font-size: 1rem;
}

body.thema1  h3 { border-left: 4px solid #F78181 !important; }
body.thema2  h3 { border-left: 4px solid #FF8000 !important; }
body.thema3  h3 { border-left: 4px solid #F79F81 !important; }
body.thema4  h3 { border-left: 4px solid #F7D358 !important; }
body.thema5  h3 { border-left: 4px solid #F3F781 !important; }
body.thema6  h3 { border-left: 4px solid #ACFA58 !important; }
body.thema7  h3 { border-left: 4px solid #00FF00 !important; }
body.thema8  h3 { border-left: 4px solid #58ACFA !important; }
body.thema9  h3 { border-left: 4px solid #81BEF7 !important; }
body.thema10 h3 { border-left: 4px solid #81DAF5 !important; }
body.thema11 h3 { border-left: 4px solid #D358F7 !important; }
body.thema12 h3 { border-left: 4px solid #DA81F5 !important; }
body.thema13 h3 { border-left: 4px solid #F781F3 !important; }
body.thema14 h3 { border-left: 4px solid #F781D8 !important; }
body.thema15 h3 { border-left: 4px solid #7401DF !important; }
body.thema16 h3 { border-left: 4px solid #6E6E6E !important; }
body.thema17 h3 { border-left: 4px solid #F8BEBE !important; }
body.thema18 h3 { border-left: 4px solid #6FC2FF !important; }
body.thema19 h3 { border-left: 4px solid #24A78E !important; }
h3 {
    width: 100%;
    padding: 3px 10px !important;
    border-bottom: 1px solid #a5a5a5 !important;
    min-height: 2rem;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
}

.history_area {
    padding-top: 1rem;
    margin-right: 1rem;
}
.course_area {
    padding-top: 1rem;
}

.course_box > pre {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

body.thema1  .course_box > h3 { border-left: 4px solid #F78181 !important; }
body.thema2  .course_box > h3 { border-left: 4px solid #FF8000 !important; }
body.thema3  .course_box > h3 { border-left: 4px solid #F79F81 !important; }
body.thema4  .course_box > h3 { border-left: 4px solid #F7D358 !important; }
body.thema5  .course_box > h3 { border-left: 4px solid #F3F781 !important; }
body.thema6  .course_box > h3 { border-left: 4px solid #ACFA58 !important; }
body.thema7  .course_box > h3 { border-left: 4px solid #00FF00 !important; }
body.thema8  .course_box > h3 { border-left: 4px solid #58ACFA !important; }
body.thema9  .course_box > h3 { border-left: 4px solid #81BEF7 !important; }
body.thema10 .course_box > h3 { border-left: 4px solid #81DAF5 !important; }
body.thema11 .course_box > h3 { border-left: 4px solid #D358F7 !important; }
body.thema12 .course_box > h3 { border-left: 4px solid #DA81F5 !important; }
body.thema13 .course_box > h3 { border-left: 4px solid #F781F3 !important; }
body.thema14 .course_box > h3 { border-left: 4px solid #F781D8 !important; }
body.thema15 .course_box > h3 { border-left: 4px solid #7401DF !important; }
body.thema16 .course_box > h3 { border-left: 4px solid #6E6E6E !important; }
body.thema17 .course_box > h3 { border-left: 4px solid #F8BEBE !important; }
body.thema18 .course_box > h3 { border-left: 4px solid #6FC2FF !important; }
body.thema19 .course_box > h3 { border-left: 4px solid #24A78E !important; }

.history_group {
    float: left;
    padding: 1rem 0;
    width: calc(100% - 2rem);
    margin-left: 2rem;
}

.history_group_title {
    font-weight: 600;
}

.history_box > pre, .history_group > pre {
    overflow-x: hidden;
    font-size: 1rem;
}

body.thema1  .history_box > h3, body.thema1  history_group > h3 { border-left: 4px solid #F78181; }
body.thema2  .history_box > h3, body.thema2  history_group > h3 { border-left: 4px solid #FF8000; }
body.thema3  .history_box > h3, body.thema3  history_group > h3 { border-left: 4px solid #F79F81; }
body.thema4  .history_box > h3, body.thema4  history_group > h3 { border-left: 4px solid #F7D358; }
body.thema5  .history_box > h3, body.thema5  history_group > h3 { border-left: 4px solid #F3F781; }
body.thema6  .history_box > h3, body.thema6  history_group > h3 { border-left: 4px solid #ACFA58; }
body.thema7  .history_box > h3, body.thema7  history_group > h3 { border-left: 4px solid #00FF00; }
body.thema8  .history_box > h3, body.thema8  history_group > h3 { border-left: 4px solid #58ACFA; }
body.thema9  .history_box > h3, body.thema9  history_group > h3 { border-left: 4px solid #81BEF7; }
body.thema10 .history_box > h3, body.thema10 history_group > h3 { border-left: 4px solid #81DAF5; }
body.thema11 .history_box > h3, body.thema11 history_group > h3 { border-left: 4px solid #D358F7; }
body.thema12 .history_box > h3, body.thema12 history_group > h3 { border-left: 4px solid #DA81F5; }
body.thema13 .history_box > h3, body.thema13 history_group > h3 { border-left: 4px solid #F781F3; }
body.thema14 .history_box > h3, body.thema14 history_group > h3 { border-left: 4px solid #F781D8; }
body.thema15 .history_box > h3, body.thema15 history_group > h3 { border-left: 4px solid #7401DF; }
body.thema16 .history_box > h3, body.thema16 history_group > h3 { border-left: 4px solid #6E6E6E; }
body.thema17 .history_box > h3, body.thema17 history_group > h3 { border-left: 4px solid #F8BEBE; }
body.thema18 .history_box > h3, body.thema18 history_group > h3 { border-left: 4px solid #6FC2FF; }
body.thema19 .history_box > h3, body.thema19 history_group > h3 { border-left: 4px solid #24A78E; }
.history_box > h3, history_group > h3 {
    width: 100%;
    padding: 3px 10px;
    border-bottom: 1px solid #a5a5a5;
    height: 2rem;
    font-size: 1.1rem;
}

.history_detail:first-of-type {
    border-top: 1px solid #cccccc; 
}
.history_detail {
    display: flex;
    padding: 1rem 0 1rem 0;
    border-bottom: 1px solid #cccccc;
}

.history_year {
    min-width: 5rem;
    margin-right: 1rem;
}

.tab_images {
    width: 100%;
    clear: both;
    position: relative;
    text-align: center;
}

.tab_images > img {
    width: 350px;
    height: 250px;
    object-fit: cover;
    margin: 1rem 1rem 0 0;
}

.colored_back{
    background-color: #F7F7F7;
    margin-top: 4rem;
    padding-bottom: 4rem;
}

.member_area {
    display: flex;
}

.slide_box {
    width: calc(100vw - 10rem);
    display: flex;
    overflow: hidden;
}



.school {
    padding-left: 5rem;
    padding-right: 3rem;
}

.school_name {
    font-size: 1.2rem;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px dashed #a5a5a5;
}

.school_subject {
	overflow: hidden;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #a5a5a5;
    margin-bottom: 1rem;
}

.school_data {
    font-size: 0.9rem;
}

.school_image_top {
    width: calc(50% - 2.5rem);
    height: fit-content;
    object-fit: scale-down;
    display: inline-block;
    margin: 1rem 2rem 1rem 0;
}

/* ニュース */
.tag {
    position: absolute;
    text-align: center;
    min-width: 5rem;
    padding: 0.1rem 0.5rem;
    top: 9px;
    right: 10px;
    color:white;    
    font-size: 0.7rem;
    font-weight: 600;
    border-radius: 4px;
    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 50%);
}

/* 個別スポンサー */
/* https://bukatsunavi.com/page/onomichiac/soccer/ */
#sponsorArea #did110 {
    width: unset;
    max-width: 100%;
    max-height: unset;
    float: left;
}
#sponsorArea #did110 > img {
    width: 500px;
    max-width: 100%;
    max-height: 163px;
}
/* https://bukatsunavi.com/page/kunimi-h/soccer/ */
#sponsorArea [id="64faf2d8168ee"] {
    width: unset;
    max-width: 100%;
    max-height: unset;
}
#sponsorArea [id="64faf2d8168ee"] > img {
    width: 125px;
    max-width: 100%;
    max-height: 50px;
}

#headerMessage {
    background-image: url(../img/icon/bukatsunavi_icon-32.png);
    cursor: pointer;
}

#headerMessage2 {
    background-image: url(../img/icon/bukatsunavi_icon-32.png);
    cursor: pointer;
}