@charset "utf-8";

/* --------------------------------------------------------------------
      Typo Setting
-----------------------------------------------------------------------*/

html {
    font-size: calc(0.85rem + ((1vw - 0.3rem) * 0.8333));
    line-height: 1.5;
    box-sizing: border-box;
}

body {
	font-family: sans-serif;
	font-size: 1rem;
	background: #fff;
	margin: auto;
	border: 1px solid #fffff;
	top: 0;
}
.movedInfo {
    border: none;
}

h1 {
    font-size: 2rem;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 2rem;
}

#indexPage .CM h1 {
    font-size: 1.75rem;
    line-height: 1.7143;
    margin-bottom: 1.5rem;
    line-height: 1.5;
    padding-left: 1rem;
    margin-bottom: 1rem;
}

#k-volPage h1 img {
    border: #669900 solid 2px;
}

.sub-pc {
    text-align: center;
}

.sub-h1{
	text-align:center;}

h2 {
    font-size: 1.75rem;
    line-height: 1.7143;
    margin-bottom: 1.5rem;
    line-height: 1.5;
    padding-left: 1rem;
    margin-bottom: 1rem;
    border-left: 0.8rem solid #223F65;
}

.heading-attention:after {
    font-family: 'icomoon';
    speak: none;
    content: "\ea07";
    color: #dd0000;
    font-size: 1.5rem;
    margin-left: 0.5rem;
}

.heading-attention,
.heading-closed {
    border-left: none;
    color: #dd0000;
    font-size: 1.125rem;
}

h2.heading-kyouiku,
                  {
    border-left: none;
    color: #006fde;
    font-size: 1.125rem;
}

.box30 h2 {
    margin-bottom: 0;
}

.outline>h2 {
    font-size: 1rem;
    line-height: 1.5;
    padding-top: 1rem;
    margin-left: 1rem;
    padding-left: 0;
    border-left: none;
    background: none;
}

.PLANET-kensaku-grp>h2 {
    font-size: 1.75rem;
    line-height: 1.7143;
    margin-bottom: 1.5rem;
    line-height: 1.5;
    padding-left: 1rem;
    margin-bottom: 1rem;
	margin-top: 0rem;
    border-left: 0.8rem solid #223F65;
}

#k-volPage .outline>h2:after {
    content: "";
}

h3 {
    font-size: 1.2rem;
    position: relative;
    background: #f6f6f6;
    padding: 0.4rem 0.8rem 0.4rem 1.5rem;
    color: #4d4d4d;
    margin-left: 0.5rem;
　　margin-right: 3rem;
    border-radius: 6px;
}

h3:after {
  position: absolute;
  top: .4em;
  left: .4em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #223F65;
  border-radius: 4px;
}

.media h3 {
    margin-top: 0;
}

/*h3 {
    position: relative;
    background: #f4f4f4;
    padding: 0.25rem 0.4rem 0.25rem 1.75rem;
    color: #474747;
    margin-left: 3rem;
}

.media h3 {
    margin-top: 0;
}

h3:before {
    content: "";
    display: inline-block;
    position: absolute;
    padding: 0;
    color: white;
    background: #ff9e00;
    font-weight: normal;
    width: 3rem;
    text-align: center;
    height: 3rem;
    line-height: 3rem;
    left: -1.75rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
    border-bottom: solid 2px #666666;
}

@media all and (-ms-high-contrast:none) {
    h3:before {
        padding-top: 1.5rem;
    }
}

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    h3:before {
        padding-top: 1.5rem;
    }
}

h3.i-attachment:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e9cd";
}

h3.i-download:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e960";
}

h3.i-map:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e947";
}

h3.i-car:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e913";
}

h3.i-web:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e9ca";
}

h3.i-tel:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e942";
}

h3.i-fax:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e954";
}*/

#indexPage .grid-local-nav h3 {
    background: none
}

#k-volPage h3:before {
    background: linear-gradient(#669900, #90b93d);
}

h3~p,
h3~ul,
h3~ol {
    margin: 0 1rem 1rem 2rem;
}

h4 {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

h5 {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

/*アコーディオンの見出し用に指定変更*/
h6 {
    font-size: 1.2rem;
	color: #223F65;
	margin: 0;
}

/*h6 {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}*/

a {
    cursor: pointer;
    text-decoration: none;
    color: #25538A;
}

/*#indexPage .planet-desc {
    display: none;
}*/

.planet-desc {
	margin-top: 5rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.planet-desc dfn {
    font-style: normal;
}

.planet-desc abbr {
    text-decoration: none;
}

.go-to-sitemap {
    display: none;
}

address {
    font-style: normal;
}

address>p {
    padding-left: 0;
    margin-bottom: 0;
    border-left: none;
    background: none;
    color: #000;
}

address>p,
address p.name,
.fax,
address dd.email,
.close-date>span {
    font-size: 1.4375rem;
    line-height: 1.5;
}

.close-date>span {
    font-weight: bold;
    color: #bb0000;
}

address dt {
    font-weight: bold;
}

address dd {
    margin-left: 1rem;
}

address p.name {
    font-style: normal
}

address .phone a {
    text-decoration: none;
}

address .phone dt:before,
address .fax:before {
    font-size: 2rem;
    color: #666;
}

.phone a {
    font-size: 1.75rem;
    line-height: 1.5;
}

.phone a:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e942";
    margin-right: 0.25rem;
}

.fax:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e954";
    margin-right: 0.5rem;
}

.heading-attention {
    font-size: 1.2rem;
    /*h5と同じ*/
    line-height: 1.5;
    color: #DD0000;
    background: #FFF;
	font-weight: bold;
}

.txt-attention {
    font-weight: bold;
    color: #DD0000;
    margin: 0 1rem 1rem;
}

ul,
ol,
pre,
table,
blockquote {
    margin: 0;
    margin-bottom: 1.5rem;
}

ul ul,
ol ol,
ul ol,
ol ul {
    margin-bottom: 1.5rem;
}

section ul li,
section ol li {
    margin-bottom: 1rem;
}

.list li,
.howto-access-list li,
.access-details-list li,
.media-contents-list li {
    margin-bottom: 2rem;
}

.link:before,
.footer-nav li ul li:before,
aside .other li:before {
    font-family: 'icomoon';
    speak: none;
    content: "\ea42";
    color: #1674B3;
    margin: 0 0.5rem;
    position: relative;
}

.link {
    text-align: right;
}


hr {
    border: 1px solid;
    margin: -1px 0;
}



/* --------------------------------------------------------------------
      Layout Setting
-----------------------------------------------------------------------*/

section {
    width: calc(940/960*100%);
    margin: 0 auto;
    margin-bottom: 2rem;
}


/* @ menu---------------------------------------------------*/

#humburger-menu-wrapper {
	padding: 0px 0;
	position: absolute;
	width: 100%;
	top: 2px;
	left: -137px;
	height: 5rem;
	background: #fff;
	overflow: hidden;
}

#humburger-menu {
    display: block;
}

.h_logo {
    width: 15rem;
	position: absolute;
    top: 0px;
    left: 0.5rem;
    z-index: 9999;
    width: 80%;
}

.h_logo img {
    width: 15rem;
    object-fit: contain;
	margin-top: 0.5rem;
}

main {
    width: 100%;
}

.movedInfo main {
    padding-bottom: 1rem;
    position: relative;
    height: 100%;
    min-height: 100%;
}

.movedInfo footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
}


aside {
    width: calc(940/960*100%);
    margin: 0 calc(10/960*100%);
	
}

header {
    margin-top: 6rem;
    padding-top: 1rem;
}

.movedInfo header {
    margin-top: 0;
}

.movedInfo .summary .txt-basic:last-child {
    margin-bottom: 2rem;
}

.logo {
    display: none;
}

.fontSizeChange {
    display: none;
}

.google-search-mobile {
    width: 95%;
    margin: 0 auto;
}

.google-search-pc {
    display: none;
}

img {
    max-width: 100%;
    object-fit: contain;
}
/*↓新しい検索BOX2019年ver↓*/
.kensaku_key {
    background-color: #d5e9ed;
    width: 100%;
    padding: 1rem 0;
    display: flex;
    justify-content: space-around;;
}

/*↓教育月間↓*/
.k-wrapper {
    width: calc(860/960*100%);
    margin: 0 calc(10/960*100%) 1rem calc(10/960*100%);
    text-shadow: 0 0 5px white;
    padding: 0.3rem;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
	border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.k {
    padding: 1rem;
    background: #FFF;
}

.k-moji {
    font-size: 1.2rem;
    line-height: 1.5;
	font-weight:bold;
    margin-bottom: 0rem;
	margin-top: 1rem;
}

/*↓分権出前講座↓*/
.demae-wrapper {
    width: calc(860/960*100%);
    margin: 0 calc(10/960*100%) 1rem calc(10/960*100%);
    text-shadow: 0 0 5px white;
    padding: 0.3rem;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
	border: solid 3px #008378;/*線*/
    border-radius: 10px;/*角の丸み*/
}

.demae {
    padding: 1rem;
    background: #FFF;
}

.demae-moji {
    font-size: 1.2rem;
    line-height: 1.5;
	font-weight:bold;
    margin-bottom: 0rem;
	margin-top: 1.2rem;
}

.demae-komoji {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0rem;
	margin-top: 1.5rem;
}

/*↓おでかけ↓*/
.odekake-wrapper {
    width: calc(860/960*100%);
    margin: 0 calc(10/960*100%) 1rem calc(10/960*100%);
    text-shadow: 0 0 5px white;
    padding: 0.3rem;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
	border: solid 3px green;/*線*/
    border-radius: 10px;/*角の丸み*/
}

.attention-wrapper {
    width: calc(860/960*100%);
    margin: 0 calc(10/960*100%) 1rem calc(10/960*100%);
    text-shadow: 0 0 5px white;
    padding: 0.3rem;
    margin: 0 auto;
    margin-bottom: 1rem;
	margin-top: 0rem;
    background: repeating-linear-gradient(-45deg, #DD0000, #DD0000 3px, #FFCCCC 3px, #FFCCCC 7px);
}

.attention-wrapper2 {
    width: calc(860/960*100%);
    margin: 0 calc(10/960*100%) 1rem calc(10/960*100%);
    text-shadow: 0 0 5px white;
    padding: 0.3rem;
    margin: 0 auto;
    margin-bottom: 1rem;
	margin-top: 1rem;
    background: repeating-linear-gradient(-45deg, #DD0000, #DD0000 3px, #FFCCCC 3px, #FFCCCC 7px);
}


.attention {
    padding: 1rem;
    background: #FFF;
}

.attention2 {
    padding: 1rem;
    background: #fdfdfd;
}

.header-utility {
    display: none;
}

.search1 {
    position: relative;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    font-size: small;
}

.search1 dt {
    padding: 3px;
}

.search1 dt input {
    width: 60%;
    height: 20px;
    line-height: 20px;
    background: none;
    border: none;
    -webkit-appearance: none;
}

.text-search-box {
    color: #666;
    background-color: #FFF;
    border-radius: 4px;
}

.search1 dd {
    position: absolute;
    top: 1px;
    right: 1px;
}

#humburger-menu .search1 dd {
    width: 10%;
}

.submit-btn {
    background-color: blue;
    border: 2px solid blue;
    color: #FFF;
    display: block;
    background: #2b71c8;
    width: 100%;
    height: 24px;
    line-height: 24px;
    border: none;
    border-radius: 0 4px 4px 0;
}

#humburger-menu .submit-btn {
    width: 40%;
}

.submit-btn:hover {
    background: #4e91e4;
}

.submit-btn span {
    display: block;
    color: #FFF;
}

.breadcrumb {
    margin-top: 0.5rem;
}

.breadcrumb ul {
    margin: 0;
    padding: 0;
}

.breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0;
}

.breadcrumb li:first-child:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e900";
    margin-right: 0.25rem;
    color: #666;
}

.breadcrumb li:after {
    font-family: 'icomoon';
    speak: none;
    content: "\e902";
    margin: 0 0.25rem;
}

.breadcrumb li:last-child:after {
    speak: none;
    content: "";
    margin: 0 0.25rem;
}

.go-to-indexPage a:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e900";
    margin-left: 0.25rem;
}

.go-to-indexPage a:after {
    font-family: 'icomoon';
    speak: none;
    content: "\e902";
    margin: 0 0.5rem;
}

.closed-info {
    border: 2px solid #bb0000;
    color: #bb0000;
    background: none;
    font-weight: bold;
    padding: 1rem;
    width: calc(860/960*100%);
    margin: 0 auto;
}

.slider {
    width: calc(920/960*100%);
	margin: 0 auto;
}

.slider img {
	border-style: solid;
	border-color: #e0e0e0;
	border-width: 1px;
	}

.slid-name-eve {
	color: #0079c2;
	font-weight:bold;
	font-size: 1.1em;
	margin-bottom: 0;
	}
	
.slid-name-web {
	color: #e5171f;
	font-weight:bold;
	font-size: 1.1em;
	margin-bottom: 0;
	}
	
.slid-name-ten {
	color: #019a66;
	font-weight:bold;
	font-size: 1.1em;
	margin-bottom: 0;
	}

.slid-name-other {
	color: #474d4d;
	font-weight:bold;
	font-size: 1.1em;
	margin-bottom: 0;
	}

.txt-basic {
    width: calc(860/960*100%);
    margin: 0 auto;
    margin-bottom: 1rem;
}

.txt-basic2 {
    width: calc(860/960*100%);
    margin: 0 auto;
    margin-bottom: 1rem;
	text-align: center;
}

.outline {
    background-color: rgba(255, 248, 214, 0.5);
    padding-bottom: 1em;
    width: calc(860/960*100%);
    margin: 0 auto;
}

.outline-desc {
    display: flex;
    justify-content: space-between;
    width: calc(780/940*100%);
    flex-basis: calc(780/940*100%);
    margin: 0 auto;
    align-items: center;
    /*border: 1px solid red;*/
}

.outline-img {
    width: calc(220/940*100%);
    flex-basis: calc(220/940*100%);
    /*border: 1px solid red;*/
}

.outline ol {
    width: calc(780/960*100%);
    counter-reset: number;
    padding: 0;
}

.outline ol li {
    list-style: none;
    position: relative;
    padding: 0.5em;
    line-height: 1.5em;
    border-left: solid 35px #223F65;
    margin-bottom: 5px;
}

.outline ol li:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    color: white;
    font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 15px;
    top: 50%;
    transform: translateY(-50%);
    left: -35px;
    width: 35px;
    height: 1em;
    line-height: 1;
    text-align: center;
}

.media-grp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.media-grp2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	padding-left:1.5rem;
    width: 100%;
}

.media {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-items: flex-start;
    justify-content: space-between;
    justify-content: center;
    margin-bottom: 1rem;
	margin-left: 0;
	margin-right: 0;
    width: 100%;
}

.media-img {
    width: calc(940/960*100%);
    margin: 0 calc(10/960*100%);
    text-align: center;
    /*border: 1px solid red*/
}

#airportPage .media-img,
#airportPage .media-img p {
    text-align: center;
}

.media-desc {
    width: calc(940/960*100%);
    margin: 0 calc(10/960*100%);
    margin-bottom: 1rem;
    /*border: 1px solid red*/
}

.media-desc ul {
    padding-left: 2rem;
}

.media-desc li {
    margin-bottom: 0.5rem;
}

.box30 {
    width: calc(940/960*100%);
    margin: 0 calc(9/960*100%) 2rem;
    background: #FFF8D6;
    background-color: rgba(255, 248, 214, 0.5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.box30 .box-title {
    margin-top: 0;
    border-left: none;
    font-size: 1.2rem;
    background: #223F65;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

#entryPage .box30 .box-title {
    background: #2B70C8;
}

#shidoshaPage .box30 .box-title {
    background: #43968E;
}

#grpPage .box30 .box-title {
    background: #80007F;
}

.box30 .box-main {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.box30 ul {
    margin: 0;
    padding-left: 1rem;
}

.box30 li {
    margin-bottom: 0;
}

.box30 img {
    margin: 0 calc(10/960*100%);
    width: calc(220/960*100%);
    object-fit: contain;
}

.box-desc {
    width: calc(620/960*100%);
    margin: 0 calc(10/960*100%);
    padding: 0 calc(10/960*100%);
}

#entryPage .box-desc ul {
    margin-top: 1rem;
}

.nagare {
    counter-reset: number;
    list-style-type: none;
    padding: 0.5rem;
    background: #f5faff;
    background: #f5ffe0;
    background: #fafcf4;
}

.nagare li {
    position: relative;
    padding-left: 2rem;
    line-height: 1.5;
    padding: 0.5rem 0.5rem 0.5rem 3rem;
}

.nagare li:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    background: #5c9ee7;
    background: #669900;
    color: white;
    font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 1rem;
    border-radius: 50%;
    left: 1rem;
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.75;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

#entryPage .nagare li:before,
#shidoshaPage .nagare li:before,
#grpPage .nagare li:before {
    content: "";
    font-family: 'icomoon';
    speak: none;
    content: '\ea56';
    color: #fff;
    line-height: 1.625;
}

.division-wrapper {
    width: calc(860/960*100%);
    margin: 0 auto
}

.division {
    width: calc(860/960*100%);
    margin: 0 auto;
    padding: 0.5rem 0;
}

.division dt,
.division dd {
    line-height: 1.5;
}

.division dt {
    display: inline-block;
    white-space: nowrap;
    width: 12rem;
    width: auto;
    padding: 0.25rem 1rem;
    margin-bottom: 0.5rem;
    background: #2B71C8;
    color: #fff;
    font-weight: bold;
}

#entryPage .division dt {
    background: #2B70C8;
}

#grpPage .division dt {
    background: #80007F;
}

#shidoshaPage .division dt {
    background: #008379;
}

.division dd {
    padding-bottom: 1.5rem;
    border-bottom: dashed 1px silver;
}

.division dd:last-child {
    border-bottom: none;
}

.division-img {
    list-style: none;
    display: flex;
    width: calc(940/960*100%);
    margin: 0 calc(10/960*100%);
    padding-left: 0;
}

.division-img li {
    width: calc(60/960*100%);
    flex-basis: calc(60/960*100%);
    margin: 0 calc(10/960*100%);
    flex-grow: 1;
}

.division-img img {
    max-width: 100%;
}

.point {
    border: solid 2px #555555;
    padding: 0.5rem 1rem;
    position: relative;
    margin: 2.5rem auto 2rem auto;
    width: calc(780/960*100%);
}

.point li {
    margin-bottom: 0;
    line-height: 1.5;
    padding: 0.5rem 0 0.5rem 2rem;
    border-bottom: dashed 1px silver;
    list-style-type: none!important;
}

.point li:last-of-type {
    border-bottom: none;
}

.point li:before {
    font-family: 'icomoon';
    speak: none;
    content: '\ea04';
    position: absolute;
    left: 0.5rem;
    left: 1rem;
    color: #555555;
}

.point li:after {
    background: #555555;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: -2px;
    bottom: 100%;
    padding: 1px 7px;
    content: "その旨ご記入ください";
    letter-spacing: 0.05em;
}

.corner-pc .point li:after {
    content: "いずれかの本人確認書類が必要です";
}

.access-desc-car .point li:after {
    content: "駐車料金が無料になる場合";
}

.good {
    border: solid 2px #008379;
}

.good li:before {
    font-family: 'icomoon';
    speak: none;
    content: '\ea56';
    color: #008379;
}

.good li:after {
    background: #008379;
    content: "情報提供が可能なもの";
}

#shidoshaPage .good li:after,
#grpPage .good li:after {
    content: "登録期間";
}

.corner-pc .good li:after {
    content: "情報検索用パソコンでできること";
}

.access-desc-car .good li:after {
    content: "駐車料金";
}

.bad {
    border: solid 2px #bb0000;
}

.bad li:before {
    font-family: 'icomoon';
    speak: none;
    content: '\ea0f';
    color: #bb0000;
}

.bad li:after {
    background: #bb0000;
    content: "情報提供できないもの";
}

#shidoshaPage .bad li:after,
#grpPage .bad li:after {
    content: "登録できないもの";
}

.corner-pc .bad li:after {
    content: "情報検索用パソコンでできないこと";
}

.toroku-kikan-grp {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin: 0 auto;
    width: calc(940/960*100%);
}

.toroku-kikan {
    width: calc(220/960*100%);
    flex-basis: calc(220/960*100%);
    margin: 0 calc(10/960*100%);
}

.toroku-kikan p {
    text-align: center;
}

.toroku-kikan:nth-of-type(3) .icon-arrow-right,
.toroku-kikan:nth-of-type(4) .icon-arrow-right {
    color: #ff9e00;
}


.toroku-kikan p>span {
    font-size: 4rem;
    color: #2b71c8;
}

.toroku-nendo {
    text-align: center;
    font-weight: bold;
}

.jido-koshin-grp {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.jido-koshin:nth-of-type(2) {
    margin-left: 7rem;
}

.jido-koshin>span {
    text-align: center;
    font-size: 4rem;
    color: #ffaf02;
}

#kyoshitsuPage .download-list {
    margin-left: 1rem;
}

#kyoshitsuPage .download-list li h4 {
    display: inline-block;
}

.download-list {
    list-style: none;
}

.download-list .i-Word:before,
.download-list .i-PDF:before {
    font-size: 3rem;
    margin-right: 0.5rem;
}

.download-list .i-Word:before {
    font-family: 'icomoon';
    speak: none;
    content: '\e906';
    color: #365795;
}

.download-list .i-PDF:before {
    font-family: 'icomoon';
    speak: none;
    content: '\e903';
    color: #dd0000;
}

.download-list .i-Excel:before {
    font-family: 'icomoon';
    speak: none;
    content: '\e903';
    color: #dd0000;
}

.d-PDF:after {
    font-family: 'icomoon';
    speak: none;
    content: '\e903';
    color: #dd0000;
    font-size: 2rem;
    margin-left: 1rem;
	margin-right: 1rem;
}

.see-list {
    list-style: none;
}

.see-list .i-PDF:after {
    font-family: 'icomoon';
    speak: none;
    content: '\e903';
    color: #dd0000;
    font-size: 1.5rem;
    margin-left: 0.5rem;
}

.btn-grp {
    text-align: center;
}

.square_btn {
    display: inline-block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    background: #669900;
    /*background-image: linear-gradient(#6795fd 0%, #67ceff 100%);*/
    transition: 0.4s;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
    border-radius: 4px;
}

.square_btn:active {
    transform: translateY(2px);
}

.square_btn:hover {
    background: #90b93d;
}

/*--↓fair申込ボタン色指定↓--*/
.square_btn_fair {
    display: inline-block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    background: #2f3263;
    /*background-image: linear-gradient(#6795fd 0%, #67ceff 100%);*/
    transition: 0.4s;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
    border-radius: 4px;
}

.square_btn_fair:active {
    transform: translateY(2px);
}

.square_btn_fair:hover {
    background: #2161B5;
}
/*--↑fair申込ボタン色指定↑--*/

/*--↓fairチラシPDFボタン↓--*/

.flyer{
	width: 90%;
    margin: 0 auto;
	padding: 1rem;
	}

a.flyer_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 2px solid #37BAAD;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding: 0 6% 0 12%;
  color: #37BAAD;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
}
a.flyer_btn:hover {
  background: #37BAAD;
  color: #fff;
}
a.flyer_btn:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #37BAAD;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -7px;
}
a.flyer_btn:hover:before {
  border-color: transparent transparent transparent #fff;
}

.flyer2{
	width: 90%;
    margin: 0 auto;
	padding: 1rem;
	}

a.flyer2_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 2px solid #2161B5;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding: 0 6% 0 12%;
  color: #2161B5;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
}
a.flyer2_btn:hover {
  background: #2161B5;
  color: #fff;
}
a.flyer2_btn:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #2161B5;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -7px;
}
a.flyer2_btn:hover:before {
  border-color: transparent transparent transparent #fff;
}

/*--↑fairチラシPDFボタン↑--*/

/*--↓tourokuボタン↓--*/

.touroku{
	width: 100%;
    margin: 0 auto;
	padding: 1rem;
	}

a.touroku_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fdfdfd;
  border: 1px solid #223F65;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding: 0 6% 0 12%;
  color: #223F65;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
}
a.touroku_btn:hover {
  background: #223F65;
  color: #fdfdfd;
}
a.touroku_btn:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #223F65;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -7px;
}
a.flyer_btn:hover:before {
  border-color: transparent transparent transparent #fdfdfd;
}

/*--↑tourokuボタン↑--*/

.btn {
    color: #ffffff;
    background: #666666;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 0px #888888, 0 -2px 0px #888888;
    text-align: center;
    display: block;
    text-decoration: none;
    border: 1px solid #888888;
    padding: 12px 0 8px 0;
    border-radius: 5px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.5) inset, 0px -1px 0px rgba(255, 255, 255, 0.2) inset;
}

a.btn:hover {
    color: #fff
}

.violet {
    border: 1px solid #553872;
    background: #895ab8;
    background: linear-gradient(#895ab8, #553872);
}

.violet:hover {
    background: linear-gradient(#553872, #895ab8);
}


.img-card-grp-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.img-card-grp {
    list-style: none;
    border: 0px solid #EBEBEB;
    width: calc(940/960*100%);
    margin: 0 calc(10/960*100%);
    padding: 0;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.img-card-grp h4,
.img-card-grp p {
    margin: 0;
}

.img-card-img {
    width: calc(220/960*100%);
    flex-basis: calc(220/960*100%);
    object-fit: contain;
    margin: 0;
    margin-left: calc(10/960*100%);
	margin-top: calc(30/960*100%);
	margin-bottom: calc(30/960*100%);
    /*border: 1px solid red;*/
}

.img-card-img img {
    display: block;
    margin-right: 0;
    margin-left: auto;
    /*border: 1px solid red;*/
}

.img-card-desc {
    width: calc(700/960*100%);
    flex-basis: calc(700/960*100%);
    margin: 0 calc(10/960*100%);
    /*border: 1px solid red;*/
    padding-top: 0.5rem;
}

/*.vol-guide-card>ul {
    list-style: none;
    width: calc(980/980*100%);
    margin: 0;
    padding: 0;
    margin: 0 calc(10/980*100%);
	border-style:none;
}

.vol-guide-card li {
    display: flex;
    justify-content: center;
    align-items: center;
	border-style:none;
}*/

/*.vol-guide-card li:nth-of-type(odd) {
    padding: 1rem 0;
    background: #FFF8D6;
    background-color: rgba(255, 248, 214, 0.5);
}*/

/*.guide-img {
    width: calc(380/960*100%);
    margin: 0 calc(10/960*100%);
}

.guide-desc {
    width: calc(560/960*100%);
    margin: 0 calc(10/960*100%);
}

.vol-guide-card img {
    max-width: 100%;
    object-fit: cover;
}

.vol-guide-card h4 {
    text-align: center;
    margin: 0;
}

.vol-guide-card h4,
.guide-intro,
.btn-goto-detail {
    margin: 0 auto;
    margin-bottom: 1rem;
}

.guide-intro {
    width: 95%;
}*/

.btn-blue>a,
.btn-goto-detail>a {
    color: #fff;
}

#daigakuPage .btn-blue {
    width: calc(540/960*100%);
	margin-bottom:1rem;
	margin-top:0.5rem;
}

.btn-goto-detail {
    width: 58%;
    text-decoration: none;
    text-align: center;
    padding: 0.5rem 1.75rem;
    border-radius: 4px;
    font-weight: bold;
    color: #ffffff;
    border: solid 1px #003366;
    background-color: #003366;
	box-shadow: 1px 1px 2px #bababa;
}

.btn-goto-detail:hover {
    border: solid 1px #0077b3;
    background-color: #0077b3;
}

.btn-blue {
    text-decoration: none;
    text-align: center;
    padding: 10px 30px;
    border-radius: 4px;
    font-weight: bold;
    color: #fff;
    border: solid 1px #187FC4;
    background-color: #187FC4;
    background: linear-gradient(#1572B0, #187FC4);
    box-shadow: 1px 1px 2px #bababa, inset 0px 0px 1px #ffffff;
	cursor: pointer;
}

.btn-blue:hover {
    border: solid 1px #105684;
    background-color: #105684;
    background: linear-gradient(#187FC4, #105684);
}

.access-map-grp ul {
    list-style-position: inside;
}

.access-map-grp ul li {
    padding-left: 1em;
    text-indent: -1em;
}

.access-map {
    border: 0;
    padding: 0;
    width: calc(940/960*100%);
    margin: 0 calc(10/960*100%);
}

.access-desc ul {
    margin: 0;
    padding: 0;
    margin-left: 2.5rem;
}

.access-desc-car {
    width: calc(940/960*100%);
    margin: 0 calc(10/960*100%);
}

.sns {
    list-style: none;
    display: flex;
    font-size: 2rem;
	margin-top: 1.3rem;
	margin-bottom: 0rem;
}

.facebook:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e904";
    margin-right: 0.5rem;
    color: #315096;
}

.twitter {
    margin-right: 1rem;
}

.twitter:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e907";
    color: #55acee;
    color: #4aa8f8;
}

.update:before {
    font-family: 'icomoon';
    speak: none;
    content: "\e94e";
    margin-right: 0.5rem;
    color: #666;
}

#pageTop {
    display: none;
    position: fixed;
    bottom: 3rem;
    right: 3rem;
}

#pageTop a>span {
    display: block;
    width: 3rem;
    height: 3rem;
    background-color: #666;
    border-radius: 3rem;
    text-align: center;
    color: #fff;
    font-size: 2.5rem;
    text-decoration: none;
    line-height: 3.125rem;
}

.footer-nav {
    list-style: none;
    margin-left: -2.5rem;
}

.footer-nav li ul li {
    padding-left: 1.5rem;
    text-indent: -1.5rem;
    list-style: none;
    margin-left: -2.5rem;
    margin-bottom: 0.5rem;
}

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

.banner-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: space-around;
    justify-content: space-around;
    margin-left: -2.5rem;
}

.banner-list li {
    margin: 0 calc(10/960*100%);
    */ list-style: none;
    margin-bottom: 1rem;
}

aside .other {
    margin-bottom: 2rem;
    margin-left: 1rem;
}

aside .other li {
    line-height: 2;
}

footer {
    width: 100%;
	margin-bottom: 0;
    margin-left: 0rem;
}

address {
    border-radius: 8px;
    border: 5px solid #bcdaf2;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1rem;
    width: calc(940/960*100%);
}

address p,
address dl {
    margin: 1rem 0 2rem 2rem;
}

address dl {
    margin-bottom: 2rem;
}

address dd {
    line-height: 2;
}

.manabee-grp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.manabee-img,
.manabee-desc {
    margin: 0 calc(10/960*100%);
    /*margin: 0 auto;*/
}

.manabee-img {
    width: calc(300/960*100%);
    margin: 0 auto;
    /*border: 1px solid red;*/
}

.manabee-desc {
    width: calc(940/960*100%);
    /*border: 1px solid red*/
}

.copyright-box {
    background-color: lightgray;
    width: 100%;
    padding: 1rem 0;
    display: flex;
    justify-content: space-around;
}

.movedInfo .copyright-box {
    padding: 0.5rem 0;
}

.copyright {
    width: calc(460/960*100%);
    flex-basis: calc(460/960*100%);
    /*border: 1px solid red;*/
}

.movedInfo .copyright {
    width: calc(940/960*100%);
    flex-basis: calc(940/960*100%);
    margin: 0 auto;
}

.policy-box {
    width: calc(460/960*100%);
    flex-basis: calc(460/960*100%);
    display: flex;
    justify-content: flex-end;
    -ms-align-items: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    /*border: 1px solid red;*/
}

.policy-box #accessibility {
    display: none;
}



/* -------------------------
    　 ↓↓　トップページのレイアウト設定　↓↓
    ----------------------------*/

/*.PLANET-kensaku-grp {
    width: calc(940/960*100%);*/
    /*border: 1px solid red;*/
/*}*/

.PLANET-kensaku-grp {
    width: 100%;
	padding: 10px;
}
/*↓こどもワクワクと教育月間*/
.PLANET-kensaku-grp2 {
    width: 70%;
	padding: 10px;
}

.time_line {
	/*width: 100%;*/
	width: 320px;
	height: 700px;
	padding: 10px;
	background: #f5f5f5;
	margin-top: 1rem;
}

.taimeline_wrap {
	text-align:center;
	width: 320px;
	}

.grid-search-grp {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /*border: 1px solid blue;*/
}

.grid-search-grp li {
    width: calc(940/960*100%);
    flex: 1 1 calc(940/960*100%);
    border-radius: 4px;
    margin: 0 calc(10/960*100%) 1rem calc(10/960*100%);
}

.grid-search-grp h4 {
    color: white;
    margin: 0;
    margin-bottom: 1rem;
    text-align: center;
    line-height: 2.5;
    font-size: 1.25rem;
}

.grid-search-grp h5 {
    margin: 0;
}

.grid-search {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}

.grid-search>img,
.grid-search .img-grp {
    width: calc(220/960*100%);
    flex-basis: calc(220/960*100%);
    margin: 0 calc(10/960*100%);
    /*border: 1px solid red;*/
}

.grid-search>img {
    /*border: 1px solid red;*/
    max-width: 100%;
}

.grid-search-desc {
    width: calc(640/960*100%);
    flex-basis: calc(640/960*100%);
    margin: 0 calc(10/960*100%);
    /*border: 1px solid red;*/
}

.sagasu-list-grp {
    margin-bottom: 1rem;
}

.wakuwaku-list {
    list-style: none;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.wakuwaku-list li+li {
    margin-right: 1.5rem;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    height: 30px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

select::-ms-expand {
    display: none;
}

.selectWrap {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
}

.selectWrap::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    background: #ccc;
    background: #555;
    border-radius: 0 6px 6px 0;
    height: 100%;
    width: 30px;
}

.selectWrap::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
}

.btn-set {
    margin-left: 1rem;
    margin-top: 2rem;
}

.btn-large {
    width: auto;
    border-radius: 4px;
    display: inline-block;
}

.clear-btn {
    height: 25px;
    line-height: 24px;
}

.CM {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.CM h2,
#indexPage .CM h1 {
    border: none;
    background: none;
    text-align: center;
}

.CM img,
#indexPage .CM img {
    display: block;
    margin: 0 auto;
}

#indexPage .news {
    list-style: none;
    padding: 0;
    margin-left: 1rem;
}

#indexPage .news {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
}

#indexPage .news span,
#indexPage .news a {
    display: block;
}


/* ↑↑　トップページのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　torokuPageのレイアウト設定　↓↓
    ----------------------------*/

.toroku-btn-set {
    list-style: none;
    margin: 0;
    padding: 0;
    width: calc(940/960*100%);
    margin: 0 auto;
}

.toroku-btn-set li {
    width: calc(940/960*100%);
    flex-basis: calc(940/960*100%);
    border: 1px solid #999;
    border-radius: 4px;
    margin: 0 calc(10/960*100%) 1rem;
} 

.toroku-btn-set li a {
    display: flex;
    justify-content: center;
    align-items: stretch;
    width: 100%;
} 

.toroku-btn-set h3:after {
  position: absolute;
  top: .4em;
  left: .4em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: transparent;
  border-radius: none;
}

.toroku-btn-set h3 {
    width: calc(460/960*100%);
    flex-basis: calc(460/960*100%);
    padding: 0 calc(10/960*100%);
    text-align: center;
    background: green;
    color: white;
    /*padding: 1rem 0;*/
    margin: 0;
    /*margin-bottom: 1rem;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.4375rem;
    line-height: 1.5;
    color: #fff;
    border-radius: 3px 0 0 3px;
    /*color: #223F65;*/
}

.toroku-btn-set li:first-child h3 {
    background: #2B71C8;
}

.toroku-btn-set li:nth-of-type(2) h3 {
    background: #008379;
}

.toroku-btn-set li:last-child h3 {
    background: #800080;
}

.toroku-btn-set li p {
    width: calc(460/960*100%);
    flex-basis: calc(460/960*100%);
    padding: 0 calc(10/960*100%);
    /*border: 1px solid red;*/
    margin: 0 auto;
    text-align: center;
}

.toroku-btn-set li img {
    max-width: 100%;
    /*border: 1px solid red;*/
    object-fit: contain;
    margin: 0 auto;
    padding: 1rem 0;
}


/* ↑↑　torokuPageのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　お問合せページのレイアウト設定　↓↓
    ----------------------------*/

#informationPage article,
#informationPage aside {
    width: calc(940/960*100%);
    margin: 0 calc(10/960*100%);
}


/* ↑↑お問合せページのレイアウト設定ここまで　↑↑ */


/* -------------------------
    　 ↓↓　学カナページのレイアウト設定　↓↓
    ----------------------------*/

#manakanaPage section:nth-child(even) {
    background-color: #fff;
}

#manakanaPage #issues .media:nth-of-type(odd) {
    background-color: #F5F5F5;
    padding: 1rem 0;
}

#manakanaPage .media {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

#manakanaPage .media>a {
    width: calc(220/960*100%);
    flex-basis: calc(220/960*100%);
    margin: 0 calc(10/960*100%);
    /*border: 1px solid red;*/
}

#manakanaPage .media-desc {
    width: calc(720/960*100%);
    flex-basis: calc(720/960*100%);
    margin: 0 calc(10/960*100%);
    /*border: 1px solid red;*/
}


/* ↑↑学カナページのレイアウト設定ここまで　↑↑*/


/* -------------------------
    　 ↓↓　class.ENTRYページのレイアウト設定　↓↓
    ----------------------------*/

.ENTRY main {
    width: calc(940/960*100%);
    margin: 0 calc(10/960*100%);
}

.ENTRY aside {
    width: calc(940/960*100%);
    flex-basis: calc(940/960*100%);
    margin: 0 calc(10/960*100%);
}


/* ↑↑　class.entryページのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　k-volPageページのレイアウト設定　↓↓
    ----------------------------*/

#k-volPage .img-grp {
    display: flex;
    justify-content: space-around;
    width: calc(940/960*100%);
}

#k-volPage .img-grp div {
    width: calc(460/960*100%);
    flex-basis: calc(460/960*100%);
    margin: 0 calc(10/960*100%);
    text-align: center;
}


/* ↑↑　k-volPageページのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　cornerPageページのレイアウト設定　↓↓
    ----------------------------*/

.corner-slider {
    width: calc(860/960*100%);
}

.corner-slider,
.corner-slider img,
#cornerPage .corner-media,
#cornerPage .corner-media-img img,
#cornerPage .corner-media-img p {
    margin: 0 auto;
}

.corner-media {
    width: calc(940/960*100%);
}

.corner-media-desc,
.corner-media-img {
    width: 100%;
}

.corner-media-img img {
    display: block;
}

#cornerPage .corner-media-img p {
    text-align: center;
}

#cornerPage .corner-media-desc li h4 {
    margin-bottom: 0;
}

.corner-pc {
    margin-top: 1rem;
}

.corner-pc p {
    width: calc(780/960*100%);
    margin: 0 auto;
    /*border: 1px solid red;*/
}

#cornerPage .media img:nth-of-type(2) {
    margin-top: 1rem;
}


/* ↑↑　cornerPageページのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　daigakuPageのレイアウト設定　↓↓
    ----------------------------*/

#daigakuPage .i-PDF:before {
    content: '';
}

#daigakuPage .i-PDF:after {
    font-family: 'icomoon';
    speak: none;
    content: '\e903';
    color: #dd0000;
    font-size: 1.5rem;
    margin-left: 0.5rem;
}

#daigakuPage .good {
    border: solid 2px #223F65;
    margin-bottom: 3.5rem;
}

#daigakuPage .good li:before {
    font-family: 'icomoon';
    speak: none;
    content: '\e90f';
    position: absolute;
    left: 0.75rem;
    margin-right: 1rem;
    color: #008379;
    color: #223F65;
}

#daigakuPage .good li:after {
    background: #223F65;
    content: "県内大学数　計68大学";
}

#daigakuPage .mokuji {
    list-style: none;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    margin: 0;
    padding: 0;
}

#daigakuPage .chosa-list:last-child {
    margin-bottom: 3.5rem;
}

#daigakuPage .chosa-list li {
    line-height: 1;
}

#daigakuPage .division-img .small-img {
    display: block;
    margin: 0 auto;
    width: 65%;
    height: 65%;
}


/* ↑↑　daigakuPageのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　volunteerPageのレイアウト設定　↓↓
    ----------------------------*/

.volunteer-wapper {
    width: calc(940/960*100%);
    margin: 0 calc(10/960*100%);
    /*display: flex;
    justify-content: space-around;*/
}

.volunteer-list {
    margin-bottom: 2rem;
    list-style: none;
}

.volunteer-list li {
    margin-left: -1.5rem;
    margin-bottom: 2rem;
}

.volunteer-list li a,
.volunteer-list li img {
    display: block;
    margin: 0 auto;
	text-align:center;
}

.volunteer-list li img {
    margin-bottom: 0.5rem;
}



/* ↑↑　volunteerPageページのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　guidePageのレイアウト設定　↓↓
    ----------------------------*/


/* ↑↑　guidePageページのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　.odekakeページのレイアウト設定 g01.html~　↓↓
    ----------------------------*/

.odekake .text-grp {
    width: calc(780/960*100%);
    flex-basis: calc(780/960*100%);
    margin: 0 auto;
    margin-bottom: 2rem;
}

.odekake .mokuji {
    background-color: #F2F8FC;
    width: calc(780/960*100%);
    padding: 2rem calc(60/960*100%) 0.5rem;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.odekake .media {
    -ms-align-items: center;
    align-items: centert;
}

.odekake .media2 {
    -ms-align-items: start;
    align-items: end;
}
.odekake .history-table {
    margin-bottom: 2rem;
}

.odekake .history-table dt {
    font-weight: bold;
}

.odekake .history-table dd {
    margin-bottom: 1rem;
}

.odekake .history-table dt,
.odekake .history-table dd {
    line-height: 2;
}

.odekake .img-grp2 {
    display: flex;
    justify-content: space-around;
    align-items: center;
	text-align:center;
    width: calc(940/960*100%);
    flex-basis: calc(940/960*100%);
    margin: 0 auto;
    margin-bottom: 2rem;
}

.odekake .img-grp3 {
    display: flex;
    justify-content: space-around;
	text-align:center;
    width: calc(940/960*100%);
    flex-basis: calc(940/960*100%);
    margin: 0 auto;
    margin-bottom: 2rem;
}

.odekake .img-grp4 {
    display: flex;
    justify-content: space-around;
    align-items: center;
	text-align:center;
    width: calc(960/960*100%);
    flex-basis: calc(960/960*100%);
    margin: 0 auto;
    margin-bottom: 2rem;
}

.odekake .img-grp2 figure {
    width: calc(460/960*100%);
    flex-basis: calc(460/960*100%);
    margin: 0 calc(10/960*100%);
}

/*.odekake img {
    display: block;
    margin: 0 auto;
}*/

.odekake #PLANET-go .media-desc .btn-blue {
    display: block;
    margin: 0 auto;
}

.odekake .media-img {
    margin-top: 2rem;
	text-align:center;
}

.odekake .media-img2 {
    margin-top: 0rem;
	text-align:center;
}

.odekake .media-img3 {
    margin-top: 0rem;
	margin-right:1.5rem;
	margin-left:1.5rem;
	text-align:center;
}

.odekake .media-img4 {
    margin-top: 0rem;
	margin-right:1.5rem;
	margin-left:1.5rem;
	float: right;
	text-align:center;
}

.odekake #PLANET-go .media-img img {
    width: 50%;
    display: block;
    margin: 0 auto;
}


/* ↑↑　.odekakeページのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　airportPageのレイアウト設定　↓↓
    ----------------------------*/

.airport-map {
    text-align: center;
}

.airport-list ul {
    list-style: none;
}

.phoneNo-list {
    color: #bb0000;
}


/* ↑↑　airportPageページのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　fairPageのレイアウト設定　↓↓
    ----------------------------*/

#fairPage .f01-img-grp {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}


/* ↑↑　fairPageページのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　accessibilityPageのレイアウト設定　↓↓
    ----------------------------*/

table {
    width: calc(860/960*100%);
    margin: 0 auto;
    border: 1px solid #ddd;
}

table th,
table td {
    padding: 0.5rem;
    border: 1px solid #ddd;
}

table th {
    background-color: #f9f9f9;
}

table th:first-child,
table td:first-child {
    width: 4rem;
}

table th:nth-of-type(3),
table td:nth-of-type(3) {
    width: 5rem;
}

table th:nth-of-type(4),
table td:nth-of-type(4),
table th:nth-of-type(5),
table td:nth-of-type(5),
table th:nth-of-type(6),
table td:nth-of-type(6) {
    width: 4rem;
}

table td:first-child,
table td:nth-of-type(3),
table td:nth-of-type(4),
table td:nth-of-type(5),
table td:nth-of-type(6) {
    text-align: center;
}

table th:nth-of-type(6),
table td:nth-of-type(6) {
    display: none;
}


/* ↑↑　accessibilityPageページのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　mailformPageのレイアウト設定　↓↓
    ----------------------------*/

.mailform {
    width: calc(940/960*100%);
    font-weight: bold;
    margin: 0 auto;
    padding-top: 1rem;
}

.mailform h3 {
    margin-top: 2rem;
}

.mailform input[type="text"],
.mailform input[type="email"],
.mailform textarea,
.mailform select {
    vertical-align: middle;
    max-width: 100%;
    line-height: 2;
    height: 2rem;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    font-size: 100%;
    color: #555;
}

.mailform .name input[type="text"] {
    width: 50%;
}

.mailform input[type="email"] {
    width: 90%;
}

.mailform textarea {
    height: auto;
    height: 25rem;
    overflow: auto;
    line-height: 1.5;
    width: 100%;
    margin: 0 auto;
}

.mailform input[type="submit"],
.mailform input[type="button"] {
    padding: 4px 12px;
    color: #fff;
    background-color: #187FC4;
    background: linear-gradient(#1572B0, #187FC4);
    border-radius: 4px;
    font-size: 100%;
}

.mailform input[type="reset"] {
    padding: 4px 12px;
    color: #222;
    background-color: #f9f9f9;
    background: linear-gradient(#ffffff, #f9f9f9);
    border-radius: 4px;
    font-size: 100%;
}

.mailform input[type="submit"]:hover,
.mailform input[type="button"]:hover {
    background-color: #105684;
    background: linear-gradient(#187FC4, #105684);
}

.mailform .required {
    display: block;
    color: #bb0000;
    font-weight: bold;
}

.mailform input[type="reset"]:hover {
    background-color: #F2F8FC;
    background: linear-gradient(#F9F9FA, #F2F8FC);
}

.mailform .telephone input {
    width: 4rem;
}

.mailform .telephone p:last-child {
    color: #555;
}

.mailform .btn-set {
    text-align: center;
}

.mailform .btn-set input:first-child {
    margin-right: 1rem
}


/* ↑↑　mailformPageページのレイアウトここまで　↑↑ */


/* @ 30rem(480px)タブレット ------------------------------------------------------------------------------*/

@media print,
screen and (min-width: 480px) {
    header {
        order: 2;
        margin-top: 4rem;
        padding: 1rem 0;
        width: 100%;
        background-color: #f9f9f9;
        background-color: rgba(249, 249, 249, 0.8);
    }
	
	.attention-wrapper {
    width: calc(860/960*100%);
    margin: 0 calc(10/960*100%) 1rem calc(10/960*100%);
    text-shadow: 0 0 5px white;
    padding: 0.3rem;
    margin: 0 auto;
    margin-bottom: 1rem;
	margin-top: 1rem;
    background: repeating-linear-gradient(-45deg, #DD0000, #DD0000 3px, #FFCCCC 3px, #FFCCCC 7px);
    }
	
	.attention-wrapper2 {
    width: calc(860/960*100%);
    margin: 0 calc(10/960*100%) 1rem calc(10/960*100%);
    text-shadow: 0 0 5px white;
    padding: 0.3rem;
    margin: 0 auto;
    margin-bottom: 1rem;
	margin-top: 1rem;
    background: repeating-linear-gradient(-45deg, #DD0000, #DD0000 3px, #FFCCCC 3px, #FFCCCC 7px);
    }
	
	.attention {
    padding: 1rem;
    background: #FFF;
　　}

.attention2 {
    padding: 1rem;
    background: #fdfdfd;
　　}

    .gnav {
        order: 1;
        display: flex;
    }

    main {
        order: 3;
    }

    .footer-nav-grp {
        order: 4;
    }

    aside {
        order: 5;
    }

    footer {
        order: 6;
    }

    #humburger-menu-wrapper {
        display: none;
    }

    .h_logo {
        display: none;
    }

    #humburger-menu {
        display: none !important;
    }

    .logo,
    .header-utility {
        width: calc(940/960*100%);
        margin: 0 auto;
        /*border: 1px solid red;*/
    }

    .logo {
		width: calc(400/960*100%);
        display: block;
        text-align: center;
        margin-bottom: 1rem;
    }
	
    .header-utility {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    .planet-desc {
        display: block;
        margin: 0 calc(80/960*100%);
        font-size: smaller;
        width: calc(860/960*100%);
        flex-basis: calc(860/960*100%);
    }

    .go-to-sitemap {
        display: inline-block;
        margin-right: 1rem;
        /*border: 1px solid red;*/
    }

    .fontSizeChange {
        display: none;
    }

    .google-search-pc {
        display: inline-block;
        width: 45%;
        flex-basis: 45%;
        padding: 0;
        /*border: 1px solid red*/
    }

    main {
        padding-top: 0;
        margin-top: 0;
    }

    .media-grp {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        /*border: 1px solid red*/
    }

    #airportPage .media-grp {
        align-items: flex-end;
    }

    .media {
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        margin-bottom: 1rem;
        width: 100%;
    }

    .media-img {
        width: calc(380/960*100%);
        margin: 0 calc(10/960*100%);
        text-align: right;
        /*border: 1px solid red*/
    }

    .media-desc {
        width: calc(540/960*100%);
        margin: 0 calc(10/960*100%);
        margin-bottom: 0;
        /*border: 1px solid red*/
    }
	
	 .media-desc-fair {
        width: calc(800/960*100%);
        margin: 0 calc(10/960*100%);
        margin-bottom: 0;
        /*border: 1px solid red*/
    }
	
	.media-desc-faire .media-img3-fair {
    margin-top: 0rem;
	margin-right:1.5rem;
	margin-left:1.5rem;
	text-align:center;
}

    .policy-box .sns {
        display: none;
    }

    .policy-box #accessibility {
        display: block;
    }
    /* -------------------------
    　 ↓↓　トップページのレイアウト設定　↓↓
    ----------------------------*/
    #indexPage .planet-desc {
        display: block;
    }

    .planet-desc {
        margin: 0 auto;
    }

    #indexPage .news {
        display: block;
    }


    #indexPage .news span,
    #indexPage .news a {
        display: inline-block;
    }

    #indexPage .news span {
        margin-right: 1rem;
    }
    /* ↑↑　トップページのレイアウトここまで　↑↑ */
    /* -------------------------
    　 ↓↓　torokuPageのレイアウト設定　↓↓
    ----------------------------*/
    .toroku-btn-set {
        list-style: none;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: space-around;
        width: calc(940/960*100%);
        margin: 0 auto;
    }

    .toroku-btn-set li {
        width: calc(300/960*100%);
        flex-basis: calc(300/960*100%);
        border: 1px solid #999;
        border-radius: 4px;
        margin: 0 calc(10/960*100%);
    }

    .toroku-btn-set li a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .toroku-btn-set h3 {
        padding: 1rem 0;
        margin: 0;
        margin-bottom: 1rem;
        width: 100%;
        border-radius: 3px 3px 0 0;
    }

    .toroku-btn-set li img {
        max-width: 100%;
        /*border: 1px solid red;*/
        object-fit: contain;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    /* ↑↑　torokuPageのレイアウトここまで　↑↑ */
    /* -------------------------
    　 ↓↓　manakanaPageのレイアウト設定　↓↓
    ----------------------------*/
    #manakanaPage .media {
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
    }

    /* ↑↑　manakanaPageのレイアウトここまで　↑↑ */
    /* -------------------------
    　 ↓↓　行ってきました各ページのレイアウト設定　↓↓
    ----------------------------*/
    .odekake #PLANET-go .media {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: calc(940/960*100%);
        flex-basis: calc(940/960*100%);
        margin: 0 auto;
    }

    .odekake #PLANET-go .media-desc {
        width: calc(700/960*100%);
        flex-basis: calc(700/960*100%);
        margin: 0 calc(10/960*100%);
    }

    .odekake #PLANET-go .media-img {
        display: block;
        width: calc(220/960*100%);
        flex-basis: calc(220/960*100%);
        margin: 0 calc(10/960*100%);
        margin-bottom: 2rem;
    }
    /* ↑↑　行ってきました各ページのレイアウトここまで　↑↑ */
    /* -------------------------
    　 ↓↓　volunteerPageのレイアウト設定　↓↓
    ----------------------------*/
    .volunteer-list {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    /* ↑↑　volunteerPageのレイアウトここまで　↑↑ */
}





/* @ 40rem(640px) ------------------------------------------------------------------------------*/

@media print,
screen and (min-width: 40rem) {
    header {
        margin-top: 3.9rem;
    }

    /*.movedInfo main {
        padding-top: 1rem;
    }*/

    .google-search-pc {
        width: 35%;
        flex-basis: 35%;
    }

    .vol-guide-card img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        padding: 0;
    }
	
    /*------------------------------------------------*/
    .box30-grp {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .box30 {
        width: calc(460/960*100%);
        flex-basis: calc(460/960*100%);
    }

    .box-30 img {
        width: calc(140/960*100%);
        flex-basis: calc(140/960*100%);
        margin: 0 calc(10/960*100%);
    }

    .box-desc {
        margin: 0 calc(10/960*100%);
    }

    .division-wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
    }

    .division {
        width: calc(760/960*100%);
        flex-basis: calc(760/960*100%);
    }

    .division dt,
    .division dd {
        line-height: 1.5;
    }

    .division dd:last-child {
        border-bottom: none;
    }

    .division-img {
        display: block;
        list-style: none;
        margin-top: 2.5rem;
        width: calc(220/960*100%);
        flex-basis: calc(220/960*100%);
        margin: 0 calc(10/960*100%);
    }

    .division-img li {
        width: 100%;
        margin-bottom: 1rem;
    }

    .division-img li img {
        object-fit: cover;
    }

    .access-map-grp {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
    }

    .access-map {
        border: 0;
        width: calc(380/960*100%);
        margin: 0 calc(10/960*100%);
        height: 18.5rem;
        /*border: 1px solid red*/
    }

    .access-desc {
        margin-left: calc(10/960*100%);
        /*border: 1px solid red*/
    }

    .access-desc h3 {
        margin-top: 0;
    }

    .download-list {
        display: flex;
        align-items: stretch;
    }

    #kyoshitsuPage .download-list {
        display: block;
    }

    .i-Word {
        margin-right: 5rem;
    }

    .footer-nav {
        list-style: none;
        margin-left: -2.5rem;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .footer-nav>li {
        width: calc(300/960*100%);
        flex-basis: calc(300/960*100%);
        margin: 0 calc(10/960*100%);
        /*border: 1px solid blue*/
    }

    .footer-nav li ul li {
        padding-left: 1.5rem;
        text-indent: -1.5rem;
        list-style: none;
        margin-left: -2.5rem;
        margin-bottom: 0.5rem;
    }

    aside h4 {
        margin-left: 0.5rem;
    }

    aside .other {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        flex-wrap: wrap;
        /*margin-left: 0;*/
    }

    aside .other li {
        margin-right: 2.5rem;
    }

    footer {
        padding-bottom: 0;
        /*メニューの最下段固定をはずす時に必要。メニューの高さ分を、その前にあるブロック要素のpadding-bottomで指定*/
    }

    .manabee-grp {
        flex-direction: row-reverse;
        justify-content: space-around;
        align-items: center;
    }

    .manabee-img,
    .manabee-desc {
        margin: 0 calc(10/960*100%);
    }

    .manabee-grp img {
        width: 100%;
        margin: 0 auto;
        /*padding: 1rem;*/
        vertical-align: middle;
        /*border: 1px solid red*/
    }

    .manabee-img {
        width: calc(220/960*100%);
    }

    .manabee-desc {
        width: calc(720/960*100%);
        flex-grow: 1;
        /*border: 1px solid red*/
    }
    /* -------------------------
    　 ↓↓　トップページのレイアウト設定　↓↓
    ----------------------------*/
   /* .PLANET-kensaku-grp {
        width: calc(780/960*100%);
        flex-basis: calc(780/960*100%);*/
        /*margin: 0 calc(10/960*100%);*/
       /* margin: 0 auto;*/
        /*border: 1px solid green;*/
   /* }*/
	
	.PLANET-kensaku-grp {
	width: 70%;
	padding: 10px;
}

   .time_line div {
	width: 30%;
	padding: 10px;
    margin: 0 auto; 
}
.slider img {
		border-style: solid;
		border-color: #e0e0e0;
		border-width: 1px;
		max-width: 90%;
        max-height: 90%;
	}

    .grid-search>img,
    .grid-search .img-grp {
        width: calc(220/960*100%);
        flex-basis: calc(220/960*100%);
        margin: 0 calc(10/960*100%);
        /*border: 1px solid green;*/
    }

    .grid-search-desc {
        width: calc(460/960*100%);
        flex-basis: calc(460/960*100%);
        margin: 0 calc(10/960*100%);
        padding: 0 calc(60/960*100%);
        /*border: 1px solid green;*/
    }

    .grid-search-desc form>div:last-child {
        margin-bottom: 0;
    }


    /*#d-tab-shutsudo .grid-search-desc form,
    #d-tab-bunkazai .grid-search-desc form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    #d-tab-shutsudo .grid-search-desc form > div,
    #d-tab-bunkazai .grid-search-desc form > div {
        width: 49%;
    }

    #d-tab-bunkazai .grid-search-desc form > div:first-child {
        width: 100%;
    }*/
    .CM,
    #indexPage .CM {
        display: flex;
        justify-content: center;
        -ms-align-items: center;
        align-items: center;
        width: calc(940/960*100%);
        margin: 2rem auto;
    }

    .CM h2,
    #indexPage .CM h1 {
        width: calc(620/960*100%);
        flex-basis: calc(620/960*100%);
        margin: 0 calc(10/960*100%);
        text-align: center;
    }

    .CM img,
    #indexPage .CM img {
        width: calc(300/960*100%);
        flex-basis: calc(300/960*100%);
        margin: 0 calc(10/960*100%);
    }
    /* ↑↑　トップページのレイアウトここまで　↑↑ */
    .kensaku-utility {
        border: 1px solid red width: 50%;
        flex: 1 0 50%;
        text-align: right;
    }

    .search-list-grp {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        align-items: stretch;
    }

    .searchlist {
        max-width: 45%;
        flex: 1 1 45%;
        max-width: calc(460/960*100%);
        flex: 1 1 calc(460/960*100%);
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: space-between;
        border-top: 1px solid #e5e5e5;
        padding-bottom: 1.5rem;
    }
    .fg-keyword,
    .fg-date {
        max-width: 45%;
        flex: 0 1 45%;
        max-width: calc(460/960*100%);
        flex: 1 1 calc(460/960*100%);
    }

    .pagercurrent {
        border-left: 1px solid #ccc;
    }
    .noliisplay {
        display: block;
    }

    .pagercurrent,
    .noliisplay a {
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 0.85em;
    }
}



/* -------------------------
    　 ↓↓　cornerPageページのレイアウト設定　↓↓
    ----------------------------*/

#cornerPage .corner-media {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

#cornerPage .corner-media-img,
#cornerPage .corner-media-desc {
    margin: 0 calc(10/960*100%);
}

#cornerPage .corner-media-img {
    width: calc(380/960*100%);
}

#cornerPage .corner-media-img img:nth-of-type(2) {
    margin-top: 1rem;
}

#cornerPage .corner-media-desc {
    width: calc(540/960*100%);
}

#cornerPage .corner-media-desc h3 {
    margin-top: 0;
}

#cornerPage .corner-pc {
    width: calc(940/960*100%);
}

#cornerPage .media img:nth-of-type(2) {
    margin-top: 0;
    margin-left: 1rem;
}


/* ↑↑　cornerPageページのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　daigakuPageのレイアウト設定　↓↓
    ----------------------------*/

#daigakuPage .kamei-ko {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}

#daigakuPage .kamei-ko li {
    white-space: nowrap;
    margin-right: 3rem;
}


/* ↑↑　daigakuPageのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　sitemapPageのレイアウト設定　↓↓
    ----------------------------*/

.sitemap-wapper {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}


/* ↑↑　sitemapPageのレイアウトここまで　↑↑ */


/* -------------------------
        　 ↓↓　k-volPageページのレイアウト設定　↓↓
        ----------------------------*/

#k-volPage .img-grp {
    margin: 0 auto;
}


/* ↑↑　airportPageページのレイアウトここまで　↑↑ */


/* -------------------------
        　 ↓↓　k-volPageページのレイアウト設定　↓↓
        ----------------------------*/

.airport-area {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}


/* ↑↑　airportPageページのレイアウトここまで　↑↑ */


/* -------------------------
        　 ↓↓　fairPageページのレイアウト設定　↓↓
        ----------------------------*/

#fairPage .PLANET-kensaku-grp {
    width: calc(860/960*100%);
    flex-basis: calc(860/960*100%);
    /*margin: 0 calc(10/960*100%);*/
    margin: 0 auto;
    /*border: 1px solid green;*/
}

#fairPage .media-img>a,
#fairPage .media-img {
    width: calc(220/960*100%);
    flex-basis: calc(220/960*100%);
    margin: 0 calc(10/960*100%);
}

/*#fairPage .media-desc {
    width: calc(620/960*100%);
    flex-basis: calc(620/960*100%);
    margin: 0 calc(10/960*100%);
    flex-grow: 1;
}*/

#fairPage .f01-img-grp {
    display: flex;
    justify-content: space-around;
}


/* ↑↑　fairPageページのレイアウトここまで　↑↑ */


/* -------------------------
    　 ↓↓　nyumonPageのレイアウト設定　↓↓
    ----------------------------*/

#nyumonPage .media-img {
    width: calc(220/960*100%);
    flex-basis: calc(220/960*100%);
    margin: 0 calc(10/960*100%);
    /*text-align: right;*/
}

#nyumonPage .media-desc {
    width: calc(720/960*100%);
    flex-basis: calc(720/960*100%);
    margin: 0 calc(10/960*100%);
}


/* ↑↑nyumonPageのレイアウト設定ここまで　↑↑ */


/* -------------------------
    　 ↓↓　mailformPageのレイアウト設定　↓↓
    ----------------------------*/

.mailform {
    width: calc(700/960*100%);
}


/* ↑↑mailformPageのレイアウト設定ここまで　↑↑ */


}



/* @ 51rem -------------------------------------------------------------------------------------*/
@media print,
screen and (min-width: 51rem) {
    .no-display {
        display: none;
    }
}





/* @ 60rem(960px) ------------------------------------------------------------------------------*/
@media print,
screen and (min-width: 60rem) {
     :root {
        font-size: 100%;
    }

    body {
        max-width: 1100px;
        margin-right: auto;
        margin-left: auto;
    }

    header {
        margin-top: 4.4rem;
    }

.movedInfo footer {
    left: 0;
}

    .logo-grp {
        width: calc(940/960*100%);
        margin: 0 calc(10/960*100%);
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .logo {
        width: calc(260/960*100%);
        flex-basis: calc(260/960*100%);
        margin: 0 calc(10/960*100%);
    }
	
   .login {
	float:right;
	margin-left: 1rem;
	}

    .planet-desc {
        width: calc(620/960*100%);
        flex-basis: calc(620/960*100%);
        margin: 0 calc(10/960*100%);
    }

    .header-utility {
        width: calc(940/960*100%);
        flex-basis: calc(940/960*100%);
        margin: 0 calc(10/960*100%);
        justify-content: space-around;
        margin-bottom: 0;
        /*border: 1px solid red;*/
    }

    .fontSizeChange {
        display: flex;
        list-style: none;
        white-space: nowrap;
        justify-content: center;
        align-items: stretch;
        margin: 0;
        padding: 0;
    }

    .fontSizeChange-btn {
        font-size: inherit;
        font-size: smaller;
        line-height: 1.42;
        font-weight: normal;
        border-width: 1px;
        border-style: solid;
        background: transparent;
        border-radius: 0;
        cursor: pointer;
        user-select: none;
        vertical-align: top;
        color: #252730;
        border-color: #a8b6c7;
        box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.4);
    }

    .fontSizeChange-btn:active {
        box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    }

    .google-search-pc {
        width: 28%;
        flex-basis: 28%;
    }

    aside h4,
    aside .other {
        margin-left: 2rem;
    }
    /* -------------------------
    　 ↓↓　トップページのレイアウト設定　↓↓
    ----------------------------*/

    #indexPage h1 {
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
    }

   /* .PLANET-kensaku-grp {
        width: calc(780/960*100%);
        flex-basis: calc(780/960*100%); */
        /*margin: 0 calc(10/960*100%);*/
        /*margin: 0 auto;*/
    /*}*/
	
.PLANET-kensaku-grp {
	width: 70%;
	padding: 10px;
}

.time_line div {
	width: 30%;
	padding: 10px;
    margin: 0 auto; 
}

    #indexPage aside {
        width: calc(940/960*100%);
        flex-basis: calc(940/960*100%);
        margin: 0 calc(10/960*100%);
    }

    .img-card-grp {
        width: calc(460/960*100%);
        margin: 0 calc(8/960*100%);
        margin-bottom: 1rem;
    }

    .img-card-img {
        width: calc(220/960*100%);
        flex-basis: calc(220/960*100%);
        object-fit: cover;
    }

    .img-card-desc {
        width: calc(700/960*100%);
        flex-basis: calc(700/960*100%);
        margin: 0 calc(10/960*100%);
    }

/* .vol-guide-card {
        margin: 0 auto;
        padding: 0;
        width: 100%;*/
        /*border: 1px solid red;*/
  /*  }*/

  /*  .vol-guide-card>ul {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        align-content: space-around;
        flex-wrap: wrap;
        list-style: none;
        margin: 0 auto;
        padding: 0
    }

    .vol-guide-card li {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        width: calc(297/960*100%);
        flex-basis: calc(297/960*100%);
        margin: 0 calc(10/960*100%) 1rem;
        border: 1px solid #ccc;
    }

    .vol-guide-card li:nth-of-type(odd) {
        flex-direction: column;
        padding: 0;
        background: #FFF;
    }

    .guide-img,
    .guide-desc {
        width: 100%;
        height: 100%;
    }*/

   /* .guide-img {*/
        /*border: 1px solid blue;*/
       /* height: 100%;*/
        /*margin-left: -1px;*/
       /* margin-bottom: 0;
        padding-bottom: 0;
    }*/

/*    .guide-img img {
        object-fit: contain;
        width: 100%;
        margin-left: -3px;
    }
*/
  /*  .vol-guide-card h4 {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin: 0;
    }*/

/*------------↓ボランティアガイド一覧新しい設定↓----------------*/
	.outmore {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        /*border: 1px solid red;*/
    }

    .outmore>ul {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        align-content: space-around;
        flex-wrap: wrap;
        list-style: none;
        margin: 0 auto;
        padding: 0
    }

    .outmore li {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        width: calc(300/960*100%);
        flex-basis: calc(297/960*100%);
        margin: 0 calc(10/960*100%) 1rem;
        border: 1px solid #ccc;
    }

    .outmore li:nth-of-type(odd) {
        flex-direction: column;
        padding: 0;
        background: #FFF;
    }
    /* ↑↑　トップページのレイアウトここまで　↑↑ */
    /* -------------------------
    　 ↓↓　学カナページのレイアウト設定　↓↓
    ----------------------------*/

    #manakanaPage .media>a {
        width: calc(300/960*100%);
        flex-basis: calc(300/960*100%);
        margin: 0 calc(10/960*100%);
        /*text-align: right;*/
    }

    #manakanaPage .media-desc {
        width: calc(620/960*100%);
        flex-basis: calc(620/960*100%);
        margin: 0 calc(10/960*100%);
    }
    /* ↑↑学カナページのレイアウト設定ここまで　↑↑ */
    /* -------------------------
    　 ↓↓　出張教室ページのレイアウト設定　↓↓
    ----------------------------*/

    #kyoshitsuPage .download-list {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
    }

    #kyoshitsuPage .download-list li {
        width: calc(400/960*100%);
        flex-basis: calc(400/960*100%);
        margin: 0 calc(10/960*100%) 1rem;
        flex-grow: 1;
    }
    /* ↑↑出張教室ページのレイアウト設定ここまで　↑↑ */
    /* -------------------------
    　 ↓↓　nyumonPageのレイアウト設定　↓↓
    ----------------------------*/

    #nyumonPage .media-img {
        width: calc(140/960*100%);
        flex-basis: calc(140/960*100%);
        margin: 0 calc(10/960*100%);
        /*text-align: right;*/
    }

    #nyumonPage .media-desc {
        width: calc(800/960*100%);
        flex-basis: calc(800/960*100%);
        margin: 0 calc(10/960*100%);
    }
    /* ↑↑nyumonPageのレイアウト設定ここまで　↑↑ */

    #guidePage .guide-desc h4 {
        margin-bottom: 1rem;
    }
}




/* @ orientation: landscape --------------------------------------------------------------------*/
@media print,
screen and (orientation: landscape) {
    /* -------------------------
    　 ↓↓　トップページのレイアウト設定　↓↓
    ----------------------------*/

    #indexPage body {
        padding-top: 0;
    }
    /* ↑↑　トップページのレイアウトここまで　↑↑ */
}




/* @ 640px and orientation: landscape ----------------------------------------------------------*/
@media print,
screen and (min-width:640px) and (orientation: landscape) {
    /* -------------------------
    　 ↓↓　トップページのレイアウト設定　↓↓
    ----------------------------*/

    #indexPage body {
        padding-top: 0;
    }
    /* ↑↑　トップページのレイアウトここまで　↑↑ */
}

@media print {
    body {
        zoom: 100%;
        width: 960px;
    }
}



/* @webfont ------------------------------------------------------------------------------------ */
@font-face {
    font-family: 'icomoon';
    src: url('../webfonts/icomoon.eot');
    src: url('../webfonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/icomoon.ttf') format('truetype'),
    url("../webfonts/icomoon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*  --------2018この下追加の指定--------------------------------- */

.kyouikugekan {
    flex-wrap:wrap;
    margin-top:2rem;
    margin-bottom:2rem;
    margin-right:2rem;
    margin-left:2rem;

}

/*  --------相談員おすすめの追加指定--------------------------------- */
dl.s1{
	width:90%;
	position:relative;
}
dl.s1 dt{
	margin-right:105px;
	padding:6px;
	background-color:#fff;
	border:1px solid #aaa;
}
dl.s1 dt input{
	width:100%;
	height:24px;
	line-height:24px;
	background:none;
	border:none;
	text-align: left;
}
dl.s1 dd{
	position:absolute;
	top:0;
	right:0;
}
dl.s1 dd button{
	display:block;
	width:90px;
	height:38px;
	color:#fff;
	line-height:20px;
	font-weight:bold;
	text-align:center;
	background-color:#223F65;
	border:1px solid #223F65;
}

/*  --------ボランティア展示ページの追加指定--------------------------------- */
dl.v1{
	width:90%;
	position:relative;
}
dl.v1 dt{
	margin-right:105px;
	padding:6px;
	background-color:#fff;
	border:1px solid #aaa;
}
dl.v1 dt input{
	width:100%;
	height:24px;
	line-height:24px;
	background:none;
	border:none;
	text-align: left;
}
dl.v1 dd{
	position:absolute;
	top:0;
	right:0;
}
dl.v1 dd button{
	display:block;
	width:90px;
	height:38px;
	color:#fff;
	line-height:20px;
	font-weight:bold;
	text-align:center;
	background-color:#483d8b;
	border:1px solid #483d8b;
}

/*  --------地方分権の追加指定--------------------------------- */

dl.s2{
	width:90%;
	position:relative;
}
dl.s2 dt{
	margin-right:105px;
	padding:6px;
	background-color:#fff;
	border:1px solid #aaa;
}
dl.s2 dt input{
	width:100%;
	height:24px;
	line-height:24px;
	background:none;
	border:none;
	text-align: left;
}
dl.s2 dd{
	position:absolute;
	top:0;
	right:0;
}
dl.s2 dd button{
	display:block;
	width:90px;
	height:38px;
	color:#fff;
	line-height:20px;
	font-weight:bold;
	text-align:center;
	background-color:#008378;
	border:1px solid #008378;
}

.btn-c{
  display: inline-block;
  text-decoration: none;
  background: #87befd;
  color: #FFF;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  transition: .4s;
}

.btn-c:hover{
    background: #668ad8;
}

.corner-intro {
    width: 95%;
	text-align:center;
}

.square_btn{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #0088d2;
    background: #e3effa;
    transition: .4s;
	margin: 0 auto;
    margin-bottom: 0.8rem;
	margin-top: 0rem;
  }

.square_btn:hover {
	background: #0088d2;
	color: white;
	text-align: left;
}

.coner-btn {
    margin: 0 auto;
	text-align:center;
}


/*  --------地方分権の追加指定--------------------------------- */

/*  --------↓PLANETに掲載・登録するの追加指--------------------------------- */

table.about {
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px 15px;
border-color: #FFF;
}

table.about th,
table.about td {
padding: 10px;
}

table.about th {
background: #2B70C8;
vertical-align: middle;
text-align: left;
width: 100px;
overflow: visible;
position: relative;
color: #fff;
font-weight: bold;
font-size: 15px;
border:none;
}

table.about th:after {
left: 100%;
top: 50%;
border: solid transparent; 
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
/*border-color: rgba(136, 183, 213, 0); */
border-left-color: #2B70C8;
border-width: 10px;
margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
table.about th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #2B70C8 10px solid;
margin-top: -10px;
}
}

table.about td {
background: #f8f8f8;
width: 360px;
padding-left: 20px;
border:none;
}


/*  --------↓トップページに戻るボタン------------ */

#bk_top {
	float:right;
	margin-right: 0.8em;
	margin-bottom: 0.5em;
}
#bk_top .bt_top {
	background: linear-gradient(transparent 60%, #e7e7e7 60%);
	color: #25538A;
	}
#bk_top .bt_top:hover { 
background: none;
 }

/*.under {
background: linear-gradient(transparent 60%, #ff99ab 60%);
}/*
/* Skip */


/*#skip_box{

	}

.skip_top {
  text-align: center;
  line-height: 2em;
}
.skip_top li {
  list-style: none;
  margin-top:0.5em; 
  margin-bottom:0.5;
  text-decoration: underline;
}
/* Windows IE6 only 
* html .skip_top li {
  display: inline;
  zoom: 1;
}
/* Windows IE7 only 
*+html .skip_top li {
  display: inline;
  zoom: 1;
}
.skip_top a {

}
.pagenate .current {

}*/


/*  --------↓生涯学習のためのパソコン講座の追加指定------------ */

.square_btn-pc {
    display: inline-block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    background: #001e43;
    /*background-image: linear-gradient(#6795fd 0%, #67ceff 100%);*/
    transition: 0.4s;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
    border-radius: 4px;
}

.square_btn-pc:active {
    transform: translateY(2px);
}

.square_btn-pc:hover {
    background: #6c9bd2;
}

/*  --------↓ボランティア入門講座の追加指定------------ */

.square_btn-vol {
    display: inline-block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    background: #006e54;
    /*background-image: linear-gradient(#6795fd 0%, #67ceff 100%);*/
    transition: 0.4s;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
    border-radius: 4px;
}

.square_btn-vol:active {
    transform: translateY(2px);
}

.square_btn-vol:hover {
    background: #00a497;
}

/*  --------↓講座・イベント情報を提供の追加指定------------ */

.category dt {
  float:left;
  /*width:80px;*/
  clear:both;
  }

dt {
    font-weight: bold;
}
dd {
    background:none no-repeat left top;
    padding-left: 50px;
}
dd.catchPhrase1 {
    background-image:url('../image/kintaro.png');
}
dd.catchPhrase2 {
    background-image:url('../img/stats.gif');
}
</style>


/*  --------↓おでかけ情報の追加指定------------ */

.pager-txt-num {
  padding-right: 5px;
}
.pager {
      width: 95%;
      display: flex;
      margin: 10px 0 30px;
	  text-align:center;
	  padding-top: 50px;
}
.pager li {
      background-color: #808080;
      font-weight: bold;

}
.pager li a {
      display: block;
      padding: 12px 8px;
      color: #ffffff;
      text-align: center;
}
.pager-arrow-right {
  position: relative;
  padding-right: 5px;
}
.pager-all-prev,.pager-all-next {
  -webkit-box-flex: 2;
  flex-grow: 2;
}
.pager-all-prev {
  border-right: 5px solid #fff;
}
.pager-all-next {
  border-left: 5px solid #fff;
}
.pager-prev,.pager-next {
  -webkit-box-flex: 3;
  flex-grow: 3;
}
.pager-prev {
  position: relative;
}
.pager-arrow-right {
  position: relative;
  padding-right: 15px;
}

.pager-arrow-right::before {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
}

.pager-arrow-left {
  position: relative;
  padding-left: 15px;
}

.pager-arrow-left::before {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-bottom: solid 2px #fff;
  border-left: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
}

.middle {
	font-size: 1.2em;
	font-weight: bold;
	}

/*  --------↓大学で学ぶの追加指定------------ */

.daigaku-wrapper {
	padding: 1em 2.1em;
	}

.daigaku_division1 {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 1em;
	margin-bottom: 2em;
    padding: 0.5em 2em;
    position: relative;
}
.daigaku_division1::before {
    background-color: #fff;
    color: #da4033;
    content: "社会人入学特別選抜制度";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.daigaku_division2 {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 1em;
	margin-bottom: 2em;
    padding: 0.5em 2em;
    position: relative;
}
.daigaku_division2::before {
    background-color: #fff;
    color: #da4033;
    content: "聴講生制度";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.daigaku_division3 {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 1em;
	margin-bottom: 2em;
    padding: 0.5em 2em;
    position: relative;
}
.daigaku_division3::before {
    background-color: #fff;
    color: #da4033;
    content: "科目等履修生制度";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.daigaku_division4 {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 1em;
	margin-bottom: 2em;
    padding: 0.5em 2em;
    position: relative;
}
.daigaku_division4::before {
    background-color: #fff;
    color: #da4033;
    content: "AO入試制度（アドミッションズ・オフィス）";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.daigaku_division5 {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 1em;
	margin-bottom: 2em;
    padding: 0.5em 2em;
    position: relative;
}
.daigaku_division5::before {
    background-color: #fff;
    color: #da4033;
    content: "単位互換制度";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.daigaku_division6 {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 1em;
	margin-bottom: 2em;
    padding: 0.5em 2em;
    position: relative;
}
.daigaku_division6::before {
    background-color: #fff;
    color: #da4033;
    content: "昼夜開講制度";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.daigaku_division7 {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 1em;
	margin-bottom: 2em;
    padding: 0.5em 2em;
    position: relative;
}
.daigaku_division7::before {
    background-color: #fff;
    color: #da4033;
    content: "長期履修学生制度";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.daigaku_division8 {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 1em;
	margin-bottom: 2em;
    padding: 0.5em 2em;
    position: relative;
}
.daigaku_division8::before {
    background-color: #fff;
    color: #da4033;
    content: "受託研究員制度";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

/*  --------↓大学フェアの追加指定------------ */

.yellow_line {
    font-size: 1.1rem;
	font-weight: bold;
    margin-bottom: 0rem;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;
}

.blue_line {
    font-size: 1.1rem;
	font-weight: bold;
    margin-bottom: 0rem;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;
}


.ffs {
    margin-top: 0.2rem;
}

/*  --------↓管理者ログインの追加指定------------ */

/*.login {
	float:right;
	margin-right: 2rem;
	margin-top: 0.5rem;
	margin-bottom: 0rem;
	}*/
	
.login {
	float:right;
	margin-left: 1rem;
	}

.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #696969;
  border: solid 1px #696969;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #696969;
  color: white;
}

@media only screen and (max-width: 480px) {
.login { display: none !important;
    }
.slider img {
		border-style: solid;
		border-color: #e0e0e0;
		border-width: 1px;
		max-width: 90%;
        max-height: 90%;
	}
.sub-pc {
    margin-left:auto;
	margin-right:auto;
	max-width: 65%;
    max-height: 65%;
    }
}

@media only screen and (max-width: 680px) {
.login { display: none !important;
    }
	.ken_timewrap {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.time_line {
	margin:auto;
	}
	
.taimeline_wrap {
	margin:auto;
	}
}

/*  --------↑管理者ログインの追加指定↑------------ */
/*  --------↓ボランティアガイド一覧新しい設定↓------------ */

/* a {
  color: currentColor;
  text-decoration: none;
} */

/*p {
  font-size: 13px;
} */

a:hover .card-outmore {
  background: #2C3E50;
  color: #fff;
}

a:hover .thecard {
  box-shadow: 0 10px 25px rgba(0,0,0,.6);
}

.thecard {
  width: 300px;
  margin: 5% auto;
  box-shadow: 0 1px 15px rgba(0,0,0,.4);
  display: block;
  background-color: #fff;
  border-radius: 4px;
  transition: 400ms ease;
}

.card-img {
  height: 225px;
}

.card-img img {
  width:100%;
  border-radius: 4px 4px 0px 0px;
}

.card-caption {
  position: relative;
  background: #ffffff;
  padding: 5px 25px 5px 25px;
  border-radius: 0px 0px 4px 4px;
}

.card-outmore {
  padding: 10px 25px 10px 25px;
  border-radius: 0px 0px 4px 4px;
  border-top: 1px solid #e0e0e0;
  background: #efefef;
  color: #222;
  display: inline-table;
  width: 100%;
  box-sizing: border-box;
  transition: 400ms ease;
}
.card-outmore h5 {
  float: left;
}
.card-outmore i {
  float: right;
}

span.date {
  font-size: 15px;
}

.card-h1 {
  font-size: 22px;
}

.vol-card {
  margin:0;
}

#like-btn {
  font-size: 14px;
  background: #446CB3;
  color: #fff;
  font-weight:bold;
  padding: 10px 10px 10px 10px;
  border-radius: 50em;
  position: absolute;
  right: 20px;
  top: -22px;
  box-shadow: 0 2px 1px rgba(0,0,0,.2);
  transition: 400ms ease;
}

#like-btn:hover {
  font-size: 18px;
  background: #3B5998;
  color: #fff;
  padding: 13px 15px;
  border-radius: 50em;
  position: absolute;
  right: 20px;
  top: -22px;
  box-shadow: 0 4px 5px rgba(0,0,0,.3);
}

.outmore-icon {
  border:1px solid ;
  padding: 1px 6px;
  border-radius: 50em;
}

.outmore>ul {
    list-style: none;
    width: calc(980/980*100%);
    margin: 0;
    padding: 0;
    margin: 0 calc(10/980*100%);
	border-style:none;
}

.outmore li {
    display: flex;
    justify-content: center;
    align-items: center;
	border-style:none;
}

/*  --------↓タイムライン新しい設定↓------------ */

*, *:before, *:after {
	box-sizing: border-box;
}
.ken_timewrap {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	-ms-flex-wrap: wrap; /* IE10 */
}

/*  --------↓ピックアップ新しい設定↓------------ */


.pickup {
  position: relative;
  padding: 0.6em;
  background: #223F65;
  font-weight: bold;
  color: #FFF;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}

.pickup:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #223F65;
  width: 0;
  height: 0;
}

.pickup_k {
  position: relative;
  padding: 0.6em;
  background: #4cbbb9;
  font-weight: bold;
  color: #FFF;
  font-size: 1.2rem;
  margin-bottom: 2rem;
  margin-top: 0.5rem;
}

.picktext_k{
	text-align:left;
	padding-left: 0.5rem;
	}

.pickup_k:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #4cbbb9;
  width: 0;
  height: 0;
}

.pick_wrap {
	margin: auto;
	}
	
.pickup_pic {
	margin-bottom: 2rem;
	}
.pickup_pic:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

.k_p {
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: left;
	}

/*  --------↓2019新規検索セレクトボックスの指定↓------------ */

.input_wrap {
	margin-top:1rem;
	margin-bottom: 0.5rem;
	}
.input_key {
	display:block;
	width: 85%;
	font-size: 1.5rem;
	margin: 0 auto;
}
.input_key input[type=text] {
	box-sizing: border-box;
	width: 100%;
	height: 3.5rem;
	padding: 0.3em;
	transition: 0.3s;
	border: 2px solid #223F65;
	background-color: #FFF;
	outline: none;
}
.input_key input[type=text] {
	padding-left: 1rem;
}
.input_key i {
	transition: 0.3s;
	color: #aaaaaa;
}

.box_select {
	overflow: hidden;
	width: 90%;
	margin: auto;
	text-align: center;
}
.box_select select {
	width: 100%;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.box_select select::-ms-expand {
    display: none;
}
.box_select.box_sl {
	position: relative;
	border-radius: 2px;
	border: 2px solid #223F65;
	background: #ffffff;
}
.box_select.box_sl::before {
	position: absolute;
	top: 0.8em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #223F65;
	pointer-events: none;
}
.box_select.box_sl select {
	padding: auto;
	color: #223F65;
}

.selecttittle {
	margin: 0 0 0 1rem;
	padding: 0;
	font-weight:bold;
	color: #223F65 !important;
	}
.selecttittle0 {
	margin: 0 0 0 1rem;
	padding: 0;
	font-weight:bold;
	color: #223F65 !important;
	}
.selwrap {
	margin:auto;
	}
.selwrap_3 {
	margin: auto;
	}
.btn_btnwrap {
	text-align: center;
	margin: 2rem 0 1rem 0;
	}
	
button.sub_btn {
         font-size: 1.4em;
         font-weight: bold;
         padding: 0.5rem 1rem 0.5rem 2rem;
         background-color: #223F65;
         color: #fff;
         border-style: none;
		 letter-spacing: 1em;
		 border-radius: 0.1em;
         }
button.sub_btn:hover {
                   color: #fff;
				   cursor: pointer;
				   filter: alpha(opacity=60);
                   -moz-opacity:0.6;
                   -khtml-opacity: 0.6;
                   opacity:0.6;

}

input[type="date"] {
  position: relative;
  padding: 0 10px;
  width: 100%;
  height: 32px;
  border: 0;
  background: transparent;
  box-sizing: border-box;
  font-size: 1rem;
  color: #223F65;
  cursor: pointer;
}

input[type="date"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
}
input[type="date"]::-webkit-clear-button{
  -webkit-appearance: none;
}

.my-color {
	color: #333;
	}

/*  --------↓2019新規検索セレクトボックス横並び→縦並びの指定↓------------ */

*, *:before, *:after {
	box-sizing: border-box;
}
.sel_0{
	width: 50%;
	display: flex;
	margin-top: 1rem;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.sel_1{
	width: 100%;
	display: flex;
	margin-top: 0.5rem;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.sel_1 > div{
	width: 50%;
	padding-bottom: 1rem;
	padding-top: 1rem;
}

.sel_1_1{
	width: 100%;
	display: flex;
	margin-top: 2.5rem;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.sel_1_1 > div{
	width: 50%;
	padding: 10px;
}
.sel_1_2{
	width: 100%;
	display: flex;
	margin-top: 1rem;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.sel_1_2 > div{
	width: 100%;
	padding: 10px;
}
.sel_1_1_2{
	width: 100%;
	display: flex;
	margin-top: 1rem;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.sel_1_1_2 > div{
	width: 30%;
	padding: 0;
}
.sel_1_2_2{
	width: 100%;
	display: flex;
	margin-top: 0.2rem;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
/*.sel_1_2_2{
	width: 100%;
	display: flex;
	margin-top: 2rem;
	display: -ms-flexbox; /* IE10 */
	/*flex-wrap: wrap;*/
	/*-ms-flex-wrap: wrap; /* IE10 */
/*}*/
.sel_1_2_2 > div{
	width: 30%;
	padding: 0;
}
@media screen and (max-width: 960px) {
	.sel_0{
		width: 100%;
	}
	.sel_1 > div{
		width: 100%;
	}
	.sel_1_1 > div{
		width: 100%;
	}
	.sel_1_2 > div{
		width: 100%;
	}
	.sel_1_1_2 > div{
		width: 100%;
		margin-top: 1rem;
	}
	.sel_1_2_2 > div{
		width: 100%;
		margin-top: 1rem;
}
.selecttittle0 {
	margin: 0 0 0 1rem;
	padding: 0;
	font-weight:bold;
	color: #223F65 !important;
	}
	.PLANET-kensaku-grp2 {
    width: 100%;
	padding: 10px;
}

}
/*  --------↓2019サイトマップ横並び→縦並びの指定↓------------ */

*, *:before, *:after {
	box-sizing: border-box;
}
.footer_sitemap{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.footer_sitemap > div{
	width: 33.33333%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.footer_sitemap > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.footer_sitemap > div{
		width: 100%;
	}
}

.footer_sitemap ul {
    margin-bottom: 1rem;
    list-style: none;
    list-style-position: inside;
}

.footer_sitemap h4 {
	font-size: 1.1rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 1rem ;
}

.footer_sitemap a {
	color: #25538A;
}

.footer_sitemap ul li {
    margin-left: -2.5rem;
    margin-bottom: 0.5rem;
    padding-left: 1em;
    text-indent: -1em;
}

.footer_sitemap a:before {
    font-family: 'icomoon';
    speak: none;
    content: "\ea42";
    color: #1674B3;
    margin-right: 0.5rem;
    position: relative;
}

/*.footer_sitemap a:hover{
    border-bottom-width:1px;
    border-bottom-color: #1674B3;
    border-bottom-style: solid;
	color: #1674B3;
}*/

/*  --------↓2020検索TABラジオボタン指定↓------------ */

.cp_ipradio {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0.5rem;
	text-align: left;
}
.cp_ipradio ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.cp_ipradio .list_item {
	position: relative;
}
.cp_ipradio .list_item:hover label {
	color: #da3c41;
}
.cp_ipradio .list_item:hover label::before {
	/*margin-right: 2em;*/
	border: 0.2em solid #da3c41;
}
.cp_ipradio .option-input {
	display: none;
}
.cp_ipradio .option-input:checked + label {
	color: #da3c41;
}
.cp_ipradio .option-input:checked + label::before {
	/*margin-right: 2em;*/
	border: 0.4em solid #da3c41;
	background: #da3c41;
}
.cp_ipradio label {
	display: -webkit-box;
	display: flex;
	padding: 0.5em 0;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
	        transition: all 0.25s linear;
	text-transform: none;
	-webkit-box-align: center;
	align-items: center;
}
.cp_ipradio label::before {
	display: block;
	width: 1em;
	height: 1em;
	margin-right: 0.625em;
	content: '';
	-webkit-transition: all 0.25s linear;
	        transition: all 0.25s linear;
	border: 0.2em solid #223F65;
	border-radius: 50%;
}
.cp_ipradio .option-input:disabled + label {
	cursor: not-allowed;
	color: #b8b7b7;
}
.cp_ipradio .option-input:disabled + label::before {
	cursor: not-allowed;
	border: 0.2em solid #b8b7b7;
}
.radio_wrap{
	margin: 2rem;
	}
/*====================================================================
.s_01 .accordion_one
====================================================================*/
.s_01 .accordion_one {
	width: 100%;
	margin: 0 auto;
}
.s_01 .accordion_one .accordion_header {
	color: #223F65;
	border-bottom: dotted 1px #da3c41;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left;
	margin-top: 1rem;
	padding-bottom: 0.5rem;
	margin-left: 0rem;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
}
/*.s_01 .accordion_one:nth-of-type(2) .accordion_header {
    background-color: #ff9a05;
}*/
/*.s_01 .accordion_one:nth-of-type(3) .accordion_header {
    background-color: #1c85d8;
}*/
.s_01 .accordion_one .accordion_header:hover {
	opacity: .8;
}
.s_01 .accordion_one .accordion_header .i_box {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 5%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	box-sizing: border-box;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
}
.s_01 .accordion_one .accordion_header .i_box .one_i {
	display: block;
	width: 18px;
	height: 18px;
	margin-bottom: 0.5rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
	position: relative;
}
.s_01 .accordion_one .accordion_header.open .i_box {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
	display: flex;
	content: '';
	background-color: #da3c41;
	border-radius: 10px;
	width: 18px;
	height: 4px;
	position: absolute;
	top: 7px;
	left: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before {
	width: 4px;
	height: 18px;
	top: 0;
	left: 7px;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
	content: none;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.s_01 .accordion_one .accordion_inner {
	display: none;
	box-sizing: border-box;
}
/*.s_01 .accordion_one:nth-of-type(2) .accordion_inner {
	border-left: 2px solid #ff9a05;
	border-right: 2px solid #ff9a05;
	border-bottom: 2px solid #ff9a05;
}*/
/*.s_01 .accordion_one:nth-of-type(3) .accordion_inner {
	border-left: 2px solid #1c85d8;
	border-right: 2px solid #1c85d8;
	border-bottom: 2px solid #1c85d8;
}*/
/*.s_01 .accordion_one .accordion_inner .box_one {
	height: 300px;
}*/
/*.s_01 .accordion_one .accordion_inner p.txt_a_ac {
	margin: 0;
}*/
@media screen and (max-width: 1024px) {
	.s_01 .accordion_one .accordion_header {
		font-size: 18px;
	}
	.s_01 .accordion_one .accordion_header .i_box {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
}
@media screen and (max-width: 767px) {
	.s_01 .accordion_one .accordion_header {
		font-size: 16px;
		text-align: left;
		padding: 15px 60px 15px 15px;
	}
}

/*  --------↓2020検索TABラジオボタン指定↓------------ */

/*  --------↓YOUTUBEインライン表示↓------------ */
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/*  --------↓ボラ入門公開用ファイルアイコン色↓------------ */
.my-red {color: #b30000}
.my-blue {color: #191970}
.my-green {color: #006400}


fieldset {
	border:hidden;
	padding: 0;
	margin: 0;
	}

/*  --------↓大学フェア参加校紹介一覧新しい設定↓------------ */