@charset "UTF-8";
/* Foundation
========================================================*/
/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)
 fixed
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; word-break: break-all; }

strong { font-weight: bold; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; word-break: break-all; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

div, p, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, table, tr, th, td, article, aside, header, footer, section, nav, a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

ul, dl { margin: 0; padding: 0; list-style: none; }

body, html, td, th, input[type="text"], input[type="password"], select, textarea { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500; }

html { font-size: 62.5%; }

body { font-size: 16px; font-size: 1.6rem; line-height: 170%; color: #666; letter-spacing: -0.05em; }

/* font icons */
/* Scss Document */
/*
ex)
.box { @include pc { }; @include tab { }; @include sp { };
}
*/
/* # a
-----------------------------------------------------------------------------------*/
a { text-decoration: none; color: #013f98; transition: all 0.3s ease; }
a:hover { opacity: 0.7; }

img { max-width: 100%; height: auto; }
@media (min-width: 1000px) { img { max-width: initial; } }

/* # parts common
-----------------------------------------------------------------------------------*/
.Container { background: #F8FCFD; }

.Contents { margin-top: 67px; }
@media (min-width: 1000px) { .Contents { margin-top: 80px; } }

.l-contents { width: 100%; padding-left: 10px; padding-right: 10px; }
@media (min-width: 1000px) { .l-contents { width: 980px; margin-left: auto; margin-right: auto; } }

.title001 { text-align: center; background: url(../images/bg001.png) repeat; color: #54b6cb; font-size: 2.2rem; padding-top: 30px; padding-bottom: 30px; margin-bottom: 40px; line-height: 120%; }
@media (min-width: 1000px) { .title001 { font-size: 3.6rem; line-height: 160%; } }

.title002 { font-size: 1.4rem; text-align: right; margin-top: -20px; }

.title003 { font-weight: bold; margin-bottom: 20px; border-left: 5px solid #54b6cb; padding-left: 10px; font-size: 2.0rem; margin-top: 40px; }

.title004 { font-weight: bold; color: #54b6cb; margin-bottom: 20px; margin-top: 30px; font-size: 1.8rem; }

.title005 { font-weight: bold; margin-bottom: 10px; }

.title006 { font-weight: bold; background: url(../images/bg001.png) repeat; font-size: 2.2rem; padding-top: 10px; padding-bottom: 20px; margin-bottom: 40px; line-height: 120%; }
@media (min-width: 1000px) { .title006 { font-size: 2.2rem; line-height: 160%; } }

.uList001 { padding: 0.5em 0.5em 0.5em 2em; list-style: disc; }
.uList001 li { line-height: 1.5; padding: 0.5em 0; }

.button001 { display: inline-block; background: #013f98; color: #fff; padding: 5px 10px; border-radius: 4px; }

.blockLinkCenter { text-align: center; margin-top: 40px; margin-bottom: 40px; }

.link001 { font-size: 2.7rem; }
.link001::after { font-family: "Font Awesome 5 Free"; font-weight: bold; content: "\f054"; font-size: 3.0rem; margin-left: 10px; }

.entryImage001 { text-align: center; margin-top: 20px; margin-bottom: 20px; }

#js-mokuji { background-color: #f4f4f4; padding: 1em; }
#js-mokuji h3 { font-weight: bold; margin-bottom: 0.5em; }
#js-mokuji ol { margin-left: 2em; }

.entryMovie001 { position: relative; width: 100%; padding-top: 56.25%; }
.entryMovie001 iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

.anchorPosition { display: block; margin-top: -60px; padding-top: 60px; }
@media (min-width: 1000px) { .anchorPosition { margin-top: -100px; padding-top: 100px; } }

.entryText001 { color: #013f98; }

.expart_talk { margin: 1.5em auto; }
.expart_talk .expart_talk_name { font-weight: bold; }
.expart_talk strong { color: #013f98; }

.listener { font-weight: bold; color: #222; margin-top: 2em; }

.interviewDate { text-align: right; font-size: 1.3rem; }

.table { width: 100%; margin: 0 auto; border-collapse: separate; border-spacing: 3px; }
.table th { background: #f4f4f4; font-weight: bold; padding: 10px; }
.table td { padding: 10px; }

.banner_caption { display: block; font-size: 0.9rem; margin-bottom: 20px; padding: 0; }

/* # トップ
-----------------------------------------------------------------------------------*/
/* インフォメーション */
.blockInformation { padding-bottom: 40px; margin-bottom: 60px; background: #F4f4f4; }

.blockInformation__item { padding: 20px; padding-bottom: 0px; margin-bottom: 0px; }

.blockInformation__date { color: #54b6cb; }

/* スライドイメージ */
.blockImageBoard { position: relative; }

.blockImageBoard__panelsItem { height: 200px; }
@media (min-width: 1000px) { .blockImageBoard__panelsItem { height: 600px; } }
.blockImageBoard__panelsItem img { object-fit: cover; font-family: 'object-fit: cover;'; /*for ofi.js*/ height: 100%; width: 100%; }

.blockImageBoard__cath { position: absolute; text-align: center; width: 90%; top: -100%; left: -100%; right: -100%; bottom: -100%; margin: auto; height: 80%; }
.blockImageBoard__cath img { width: 90%; height: auto; }
@media (min-width: 480px) { .blockImageBoard__cath img { width: 70%; } }
@media (min-width: 800px) { .blockImageBoard__cath img { width: 50%; } }
@media (min-width: 1000px) { .blockImageBoard__cath img { width: auto; } }

/* 全国の高校づくりの取り組み */
@media (min-width: 1000px) { .blockTopTorikumi { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .blockTopTorikumi a { display: block; color: #666; } }
@media (min-width: 1000px) and (min-width: 1000px) { .blockTopTorikumi a { width: 49%; } }

.blockTopTorikumi__item { border-radius: 6px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); background: #fff; margin-bottom: 20px; }
@media (min-width: 1000px) { .blockTopTorikumi__item { min-height: 340px; position: relative; } }
.blockTopTorikumi__item dt { height: 185px; }
.blockTopTorikumi__item img { object-fit: cover; font-family: 'object-fit: cover;'; /* for ofi.js */ width: 100%; height: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.blockTopTorikumi__item dd { padding: 20px; }
.blockTopTorikumi__item dd h3 { font-weight: bold; }
.blockTopTorikumi__item dd .blockTopTorikumi__item_belongs { font-size: 1.4rem; color: #999; }
@media (min-width: 1000px) { .blockTopTorikumi__item dd .blockTopTorikumi__item_belongs { position: absolute; bottom: 5px; right: 10px; } }

/* プラットフォーム */
.blockTopPlatform { padding-bottom: 80px; }

.blockTopPlatform__item { background: rgba(255, 255, 255, 0.8); padding: 20px; }

.blockPattern001 { background: #F4f4f4; }

.blockPattern002 { background: #54b6cb; color: #fff; }

/* トップリンクス */
.blockTopLinks { padding-top: 40px; }
.blockTopLinks ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
@media (min-width: 1000px) { .blockTopLinks ul { display: flex; flex-wrap: wrap; justify-content: space-between; } }
.blockTopLinks li { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); border-radius: 6px; background: #fff; text-align: center; margin-bottom: 20px; font-size: 1.8rem; border: 6px solid #BBE2EA; width: 49%; }
@media (min-width: 1000px) { .blockTopLinks li { width: 32%; font-size: 2.0rem; } }
.blockTopLinks li a { display: block; color: #666; padding: 20px 10px; }
.blockTopLinks li a::after { font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 6.0rem; display: block; color: #013f98; margin-top: 50px; margin-bottom: 40px; }
.blockTopLinks li:nth-of-type(1) a::after { content: "\f518"; }
.blockTopLinks li:nth-of-type(2) a::after { content: "\f51c"; }
.blockTopLinks li:nth-of-type(3) a::after { content: "\f0c0"; }
.blockTopLinks li:nth-of-type(4) a::after { content: "\f552"; }
.blockTopLinks li:nth-of-type(5) a::after { content: "\f0ca"; }
.blockTopLinks li:nth-of-type(6) a::after { content: "\f05a"; }

/* # page image
-----------------------------------------------------------------------------------*/
.blockPageImage { position: relative; background: url("../images/page_cover001.jpg") no-repeat; background-size: cover; background-position: center center; }

.blockPageImage_cover001 { background: url("../images/page_cover001.jpg") no-repeat; background-position: center; }

.blockPageImage_cover002 { background: url("../images/page_cover004.jpg") no-repeat; background-position: center top; }

.blockPageImage_cover003 { background: url("../images/page_cover003.jpg") no-repeat; background-position: center; }

.blockPageImage_cover004 { background: url("../images/page_cover002.jpg") no-repeat; background-position: center top; }

.blockPageImage_cover005 { background: url("../images/page_cover005.jpg") no-repeat; background-position: center; }

.blockPageImage__catch { padding-top: 20px; padding-bottom: 20px; margin-left: auto; margin-right: auto; height: 80%; }
@media (min-width: 1000px) { .blockPageImage__catch { width: 880px; padding-top: 100px; padding-bottom: 100px; position: relative; left: 55px; } }

.blockPageImage__catchTitle { text-align: center; font-size: 2.6rem; font-weight: bold; margin-bottom: 10px; color: #fff; background: -moz-linear-gradient(left, #094fa6 0%, rgba(9, 79, 166, 0.8) 100%); background: -webkit-linear-gradient(left, #094fa6 0%, rgba(9, 79, 166, 0.8) 100%); background: linear-gradient(to right, #094fa6 0%, rgba(9, 79, 166, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#094fa6', endColorstr='#cc094fa6',GradientType=1 ); line-height: 200%; }
@media (min-width: 1000px) { .blockPageImage__catchTitle { background: url(../images/sub_page_title_bg.png) no-repeat right center; width: 880px; font-size: 4.0rem; line-height: 70px; padding-right: 55px; } }

.blockPageImage__catchDetail { background: rgba(255, 255, 255, 0.9); padding: 20px; }
@media (min-width: 1000px) { .blockPageImage__catchDetail { width: 770px; } }

.blockPageImage__catchTitle, .blockPageImage__catchDetail { opacity: 1; -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 4s; /* Firefox < 16 */ -ms-animation: fadein 4s; /* Internet Explorer */ -o-animation: fadein 4s; /* Opera < 12.1 */ animation: fadein 4s; /* Firefox < 16 */ /* Safari, Chrome and Opera > 12.1 */ /* Internet Explorer */ }
@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
/* # entry list
-----------------------------------------------------------------------------------*/
.blockEntryPanels { margin-bottom: 40px; }

.blockEntryPanelsItem { border: 1px solid #ccc; border-radius: 6px; background: #fff; padding: 10px; position: relative; margin-bottom: 20px; }
.blockEntryPanelsItem a { color: #666; display: block; }
@media (min-width: 1000px) { .blockEntryPanelsItem a { display: flex; flex-wrap: nowrap; justify-content: space-between; } }
.blockEntryPanelsItem + .blockEntryPanelsItem { margin-top: 20px; }

.blockEntryPanelsItem__image { margin-bottom: 10px; text-align: center; float: left; width: 25%; margin-right: 10px; }
@media (min-width: 1000px) { .blockEntryPanelsItem__image { width: 25%; margin-right: 5%; margin-bottom: 0; float: none; }
  .blockEntryPanelsItem__image img { max-width: 100%; } }

.blockPanelItemData::after { content: ""; display: table; clear: both; }
@media (min-width: 1000px) { .blockPanelItemData { width: 70%; position: relative; } }

.blockEntryPanelsItem__title { font-size: 2.0rem; margin-bottom: 10px; font-weight: bold; }
@media (min-width: 1000px) { .blockEntryPanelsItem__title { font-size: 2.4rem; line-height: 140%; } }

.blockEntryPanelsItem__belongs { font-size: 1.4rem; color: #999; margin-bottom: 10px; }

.blockEntryPanelsItem__tags { margin-top: 20px; }
@media (min-width: 1000px) { .blockEntryPanelsItem__tags { width: 100%; } }

.ex-TagItem, .blockEntryPanelsItem__tagsItem001, .blockEntryPanelsItem__tagsItem002, .blockEntryPanelsItem__tagsItem003, .blockEntryPanelsItem__tagsItem004, .blockEntryPanelsItem__tagsItem005, .entryTags__tagsItem001, .entryTags__tagsItem002, .entryTags__tagsItem003, .entryTags__tagsItem004, .entryTags__tagsItem005 { font-size: 1.3rem; padding: 2px 5px; border-radius: 4px; display: inline-block; background: #F4f4f4; color: #fff; margin-bottom: 5px; }

.blockEntryPanelsItem__tagsItem001 { background: #C69DB4; }

.blockEntryPanelsItem__tagsItem002 { background: #DBA981; }

.blockEntryPanelsItem__tagsItem003 { background: #BFC165; }

.blockEntryPanelsItem__tagsItem004 { background: #83BF97; }

.blockEntryPanelsItem__tagsItem005 { background: #79AEE0; }

/* # ツールボックス
-----------------------------------------------------------------------------------*/
.blockKitCategory { margin-bottom: 40px; }
@media (min-width: 1000px) { .blockKitCategory ul { display: flex; flex-wrap: wrap; justify-content: space-between; } }
.blockKitCategory li { margin-bottom: 10px; }
@media (min-width: 1000px) { .blockKitCategory li { width: 32%; margin-bottom: 10px; } }
.blockKitCategory a { display: block; background: #013f98; color: #fff; padding: 10px; text-align: center; }

.blockKit { margin-bottom: 40px; }

.blockKitItems__item { background: #F4f4f4; padding: 20px; margin-bottom: 20px; }
@media (min-width: 1000px) { .blockKitItems__item { padding: 30px; } }

.blockKitItems__itemTitle { text-align: center; font-weight: bold; font-size: 1.8rem; margin-bottom: 20px; }

.ex-KitItemData, .blockKitItems__itemData, .blockEntryKitData { margin-bottom: 20px; }
.ex-KitItemData li, .blockKitItems__itemData li, .blockEntryKitData li { margin-top: 20px; margin-bottom: 20px; border-top: 1px dotted #ccc; padding-top: 10px; }
.ex-KitItemData .iconFile, .blockKitItems__itemData .iconFile, .blockEntryKitData .iconFile { width: 70px; float: left; padding-top: 7px; color: #54b6cb; }
.ex-KitItemData::after, .blockKitItems__itemData::after, .blockEntryKitData::after { content: ""; display: table; clear: both; }

@media (min-width: 1000px) { .blockKitItems__itemData { display: flex; flex-wrap: wrap; justify-content: space-between; } }
@media (min-width: 1000px) { .blockKitItems__itemData li { width: 49%; } }

.blockKitItems__itemDataTitle { margin-left: 70px; width: calc(100% - 70px); }

.blockKitItems__itemDataDownload { margin-left: 70px; width: calc(100% - 70px); margin-top: 10px; }

.blockKitItems__itemDescription { border-top: 1px solid #ccc; padding-top: 20px; }

.blockKitItems__itemDescriptionTitle { font-weight: bold; margin-bottom: 10px; }

.blockKitItems__itemDescription ol { margin-left: 2em; }

.entryNotes_num { font-size: 0.8em; }

.entryNotes { font-size: 0.8em; margin: 4em 2em 4em 2em; }

ul.blockKitItems__itemList li { list-style: disc; }
@media (min-width: 1000px) { ul.blockKitItems__itemList { padding-left: 30px; margin-top: 10px; margin-bottom: 20px; } }

/* # 記事
-----------------------------------------------------------------------------------*/
.blockEntry p { margin-bottom: 20px; }

.entryDate { text-align: right; font-size: 1.1rem; }

.entryImage img { margin-bottom: 10px; }

.entryImageLeft { text-align: center; }
.entryImageLeft img { width: 90%; }
@media (min-width: 1000px) { .entryImageLeft img { width: 100%; } }
@media (min-width: 1000px) { .entryImageLeft { float: left; margin-right: 10px; margin-bottom: 10px; width: 300px; } }
.entryImageLeft::after { content: ""; display: table; clear: both; }

.entryImageRight { text-align: center; }
.entryImageRight img { width: 90%; }
@media (min-width: 1000px) { .entryImageRight img { width: 100%; } }
@media (min-width: 1000px) { .entryImageRight { float: right; margin-left: 10px; margin-bottom: 10px; width: 300px; } }
.entryImageRight::after { content: ""; display: table; clear: both; }

.imageCaption { color: #999; font-size: 1.4rem; }

.entryTags { margin-bottom: 20px; }

.entryTags__title { font-weight: bold; margin-bottom: 10px; font-size: 1.4rem; }

.entryTags__tagsItem001 { background: #C69DB4; }

.entryTags__tagsItem002 { background: #DBA981; }

.entryTags__tagsItem003 { background: #BFC165; }

.entryTags__tagsItem004 { background: #83BF97; }

.entryTags__tagsItem005 { background: #79AEE0; }

.listEntryPoint li { background: #54b6cb; color: #fff; padding: 10px; margin-bottom: 10px; }

.listEntryPoint__title { font-weight: bold; margin-bottom: 5px; font-size: 1.8rem; }
.listEntryPoint__title::before { font-family: "Font Awesome 5 Free"; font-weight: bold; content: "\f00c"; display: inline-block; margin-right: 10px; color: #fff; font-size: 1.8rem; }

.blockEntryKit { background: #F4f4f4; padding: 20px; }
@media (min-width: 1000px) { .blockEntryKit { padding: 30px; } }

.blockEntryKit__title { text-align: center; font-weight: bold; font-size: 1.8rem; margin-bottom: 20px; }

@media (min-width: 1000px) { .blockEntryKitData { display: flex; flex-wrap: wrap; justify-content: space-between; } }
@media (min-width: 1000px) { .blockEntryKitData li { width: 49%; margin-left: 1%; } }

/*---　座談会概要　---*/
.blocksympo { background: #54b6cb; color: #FFFFFF; padding: 10px; margin-bottom: 20px; padding: 20px; }

.blocksympo h2 { font-weight: bold; margin-bottom: 10px; }

.blocksympo dt { float: left; }

/*---　発言　---*/
#symposium { /*---　写真　---*/ /*---　キャプション　---*/ /*---　発言者の名前　---*/ }
#symposium .listener { font-weight: bold; color: #013f98; margin-top: 2em; }
#symposium .symposium_talk { margin: 1.5em auto; }
#symposium .symposium_talk .expart_talk_name { font-weight: bold; }
#symposium .symposium_talk strong { color: #013f98; }
#symposium .symposium_talk p { color: #222; }
#symposium .blocksymposium_image { text-align: center; }
#symposium .symposium_talk .cap { color: #5F5F5F; font-size: 0.8em; }
#symposium .symposium_name { font-weight: bold; color: #000; padding-left: 1em; }
#symposium .blocksympo a { color: #FFFFFF; }

/* # 関連情報
-----------------------------------------------------------------------------------*/
.blockData section { margin-bottom: 40px; }

.blockDataList a[target="_blank"]::after { font-family: "Font Awesome 5 Free"; font-weight: bold; content: "\f2d2"; color: #013f98; font-size: 1.4rem; margin-left: 10px; }

/* # について
-----------------------------------------------------------------------------------*/
.blockAbout section { padding-bottom: 40px; }

.blockAboutPlatflorm { background: rgba(255, 255, 255, 0.1); padding: 20px; }

.blockAboutPlatflorm_single { background: white; padding: 20px; margin-bottom: 40px; text-align: center; color: #666; }

.blockAboutLinks { /*	counter-reset: number 0;*/ margin-top: 20px; }
@media (min-width: 1000px) { .blockAboutLinks { width: 800px; margin-left: auto; margin-right: auto; } }
@media (min-width: 1000px) { .blockAboutLinks ol { display: flex; flex-wrap: nowrap; justify-content: space-between; } }
.blockAboutLinks li { /*		counter-increment: number 1;*/ list-style: none; }
.blockAboutLinks li + li { margin-top: 10px; }
@media (min-width: 1000px) { .blockAboutLinks li + li { margin-top: 0; } }
.blockAboutLinks a { text-align: center; display: block; padding: 10px; /*		background: $color002;*/ background: rgba(9, 79, 166, 0.8); color: #fff; border-radius: 4px; min-width: 150px; }

.blockAboutLinks_single { margin-top: 20px; }
@media (min-width: 1000px) { .blockAboutLinks_single { width: 250px; margin-left: auto; margin-right: auto; } }
.blockAboutLinks_single a { text-align: center; display: block; padding: 10px; background: rgba(9, 79, 166, 0.8); color: #fff; border-radius: 4px; min-width: 150px; }

/* # プライバシーポリシー
-----------------------------------------------------------------------------------*/
.blockPrivacyH3 { font-size: 2rem; font-weight: bold; margin-top: 40px; margin-bottom: 10px; }

/* # 運営者情報
-----------------------------------------------------------------------------------*/
.contact_manegement { border-top: 1px solid #eee; padding: 1em; margin-top: 40px; padding-top: 40px; }
.contact_manegement .contact_notes { font-size: 0.8em; }

/* # ファイルアイコンカラー
-----------------------------------------------------------------------------------*/
.fa-file-pdf { color: #D81A03; }

.fa-file-excel { color: #43A547; }

.fa-file-word { color: #264D8C; }

.fa-file-fa-file-powerpoint { color: #BC4D25; }

/* # Comming Soon block
-----------------------------------------------------------------------------------*/
.blockComingSoon { text-align: center; margin-top: 80px; margin-bottom: 80px; font-size: 2.0rem; }

.blockComingSoon p { display: inline-block; padding: 10px 40px; border: 1px solid #666; border-radius: 4px; opacity: .3; }

/* # Activities Index block
-----------------------------------------------------------------------------------*/
.blockActivitiesIndex { text-align: center; margin-top: 80px; margin-bottom: 80px; font-size: 1.5rem; border-top: 1px solid #666; padding-top: 40px; }

.blockActivitiesIndex p { display: inline-block; border: 1px solid #013f98; border-radius: 4px; }

.blockActivitiesIndex a { display: inline-block; padding: 10px 40px; color: #013f98; }

.blockActivitiesIndex p.current { border: 1px solid #999; }
.blockActivitiesIndex p.current a { color: #999; }

/* # js override
-----------------------------------------------------------------------------------*/
.blockTopicPath { font-size: 1.4rem; padding-top: 20px; margin-bottom: 20px; }
.blockTopicPath li { display: inline-block; }
.blockTopicPath li + li::before { content: ">"; display: inline-block; padding-left: 10px; padding-right: 10px; }
.blockTopicPath a { display: inline-block; }

/* # js override
-----------------------------------------------------------------------------------*/
/* slick.js */
.slick-dots { bottom: 10px; }

/* # searchBox
-----------------------------------------------------------------------------------*/
#searchBox { background-color: #fff; position: relative; margin-bottom: 20px; padding-bottom: 10px; }
#searchBox .searchBox_accordion { position: absolute; top: 10px; right: 20px; cursor: pointer; }
@media (max-width: 800px) { #searchBox .searchBox_accordion { display: none; } }
#searchBox h2 { padding: 10px 10px 0px 10px; font-weight: bold; }
#searchBox #tagsA, #searchBox #tagsB, #searchBox #tagsC, #searchBox #tagsD { display: flex; flex-wrap: wrap; }
#searchBox ol#tagsA1, #searchBox ol#tagsA2, #searchBox ol#tagsB, #searchBox ol#tagsC, #searchBox ol#tagsD { margin: 0; padding: 0; }
@media (max-width: 800px) { #searchBox ol#tagsA1, #searchBox ol#tagsA2, #searchBox ol#tagsB, #searchBox ol#tagsC, #searchBox ol#tagsD { min-height: 3em; } }
#searchBox ol#tagsA1, #searchBox ol#tagsA2 { display: inline-flex; }
@media (max-width: 800px) { #searchBox ol#tagsA1, #searchBox ol#tagsA2 { display: inherit; } }
#searchBox #tagsA1 li, #searchBox #tagsA2 li, #searchBox #tagsB li, #searchBox #tagsC li, #searchBox #tagsD li { margin: 0; padding: 0; list-style: none; margin-left: 0.5em; line-height: 1.5em; float: left; }
#searchBox #tagsA1 li label, #searchBox #tagsA2 li label, #searchBox #tagsB li label, #searchBox #tagsC li label, #searchBox #tagsD li label { cursor: pointer; font-size: 0.8em; }
#searchBox .searchBox_check { display: flex; width: 98%; margin: 10px auto; }
@media (max-width: 480px) { #searchBox .searchBox_check { display: block; } }
#searchBox .searchBox_check .searchBox_check_title { position: relative; width: 20%; text-align: center; color: #000; border-radius: 5px 0 0 5px; padding-top: 5px; padding-bottom: 5px; }
#searchBox .searchBox_check .searchBox_check_title .searchBox_accordion_sm { position: absolute; display: none; top: 5px; right: 10px; }
#searchBox .searchBox_check .searchBox_check_title .fas.fa-check-circle { color: #f4f4f4; margin-left: 5px; font-size: 0.8em; }
@media (max-width: 480px) { #searchBox .searchBox_check .searchBox_check_title { width: auto; border-radius: 5px; cursor: pointer; }
  #searchBox .searchBox_check .searchBox_check_title .searchBox_accordion_sm { display: inline; } }
#searchBox .searchBox_check .searchBox_check_tag { width: 80%; border-radius: 0 5px 5px 0; color: #000; padding-top: 5px; padding-bottom: 5px; }
@media (max-width: 480px) { #searchBox .searchBox_check .searchBox_check_tag { width: auto; border-radius: 0 0 5px 5px; min-height: 5em; } }
#searchBox .searchBox_check .searchBox_check_titleColorA { background-color: #C69DB4; }
#searchBox .searchBox_check .searchBox_check_tagColorA { background-color: rgba(198, 157, 180, 0.4); }
#searchBox .searchBox_check .searchBox_check_titleColorB { background-color: #BFC165; }
#searchBox .searchBox_check .searchBox_check_tagColorB { background-color: rgba(191, 193, 101, 0.4); }
#searchBox .searchBox_check .searchBox_check_titleColorC { background-color: #DBA981; }
#searchBox .searchBox_check .searchBox_check_tagColorC { background-color: rgba(219, 169, 129, 0.4); }
#searchBox .searchBox_check .searchBox_check_titleColorD { background-color: #83BF97; }
#searchBox .searchBox_check .searchBox_check_tagColorD { background-color: rgba(131, 191, 151, 0.4); }
#searchBox .countHits { width: 250px; margin: 15px auto; text-align: center; font-weight: bold; color: #013f98; }
@media (max-width: 480px) { #searchBox .countHits { position: fixed; bottom: -14px; left: 0; background: #fff; width: 100%; z-index: 10; height: 56px; line-height: 56px; } }

/*追加CSS*/
/*---　サミット概要　---*/
.blocksummit { background: #54b6cb; color: #FFFFFF; padding: 10px; margin-bottom: 40px; padding: 20px; }

.blocksummit h2 { font-weight: bold; margin-bottom: 10px; }

.blocksummit dt { float: left; width: 6em; text-align: right; }

.blocksummit dd { padding-left: 6em; }

/*---　サミット画像　---*/
.photoBox { text-align: center; }

.photoBox img { width: 49%; margin-bottom: 10px; }

.photoBox img:nth-child(odd) { margin-right: 10px; }

/*---　Timetable　---*/
.tableSummit caption { font-weight: bold; text-align: left; margin-bottom: 10px; }

.tableSummit caption::before { content: "● "; color: #54b6cb; }

.tableSummit table { margin-bottom: 40px; border: 1px solid #cccccc; }

.tableSummit th, .tableSummit td { padding: 10px; }

.tableSummit th { background: #F4F4F4; width: 12em; text-align: left; border-bottom: 1px solid #cccccc; }

.tableSummit td { border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; }

/*---　注釈　---*/
.foot-note { border-top: 1px solid #ccc; padding-top: 10px; font-size: 0.8em; }

.foot-note ol { margin-left: 1em; }

/*追加CSS20200804*/
/*---　校長プラットフォーム　--*/
/*---　table　---*/
.tablePlatform table { margin-bottom: 40px; border: 1px solid #cccccc; }

.tablePlatform th, .tablePlatform td { padding: 10px; }

.tablePlatform th { background: #e6f4f7; width: 12em; text-align: left; border-bottom: 1px solid #cccccc; font-weight: bold; }

.tablePlatform td { border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; }

.tablePlatform td h3 { font-weight: bold; }

.tablePlatform li { text-indent: -1em; margin-left: 1em; }

.tablePlatform li::before { content: "• "; color: #54b6cb; }

.tablePlatform dt { font-weight: bold; }

.Platform_talk { margin: 1.5em auto; }

.Platform_talk strong { color: #013f98; }

.versatileBOX { background-color: #f4f4f4; padding: 1em; }

.versatileBOX h3 { font-weight: bold; margin-bottom: 0.5em; }

.versatileBOX ol, .versatileBOX ul { margin-left: 0.5em; list-style: none; }

/* Layout
========================================================*/
/* Header */
/* Footer */
/* Object
========================================================*/
/* Scss Document */
.c-button { display: inline-block; text-align: center; }

/* Component -------------------------------------------*/
/* button */
/* Project ---------------------------------------------*/
.Header { position: fixed; top: 0; width: 100%; z-index: 10; }

.blockHeader { background: #54b6cb; position: relative; }
@media (min-width: 1000px) { .blockHeader { height: 80px; } }

.headerLogo { width: 200px; margin-left: auto; margin-right: auto; padding-top: 8px; padding-bottom: 8px; }
.headerLogo img { max-width: 100%; }
@media (min-width: 1000px) { .headerLogo { text-align: left; width: auto; padding-left: 15px; }
  .headerLogo h1 { width: 240px; } }
.headerLogo a { display: block; }

/* # navigation
-----------------------------------------------------------------------------------*/
.blockMenu { position: fixed; width: 100%; z-index: 30; background: #fff; }
@media (min-width: 1000px) { .blockMenu { margin-top: -3px; } }
.blockMenu.isActive { height: 100%; }

.buttonMenu { display: inline-block; height: 40px; cursor: pointer; position: absolute; right: 10px; top: -57px; }
@media (min-width: 1000px) { .buttonMenu { display: none; padding-bottom: 0; } }

.buttonMenu span { display: block; height: 5px; width: 40px; background-color: #fff; margin: 8px 6px; border-radius: 2px; }

.buttonMenu.isActive span:nth-of-type(1) { -webkit-transform: translateY(13px) rotate(-45deg); transform: translateY(13px) rotate(-45deg); }

.buttonMenu.isActive span:nth-of-type(2) { opacity: 0; }

.buttonMenu.isActive span:nth-of-type(3) { -webkit-transform: translateY(-13px) rotate(45deg); transform: translateY(-13px) rotate(45deg); }

.menuItems { width: 100%; display: none; }
@media (min-width: 1000px) { .menuItems { position: absolute; width: auto; right: 0; top: -56px; display: flex; justify-content: flex-end; padding-right: 7px; } }
.menuItems li { flex-grow: 2; }
.menuItems li a { background: #fff; color: #666; padding: 10px; border-bottom: 1px solid #F4f4f4; display: block; }
.menuItems li a::before { font-family: "Font Awesome 5 Free"; font-weight: bold; display: inline-block; margin-right: 5px; color: #013f98; font-size: 1.3rem; }
@media (min-width: 1000px) { .menuItems li a { border-radius: 5px; letter-spacing: -0.2rem; font-size: 1.3rem; } }
.menuItems li:nth-of-type(1) a::before { content: "\f518"; }
.menuItems li:nth-of-type(2) a::before { content: "\f51c"; }
.menuItems li:nth-of-type(3) a::before { content: "\f0c0"; }
.menuItems li:nth-of-type(4) a::before { content: "\f552"; }
.menuItems li:nth-of-type(5) a::before { content: "\f0ca"; }
.menuItems li:nth-of-type(6) a::before { content: "\f05a"; }
@media (min-width: 1000px) { .menuItems li + li { margin-left: 5px; } }

/* Scss Document */
.Footer { background: #013f98; padding-top: 20px; padding-bottom: 20px; position: relative; margin-top: 80px; }
@media (min-width: 1000px) { .Footer { padding-top: 1px; padding-bottom: 1px; } }

.pageScrollNav { position: fixed; display: block; width: 44px; height: 44px; bottom: 10px; right: 10px; z-index: 11; }
.pageScrollNav a { color: #5ebed2; }

.boxFooter { position: relative; }
@media (min-width: 1000px) { .boxFooter { display: flex; flex-wrap: nowrap; justify-content: space-between; flex-direction: row-reverse; padding-bottom: 50px; } }

.boxFooter__links { margin-left: 20px; }
@media (min-width: 1000px) { .boxFooter__links { padding-top: 46px; padding-right: 20px; } }
@media (min-width: 1000px) { .boxFooter__links li { display: inline-block; margin-left: 10px; } }
.boxFooter__links a { color: #fff; display: block; }
@media (min-width: 1000px) { .boxFooter__links a { display: inline-block; } }

.blockLinkMinistry { width: 200px; margin-left: 20px; margin-top: 20px; }
@media (min-width: 1000px) { .blockLinkMinistry { width: 260px; } }
@media (min-width: 1000px) { .blockLinkMinistry img { max-width: 100%; } }

a.buttonMinistry { display: block; background: #fff; padding: 10px; border-radius: 6px; }
@media (min-width: 1000px) { a.buttonMinistry { display: inline-block; } }

.copyright { font-size: 1.1rem; margin-bottom: 0; color: #F4f4f4; margin-left: 20px; margin-top: 20px; }
@media (min-width: 1000px) { .copyright { text-align: center; position: absolute; left: 0; right: 0; bottom: 5px; } }

/* Utility - -------------------------------------------*/
.u-mt10:not(:root) { margin-top: 10px; }

.u-mt20:not(:root) { margin-top: 20px; }

.u-mt40:not(:root) { margin-top: 40px; }

.u-mt60:not(:root) { margin-top: 60px; }

.u-mt80:not(:root) { margin-top: 80px; }

.u-mt100:not(:root) { margin-top: 100px; }

.u-mt120:not(:root) { margin-top: 120px; }

.u-mt140:not(:root) { margin-top: 140px; }

.u-mt160:not(:root) { margin-top: 160px; }

.u-mt180:not(:root) { margin-top: 180px; }

.u-mt200:not(:root) { margin-top: 200px; }

.u-mr10:not(:root) { margin-right: 10px; }

.u-mr20:not(:root) { margin-right: 20px; }

.u-mr40:not(:root) { margin-right: 40px; }

.u-mr60:not(:root) { margin-right: 60px; }

.u-mr80:not(:root) { margin-right: 80px; }

.u-mr100:not(:root) { margin-right: 100px; }

.u-mr120:not(:root) { margin-right: 120px; }

.u-mr140:not(:root) { margin-right: 140px; }

.u-mr160:not(:root) { margin-right: 160px; }

.u-mr180:not(:root) { margin-right: 180px; }

.u-mr200:not(:root) { margin-right: 200px; }

.u-mb10:not(:root) { margin-bottom: 10px; }

.u-mb20:not(:root) { margin-bottom: 20px; }

.u-mb40:not(:root) { margin-bottom: 40px; }

.u-mb60:not(:root) { margin-bottom: 60px; }

.u-mb80:not(:root) { margin-bottom: 80px; }

.u-mb100:not(:root) { margin-bottom: 100px; }

.u-mb120:not(:root) { margin-bottom: 120px; }

.u-mb140:not(:root) { margin-bottom: 140px; }

.u-mb160:not(:root) { margin-bottom: 160px; }

.u-mb180:not(:root) { margin-bottom: 180px; }

.u-mb200:not(:root) { margin-bottom: 200px; }

.u-ml10:not(:root) { margin-left: 10px; }

.u-ml20:not(:root) { margin-left: 20px; }

.u-ml40:not(:root) { margin-left: 40px; }

.u-ml60:not(:root) { margin-left: 60px; }

.u-ml80:not(:root) { margin-left: 80px; }

.u-ml100:not(:root) { margin-left: 100px; }

.u-ml120:not(:root) { margin-left: 120px; }

.u-ml140:not(:root) { margin-left: 140px; }

.u-ml160:not(:root) { margin-left: 160px; }

.u-ml180:not(:root) { margin-left: 180px; }

.u-ml200:not(:root) { margin-left: 200px; }

.u-alLeft:not(:root) { text-align: left; }

.u-alRight:not(:root) { text-align: right; }

.u-alCenter:not(:root) { text-align: center; }

.u-textBold:not(:root) { font-weight: bold; }

.u-textNormal:not(:root) { font-weight: normal; }

.u-clear { clear: both; }

/*# sourceMappingURL=common.css.map */