@charset "UTF-8";
/*================================================
 *  CSSリセット
 ================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:14px;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
	-webkit-text-size-adjust: 100%;
}
body {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
input, select {
	vertical-align: middle
}
/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size: 14px;
	color: #333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
}
.inner {
	position: relative;
	width: 980px;
	margin: 0 auto;
}
header {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
}
nav {
	width: 100%;
	box-shadow: 0 1px 2px #004da1;
	zoom: 1;
}
nav:after {
	content: '';
	display: block;
	clear: both;
}
#contents {
	margin: 3em auto;
	width: 100%;
	max-width: 870px;
	padding: 1em;
}
#main {
	box-sizing: border-box;
	overflow: hidden;
	float: left;
	width: 68%;
}
#sub {
	box-sizing: border-box;
	overflow: hidden;
	float: right;
	width: 28%;
}
footer {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
a {
	color: #333;
	text-decoration: underline;
}
a:hover {
	opacity: 0.8;
	text-decoration: none;
}
h2 {
	margin-bottom: 0.5em;
	padding: 10px 0;
	font-size: 21px;
	color: #333;
	border-top: 3px solid #29b8e5;
	border-bottom: 1px dotted #29b8e5;
}
h3 {
	margin-bottom: 0.25em;
	padding: 2px 5px;
	color: #fff;
	font-size: 16px;
	background: #333;
}
h4 {
	margin-bottom: 0.25em;
	font-size: 15px;
	color: #29b8e5;
}
h5 {
	position: relative;
	margin-bottom: 0.25em;
	padding-left: 10px;
	color: #710000;
	font-size: 14px;
	font-weight: bold;
}
h5:before {
	content: "";
	margin-top: -7px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 5px;
	height: 14px;
	background: #8c0e0e;
}
h6 {
	margin-bottom: 0.25em;
	color: #382400;
	font-size: 14px;
	font-weight: bold;
}
p {
	margin:0.5em 0;
	padding-left: 2em;
    text-indent: -1em;
    font-size: 14px;
}
p.attn {
	clear: both;
	margin: 1em 0 1em 20%;
	line-height: 1.3;
}
img {
	vertical-align: bottom;
}
em {
	font-weight: bold;
}
strong {
	font-weight: bold;
	color: #ff0000;
}
pre {
	margin: 1em 0;
	padding: 1em;
}
blockquote {
	margin-bottom: 1em;
	padding: 1em;
	border: 1px dotted #ddd;
	border-left: 5px solid #ddd;
}
ul, ol, dl {
	margin: 0 0 1em 0;
}
ul li {
	list-style: none;
}
ol li {
	list-style: decimal;
}
li {
	margin-left: 2em;
}
dt {
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #ddd;
}
dt:before {
	content: "\0025a0";
}
dd {
	margin-bottom: 1em;
}

th {
	
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ddd;
	background: #eee;
}
td {
	
	text-align: left;
	border: 1px solid #ddd;
}
/*================================================
 *  ヘッダー
 ================================================*/
header {
	padding: 30px 10px;
}
.summary {
	position: absolute;
	top: 0;
	right: 10px;
	margin: 0;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
@media print, screen and (min-width:768px) {
nav {
	background: #004da1;
	border-bottom: 5px solid #004da1;
	box-shadow: 0 1px 3px #999;
	z-index: 3;
}
/* 共通 */
nav ul {
	margin: 0;
	padding: 0;
}
nav ul li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
nav ul li a {
	display: block;
	margin: 10px 0;
	padding: 10px 0;
	background: #004da1;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}
nav ul li:hover > a {
	color: #fff;
	background: #29b8e5;
}
/* 1段目 */
nav ul.gnav > li {
	position: relative;
	width: 17%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
}
nav ul.gnav > li:first-child {
	width: 20%;
}
nav ul.gnav > li.subnav a {
	padding-right: 20px;
}
nav ul.gnav > li.subnav > a:after {
	position: absolute;
	content: "";
	top: 20px;
	width: 0;
	height: 0;
	margin-left: 10px;
	border: 5px solid transparent;
	border-top-color: #fff;
}
/* 2段目 */
nav ul li ul {
	position: absolute;
	z-index: 3;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}
nav ul li ul li {
	overflow: hidden;
	width: 150%;
	height: 0;
	color: #fff;
	transition: .2s;
}
nav ul li ul li a {
	padding: 13px 15px;
	text-align: left;
	background: #29b8e5;
	font-weight: normal;
}
nav ul li:hover > ul > li {
	overflow: visible;
	height: 40px;
	border-bottom: 1px solid #29b8e5;
}
nav ul li:hover ul li:last-child {
	border-bottom: none;
}
nav ul.gnav > li:last-child > ul {
	left: -50%;
}
nav ul li ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: -20px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #fff;
}
nav ul.gnav > li:last-child ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: 200%;
	margin-left: -20px;
	border: 5px solid transparent;
	border-right-color: #fff;
}
/* 3段目 */
nav ul li ul li ul {
	top: 0;
	left: 100%;
}
nav ul li ul li ul li {
	width: 100%;
}
nav ul li ul li:hover > ul > li {
	border-bottom: 1px solid #29b8e5;
}
nav ul.gnav > li:last-child > ul li ul {
	left: -100%;
}
nav ul li ul li ul li a {
	background: #590000;
}
nav ul li ul li ul li a:hover {
	background: #420404;
}
.gnav {
	display: block !important;
}
#spMenu {
	display: none;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
}
}
/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
#topicpath {
	font-size: 12px;
	margin-bottom: 20px;
	padding: 2px;
	background: #f1f1f1;
}
/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.submenu li a:before {
	content: "\0025a0";
	color: #000;
}
.submenu li a {
	display: block;
	padding: 10px 2px;
	color: #000;
	border-bottom: 1px dotted #ddd;
	text-decoration: none;
}
.submenu li a:hover {
	background: #eee;
}
.bnr {
	overflow: hidden;
}
.bnr ul {
	overflow: hidden;
}
.bnr li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
.bnr li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.bnr img {
	width: 100%;
}
/*================================================
 *  フッター
 ================================================*/
footer {
	clear: both;
}
.footmenu {
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
	background: #efede9;
}
.footmenu ul {
	position: relative;
	float: left;
	left: 50%;
	margin: 0;
	padding: 0;
}
.footmenu li {
	position: relative;
	left: -50%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 15px;
	font-size: 12px;
	text-align: center;
}
.footmenu a {
	color: #333;
	text-decoration: none;
}
.footmenu a:hover {
	color: #333;
	text-decoration: underline;
}
.copyright {
	clear: both;
	padding: 20px 0;
	font-size: 11px;
	text-align: center;
	color: #efede9;
	background: #2e2e2e;
}
/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position: fixed;
	bottom: 15px;
	right: 15px;
}
.totop a {
	display: block;
	text-decoration: none;
}
.totop img {
	background: #2d8fdd;
}
.totop img:hover {
	background: #7eb7e5;
}
/*================================================
 *  クラス
 ================================================*/
.list {
	padding: 0 0 0 0.5em;
}
.list li {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
	background: url(../images/check.png) 0 5px no-repeat;
}
.info dt {
	border-bottom: none;
}
.info dd {
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
}
.col_two_one {
	overflow: hidden;
}
.col_two_one ul {
	overflow: hidden;
	margin: 2% -2% 0 0;
}
.col_two_one li {
	list-style: none;
	float: left;
	width: 48%;
	margin: 0 2% 2% 0;
}
.col_two_one li:nth-child(2n+1) {
	clear: both;
}
.col_two_one li img {
	width: 100%;
	margin-bottom: 2.5%;
}
/*================================================
 *  スライドショー
 ================================================*/
/* スライドショー */
.slide {
	display: none;
	position: relative;
	overflow: hidden;
	margin: 20px 0;
}
.slidePrev {
	position: absolute;
	cursor: pointer;
	z-index: 2;
}
.slideNext {
	position: absolute;
	cursor: pointer;
	z-index: 2;
}
.slidePrev img {
	position: absolute;
	width: 50px !important;
	height: 60px !important;
}
.slideNext img {
	position: absolute;
	width: 50px !important;
	height: 60px !important;
}
.slideInner {
	position: relative;
	margin: 0 0 5px 0;
	padding: 0;
}
.slideInner li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
.slideInner li img {
	margin: 0 5px;
	padding: 0;
}
.filterPrev {
	position: absolute;
	left: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #fff;
}
.filterNext {
	position: absolute;
	right: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #fff;
}
.controlNav {
	position: relative;
	float: left;
	left: 50%;
}
.controlNav span {
	position: relative;
	left: -50%;
	float: left;
	margin: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 10px;
	height: 10px;
	overflow: hidden;
	background: #ccc;
	text-indent: -9999px;
	vertical-align: middle;
}
.controlNav span:hover {
	background: #999;
	cursor: pointer;
}
.controlNav span.current {
	background: #900000;
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
.inner {
	width: 100%;
}

footer {
	width: 100%;
}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
.lock {
	overflow: hidden;
}
header {
	z-index: 2;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 15px 10px;
}
.summary {
	position: relative;
	top: auto;
	right: auto;
	margin-top: 15px;
}
#main {
	float: none;
	width: 100%;
}
#sub {
	float: none;
	width: 100%;
}
nav {
	background: #710000;
}
nav ul {
	margin: 0;
	padding: 0;
}
nav .inner > ul {
	z-index: 2;
	overflow: auto;
	position: fixed;
	top: 53px;
	right: 0;
	width: 100%;
	height: 88%;
	height: -webkit-calc(100% - 53px);
	height: calc(100% - 53px);
}
nav li {
	position: relative;
	width: 100%;
	float: none;
	margin: 0;
	text-align: left;
	list-style: none;
	border-bottom: 1px solid #8c0e0e;
	background: #9b0f0f;
}
nav li:first-child {
	border-top: 0;
}
nav li:last-child {
	border-bottom: 0;
}
nav li a {
	display: block;
	padding: 10px 30px;
	color: #fff;
	text-decoration: none;
	background: #9b0f0f;
}
nav li a:hover {
	color: #fff;
	background: #710000;
}
nav ul ul {
	display: none;
	position: relative;
}
nav li li a {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 30px 10px 50px;
	text-align: left;
}
nav li li li a {
	padding: 10px 30px 10px 70px;
}
.subnav > a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 20px;
	right: 30px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #f1f1f1;
}
.subnav > a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 20px;
	right: 30px;
	width: 10px;
	height: 10px;
	margin-top: -10px;
	background: #9b0f0f;
}
.subnav a:hover:after {
	background: #710000;
}
.active > a:before {
	margin-top: 0;
}
.active > a:after {
	margin-top: 5px;
}
.gnav {
	display: none;
}
#spMenu {
	display: block;
	z-index: 2;
	position: fixed;
	top: 10px;
	right: 10px;
}
#spMenu:hover {
	cursor: pointer;
}
#navBtn {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 5%;
	background: #710000;
}
#navBtnIcon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #f1f1f1;
	transition: .2s;
}
#navBtnIcon:before,  #navBtnIcon:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 2px;
	background: #f1f1f1;
	transition: 0.3s;
}
#navBtnIcon:before {
	margin-top: -6px;
}
#navBtnIcon:after {
	margin-top: 4px;
}
#navBtn .close {
	background: transparent;
}
#navBtn .close:before,  #navBtn .close:after {
	margin-top: 0;
}
#navBtn .close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#navBtn .close:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.col_two_one ul {
	margin-right: 0;
}
.col_two_one li {
	width: 100%;
}
.col_two_one li:nth-child(2n+1) {
	clear: both;
}
}
/*table*/
table.hyou {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto;
}
table.hyou th, table.hyou td {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px 10px;
	line-height: 1.5;
}
table.hyou th {
	background-color: #28d;
	text-align: left;
	color: #fff;
	font-weight: normal;
}

@media screen and (max-width:480px) {
table.hyou {
	border: none;
}
table.hyou thead {
	display: none;
}
table.hyou tr {
	border-top: 1px solid #eee;
	display: block;
	margin-bottom: 10px;
}
table.hyou td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	display: block;
	padding: 5px 10px;
	text-align: left;
}
table.hyou th {
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #EFFBFB;
}
td {
	border-top: 1px solid #eee;
}
table td::before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	color: #52b9e9;
	padding-right: 1em;
}
}
#gra:before {
	content : url(http://sap-inc.co.jp/form_test/AngularJs/images/logo40.png);
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: -5px;
}
div#gra {
	font-size: 150%;
	color: #fff;
	font-weight: 500;
	text-align: left;
	text-decoration: none;
}
div#gra a {
	color: #fff;
	text-decoration: none;
}
.custom-header nav {
	border-bottom: 0px solid #004da1;
}
h2#custom-month {
	margin: 0;
	padding: 0;
	border-top: 0px solid #29b8e5;
	border-bottom: 0px dotted #29b8e5;
}
h3#custom-year {
	margin: 0;
	padding: 0;
	color: #29b8e5;
	background: none;
}
.custom-header {
	padding: 0;
	height: 50px;
	border-top: 0px solid #ef4f69;
	border-bottom: 0px solid #ddd;
}
.fc-calendar .fc-row > div > span.fc-date {
	font-size: 12px;
}
.fc-calendar-container {
	height: 250px;
	width: auto;
	padding: 20px;
}
.login {
	width: 400px;
	margin: 0 auto;
	font-size: 16px;
}
/* Reset top and bottom margins from certain elements */
.login-header, .login p {
	margin-top: 0;
	margin-bottom: 0;
}
/* The triangle form is achieved by a CSS hack */
.login-triangle {
	width: 0;
	margin-right: auto;
	margin-left: auto;
	border: 12px solid transparent;
	border-bottom-color: #28d;
}
h2 {
	border-top: 0px solid #29b8e5;
	border-bottom: 0px dotted #29b8e5;
}
.login-container {
	background: #f7f7fb;
	padding:1em;
}
.login-container input {
	box-sizing: border-box;
	display: block;
	width: 100%;
	border-width: 0px;
	border-style: solid;
	padding: 5px 20px;
	outline: 0;
	font-family: inherit;
	font-size: 0.9em;
	
}

::placeholder {
  color: rgba(147,145,145,0.8);
  
}


/* Every row inside .login-container is defined with p tags */
.login p {
	padding: 12px;
	padding-left:1em;
	text-indent:-1em;
}
.login input {
	box-sizing: border-box;
	display: block;
	width: 100%;
	border-width: 0;
	border-style: solid;
	padding: 10px;
	outline: 0;
	font-family: inherit;
	font-size: 0.95em;
}
.login input[type="email"], .login input[type="password"] {
	background: #fff;
	border-color: #bbb;
	color: #555;
}
/* Text fields' focus effect */
.login input[type="email"]:focus, .login input[type="password"]:focus {
	border-color: #888;
}
.login input[type="submit"] {
	background: #28d;
	border-color: transparent;
	color: #fff;
	cursor: pointer;
}
.login input[type="submit"]:hover {
	opacity:0.8;
}
/* Buttons' focus effect */
.login input[type="submit"]:focus {
	border-color: #05a;
}

@media screen and (max-width:480px) {
.login {
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
}
}



@media screen and (max-width: 767px) {
header {
	z-index: 9999;
}
}
.copyright {
	clear: both;
	padding: 20px 0;
	font-size: 13px;
	text-align: center;
	color: #fff;
	background: #666;
}
.copyright a {
	text-decoration: none;
}
#sub02 {
	box-sizing: border-box;
	overflow: hidden;
	float: left;
	width: 28%;
}
#main02 {
	box-sizing: border-box;
	overflow: hidden;
	float: right;
	width: 68%;
}

@media screen and (max-width: 767px) {
#sub02 {
	float: none;
	width: 100%;
}
#main02 {
	float: none;
	width: 100%;
}
}
#tabcontrol02 {
	padding: 0;
	position: relative;
}
#tabcontrol02 li a {
	color: #2d8fdd;
	border-left: solid 4px #2d8fdd;
	background: #f1f8ff;
	margin-bottom: 15px;
	line-height: 1.5;
	padding: 5px;
	list-style-type: none!important;
	width: 100%;
	float: left;
	box-sizing: border-box;
	display: block;
	margin-right: 10px;
	text-decoration: none;
	font-weight: 400;
}
/*tabcon*/
ul.tabcon li {
	color: #2d8fdd;
	border-left: solid 4px #2d8fdd;
	background: #f1f8ff;
	margin-bottom: 6px;
	line-height: 1.5;
	padding: 7px;
	list-style-type: none!important;
	width: 48%;
	float: left;
	box-sizing: border-box;
	display: block;
	margin-right: 10px;
}
ul.tabcon li a {
	color: #444;
	text-decoration: none;
	font-weight: 400;
}
ul.tabcon {
	clear: both;
}
.student th {
	text-align: left;
	color: #fff;
	background: #77cdf4;
	padding: 5px;
}
.student td {
	padding: 5px;
}
.valuation li {
	text-align: left;
	padding: 10px;
}
.valuation li:before {
	font-family: FontAwesome;
	content: '\f0c8'; /* アイコンのunicode */
	color: #A9E2F3;
	padding-right: 10px;
}
a {
	color: #d347ed;
text-decoration:none;
}
ul.subvaluation {
	margin-left: 2em;
}
.subvaluation li:before {
	font-family: FontAwesome;
	content: '\f075'; /* アイコンのunicode */
	color: #A9D0F5;
	padding-right: 10px;
}
ul {
	list-style-position: inside;
}
.subvaluation li {
	padding-left: 1em;
	text-indent: -1.5em;
	line-height: 1.3;
}
.valuation li {
	padding-left: 1em;
	text-indent: -1.5em;
	line-height: 1.3;
}

@media print, screen and (min-width: 768px) {
nav ul li a.active {
	border-bottom: 2px solid #77cdf4;
}
}

@media screen and (max-width: 480px) {
li label {
	font-size: 95%;
	width: 30%;
}
.studentupload li input {
	width: 70%;
}
p.attn {
	font-size: 95%;
	clear: both;
	margin: 0.5em 0 0.5em 0%;
	line-height: 1.3;
}
ul.studentupload {
	white-space: nowrap;
}
p {
	margin:0;
	padding-left:1.5em;
	text-indent:-1em;
	font-size:13px;
}
}
ol.studentupload {
	width: 100%;
	clear: both;
}
li {
	margin: 1em 0em;
}

@media screen and (max-width: 979px) {
#contents {
	box-sizing: border-box;
	width: 100%;
	padding: 1em 10px;
	margin: 1em auto;
}
}
body {
	background-color: #FFEFFC;
	background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #FFEFFC 100%);
	
}
#contents {
	background-color: #FFEFFC;
	background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #FFEFFC 100%);
}
.login {
	background: #fff;
}
.login input[type="submit"] {
	position: relative;
	text-decoration: none;
	color: #FFF;
	background: linear-gradient(to bottom, #eca2f5 0%, #eca2f5 50%, #DF9FDF 51%, #aa66cc 100%);
	border-bottom: solid 2px #d27d00;
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
	transition-duration: 0.5s;
}
.login-container input[type="submit"] {
	box-sizing: border-box;
	display: block;
	width: 120px;
	border-width: 0px;
	border-style: solid;
	padding: 0.5em 0.4em;
	outline: 0;
	font-family: inherit;
	font-size: 1em;
	margin: 1em auto;
	position: relative;
    text-decoration: none;
    color: #FFF;
    background: linear-gradient(to bottom, #eca2f5 0%, #eca2f5 50%, #DF9FDF 51%, #aa66cc 100%);
   
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    transition-duration: 0.5s;
}
.login-container input[type="submit"]:hover {
	opacity: 0.8;
	 transform: translateY(2px);
  transition-duration: 0.5s;
}
.login-container input[type="submit"]:active {
	border-bottom: solid 2px #639708;
	background: linear-gradient(to bottom, #EBC5EB 0%, #E5B2E5 50%, #DF9FDF 51%, #D88CD8 100%);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.login-header {
	font-size: 21px;
	font-weight: 600;
	text-align: center;
	color: #D88CD8;
	
}
.login {
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
	padding: 1em;
}
.copy {
	color: #fff;
	text-decoration: none;
}
.copy:hover {
	color: #ed7707;
	text-decoration: none;
}

ul.login01 {
	padding: 0;
	list-style: none;
}
ul.login01 li {
	padding-left: 2em;

	margin: 1em 0;
}
ul.login03 {
	padding: 1em;
	list-style: none;
	background: #fff;
	margin: 1em 0;
	border: 1px solid #eee;
}
ul.login03 li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 90%;
	line-height: 1.3;
	margin: 0.5em 0;
}
ul.login03 li ul.login02 li {
	list-style-type: disc;
	text-indent: -1em;
	font-size: 98%;
	line-height: 1;
}
ul.login02 {
	padding-left: 0.5em;
	list-style: disc
}
ul.login02 li {
	color: #80c217;
}
ul.login02 li span {
	color: #333;
	padding-left: 0.5em;
}
ul.login03 li ul li {
	padding-left: 0.5em;
	text-indent: -1em;
	font-size: 98%;
	line-height: 1.4;
}
ul.login03 li ul.login05 li {
	padding-left: 0;
	text-indent: -1em;
	font-size: 98%;
	line-height: 1.3;
}
ul.login05 li ul.login02 li {
	list-style-type: disc;
	padding-left: 0;
	text-indent: 0;
	line-height: 1.3;
}
ul.login05 li ul.login02 li span {
	padding-left: 0;
}
ul.login10 {
	padding-left: 0.5em;
	color: #333;
	font-size: 98%;
}
ul.login11 {
	padding-left: 0.5em;
	color: #333;
	font-size: 98%;
}
ul.login10 li {
	list-style-type: disc;
	color: #80c217;
}
ul.login10 li span {
	color: #333;
	line-height: 1.6;
}
ul.login11 li {
	list-style-type: none;
	font-size: 98%;
	line-height: 1;
}
ul.login11 li span {
	font-size: 98%;
	line-height: 1;
}
footer {
	height: 3em;
	position: fixed;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
}
.cliniclink {
	text-align: center;
	padding:0 1em;
}

.cliniclink img {
	box-shadow: 1px 1px 1.5px 1px rgba(176,103,220,0.3);
	margin:1em 0;
	max-width:100%;
	transition-duration: 0.5s;
}

.cliniclink img:hover{
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  transform: translateY(2px);
  transition-duration: 0.5s;
}



.cliniclink a {
	font-weight: bold;
	color:#9933cc;
	
}

.cliniclink a.copy02 {
    font-weight: bold;
    color: #9933cc;
    
    text-decoration: none;
    
   
    
	
	
}

p.waku1125 {
	background:#fcfafe;
	display:block;
	border: 1px solid #dbbaef;
    border-radius: 25px;
	transition-duration: 0.5s;
	 box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	padding: 6px 20px;
	text-indent:0;
}

p.waku1125:hover {
	background:#fcfafe;
	display:block;
	border: 1px solid #dbbaef;
    border-radius: 25px;
	transform: translateY(2px);
  transition-duration: 0.5s;
}



.cliniclink a:hover {
	opacity: 0.8;
}
.fa-caret-right {
	padding-right: 7px;
}

@media screen and (min-width: 979px) {
div.flexlogin {
	display: flex;
	margin: 1em 0;
}
div.flexlogin label {
	width: 10em;
	padding: 1em;
	text-align: right;
}
div.flexlogin input {
	border-color: none;
	padding: 10px;
}
}

@media screen and (max-width: 979px) {
ul.login03 li ul li {
	padding-left: 0em;
	text-indent: -0.5em;
	font-size: 98%;
}
.login-container {
	background: #f7f7fb;
	padding:0.5em 1em;
}
ul.login01 li {
	padding-left: 0;
	font-size: 13px;
	margin: 1em 0;
}
.login {
	background:none;
}
	label {
		font-size:13px;
	}

}
/*================================================
 *  追加1101
 ================================================*/



body,  #contents {
	background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #FFEFFC 100%);
width:100%;
margin:0 auto;
}
ul.attn li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 0.98em;
	
}
ul.login05 li {
	padding-left: 1em;
	text-indent: -0.9em;
	font-size: 13.2px;
	margin:0;
}
ul.l li {
	padding-left: 1em;
	text-indent: -1em;
}
span.mizu {
	color: #4096ee;
	font-weight: 600;
}
span.aoqa {
	color: #4096ee;
	font-weight: bold;
	padding-right: 3px;
}
span.pinkqa {
	color: #F36CEE;
	font-weight: bold;
	padding-right: 3px;
}
div.login03 {
	background: #fff;
	font-size: 14px;
	padding:1em;
}
.aoji {
	color: #4096ee;
	font-weight: bold;
}
.orange {
	color: #FE642E;
	font-weight: bold;
}
ul.login10 li span.green:before {
	font-family: "Font Awesome 5 Free";
	content: "\f111";
	color: #80c217;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 0.7em;
	padding-right: 2px;
	font-weight: 600;
}
ul.login02 li span.minus:before {
	font-family: "Font Awesome 5 Free";
	content: "\f068";
	color: #80c217;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	padding-right: 2px;
	font-size: 0.7em;
	font-weight: 600;
}
.midashiwaku {
	background:#FED6F7;
	color: #444;
	padding: 7px 10px;
	border-radius: 3px;
	margin:0;
	padding-left: 1.5em;
    text-indent: -0.5em;
}
.midashiwaku:before {
	font-family: "Font Awesome 5 Free";
	content: "\f111";
	color: #e178f5;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	padding-right: 6px;
	font-size: 0.7em;
	font-weight: 600;
}
.midashiwaku01 {
	color: #FFF;
	background-image: linear-gradient(30deg, #f093fb 0%, #C779F2 100%);
	padding:0.4em;
	border-radius: 3px;
	margin: 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: 600;
}
.tbl-r03 {
	width: 100%;
}
.tbl-r02 th {
	background: #e9727e;
	border: solid 1px #ddd;
	color: #fff;
	padding: 2px 2em;
	
	text-align: center;
	text-indent: 0;
	
	vertical-align: middle;
}
.tbl-r02 td {
	border: solid 1px #e4b2e4;
}
.tbl-r02 {
	
	display:inline-block;
}
.tbl-r02 th.mizuiro {
	background-color: #99dffb;
	font-size: 1.1em;
	background: linear-gradient(45deg, #a3d1ff , #84c1ff);
	
}




.tbl-r02 th.aka {
	background-color: #fb99ad;
	font-size: 1.1em;
	background: linear-gradient(45deg, #ffadad , #ff8484);
}

.tbl-r02 td {
	　border: solid 1px #e4b2e4;
	padding: 5px;
	
	text-indent: 0;
	vertical-align: middle;
}


@media screen and (max-width: 640px){
.tbl-r02 th.mizuiro {
	background-color: #99dffb;
	font-size:13px;
	background: linear-gradient(45deg, #a3d1ff , #84c1ff);
	padding:0 5px;
	
}
	
	.tbl-r02 th.aka {
	background-color: #fb99ad;
	font-size: 13px;
	background: linear-gradient(45deg, #ffadad , #ff8484);
		padding:0 5px;
}
	
	.tbl-r02 td {
    border: solid 1px #e4b2e4;
    padding: 2px 1em;
    text-indent: 0;
    vertical-align: middle;
}
	
	.tbl-r02  {
	padding-left:7px;
}

.tbl-r02 td.kansen {
	
font-size:13px;
	
}
	.tbl-r02 td {
	
font-size:13px;
	
}

	ul.attn li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 13.2px;
		margin:0;
}
	
	
	
	
	.midashiwaku01 {
	
	border-radius:0;
	
}


}



ul.attn,  ul.login05 {
	margin: 0;
	padding: 0 1em;
}
ul.login02 {
	margin: 0;
	padding: 0 1.5em;
}
footer {
	height: 3em;
	position:relative;
	bottom: 0;
	margin:30px auto 0;
	width: 100%;
	background: none;
}

@media screen and (max-width: 640px) {


	
	div.login03 {
	background: #fff;
	font-size: 14px;
	padding:0 0 0.5em 0;
}
	
	ul.attn{
	margin: 0;
	padding: 0 0.5em;
}
	
	
}
.tbl-r05 td:first-child {
	background-color: #f9edf9;
}
.tbl-r05 th {
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #e4b2e4;
	background: linear-gradient(to bottom, #EBC5EB 0%, #E5B2E5 20%, #DF9FDF 80%);
	color: #fff;
}
.tbl-r05 td {
	padding: 5px 10px;
	text-align: left;
	border: solid 1px #e4b2e4;
	
}

@media screen and (max-width: 640px) {
	
	
	.midashiwaku {
	background:#FFdFFC;
	font-size:13.5px;	
	color: #444;
	padding: 7px 10px;
	border-radius:0px;
	margin:0;
	padding-left: 1.5em;
    text-indent: -0.5em;
}
.tbl-r05 {
	width: 96%;
	margin: 0 auto;
}
.tbl-r05 .thead {
	display: none;
}
.tbl-r05 tr {
	width: 100%;
}
.tbl-r05 td {
	display: block;
	text-align: left;
}
.tbl-r05 td:first-child {
	background: #fb99ad;
	color: #fff;
	font-weight: bold;
	text-align: left;
}
.tbl-r05 td:before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	margin-right: 3em;
}
}


.tbl-r077 {
	width: 100%;
	margin: 0.5em auto;
}


.tbl-r077 td:first-child {
	background-color: #f9edf9;
}
.tbl-r077 th {
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #e4b2e4;
	background-image: linear-gradient(to top, #ebb5f5 0%, #cc99ff 100%);
	color: #fff;
}

.tbl-r077 th:first-child {
	width:23%;
}
.tbl-r077 th:nth-child(2) {
	width:13%;
	padding:5px 0;
}
.tbl-r077 th:nth-child(3) {
	width:64%;
}



.tbl-r077 td {
	padding: 5px 10px;
	text-align: left;
	border: solid 1px #e4b2e4;
}

@media screen and (max-width: 640px) {
.tbl-r077 {
	width: 100%;
	margin:0 auto;
}
		.tbl-r077 td {
	padding: 5px 4px;
	text-align: left;
	border: solid 1px #e4b2e4;
		font-size:12.5px;
}
	
	.tbl-r077 th {
	padding: 7px 0;
		font-size:13px;
	
}
	
	
	
	.tbl-r077 th:first-child {
	width:27%;
}
.tbl-r077 th:nth-child(2) {
	width:23%;
	padding:5px 0;
}
.tbl-r077 th:nth-child(3) {
	width:50%;
}
	
	

}

.fa-home:before {
    padding-right: 3px;
    content: "\f015";
   vertical-align: text-top;
   color:#ebb5f5;
}
.fa-chevron-circle-right:before {
    content: "\f138";
	 vertical-align: text-top;
    padding-left:3px;
	color:#ebb5f5;
}



@media screen and (max-width: 640px) {

	
	
	.fa-home:before {
    display:none;
}
	.fa-chevron-circle-right:before {
    
	 vertical-align:text-bottom;
    padding-left:2px;
	color:#fff;
}
	a.copy02 {
		font-size:12px;
	}

}




@media screen and (min-width: 641px) {

	ul.twoflex1203 {
		display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
		-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	}
	ul.twoflex1203 li {
		width:50%;
		padding:10px;
	}
	
	
	
	

}





@media print {
body,  #contents {
	background: #fff;
}
@page {
	size: A4;
}
}