@charset "UTF-8";
/* ==========================================================================
   Global variable
   ========================================================================== */
@font-face {
	font-family: "icomoon";
	font-weight: normal;
	font-style: normal; 

	src: url("fonts/icomoon.eot?5sr0nu");
	src: url("fonts/icomoon.eot?5sr0nu#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?5sr0nu") format("truetype"), url("fonts/icomoon.woff?5sr0nu") format("woff"), url("fonts/icomoon.svg?5sr0nu#icomoon") format("svg");
}
@keyframes show {
	0% {
		height: 0; 

		opacity: 0;
	}
	100% {
		height: 100%; 

		opacity: 1;
	}
}
@keyframes hide {
	0% {
		z-index: 1;

		height: 100%; 

		opacity: 1;
	}
	100% {
		z-index: -1;

		height: 0; 

		opacity: 0;
	}
}
/* ==========================================================================
   Normalize
   ========================================================================== */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
	line-height: 1.15;

/* 2 */

	-webkit-text-size-adjust: 100%;

/* 1 */
	    -ms-text-size-adjust: 100%;
	/* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
	margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article , aside , footer , header , nav , section {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;

	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
figcaption , figure {
	display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
/* 1 */
	overflow: visible;

	box-sizing: content-box;

/* 1 */
	height: 0;
	/* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
	display: block;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;

/* 1 */
	font-size: 1em;
	/* 2 */
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
	background-color: transparent;

/* 1 */

	-webkit-text-decoration-skip: objects;
	/* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
/* 1 */
	text-decoration: underline;

/* 2 */
	text-decoration: underline dotted;

	border-bottom: none;
	/* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b , strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b , strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code , kbd , samp {
	font-family: monospace, monospace;

/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
	font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
	color: #000000; 
	background-color: #ffff00;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub , sup {
	font-size: 75%;
	line-height: 0;

	position: relative;

	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio , video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
	display: none;

	height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
	border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
	overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button , input , optgroup , select , textarea {
	font-family: sans-serif;

/* 1 */
	font-size: 100%;

/* 1 */
	line-height: 1.15;

/* 1 */

	margin: 0;
	/* 2 */
}

/**
 * Show the overflow in IE.
 */
button {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button , select {
	/* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button , html [type="button"] , [type="reset"] , [type="submit"] {
	-webkit-appearance: button;
	/* 2 */
}

button , [type="button"] , [type="reset"] , [type="submit"] {
	/**
   * Remove the inner border and padding in Firefox.
   */
	/**
   * Restore the focus styles unset by the previous rule.
   */
}
button::-moz-focus-inner , [type="button"]::-moz-focus-inner , [type="reset"]::-moz-focus-inner , [type="submit"]::-moz-focus-inner {
	padding: 0; 

	border-style: none;
}
button:-moz-focusring , [type="button"]:-moz-focusring , [type="reset"]:-moz-focusring , [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Show the overflow in Edge.
 */
input {
	overflow: visible;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"] , [type="radio"] {
	box-sizing: border-box;

/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button , [type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
/* 1 */
	outline-offset: -2px;

	-webkit-appearance: textfield;
	/* 2 */
	/**
   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
   */
}
[type="search"]::-webkit-search-cancel-button , [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
/* 1 */
	font: inherit;

	-webkit-appearance: button;
	/* 2 */
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
/* 1 */
	display: table;

	box-sizing: border-box;

/* 1 */
	max-width: 100%;

/* 1 */
	padding: 0;

/* 2 */

	white-space: normal;

/* 3 */

	color: inherit;
	/* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	display: inline-block;

/* 1 */

	vertical-align: baseline;
	/* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
	overflow: auto;
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/*
 * Add the correct display in IE 9-.
 */
menu {
	display: block;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
	display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
	display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
	display: none;
}

/* ==========================================================================
   Global design
   ========================================================================== */
/*
header
———————————*/
body:before {
	height: 20px; 

	background: linear-gradient(to right, #8991da 0%, #41a9f0 10%, #4167b3 50%);
}

header {
	width: 100%;
}
header:before {
	display: block;

	height: 20px;

	content: "";

	background: linear-gradient(to right, #8991da 0%, #41a9f0 10%, #4167b3 50%);
}
@media screen and (max-width: 1139px) {
	header {
		position: relative;
	}
}
header .lang {
	overflow: hidden; 

	width: 1140px;
	margin: auto;
}
@media screen and (max-width: 1139px) {
	header .lang {
		width: 100%;
		padding-right: 2em; 

		background: linear-gradient(to right, #8991da 0%, #41a9f0 10%, #4167b3 50%);
	}
}
header .lang .wrap {
	font-size: 0.8em; 

	float: right;

	padding: 1em 1.5em;

	color: #ffffff;
	border-radius: 0 0 10px 10px;
	background: #4167b3;
}
header .lang .wrap span {
	padding: 1em;
}
header .lang .wrap span.active a {
	color: #49a7e7;
}
header .lang .wrap span a {
	color: #ffffff;

	text-decolation: none;
}
header .content {
	top: 0;

	display: flex;
	align-items: flex-end;
	justify-content: space-between;

	box-sizing: border-box; 
	margin: 0 auto;
}
@media screen and (max-width: 749px) {
	header .content {
		width: 100%;
	}
}
@media screen and (min-width: 750px) and (max-width: 1139px) {
	header .content {
		width: 100%;
	}
}
@media screen and (min-width: 1140px) {
	header .content {
		width: 1140px;
		margin-top: -20px;
	}
	header .content .menu {
		display: none;
	}
}
header .content h1 {
	display: flex;
	align-items: flex-end;

	margin: 0;
	padding-top: 20px;

	white-space: nowrap;
}
@media screen and (max-width: 749px) {
	header .content h1 {
		display: block;
	}
}
header .content h1 img {
	margin-right: 10px;
}
header .content h1 span {
	font-size: 10px;

	display: block;

	max-width: 450px;
}
header .content h1 span::first-line {
	font-size: 17.5px;
}
header .content ul {
	display: flex;
}
header .content ul li {
	margin-left: 2em;

	list-style: none; 

	white-space: nowrap;
}
header .content ul li > a:before {
	font-family: "icomoon" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	content: "\f105"; 
	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
header .content ul li a {
	position: relative;

	transition: color 0.3s; 

	color: #4167b3;
}
header .content ul li a:hover {
	font-weight: bold; 

	color: #2b4577;
}
header .content ul li a:before {
	font-size: 0.5em;

	margin-right: 0.5em; 

	vertical-align: middle;
}

@media screen and (max-width: 1139px) {
	header .content {
		display: block;
		display: flex;

		margin-bottom: 20px; 
		padding: 0 10px;
	}
	header .content h1 {
		float: left;
	}
	header .content ul {
		display: none;
	}
}
/*
メインナビゲーション
———————————*/
@media screen and (min-width: 1140px) {
	#menu-trigger {
		display: none;
	}

	nav#globalNavi {
		position: relative; 

		width: 100%;
		height: 60px;
		margin-top: 25px;

		background: #4167b3;
	}
	nav#globalNavi ul#mainList {
		width: 1140px;
		margin: auto;
	}
	nav#globalNavi ul#mainList > li {
		line-height: 60px;

		display: inline-block;

		width: 186px;

		list-style: none; 

		text-align: center;
	}
	nav#globalNavi ul#mainList > li > a::after {
		font-family: "icomoon" !important;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		line-height: 1;

		content: "\f107"; 
		vertical-align: middle;
		text-transform: none;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		speak: none;
	}
	nav#globalNavi ul#mainList > li a {
		color: #ffffff;
	}
	nav#globalNavi ul#mainList > li > a {
		display: block;

		width: 100%;
		height: 100%;

		pointer-events: none;
	}
	nav#globalNavi ul#mainList > li > a:after {
		margin-left: 0.5em;
	}
	nav#globalNavi ul#mainList > li > div.wrap {
		position: absolute;
		z-index: 999;
		top: 55px;
		left: 0;

		visibility: hidden;

		box-sizing: border-box;
		width: 100%;
		min-height: 200px;
		padding: 10px;

		transition: all 0.2s ease;

		opacity: 0;
		color: #ffffff; 
		background: #49a7e7;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate {
		line-height: 1.75em; 

		display: flex;

		width: 1140px;
		margin: auto;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate div , nav#globalNavi ul#mainList > li > div.wrap .navigate ul {
		display: block;

		box-sizing: border-box;
		padding: 10px;

		text-align: left;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate div:first-child , nav#globalNavi ul#mainList > li > div.wrap .navigate ul:first-child {
		max-width: 30%;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate div h2 , nav#globalNavi ul#mainList > li > div.wrap .navigate ul h2 {
		margin: 0;
		padding: 0;

		list-style: none;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate div h2 > a:after , nav#globalNavi ul#mainList > li > div.wrap .navigate ul h2 > a:after {
		font-family: "icomoon" !important;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		line-height: 1;

		content: "\f105"; 
		vertical-align: middle;
		text-transform: none;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		speak: none;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate div h2 > a:after , nav#globalNavi ul#mainList > li > div.wrap .navigate ul h2 > a:after {
		margin-left: 0.5em;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate div h3 , nav#globalNavi ul#mainList > li > div.wrap .navigate ul h3 {
		margin-top: 30px;

		list-style: none;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate div h3 + ul , nav#globalNavi ul#mainList > li > div.wrap .navigate ul h3 + ul {
		margin-top: 10px;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate div h3 > a:before , nav#globalNavi ul#mainList > li > div.wrap .navigate ul h3 > a:before {
		font-family: "icomoon" !important;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		line-height: 1;

		content: "\f105"; 
		vertical-align: middle;
		text-transform: none;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		speak: none;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate div h3 a:before , nav#globalNavi ul#mainList > li > div.wrap .navigate ul h3 a:before {
		margin-right: 0.5em;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate div li , nav#globalNavi ul#mainList > li > div.wrap .navigate ul li {
		list-style: none;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate div li > a:before , nav#globalNavi ul#mainList > li > div.wrap .navigate ul li > a:before {
		font-family: "icomoon" !important;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		line-height: 1;

		content: "\f105"; 
		vertical-align: middle;
		text-transform: none;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		speak: none;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate div li a:before , nav#globalNavi ul#mainList > li > div.wrap .navigate ul li a:before {
		margin-right: 0.5em;
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate div li a:after , nav#globalNavi ul#mainList > li > div.wrap .navigate ul li a:after {
		content: "";
	}
	nav#globalNavi ul#mainList > li > div.wrap .navigate ul {
		margin-top: 30px;
	}
	nav#globalNavi ul#mainList > li:hover {
		transition: all 0.2s ease; 

		background: #49a7e7;
	}
	nav#globalNavi ul#mainList > li:hover > div {
		top: 60px;

		visibility: visible;

		opacity: 1;
	}
	nav#globalNavi ul#mainList #spSub {
		display: none;
	}
}
@media screen and (max-width: 1139px) {
	.menu {
		position: absolute; 
		top: 100px;
		right: 20px;
	}

	#menu-trigger , #menu-trigger span {
		display: inline-block;

		box-sizing: border-box; 

		transition: all 0.4s;
	}

	#menu-trigger {
		position: relative;

		float: right;

		width: 50px;
		height: 50px; 

		background: #4167b3;
	}

	#menu-trigger span {
		position: absolute;
		left: 8px;

		width: 32px;
		height: 4px;

		border-radius: 4px; 
		background-color: #ffffff;
	}

	#menu-trigger span:nth-of-type(1) {
		top: 8px;
	}

	#menu-trigger span:nth-of-type(2) {
		top: 22.5px;
	}

	#menu-trigger span:nth-of-type(3) {
		bottom: 8px;
	}

	#menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(20px) rotate(-45deg);
		        transform: translateY(15px) rotate(-45deg);
	}

	#menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}

	#menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-20px) rotate(45deg);
		        transform: translateY(-15px) rotate(45deg);
	}

	nav#globalNavi {
		width: 100%;

		background: #4167b3;
	}
	nav#globalNavi.close {
		display: none;

		animation: hide 0.5s ease 0s 1 normal;
	}
	nav#globalNavi.open {
		display: block;

		animation: show 0.5s ease 0s 1 normal;
	}
	nav#globalNavi.open li {
		list-style: none; 

		border-bottom: 1px solid #ffffff;
	}
	nav#globalNavi.open li > a:before {
		font-family: "icomoon" !important;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		line-height: 1;

		content: "\f105"; 
		vertical-align: middle;
		text-transform: none;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		speak: none;
	}
	nav#globalNavi.open li a {
		display: block;

		padding: 15px 0 15px 2.5em;

		color: #ffffff; 
		border-bottom: 1px solid #ffffff;
	}
	nav#globalNavi.open li a:before {
		margin-right: 0.5em;
		margin-left: -1em;
	}
	nav#globalNavi .wrap {
		display: none; 

		background: #49a7e7;
	}
	nav#globalNavi .wrap h2 , nav#globalNavi .wrap span {
		display: none;
	}
	nav#globalNavi .wrap span.br {
		display: inline-block;
	}
	nav#globalNavi .wrap.close {
		display: none;

		animation: hide 0.5s ease 0s 1 normal;
	}
	nav#globalNavi .wrap.open {
		display: block;

		animation: show 0.5s ease 0s 1 normal;
	}
	nav#globalNavi .wrap.open a {
		padding-left: 3.5em;
	}
}
@media screen and (min-width: 1140px) {
	.sticky {
		position: sticky;
		z-index: 999;
		top: 0;

		clear: both;
	}
}
/*
footer
———————————*/
footer {
	width: 100%;
	padding-top: 100px; 

	background: #eeeeee;
}
footer a[target="_blank"]:after {
	display: none;
}
footer ul.subNavi {
	display: flex;
	justify-content: flex-end;

	width: 1140px;
	margin: auto;
}
@media screen and (max-width: 1139px) {
	footer ul.subNavi {
		flex-wrap: wrap; 
		justify-content: center;

		width: 100%;
	}
}
footer ul.subNavi li {
	list-style: none;
}
footer ul.subNavi li a {
	font-weight: bold; 

	padding: 0.5em;

	color: #4167b3;
}
footer ul.subNavi li:before , footer ul.subNavi li:last-child:after {
	content: "|";

	color: #4167b3;
}
footer .content {
	display: flex;
	align-items: flex-end;
	justify-content: space-between; 

	width: 1140px;
	margin: 0 auto;
}
@media screen and (max-width: 1139px) {
	footer .content {
		flex-wrap: wrap;
		justify-content: space-around;

		width: 100%;
		margin-top: 20px;
	}
}
footer .content address {
	font-size: 14px; 
	font-style: normal;
	line-height: 1.5em;
}
footer .content address h1 {
	font-size: 23px;
	font-weight: bold;
}
footer .content address a {
	cursor: default;
}
footer .lang {
	overflow: hidden;

	width: 1140px; 
	margin: 40px auto 0 auto;
}
@media screen and (max-width: 1139px) {
	footer .lang {
		width: 100%;
	}
}
footer .lang .wrap {
	font-size: 0.8em; 

	float: right;

	padding: 1em 1.5em;

	color: #ffffff;
	border-radius: 10px 10px 0 0;
	background: #4167b3;
}
footer .lang .wrap span {
	padding: 1em;
}
footer .lang .wrap span.active a {
	color: #49a7e7;
}
footer .lang .wrap span a {
	color: #ffffff;

	text-decolation: none;
}
footer #copyright {
	padding: 20px; 

	background: linear-gradient(to right, #8991da 0%, #41a9f0 10%, #4167b3 50%);
}
footer #copyright span {
	font-size: 11px; 

	display: block;

	width: 1140px;
	margin: auto;

	text-align: right;

	color: #ffffff;
}
@media screen and (max-width: 1139px) {
	footer #copyright span {
		width: 100%;
	}
}

/*
TOPへ戻る追従ボタン
———————————*/
.scroll-top {
	position: fixed;
	z-index: 100;
	right: 30px;
	bottom: 30px;

	width: 50px;
	height: 50px;

	transition: all 1s; 
	text-align: center;

	opacity: 0;
	color: #ffffff;
	border: none;
	border-radius: 50%;
	background-color: #5181e0;
}
.scroll-top:hover {
	cursor: pointer;
}
.scroll-top .icon-angle-up:before {
	font-family: "icomoon" !important;
	font-size: 1.5em; 
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	line-height: 50px;

	content: "\f106";
	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
.scroll-top.show {
	opacity: 0.8;
}

/*
twitterボタン
———————————*/
#twitter {
	position: fixed;
	z-index: 100;
	bottom: 30px;
	left: 10px;

	display: block;

	width: 50px;
	height: 50px;

	text-align: center;

	color: #ffffff;
	border-radius: 50%; 
	background: #00aced;
}
#twitter .icon-twitter:before {
	font-family: "icomoon" !important;
	font-size: 1.5em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	line-height: 50px;

	display: block;

	margin: auto; 

	content: "\f099";
	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
#twitter:after {
	content: "";
}

/* ==========================================================================
   Index design
   ========================================================================== */
/*
スライダー
———————————*/
#mmdslider {
	padding-bottom: 30px;
}
#mmdslider .swiper-wrapper {
	text-align: center;
}
#mmdslider .swiper-pagination {
	bottom: auto;
}
#mmdslider .swiper-button-next , #mmdslider .swiper-container-rtl .swiper-button-prev {
	right: 20%;
}
#mmdslider .swiper-button-next:after , #mmdslider .swiper-container-rtl .swiper-button-prev:after {
	font-family: "icomoon" !important;
	font-size: 1.5em; 
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	content: "\f138";
	vertical-align: middle;
	text-transform: none;

	color: #ffffff;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
#mmdslider .swiper-button-prev , #mmdslider .swiper-container-rtl .swiper-button-next {
	left: 20%;
}
#mmdslider .swiper-button-prev:before , #mmdslider .swiper-container-rtl .swiper-button-next:before {
	font-family: "icomoon" !important;
	font-size: 1.5em; 
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	content: "\f137";
	vertical-align: middle;
	text-transform: none;

	color: #ffffff;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
#mmdslider .swiper-button-next , #mmdslider .swiper-button-prev {
	position: absolute;
	z-index: 10;
	top: 40%;

	width: 27px;
	height: 44px;
	margin-top: -22px;

	cursor: pointer; 

	background: none;
}
#mmdslider .swiper-slide {
	max-width: 100%;
	height: 60vh;
	max-height: 556px;
}
#mmdslider p {
	font-size: 1.5vw;
	font-weight: bold;

	position: absolute;
	right: 0;
	bottom: 75px;
	left: 0;

	box-sizing: border-box; 
	margin: auto;

	text-align: left;
}
@media screen and (min-width: 1140px) {
	#mmdslider p {
		width: 1140px;
		padding-right: 25%;
	}
}
@media screen and (max-width: 1139px) {
	#mmdslider p {
		font-size: 20px;

		max-width: 100vw;
		padding: 1em;

		text-shadow: 0 0 25px #edf8ff,  0 0 20px #edf8ff,  0 0 0.40px #edf8ff;
	}
}
#mmdslider #slide1 {
	box-sizing: border-box; 

	text-align: left;

	background: url("../image/top_image/MMDS.png") right 20% bottom 10px no-repeat, url("../image/top_image/slide1.png") right no-repeat, url("../image/top_image/background.png") left no-repeat;
}
@media screen and (max-width: 1139px) {
	#mmdslider #slide1 p {
		padding: 0; 

		text-align: center;
	}
	#mmdslider #slide1 p img {
		max-width: 100vw;
	}
}
#mmdslider #slide1 .slider_bg {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 20vh 0 0 25%;

	text-align: left;

	background-size: contain;
}
#mmdslider #slide2 {
	background: url("../image/top_image/MMDS.png") right 20% bottom 10px no-repeat, url("../image/top_image/slide2.png") right no-repeat, url("../image/top_image/background.png") left no-repeat;
}
#mmdslider #slide3 {
	background: url("../image/top_image/MMDS.png") right 20% bottom 10px no-repeat, url("../image/top_image/slide3.png") center no-repeat;
}

#publication .swiper-container {
	width: 100%;
	height: 300px;
	margin-right: auto; 
	margin-left: auto;
}
#publication .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;

	text-align: center;

	border: 1px solid #333333; 
	background-position: center;
	background-size: cover;
}
#publication .gallery-top {
	width: 100%; 
	height: 560px;
}
#publication .gallery-top .swiper-slide {
	width: 385px; 
	height: 550px;
}
#publication .gallery-thumbs {
	box-sizing: border-box;
	height: 10%;
	padding: 10px 0;
}
#publication .gallery-thumbs .swiper-slide {
	height: 100%;

	opacity: 0.4;
}
#publication .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}
#publication .swiper-button-next , #publication .swiper-container-rtl .swiper-button-prev {
	right: 10px;
}
#publication .swiper-button-next:after , #publication .swiper-container-rtl .swiper-button-prev:after {
	font-family: "icomoon" !important;
	font-size: 1.5em; 
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	content: "\f138";
	vertical-align: middle;
	text-transform: none;

	color: #4167b3;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
#publication .swiper-button-prev , #publication .swiper-container-rtl .swiper-button-next {
	left: 10px;
}
#publication .swiper-button-prev:before , #publication .swiper-container-rtl .swiper-button-next:before {
	font-family: "icomoon" !important;
	font-size: 1.5em; 
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	content: "\f137";
	vertical-align: middle;
	text-transform: none;

	color: #4167b3;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
#publication .swiper-button-next , #publication .swiper-button-prev {
	position: absolute;
	z-index: 10;
	top: 50%;

	width: 27px;
	height: 44px;
	margin-top: -22px;

	cursor: pointer; 

	background: none;
}
#publication .swiper-slide-thumb-active {
	border: 2px solid #4167b3;
}

/*
トップページ
———————————*/
main#toppage h2 {
	font-size: 32px;

	position: relative;

	display: inline-block;

	width: 100%;
	margin-top: 50px; 

	text-align: center;

	color: #4167b3;
}
main#toppage h2:before , main#toppage h2:after {
	position: absolute;
	top: 50%;

	display: inline-block;

	width: 30%;
	height: 3px;

	content: "";

	background-color: #4167b3;
}
main#toppage h2:before {
	left: 5%;
}
main#toppage h2:after {
	right: 5%;
}


#topLinks {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 1140px;
	margin: auto;

}
@media screen and (max-width: 1139px) {
	#topLinks {
		width:100%;
		justify-content:center;
	}
}
#topLinks img {

	width:350px;
	max-width:90vw;
	height:auto;
	margin-bottom: 70px;
	margin-top: 70px;

}

@media screen and (max-width: 1139px) {
	#topLinks img {
		margin:24px auto;
	}
}


main#toppage #topics {
	width: 1140px;
	margin: auto;
	margin-bottom: 70px;
}
@media screen and (max-width: 1139px) {
	main#toppage #topics {
		width: 100%;
	}
}
@media screen and (max-width: 1139px) {
	main#toppage #topics {
		width: 100%;
	}
}
main#toppage #topics #topicsList {
	display: block;
	float: right;
	clear: both;

	margin-top: 20px;
	margin-right: 20px;
	padding: 0.5em 1.5em;

	color: #ffffff; 
	background: #4167b3;
}
main#toppage #topics #topicsList:before {
	font-family: "icomoon" !important;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	margin-right: 5px;

	content: "\f0c9"; 
	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
main#toppage #topics dl {
	font-size: 1.2em;
	line-height: 40px;

	display: block;
	clear: both;
	overflow: hidden; 

	width: 900px;
	margin: 10px auto;
}
@media screen and (max-width: 1139px) {
	main#toppage #topics dl {
		width: calc(100% - 40px); 
		margin: 0 20px;
	}
}
main#toppage #topics dl dt {
	position: relative; 

	float: left;
	clear: left;

	padding-left: 100px;

	color: #4167b3;
}
main#toppage #topics dl dt[class^="category"]::before {
	font-size: 14px;
	line-height: 20px;

	position: absolute;
	left: 0;

	display: inline-block;

	width: 60px;
	margin: 10px 0;
	padding: 0 10px;

	text-align: center;

	color: white;
	border: 1px solid;
}
main#toppage #topics dl dt[class^="category1"]::before {
	content: "イベント";

	background-color: #e08979;
}
main#toppage #topics dl dt[class^="category2"]::before {
	content: "教務";

	background-color: #77943a;
}
main#toppage #topics dl dt[class^="category3"]::before {
	content: "お知らせ";

	background-color: #4167b3;
}
main#toppage #topics dl dt[class^="category4"]::before {
	content: "出版";

	background-color: #638de0;
}
main#toppage #topics dl dt[class^="category5"]::before {
	content: "その他";

	background-color: #b0e04c;
}
main#toppage #topics dl dt[class$="new"]::after {
	font-size: 14px;
	line-height: 20px;

	left: 0;

	display: inline-block;

	margin: 10px 20px;
	padding: 0 10px;

	content: "NEW";

	color: #fe6002;
	border: 1px solid #fe6002;
}
main#toppage #topics dl dt:first-child {
	margin-top: 20px;
}
main#toppage #topics dl dt:first-child + dd {
	margin-top: 20px;

	border-top: 2px dotted #cccccc;
}
@media screen and (max-width: 749px) {
	main#toppage #topics dl dt:first-child + dd {
		border-top: none;
	}
}
@media screen and (max-width: 749px) {
	main#toppage #topics dl dt {
		position: relative;

		padding-left: 0;
	}
	main#toppage #topics dl dt[class^="category"]::before {
		font-size: 14px;

		position: absolute;
		left: 100%;

		display: inline-block;

		width: 80%;
		margin: 10px 10px;

		text-align: center;
	}
	main#toppage #topics dl dt[class^="category1"]::before {
		content: "イベント";

		background-color: #4167b3;
	}
	main#toppage #topics dl dt[class^="category2"]::before {
		content: "教務";

		background-color: #77943a;
	}
	main#toppage #topics dl dt[class^="category3"]::before {
		content: "お知らせ";

		background-color: #e08979;
	}
	main#toppage #topics dl dt[class^="category4"]::before {
		content: "出版";

		background-color: #638de0;
	}
	main#toppage #topics dl dt[class^="category5"]::before {
		content: "その他";

		background-color: #b0e04c;
	}
	main#toppage #topics dl dt[class$="new"]:after {
		font-size: 14px;

		position: absolute;
		left: 160%;

		display: inline-block;

		margin: 10px 20px;
		margin-left: 80%;

		content: "NEW";

		color: #fe6002;
		border: 1px solid #fe6002;
	}
}
main#toppage #topics dl dd {
	box-sizing: border-box;
	width: 100%; 
	padding-left: 280px;

	border-bottom: 2px dotted #cccccc;
}
@media screen and (max-width: 749px) {
	main#toppage #topics dl dd {
		clear: both;

		padding-left: 0;
	}
}
main#toppage #relatedInfo {
	width: 100%;

	background: #eeeeee;
}
main#toppage #relatedInfo div.wrap {
	box-sizing: border-box;
	width: 1140px;
	margin: auto;
	padding: 70px 0;
}
@media screen and (max-width: 1139px) {
	main#toppage #relatedInfo div.wrap {
		width: 100%;
	}
}
main#toppage #relatedInfo div.wrap .images {
	font-size: 16px;
	font-weight: bold; 

	display: flex;
	justify-content: space-around;

	margin-top: 50px;
}
@media screen and (max-width: 1139px) {
	main#toppage #relatedInfo div.wrap .images {
		flex-wrap: wrap;
		justify-content: center;
	}
}
main#toppage #relatedInfo div.wrap .images article {
	display: inline-block;

	width: 266px;
}
@media screen and (max-width: 1139px) {
	main#toppage #relatedInfo div.wrap .images article {
		margin: 10px;
	}
}
main#toppage #relatedInfo div.wrap .images article img {
/* max-width: 95vw; */
	width: 266px;
	height: auto; 
	margin-bottom: 10px;
}
main#toppage #relatedInfo div.wrap .images article span {
	font-size: 20px; 

	display: block;

	margin: 5px 0;

	color: #4167b3;
}
main#toppage #banner {
	display: flex;
	flex-wrap: wrap; 
	justify-content: space-around;

	width: 1140px;
	margin: 50px auto 0 auto;
}
@media screen and (max-width: 1139px) {
	main#toppage #banner {
		width: 100%;
	}
}
main#toppage #banner a {
	display: block;

	margin-bottom: 50px;
}
main#toppage #banner a[target="_blank"]:after {
	display: none;
}
main#toppage #banner a > img {
	max-width: 95vw;
	height: auto; 

	box-shadow: 2px 3px 4px 2px rgba(136, 136, 136, 0.65);
}
main#toppage #banner a span {
	font-size: 14px;
	font-weight: bold;

	display: block;

	margin-top: 10px; 

	text-align: center;

	color: #4167b3;
}
main#toppage #banner a span:before {
	font-family: "icomoon" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	margin-right: 0.5em; 

	content: "\f105";
	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}

/* ==========================================================================
   Page common design 
   ========================================================================== */
/*
サブページ
———————————*/
main.page {
	background: url("../image/background.png") no-repeat;
}
main.page .container {
	font-size: 14px; 

	display: flex;
	justify-content: space-between;

	width: 1140px;
	margin: auto;
	padding-top: 40px;
}
@media screen and (max-width: 1139px) {
	main.page .container {
		flex-direction: column; 

		width: 95%;
	}
}
main.page .container section {
	box-sizing: border-box;
	width: 820px;
	padding: 60px 40px;

	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 5px 2px #cccccc;
}
@media screen and (max-width: 1139px) {
	main.page .container section {
		width: 100%;
		padding: 30px 10px;
	}
}
main.page .container section a {
	text-decoration: underline; 

	color: #4167b3;
}
main.page .container section a.pdfDownload {
	font-size: 1.2em;

	position: relative; 

	display: block;

	margin: 20px 0;
	padding: 10px 20px 10px 4em;

	text-decoration: none;

	color: #ffffff;
	border-radius: 50px;
	background: #4167b3;
}
main.page .container section a.pdfDownload:before {
	font-family: "icomoon" !important;
	font-size: 1.8em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	position: absolute;
	left: 0.5em;

	margin: 5px; 

	content: "\f1c1";
	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
main.page .container section a.pdfDownload span {
	font-size: 0.5em;

	display: block;
}
main.page .container section a.link {
	text-decoration: none;
}
main.page .container section a.link:before {
	font-family: "icomoon" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	margin-right: 0.5em;

	content: "\f105";
	vertical-align: middle;
	text-transform: none;

	color: #4167b3;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
main.page .container section a.buttonHi {
	font-size: 1.2em;

	display: inline-block;

	margin: 0.5em 1em;
	padding: 0.5em 1em;

	color: #ffffff;
	border-radius: 20px;
	background: #4167b3;
}
main.page .container section h3 {
	font-size: 1.5em;
}
main.page .container section h3:after {
	display: block;

	width: 240px;
	height: 4px;
	margin-top: 10px; 

	content: "";

	background: linear-gradient(to right, #8991da 0%, #41a9f0 10%, #4167b3 50%);
}
main.page .container section h3 + p {
	margin-top: 20px;
}
main.page .container section h3.internship_result_year {
	margin: 40px 0;
}
main.page .container section h3 a {
	text-decoration: none;
}
main.page .container section h4 {
	font-size: 1.2em;
}
main.page .container section h4:before {
	font-family: "icomoon" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	margin-right: 0.5em; 

	content: "\f105";
	vertical-align: middle;
	text-transform: none;

	color: #4167b3;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
main.page .container section h4 + p {
	margin-top: 20px;
}
main.page .container section h4 a {
	text-decoration: none;
}
main.page .container section h4.internship_past_event_list {
	margin-top: 40px;
	margin-bottom: 20px;
}
main.page .container section dl {
	font-size: 1.2em;
	line-height: 40px;

	display: block;
	clear: both;
	overflow: hidden;

	width: 100%;
	margin: 10px auto;
	margin-bottom: 50px;
}
main.page .container section dl.internship_result {
	border-bottom: 2px dotted #cccccc;
}
main.page .container section dl dt {
	float: left;
	clear: left;
}
@media screen and (max-width: 768px) {
	main.page .container section dl dt {
		float: none;
	}
}
main.page .container section dl dd {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 0.5em;
}
main.page .container section dl:not(.internship_result):not(.internship_past_event_list) dd {
	padding-left: 10em;

	border-bottom: 2px dotted #cccccc;
}
main.page .container section dl.internship_result dd {
	margin-left: 200px;
}
main.page .container section dl.internship_past_event_list dd {
	width: auto;
	margin-left: 160px;
}
main.page .container section dl.internship_result dt {
	font-weight: bold;

	width: 160px;
	padding-left: 1em;

	text-align: left;

	color: #4167b3;
	border-left: #4167b3 3px solid;
}
main.page .container section dl.internship_past_event_list dt {
	font-weight: bold;

	width: 120px;
	margin-left: 10px;
	padding-left: 1em;

	text-align: left;

	color: #4167b3;
	border-left: #4167b3 3px solid;
}
main.page .container section dl.internship_result , .internship_past_event_list dt:after {
	content: "：";
}
@media screen and (max-width: 768px) {
	main.page .container section dl.internship_result dd {
		margin-left: 0;
		padding-left: 1em;

		border-left: #4167b3 3px solid;
	}
	main.page .container section dl.internship_past_event_list dd {
		width: auto;
		margin-left: 10px;
		padding-left: 2em;

		border-left: #4167b3 3px solid;
	}
}
@media screen and (max-width: 749px) {
	main.page .container section dl:not(.internship_result):not(.internship_past_event_list) dd {
		padding-left: 1em;
	}
}
main.page .container section dl.paper {
	line-height: 1.7em;
}
main.page .container section dl.paper dt {
	font-weight: bold;
}
main.page .container section dl.paper dd span {
	font-size: 0.8em; 

	display: block;

	color: #999999;
}
main.page .container section dl#advisory dd {
	padding-left: 18em;
}
main.page .container section h2 {
	font-size: 36px;

	margin-bottom: 20px;
}
main.page .container section h2:after {
	display: block;

	width: 240px;
	height: 8px;
	margin-top: 20px; 

	content: "";

	background: linear-gradient(to right, #8991da 0%, #41a9f0 10%, #4167b3 50%);
}
main.page .container section dl.internship_past_event_list {
	margin-bottom: 10px;
}
main.page .container section dl.internship_detail {
	margin-bottom: 20px;
}
main.page .container section .breadcrumbs {
	flex-wrap: wrap;
	justify-content: flex-end;

	margin: 0 0 20px 0;
}
main.page .container section .floatLeft {
	float: left;
}
main.page .container section .floatRight {
	float: right;
}
main.page .container section .marginTop {
	margin-top: 20px;
}
main.page .container section .marginRight {
	margin-right: 20px;
}
main.page .container section .marginBottom {
	margin-bottom: 20px;
}
main.page .container section .marginLeft {
	margin-left: 20px;
}
main.page .container section .marginAll {
	margin: 20px;
}
main.page .container section .textCenter {
	text-align: center;
}
main.page .container section .width100px {
	width: 100px;
}
main.page .container section .width200px {
	width: 200px;
}
main.page .container section p {
	line-height: 1.8em; 

	margin-bottom: 30px;
}
main.page .container section p.subTitle {
	margin-bottom: 5px;
}
main.page .container section .textRight {
	text-align: right;
}
main.page .container section table {
	width: 100%; 

	border-collapse: collapse;
}
main.page .container section table tr {
	border-bottom: 2px dotted #dddddd; 
	background: #e6f5fd;
}
main.page .container section table tr:nth-child(odd) {
	background: #ffffff;
}
main.page .container section table tr th , main.page .container section table tr td {
	padding: 10px;
}
main.page .container section table tr th {
	width: 7em; 

	text-align: right;
}
main.page .container section table.fml th {
	text-align: center;
}
main.page .container section table.fml td a[href$=".pdf"] {
	position: relative;

	display: block;

	margin-top: 1em; 
	padding: 1em 1em 1em 4em;

	text-decoration: none;

	color: #ffffff;
	border-radius: 30px;
	background: #4167b3;
}
main.page .container section table.fml td a[href$=".pdf"]:before {
	font-family: "icomoon" !important;
	font-size: 2em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	position: absolute;
	top: 8px; 
	left: 0.5em;

	margin: 5px;

	content: "\f1c1";
	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
main.page .container section table.fml td .title {
	font-size: 1.2em;
	font-weight: bold; 

	display: block;

	margin-bottom: 1em;
}
main.page .container section table.completion {
	margin: 30px 0;
}
main.page .container section table.completion th {
	text-align: center; 

	color: #ffffff;
	background: #4167b3;
}
main.page .container section table.talent {
	margin: 20px 0;
}
main.page .container section table.talent tr:first-child {
	color: #ffffff; 
	background: #4167b3;
}
main.page .container section table.talent tr:nth-child(2) {
	background: #e6f5fd;
}
main.page .container section table.talent th {
	text-align: center;
}
main.page .container section table.talent th:first-child {
	width: 1em; 

	background: #eeeeee;
}
main.page .container section table.talent td {
	vertical-align: top;
}
main.page .container section table.talent td ul {
	margin-bottom: 0;
}
main.page .container section table.talent td ul li {
	margin-bottom: 0;
}
main.page .container section table.talent td p {
	margin-bottom: 0;
}
main.page .container section table.talent td p span {
	font-weight: bold;

	margin-right: 1.5em;
}
main.page .container section table.talent tr , main.page .container section table.talent td , main.page .container section table.talent th {
	border: 1px solid #999999;
}
main.page .container section ul {
	margin-bottom: 30px; 
	margin-left: 2em;
}
main.page .container section ul li {
	line-height: 1.8em;

	margin-bottom: 1em;
}
main.page .container section img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
main.page .container section img.promotion {
	width: 90%;
	max-width: 300px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
main.page .container #vxj .update {
	margin: 0; 

	text-align: right;
}
main.page .container #vxj #vxj_updates {
	margin-bottom: 20px;
}
main.page .container #vxj #vxj_updates th {
	font-size: 0.8em;
	font-weight: normal;

	text-align: left;

	color: #999999;
}
main.page .container #vxj #vxj_updates td {
	white-space: nowrap;
}
main.page .container #vxj .rss {
	display: block;

	margin-bottom: 30px; 

	text-align: right;
}
main.page .container #vxj .rss:after {
	font-family: "icomoon" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	display: inline-block; 

	content: "\f143";
	vertical-align: middle;
	text-transform: none;

	color: #ff8c00;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
main.page .container #vxj .method {
	margin: 20px 0;
}
main.page .container #vxj .method ul {
	line-height: 1.7em;
}
main.page .container #vxj .method ul li {
	margin-bottom: 20px; 

	list-style: none;
}
main.page .container #vxj .method ul a {
	display: block;
}
main.page .container #vxj .method ul a:before {
	font-family: "icomoon" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	display: inline-block; 

	content: "\f105";
	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
main.page .container #vxj .graph {
	margin: 20px 0 0 0;
	padding: 20px 0;

	text-align: center; 

	border-top: 2px dotted #999999;
}
main.page .container #vxj .graph .title {
	font-size: 1.2em;
	font-weight: bold;

	text-align: left;
}
main.page .container #vxj .graph .title .update {
	font-size: 0.8em;

	display: inline-block; 
	float: right;

	margin-bottom: 10px;
}
main.page .container #vxj .graph .title .update:before {
	font-weight: normal;

	content: "Update:";
}
main.page .container #vxj .graph .note {
	margin-bottom: 30px;
}
main.page .container #vxj .member {
	margin: 0 0 20px 0;
	padding-top: 20px; 

	border-top: 2px dotted #999999;
}
main.page .container #vxj .disclaimers {
	font-size: 0.8em;
	line-height: 1.8em; 

	padding: 20px;

	border: 2px double #999999;
	background: #eeeeee;
}
main.page .container #vxj .disclaimers h4 {
	font-size: 1.5em;

	margin: 0 0 20px 0;

	border-bottom: none;
}
main.page .container #vxj h4 {
	margin: 30px 0 10px 0;

	border-bottom: 2px dotted #999999;
}
main.page .container #vxj .update {
	display: block;

	text-align: right;
}
main.page .container #vxj .update .date {
	font-weight: bold;
}
main.page .container #vxj a.download {
	font-size: 1.2em;

	position: relative; 

	display: block;

	margin: 20px 0;
	padding: 10px 20px 10px 4em;

	text-decoration: underline;
	text-decoration: none;

	color: #4167b3;
	color: #ffffff;
	border-radius: 50px;
	background: #4167b3;
}
main.page .container #vxj a.download:before {
	font-family: "icomoon" !important;
	font-size: 1.8em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	position: absolute;
	left: 0.8em;

	margin: 5px; 

	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
main.page .container #vxj a.download.pdf:before {
	content: "\f1c1";
}
main.page .container #vxj a.download.csv:before {
	content: "\f6dd";
}
main.page .container #vxj a.download.zip:before {
	content: "\f1c6";
}
main.page .container #vxj a.download span {
	font-size: 0.5em;

	display: block;
}
main.page .container #curriculum {
	margin-bottom: 30px; 

	counter-reset: list;
}
main.page .container #curriculum li {
	padding: 10px 10px 10px 30px;

	list-style: none;

	border-bottom: 2px dotted #999999;
}
main.page .container #curriculum li:before {
	font-size: 2em;

	margin-right: 1em;
	margin-left: -1em; 

	content: counter(list);
	counter-increment: list;

	color: #999999;
}
main.page .container #curriculum li span {
	font-weight: bold;
}
main.page .container #curriculum li a {
	font-size: 1em;

	position: relative; 

	display: inline-block;

	margin: 20px 10px;
	padding: 10px 20px 10px 2.5em;

	text-decoration: underline;
	text-decoration: none;

	color: #4167b3;
	color: #ffffff;
	border-radius: 50px;
	background: #4167b3;
}
main.page .container #curriculum li a:before {
	font-family: "icomoon" !important;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	position: absolute;
	left: 0.8em;

	margin: 5px; 

	content: "\f1c1";
	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
main.page .container aside {
	width: 280px;

	box-shadow: 0 0 5px 2px #cccccc;
}
@media screen and (max-width: 1139px) {
	main.page .container aside {
		width: 100%;
		margin-top: 20px;
	}
}
main.page .container dl.internship_result dt ::after {
	content: ":";
}
main.page .wrap {
	width: 1140px;
	margin: auto;
}
@media screen and (max-width: 1139px) {
	main.page .wrap {
		box-sizing: border-box; 
		width: 90%;
	}
}
main.page .breadcrumbs {
	display: flex;
	flex-wrap: wrap;

	width: 100%;
	margin: 20px 0;
}
@media screen and (max-width: 1139px) {
	main.page .breadcrumbs {
		margin-left: 2.5%;
	}
}
main.page .breadcrumbs br {
	display: none;

	content: " ";
}
main.page .breadcrumbs li {
	font-size: 10px;
  border-bottom:none !important;
  margin:0 !important;
  list-style: none;
  padding-left:0;

	white-space: nowrap;
}
main.page .breadcrumbs li:after {
	margin: 1em; 

	content: ">";
}
main.page .breadcrumbs li:last-child {
	white-space: normal;
}
main.page .breadcrumbs li:last-child:after {
	margin-right: 0; 

	content: "";
}
main.page #facultyData {
	border-collapse: collapse;
}
main.page #facultyData tr {
	vertical-align: top; 

	border-bottom: 2px dotted #dddddd;
}
main.page #facultyData td , main.page #facultyData th {
	padding: 10px;
}
main.page #facultyData th {
	text-align: left;
}
main.page .seminarList , main.page .workshopList , main.page .lectureList {
	font-size: 1em !important;
	line-height: 2em !important;
}
main.page .seminarList span , main.page .workshopList span , main.page .lectureList span {
	display: block;
}
main.page .seminarList dt , main.page .workshopList dt , main.page .lectureList dt {
	width: 9em; 

	text-align: center;
}
main.page .seminarList dt .date , main.page .workshopList dt .date , main.page .lectureList dt .date {
	font-size: 1.2em; 
	font-weight: bold;
}
main.page .seminarList dd a , main.page .seminarList li a , main.page .workshopList dd a , main.page .workshopList li a , main.page .lectureList dd a , main.page .lectureList li a {
	font-size: 1.2em;
	font-weight: bold; 

	display: block;
}
main.page .seminarList dd .timeAndPlace , main.page .seminarList li .timeAndPlace , main.page .workshopList dd .timeAndPlace , main.page .workshopList li .timeAndPlace , main.page .lectureList dd .timeAndPlace , main.page .lectureList li .timeAndPlace {
	color: #999999;
}
main.page .seminarList li , main.page .workshopList li , main.page .lectureList li {
	list-style: none;

	border-bottom: 2px dotted #cccccc;
}
main.page .noList {
	font-size: 1.2em; 

	margin: 10px 0;
}
main.page dl#topicsList {
	font-size: 1.2em;
	line-height: 40px;

	display: block;
	clear: both;
	overflow: hidden; 

	margin: 10px auto;
}
@media screen and (max-width: 1139px) {
	main.page dl#topicsList {
		width: calc(100% - 40px); 
		margin: 0 20px;
	}
}
main.page dl#topicsList dt {
	position: relative; 

	float: left;
	clear: left;

	padding-left: 100px;
}
main.page dl#topicsList dt[class^="category"]::before {
	font-size: 14px;
	line-height: 20px;

	position: absolute;
	left: 0;

	display: inline-block;

	width: 60px;
	margin: 10px 0;
	padding: 0 10px;

	text-align: center;

	color: white;
	border: 1px solid;
}
main.page dl#topicsList dt[class^="category1"]::before {
	content: "イベント";

	background-color: #4167b3;
}
main.page dl#topicsList dt[class^="category2"]::before {
	content: "教務";

	background-color: #77943a;
}
main.page dl#topicsList dt[class^="category3"]::before {
	content: "お知らせ";

	background-color: #e08979;
}
main.page dl#topicsList dt[class^="category4"]::before {
	content: "出版";

	background-color: #638de0;
}
main.page dl#topicsList dt[class^="category5"]::before {
	content: "その他";

	background-color: #b0e04c;
}
main.page dl#topicsList dt[class$="new"]::after {
	font-size: 14px;
	line-height: 20px;

	left: 0;

	display: inline-block;

	margin: 10px 20px;
	padding: 0 10px;

	content: "NEW";

	color: #fe6002;
	border: 1px solid #fe6002;
}
main.page dl#topicsList dt:first-child {
	margin-top: 20px;
}
main.page dl#topicsList dt:first-child + dd {
	margin-top: 20px;

	border-top: 2px dotted #cccccc;
}
@media screen and (max-width: 749px) {
	main.page dl#topicsList dt {
		position: relative;

		float: none;

		padding-left: 0;
	}
	main.page dl#topicsList dt[class^="category"]::before {
		font-size: 14px;

		position: absolute;

		display: inline-block;

		margin: 10px 10px;
		margin-left: 100px;

		text-align: center;

		color: white;
	}
	main.page dl#topicsList dt[class^="category1"]::before {
		content: "イベント";

		background-color: #4167b3;
	}
	main.page dl#topicsList dt[class^="category2"]::before {
		content: "教務";

		background-color: #77943a;
	}
	main.page dl#topicsList dt[class^="category3"]::before {
		content: "お知らせ";

		background-color: #e08979;
	}
	main.page dl#topicsList dt[class^="category4"]::before {
		content: "出版";

		background-color: #638de0;
	}
	main.page dl#topicsList dt[class^="category5"]::before {
		content: "その他";

		background-color: #b0e04c;
	}
	main.page dl#topicsList dt[class$="new"]::after {
		font-size: 14px;

		position: absolute;

		display: inline-block;

		margin: 10px 20px;
		margin-left: 200px;;

		content: "NEW";

		color: #fe6002;
		border: 1px solid #fe6002;
	}
	main.page dl#topicsList dt:first-child + dd {
		margin-top: 0;

		border-top: none;
	}
}
main.page dl#topicsList dd {
	box-sizing: border-box;
	width: 100%; 
	padding-left: 280px;

	border-bottom: 2px dotted #cccccc;
}
@media screen and (max-width: 749px) {
	main.page dl#topicsList dd {
		padding-left: 1em;
	}
}
main.page dt.new .date {
	display: inline-block;
}
main.page dt.new:before {
	font-size: 0.8em;

	box-sizing: border-box;
	margin-right: 0.5em; 
	padding: 3px 0.5em;

	content: "new";

	color: #ffffff;
	border-radius: 10px;
	background: #ff715b;
}
main.page dd[class^="classCategory"]:before {
	font-size: 0.8em;

	box-sizing: border-box;
	margin-right: 1em; 
	padding: 5px 1em;

	color: #ffffff;
	border-radius: 10px;
	background: #4167b3;
}
main.page dd[class^="classCategory"] a {
	display: inline-block;
}
main.page .classCategory1:before {
	content: "集中講義";
}
main.page .classCategory2:before {
	content: "ミニレクチャー";
}
main.page .classCategory3:before {
	content: "変　更";
}
main.page .classCategory4:before {
	content: "休　講";
}
main.page .classCategory5:before {
	content: "補　講";
}
main.page .classCategory6:before {
	content: "試　験";
}
main.page .classCategory7:before {
	content: "その他";
}
main.page #faqData {
	line-height: 1.7em;
}
main.page #faqData label {
	font-size: 1.2em;
	font-weight: bold;

	position: relative; 

	display: block;

	margin: 20px 0;
	padding: 20px 20px 20px 60px;
}
main.page #faqData label:before {
	font-size: 2.5em;
	font-weight: bold;

	position: absolute;
	top: 0.3em; 

	display: inline-block;

	margin-left: -60px;
	padding: 15px 10px;

	content: "Q";

	color: #ffffff;
	border-radius: 100px;
	background: #ff715b;
}
main.page #faqData label:hover {
	text-decoration: underline;
}
main.page #faqData input {
	display: none;
}
main.page #faqData input:checked + .answer {
	height: auto;
	min-height: 3.5em; 
	margin-bottom: 20px;

	transition: 0.5s;

	opacity: 1;
}
main.page #faqData input + .answer {
	position: relative; 

	overflow: hidden;

	height: 0;
	padding: 0 10px 0 80px;

	transition: 0.5s;

	opacity: 0;
}
main.page #faqData input + .answer:before {
	font-size: 2.5em;
	font-weight: bold;

	position: absolute;

	display: inline-block;

	margin-left: -50px;
	padding: 10px;

	content: "A";

	color: #ffffff;
	border-radius: 30px; 
	background: #4167b3;
}
main.page #studyProgram {
	font-size: 1.2em; 

	margin: 20px 0;

	border: 2px solid #4167b3;
}
main.page #studyProgram h3 {
	padding: 15px; 

	background: #e6f5fd;
}
main.page #studyProgram p {
	margin-top: 0;
	padding: 15px; 

	color: #ffffff;
	background: #4167b3;
}
main.page #studyProgram .primary li {
	list-style: none;
}
main.page #studyProgram .primary li .secondary li {
	list-style: circle;
}
main.page ol {
	margin-left: 2em;
}
main.page ol li {
	line-height: 1.8em; 

	list-style: outside decimal;
}
main.page #organization th {
	width: auto;

	overflow-wrap: unset;
}
main.page #relationship h3 {
	margin-bottom: 1em;
}
main.page #relationship ul {
	margin-bottom: 3em;
}
main.page #relationship ul li {
	list-style: none;
}
main.page #duex ol#program li {
	line-height: 30px;

	position: relative;

	margin-bottom: 10px;

	border-bottom: solid 1px #4167b3;
}
main.page #duex ul#advancePreparation li ul {
	margin-top: 1em;

	list-style-type: none;
}
main.page #duex ul#advancePreparation li ul {
	margin-top: 1em;

	list-style-type: none;
}
main.page #duex dl#accreditation {
	font-size: 1em;
}
main.page #duex dl#accreditation dt {
	float: none;
}
main.page #duex dl#accreditation dd {
	padding-left: 3em;

	border: none;
}
main.page #duex ol:not(.breadcrumbs) {
	margin-bottom: 30px; 

	list-style-type: none;

	counter-reset: list;
}
main.page #duex ol:not(.breadcrumbs) li,main.page #duex ol:not(#program) li {
	line-height: 30px;

	position: relative;

	margin: 7px 0 10px 40px;
	padding-left: 2.5em;

	border-bottom: solid 1px #4167b3;
}
main.page #duex ol:not(.breadcrumbs #program) li:before {
	position: absolute;
	top: 50%;
	left: -30px;

	height: 32px;
	padding: 0 0.75em;

	content: "手順" counter(list);
	counter-increment: list;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%); 
	text-align: center;

	color: #ffffff;
	background: #4167b3;
}
main.page #duex .breadcrumbs li:before, main.page #duex #program li:before{
  content:"" !important;
  display:none;
}
main.page #duex h3 {
	margin-bottom: 20px;
}
main.page #duex h4 {
	margin-bottom: 20px;
}
main.page #duex div.inquiry {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	margin-top: 10px;

	text-align: center;
}
main.page #duex div.inquiry a {
	font-size: 26px;

	display: inline-block;
	-ms-grid-row-align: end;
	align-self: end;

	width: 70%;
	margin-bottom: 2em;
	padding: 10px 40px;

	text-align: center;
	text-decoration: none;

	color: aliceblue;
	border-radius: 30px;
	background-color: #4167b3;

	-ms-grid-column-align: center;
	justify-self: center;
}
main.page #duex div.inquiry a::before {
	font-family: "icomoon" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	display: inline-block;

	margin-right: 10px;
	margin-bottom: 5px;

	content: "\e900";
	vertical-align: middle;
	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
main.page #duex div.application {
	display: flex;
	overflow: hidden;
	justify-content: center;

	width: auto;
	margin-bottom: 3em;

	text-align: center;
}
main.page #duex div.student , div.company {
	display: flex;
	flex-direction: column;
}
main.page #duex div.application a {
	/* font-size: 26px;
    color: aliceblue;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0.5em 0.1em;
    text-align: center;
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-grid-row-align: end;
    align-self: end;
    text-decoration: none;
    height: 25px;
    width: 250px; */
}
@media screen and (max-width: 749px) {
	main.page #duex div.application {
		flex-direction: column;
	}
	main.page #duex div.application a {
		margin-right: 0;
		margin-left: 0;
	}
	main.page #duex div.student , div.company {
		/*margin: auto;*/
	}
}
main.page #duex div.application .student a {
	margin-top: 0.5em;

	background-color: #4167b3;
}
main.page #duex div.application .company a {
	margin-top: 0.5em;

	background-color: #e87a66;
}
main.page #publication article {
	line-height: 1.7em;

	display: flex;
	align-items: center; 

	margin: 10px 0;
	padding: 10px 0;

	border-bottom: 2px dotted #999999;
}
main.page #publication article .siries {
	font-size: 0.8em; 

	color: #999999;
}
main.page #publication article .data {
	margin-top: 10px;
	padding-top: 10px;

	border-top: 1px solid #999999;
}
main.page #publication article div {
	flex: 1; 

	padding-left: 20px;
}
main.page #publication article div a {
	font-size: 1.2em;
}
main.page #publication article span , main.page #publication article a {
	display: block;
}
main.page #publication article img {
	width: 100px;
}
main.page #publication .detail {
	margin-top: 20px;
}
main.page #publication .detail .title {
	font-size: 1.2em; 
	font-weight: bold;
}
main.page #bibiliography .date {
	font-size: 0.75em;

	margin: 5px 0;

	color: #999999;
}
main.page #bibiliography article {
	display: flex;
}
main.page #bibiliography article .preview {
	width: 300px;
	height: auto;

	mragin: 0 20px 20px 0;
}
main.page #bibiliography h3 {
	clear: both;
}
main.page #encodemail img {
	max-width: 337px;
	max-height: 34px;
}
main.page #undergraduate h3 {
	margin: 50px 0 20px 0;
}
main.page #undergraduate h3:first-child {
	margin-top: 0;
}

a[target="_blank"]:after {
	font-family: "icomoon" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	display: inline-block;

	padding-left: 0.5em;

	content: "\ea7e";
	vertical-align: middle;
	text-decoration: none;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
a.pdfDownload {
	font-size: 1.2em;

	position: relative;

	display: block;

	margin: 20px 0;

	text-decoration: none;

	color: #ffffff;
	background: #4167b3;
}
a.pdfDownload:before {
	font-family: "icomoon" !important;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	position: absolute;
	left: 0.5em;

	margin-top: auto;
	margin-left: 50px;

	content: "\f1c1";
	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
a.pdfDownload:after {
	content: none;
}
/*
サブナビゲーション
———————————*/
aside {
	padding-bottom: 40px;
}
aside .localNavi {
	font-size: 20px;
	font-weight: bold; 

	text-align: center;
}
aside .localNavi h2 a , aside .localNavi h3 a {
	font-size: 20px; 

	display: block;

	padding: 30px 0;

	color: #ffffff;
	background: #4167b3;
}
aside .localNavi span {
	display: none;
}
aside .localNavi ul:last-child {
	margin-bottom: 40px;
}
aside .localNavi ul li {
	list-style: none;
}
aside .localNavi ul li a {
	display: flex;
	align-items: center; 
	flex-direction: column;
	justify-content: center;

	height: 75px;

	border-bottom: 1px #dddddd solid;
}
aside .localNavi ul li a.active , aside .localNavi ul li a:hover {
	color: #ffffff; 
	background: #49a7e7;
}
aside .localNavi ul li a span {
	display: inline-block;
}
aside .localNavi ul li:nth-child(odd) {
	background: #e6f5fd;
}
aside .localNavi #faculty div ul {
	margin-bottom: 0;
}
aside .localNavi #faculty div:last-child {
	margin-bottom: 40px;
}
aside .links {
	text-align: center;
}
aside .links article h3 {
	font-size: 16px;
	line-height: 45px;

	height: 45px;
	margin-top: 20px;

	color: #ffffff; 
	background: #333333;
}
aside .links article img {
	width: 220px;
	height: auto;
	padding-top: 20px;
}
aside .links article span {
	font-family: "icomoon" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	display: inline-block;

	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
	speak: none;
}
aside .links article span:before {
	font-family: "icomoon" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;

	content: "\f105"; 
	vertical-align: middle;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}
aside .links article .relatedSites {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
aside .links article .relatedSites a {
	display: block; 

	margin: 5px;
}
aside .links article .relatedSites a span {
	display: block;
}
aside a[target="_blank"]:after {
	display: none;
}

/* ==========================================================================
   Error Page design 
   ========================================================================== */
/*
エラーページ
———————————*/
main#error {
	padding: 40px; 

	background: url("../image/background.png") no-repeat;
}
main#error div {
	box-sizing: border-box;
	width: 1140px;
	margin: auto;
	padding: 60px 40px;

	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 5px 2px #cccccc; 

	font-siize: 14px;
}
@media screen and (max-width: 1139px) {
	main#error div {
		width: 100%;
	}
}
main#error div h2 {
	font-size: 36px;
}
main#error div h2:after {
	display: block;

	width: 240px;
	height: 8px;
	margin-top: 20px; 

	content: "";

	background: linear-gradient(to right, #8991da 0%, #41a9f0 10%, #4167b3 50%);
}
main#error div p {
	line-height: 1.8em; 

	margin-bottom: 30px;
}
main#error div p.subTitle {
	font-size: 24px;
	font-weight: bold; 

	margin-bottom: 25px;
}
main#error div a.gotoHome {
	font-size: 2em;

	display: block;

	box-sizing: border-box;
	width: 6em;
	margin: 20px auto;
	padding: 0.5em 1em;

	text-align: center; 

	color: #ffffff;
	border-radius: 2em;
	background: #4167b3;
}

* {
	margin: 0; 
	padding: 0;
}

html {
	font-size: 62.5%;

	position: relative; 

	min-height: 100%;
}

a {
	text-decoration: none;

	color: #333333;
}

ul {
	padding: 0;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 1.4rem;

	overflow-x: hidden; 

	width: 100vw;
	height: 100%;
	margin: 0;
	padding: 0;

	color: #333333;
}



/* ==========================================================================
  とりあえず追加 @2020/03/19
   ========================================================================== */

hr.dotted {
	margin-bottom: 10px;

	border-top: 2px dotted #cccccc;
}

span.accepting {
	font-weight: bold;

	padding: 2px;

	color: #ff0000;
	border: 2px dotted #ff0000;
}

span.bold {
	font-weight: bold;
}

span.red {
	color: #ff0000;
}

ul.asterisk {
	font-weight: bold;

	padding: 0;

	list-style-type: "※";

	color: #ff0000;
}

@media screen and (max-width: 749px) {
	span.pastevent {
		font-size: 16px;
		font-weight: bold;

		display: inline-block;

		margin-bottom: 1em;

		color: #ff0000;
	}
}
@media screen and (min-width: 750px) {
	span.pastevent {
		font-size: 24px;
		font-weight: bold;

		display: inline-block;

		margin-bottom: 1em;

		color: #ff0000;
	}
}
#immain .contact {
	font-size: 1.5em;

	align-self: end;

	margin-top: 0.5em;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 30px;

	text-align: center;
	text-decoration: none !important;

	color: aliceblue !important;
	background-color: #4167b3;

	justify-self: center;
}

#accreditation {
	list-style: none;
}

#pamphlet{
	margin-bottom:40px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
#pamphlet li{
	list-style:none;
}

#pamphlet li a{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 75px;
    border-bottom: 1px #dddddd solid;
}