@charset "utf-8";

/* contents item ----------------------------------- */
section{
width:100%;
margin:0;
padding:0;
}
.main_box{
width:1152px;
margin:0 auto;
padding:0 .8em 3em;
}
@media screen and (max-width: 1151px){
.main_box{
width:96%;
margin:0 auto;
padding:0 .8em 3em;
}
}

/* layout ----------------------------------------------------*/
.column01{
display:block;
width:100%;
margin:0 auto 3rem;
padding:.8rem;
}
.column02{
display: flex;
justify-content:space-between;
width:100%;
margin:0 auto 3rem;
padding:0;
}
.column02-1,.column02-2{
width:47%;
padding:.8rem;
margin:0 .5rem;
}
.column03{
display: flex;
justify-content:space-between;
width:100%;
margin:0 auto 3rem;
padding:0;
}
.column03-1,.column03-2,.column03-3{
width:31%;
margin:0 .5rem;
padding:.8rem;
}
.column04{
width:100%;
display: flex;
justify-content:space-between;
margin:0 auto 3rem;
padding:0;
}
.column04-1,.column04-2,.column04-3,.column04-4{
width:24%;
margin:0 .5rem;
padding:.8rem;
}

.col-middle{ align-items: center;}

.all_center{
margin:0 auto;
padding:0 auto;
text-align:center;
}
.all_right{ float:right;}
.all_left{ float:left;}

/* text -------------------------------------------------*/
p{
margin:0;
padding:0 0 .5rem 1rem;
}
.text_left{ text-align:left;}
.text_right{ text-align:right;}
.caption01{ font-size:1.4rem;}
.caption02{ font-size:1.2rem;}
.caption03{ font-size:1rem;}
.font_bold{ font-weight:bold!important;}
strong{ font-size:130%; font-weight:bold;}
.text-del{ text-decoration:line-through;}
.text_under{ text-decoration:underline;}

/* blockquote --------------------------------------------*/
blockquote {
    position: relative;
    padding: 1rem 1.5rem 1rem 6rem;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #9dd4ff;
    font-size: 3rem;
    line-height: 1;
    font-weight: normal;
}

blockquote p { padding: 0; margin: .7rem 0; line-height: 1.7;}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 1.2rem;
}

/* ul ol dl --------------------------------------------*/

ol{
	margin: 0 0 0 3rem;
	padding: 0;
}
ul{
	margin: 0 0 0 3rem;
	padding: 0;
}
ul.none{list-style-type:none;}
li.none{list-style-type:none;}
ul.circle{list-style-type:circle;}
ul.disc{list-style-type:disc;}
ul.square{list-style-type:square;}

ol.circle  {
position: relative;
margin:0 0 0 3rem;
padding:0
}
ol.circle > li  {
list-style: none;
list-style-position:outside;
margin:0;
padding-left:3rem
}
ol.circle > li > span {
position: absolute;
left:0;
margin:0
}

dl{
margin:0 0 0 3rem;
padding:0;
}
dt{
margin:0 0 .5rem 0;
padding:0;
}
dd{
margin:0 0 2rem 2rem;
padding:0;
}

/* table ---------------------------------------------*/
table{
	width:100%;
	border-collapse:collapse!important;
	margin:0 0 1.5rem;
}
th{
	border:1px solid #ccc;
	background-color:#eee;
	color: #333;
    padding:.5rem;
}
td{
	border:1px solid #CCC;
	padding:.5rem .8rem;
	color:#333;
}

/* all link ---------------------------------------------*/
.all_alllink{ width:100%;}
.all_alllink a{
display:block;
padding:.8rem;
text-decoration:none;
}
.all_alllink a:hover{
color:#ff6f61;
text-decoration:none;
padding:.6rem;
border:2px solid #ff6f61;
}

/* button -------------------------------------------------------------*/
.sm_btn,.ev_btn{
  display: inline-block;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding: .8rem 2.5rem;
  margin:1.5rem auto;
  font-size: 1.6rem;
  line-height: 1.5;
  border-radius: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 0 3px 6px rgba(0,0,0,.16);
  transition: all .3s;
}
.sm_btn{ border: 2px solid #F99F48; background-color:#F99F48; color:#fff!important;}
.ev_btn{ border: 2px solid #78BBE6; background-color:#78BBE6; color:#fff!important;}
.sm_btn a{ color: #fff!important;}
.sm_btn:hover { text-decoration:none; background-color:#FCF6EF; border:2px solid #F99F48; color:#F99F48!important;}
.ev_btn a{ color: #fff!important;}
.ev_btn:hover { text-decoration:none; background-color:#F2FAFF; border:2px solid #78BBE6; color:#78BBE6!important;}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: .6rem 1.2rem;
  font-size: 1.4rem;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,.btn:active:focus,.btn.active:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
.btn:hover,.btn:focus { color:#333333; text-decoration:none;}
.btn:active,.btn.active { outline: 0;  background-image:none;  -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{ cursor:not-allowed; pointer-events: none; opacity:0.65; -webkit-box-shadow:none; box-shadow:none;}
.btn-default{ color:#333333;  background-color:#ffffff; background-image:linear-gradient(to bottom, #ffffff, #dddddd);  border-color:#cccccc;}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default { color:#333333; background-color:#e6e6e6; border-color:#adadad;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default{ background-image:none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {  background-color: #ffffff;  border-color: #cccccc;}
.btn-default .badge { color: #ffffff;  background-color: #333333;}
.btn-info{ color: #ffffff;  background-color: #5bc0de;  border-color: #46b8da;}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open > .dropdown-toggle.btn-info { color:#ffffff; background-color:#31b0d5; border-color: #269abc;}
.btn-info:active,.btn-info.active,.open > .dropdown-toggle.btn-info { background-image: none;}
.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {  background-color: #5bc0de;  border-color: #46b8da;}
.btn-info .badge { color:#5bc0de;  background-color:#ffffff;}
.btn-smile{color:#ffffff!important;background-color:#f09a08;background-image:linear-gradient(to bottom, #f09a08, #f09a08);background-repeat:repeat-x;border-color:#f09a08 #f09a08 #f09a08;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn-smile:hover,.btn-smile:focus,.btn-smile:active,.btn-smile.active,.btn-smile.disabled,.btn-smile[disabled]{color:#43485d!important;background-color:#f09a08;}
.btn-smile:active,.btn-smile.active{ background-color:#43485d \9!important;}
.btn-smile-current{color:#f09a08!important;background-color:#ffffff!important;border:1px solid #f09a08;}
.btn-smile-current:hover,.btn-smile-current:focus,.btn-smile-current:active,.btn-smile-current.active,.btn-smile-current.disabled,.btn-smile-current[disabled]{color:#f09a08!important;background-color:#ffffff!important;border:1px solid #f09a08;/*z-index:500;*/}
.btn-smile-current:hover,.btn-smile-current:focus{color:#fff;text-decoration:none;background-position:0 -50px;/*z-index:500;*/}

.btn-evalue{color:#ffffff!important;background-color:#0075bf;background-image:linear-gradient(to bottom, #0075bf, #0075bf);background-repeat:repeat-x;border-color:#0075bf #0075bf #0075bf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn-evalue:hover,.btn-evalue:focus,.btn-evalue:active,.btn-evalue.active,.btn-evalue.disabled,.btn-evalue[disabled]{color:#f1f0a7!important;background-color:#0075bf;}
.btn-evalue:active,.btn-evalue.active{background-color:#f1f0a7 \9!important;}
.btn-evalue:hover,.btn-evalue:focus,.btn-evalue:active,.btn-evalue.active,.btn-evalue.disabled,.btn-evalue[disabled]{color:#f1f0a7!important;background-color:#0075bf;}
.btn-evalue:active,.btn-evalue.active{background-color:#cb6620 \9;}

.btn-info{color:#ffffff!important; background-color:#3e6890;background-image:linear-gradient(to bottom,#3e6890, #2a5278);background-repeat:repeat-x;border-color:#2a5278 #2a5278 #004a70;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{#e9e890!important;background-color:#2a5278;}
.btn-info:active,.btn-info.active{color:#e9e890!important; background-color:#58656b \9;}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#e9e890!important;background-color:#2a5278;}
.btn-info:active,.btn-info.active{background-color:#58656b \9;}

/* annotation ---------------------------------------------------*/
.anno_list{ display:flex; padding:0 .8rem;}
/*.anno_list > p:first-child{ margin-right:.3rem;}*/

/* color ---------------------------------------------------*/
.red{ color:#D7003A!important;}
.blue{ color:#113285!important;}
.green{ color:#028760!important;}
.yellow{ color:#F8B500!important;}
.gray{ color:#aaaaaa!important;}
.white{ color:#ffffff!important;}

/* background color ---------------------------------------------------*/
.bg_blue{ background:#EAEDF7!important;}
.bg_red{ background:#FDEFF2!important;}
.bg_green{ background:#EBF3DC!important;}
.bg_yellow{ background:#FFFFF1!important;}
.bg_gray{ background:#f5f5f5!important;}
.bg_sm{ background:#FCF6EF!important;}
.bg_ev{ background:#F2FAFF!important;}
.bg_osk{ background:#fafaff!important;}

/* marker ---------------------------------------------------*/
.marker_yellow{ background:#ffffd1!important;}
.marker_red{ background:#ffd1d1!important;}
.marker_blue{ background:#d1e8ff!important;}

/* border -------------------------------------------*/
.bor_red{ border:1px solid #D7003A!important; padding:.8rem;}
.bor_blue{ border:1px solid #3967C4!important; padding:.8rem;}
.bor_green{ border:1px solid #028760!important; padding:.8rem;}
.bor_gray{ border:1px solid #cccccc!important; padding:.8rem;}


/* Clearafix ------------------------------------------------ */
.clearfix:after{
display:block;
content:"";
clear:both;
}

/* totop --------------------------------------------------*/
.pagetop {
	position:fixed;
	bottom:2rem;
	right:1rem;
}

/* responsive ---------------------------------*/
.sp{ display:none!important;}