@import "http://";

/*
--------------------------------------
Med Co., Ltd
unauthorized use prohibited
無断利用禁止
--------------------------------------
*/

:root {
--bgcolor: #b482b9;
--fontcolor: #ffffff;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.material-icons {
text-indent: 0;
font-size: 130% !important;
vertical-align: middle;
margin-right: 0.1em;
webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}

.material-icons-outlined {
text-indent: -1.1em;
font-size: 140% !important;
vertical-align: middle;
margin-right: 0em;
margin-top: -0.1em;
webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}

.material-icons-round {
text-indent: 0;
font-size: 130% !important;
vertical-align: middle;
margin: -0.2em 0.1em 0 0 ;
webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}

@font-face {
font-family: 'MPLUS2';
src: url('https://med-gakkai.jp/font/MPLUS2-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MPLUS2';
src: url('https://med-gakkai.jp/font/MPLUS2-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}

* {
font-family: "MPLUS2";
}

html {
margin: 0;
padding: 0;
text-align: center;
}

h1 {
font-family: 'MPLUS2';
margin: 0 0 0.5em 0;
padding: 0;
width: 100%;
background: var(--bgcolor);
color: #fff;
font-size: 40px;
height: 150px;
}
h1 img {
width: 850px;
margin: 20px auto 0 auto;
}


.text_12 {
font-family: 'MPLUS2';
font-size: 16px;
line-height: 26px;
margin: 20px 0 0 0;
}
a.link {
width:100%;
height:100%;
}
a.link:hover {
color: #f00;
}
a.block_but:hover {
background-color:#ffcccc;
}
.honbun, .honbun2 {
font-family: 'MPLUS2';
font-size: 16px;
line-height: 24px;
text-align: left;
display: table;
width: 700px;
float: center;
margin: auto;
}

.honbun>.honbun {
margin-left: 1em;
}
ol {
padding: 0;
}
ol.ex1 {
margin: 0 0 0 2em;
}

ol.kakko {
margin: 0 0 0 2em;
padding: 0;
counter-reset:li; 
list-style:none;
position:relative;
}
ol.kakko > li {
position:relative;
}
ol.kakko > li:before {
content:counter(li) "\FF09";
counter-increment:li;
position:absolute;
top:0px;
left: -1.3em;
display: marker;
text-align: right !important;
float: right !important;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
ol.kakko > li:nth-child(n + 10):before {
left: -1.9em;
}

.button_bg {
z-index: 1 !important;
display: table;
margin: 0 auto 15px auto;
background: rgba(0,0,0,0.2);
width: 100%;
padding: 10px auto;
text-align: center;
border-radius: 5px;
}

.button_alone {
display: table;
cursor: pointer;
color: #ffffff !important;
margin: 10px auto !important;
background: var(--bgcolor);
border-radius: 5px 5px 5px 5px;
text-decoration: none;
text-align: center;
letter-spacing: 0.05em;
font-size: 16px !important;
font-weight: normal;
height: 40px;
line-height: 40px;
padding: 0 10px;
}
.button_alone:hover {
color: #ffff00 !important;
text-decoration: none;
background: #3d294f;
}

.button_small {
padding: 2px 10px;
font-size: 13px;
min-width: 120px;
background: var(--bgcolor);
color: #ffffff !important;
text-decoration: none;
border-radius: 5px;
}
.button_small:hover {
background: #3d294f !important;
color: #ffff00 !important;
text-decoration: none;
}

h2 {
letter-spacing: 0.1em;
display: inline-block;
width: 100%;
height: 40px;
color: var(--fontcolor);
font-weight: bold;
text-indent: 15px;
padding: 0.5em 0px 0px 0px;
font-size:18px;
text-align: left;
text-shadow: 0 0 2px rgba(81,55,67,1);
clear: both;
margin: 0 auto 1em auto;
line-height: 1.2em;
vertical-align: middle;
border-radius: 5px;
background: var(--bgcolor);
}

h3 {
width: 100%;
min-height: 30px;
padding: 4px 0px 4px 1em;
font-size:16px;
text-align: left;
font-weight: bold;
color: #000000;
clear: both;
margin: 0 0 10px 0;
line-height: 20px;
border: 1px solid #666666;
background: #f2f6f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}

input#username,
input#password,
input#text {
font-family: "MPLUS2";
font-size: 16px;
line-height: 25px;
width: 19em !important;
border: 1px solid #999 !important;
border-radius: 5px !important;
padding: 0.25em !important;
display: table-cell !important;
vertical-align: bottom !important;
}

input#username::placeholder,
input#password::placeholder,
button.login_but {
font-family: "MPLUS2";
}

input[type="submit"].button_small {
display: table;
border: 0;
font-family: "MPLUS2";
padding: 3px 10px !important;
font-size: 13px;
line-height: 13px;
min-width: 120px;
min-height: 2em;
text-decoration: none;
border-radius: 5px;
}

input[type="submit"].button_small:hover {
cursor: pointer;
text-decoration: none;
}

.oshirase_box_my {
display: table !important;
width: 100% !important;
border: 1px solid #000000;
border-radius: 5px;
background: #ffff00;
padding: 0 0.5em;
margin: 0 auto 0.5em auto;
text-align: center;
}

.oshirase_box_top {
display: table !important;
width: 100% !important;
border: 1px solid #000000;
border-radius: 5px;
background: #ffff00;
padding: 0.2em 0.2em;
margin: 0 auto 0.5em 0;
text-align: center;
}

.oshirase_box_top_my {
display: table !important;
width: 100% !important;
border: 1px solid #000000;
border-radius: 5px;
background: #ffff00;
padding: 0.5em;
margin: 0 auto 0.5em auto;
text-align: center;
}

.oshirase {
text-align: justify !important;
display: table;
margin: 0.5em auto 0.5em auto;
}
.oshirase span {
color: #ff0000;
}

.oshirase hr {
border-top: 1px solid #000 !important;
border-bottom: 0 !important;
margin-top: 0.5em !important;
margin-bottom: -1em !important;
width: 100% !important;
}
.oshirase hr:last-child {
margin-bottom: 0em !important;
}

body {
text-align: center;
margin: 0 auto;
padding: 0;
float: center;
}

.page_body {
width: 750px;
text-align: center;
float: center;
}

.change {
width: 100%;
color: #000000;
background: #ffffff;
border: 1px solid #000000;
border-radius: 5px;
font-size: 16px;
line-height: 1.8em;
vertical-align: top;
font-family: MPLUS2;
}

a.smooth {
cursor: pointer;
color:#0000ff;
text-decoration: underline;
}
a.smooth:hover {
color: #f00;
}