@import url("style.css?v=5");




img {
height:auto;
border:none;
-webkit-backface-visibility: hidden;image-rendering: auto;/****CHROME縮小画像ぼやけ対策****/
}


/*****OTHER PARTS*****/

.sp5{height:5px;}
.sp10{height:10px;}
.sp15{height:15px;}
.sp20{height:20px;}
.sp25{height:25px;}
.sp30{height:30px;}
.sp35{height:35px;}
.sp40{height:40px;}
.sp50{height:50px;}


.sp0_5em{height:0.5em;}
.sp1em{height:1em;}
.sp1_5em{height:1.5em;}
.sp2em{height:2em;}
.sp2_5em{height:2.5em;}
.sp3em{height:3em;}
.sp3_5em{height:3.5em;}
.sp4em{height:4em;}
.sp5em{height:5em;}
.sp6em{height:6em;}
.sp7em{height:7em;}
.sp8em{height:8em;}


.clear{clear:both;}


.border01{
width:100%;
border-bottom:#EF8200 solid 1px;
clear:both;
margin:5px 0px 5px 0px;
}


.border02{
width:100%;
border-bottom:#00185B solid 1px;
clear:both;
margin:5px 0px 0px 0px;
}



.border03{
width:100%;
border-bottom:#00185B solid 1px;
clear:both;
margin:5px 0px 0px 0px;
}



/*LINK*/
a{line-height:160%;color:#EF8200;text-decoration:none}
a:link {color:#2693FF;}
a:visited{color:#EF8200;}
a:hover{color:#EF8200;text-decoration:none;}


a.blacker:link {
text-decoration : none;
color : #000;
}

a.blacker:visited {
text-decoration : none;
color : #000;
}


a.blacker_bold:link{
text-decoration : none;
color : #000;
font-weight:bold;
}

a.blacker_bold:visited{
text-decoration : none;
color : #000;
font-weight:bold;
}

a.whity:link {
text-decoration : none;
color : #FFFFFF;
}

a.whity:visited {
text-decoration : none;
color : #FFFFFF;
}

.text01 a{line-height:140%;color:#000;}
.text01 a:link {color:#000}
.text01 a:visited{color:#000;}
.text01 a:hover{color:#000;text-decoration:none;}


.text02 a{line-height:140%;color:#FFF;font-size:15px;}
.text02 a:link {color:#FFF;}
.text02 a:visited{color:#FFF;}
.text02 a:hover{color:#FFF;text-decoration:none;}


.text03 a{line-height:236%;color:#000;font-size:0.9em;}
.text03 a:link {color:#000;}
.text03 a:visited{color:#000;}
.text03 a:hover{color:#666;text-decoration:underline;}

.text04 a{line-height:140%;color:#000;font-size:0.9em;}
.text04 a:link {color:#FFF;}
.text04 a:visited{color:#FFF;}
.text04 a:hover{color:#CCC;text-decoration:underline;}


.tategaki{-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;}




/******ALL LAYOUTS*****/


.wrapper{
width:100%;
display:block;
max-width:1100px;
margin:0 auto;
}
.main{
margin:0 auto;
}
#wrap{
/*position:relative;*/
min-height:100%;
_height:100%;
overflow:hidden;
}




.gmap {
max-width: 1200px;
width: 100%;
height: 500px;
position: relative;
margin: 0 auto;
}



.main_title {

width:100%;
max-width:1400px;
margin: 0 auto;
text-align: center;
padding:3em 0 3em 0;
border-bottom: solid 1px #CDCACA;

}





/*******OTHER TEXT********/
h1{
font-size:1.3em;
color:#000;
font-weight:bold;
display:none;
}

h2{
font-size:1.3em;
color:#000;
font-weight:bold;
display:none;
}



h3{
color:#003366;
/*color:#a80000;*/
font-size:1.2em;
font-weight:bold;
}



h4{
font-size:1.8em;
line-height:140%;
color:#000;
font-weight:bold;
}


h4{
font-size:1.8em;
line-height:140%;
color:#000;
font-weight:bold;
}

.key {
font-size:1.5em;
line-height:130%;
color:#000;
font-weight:bold;
font-weight:bold;
}

.kei {
font-size:1.5em;
line-height:130%;
color:#000;
font-weight:bold;
font-weight:bold;
text-align:center;
}

.inde1 {
margin-left: 78px;
}

strong{
font-size:16px;
line-height:160%;
padding:0px 0px 0px 0px;
font-weight:bold;
}



.red {color: #FF0000}
.blue {color:#09F}
.green {color:#9C0;font-size:12px;}
.yellow {color:#FC0;font-size:15px;}
.bu {color:#09F;font-size:18px;}
/* テーマカラーを追加 */
.orange {color: #EF8200}



#header {
width:100%;
/*background-color:rgba(250,250,250,0.5);*/
padding-top:1em;
height:100px;
}

#header01 {
width: 100%;
max-width: 1100px;
/* background-color: rgba(250,250,250,0.5); */
margin: 0 auto;
position: fixed;
background-color: #fff;
z-index: 4000;
padding: 0em;
box-shadow: 1px 5px 7px rgba(0,0,0,0.4);
/* border-bottom: #CCC solid 4px; */
}


.head_logo{height:75px;
display:block;
max-width:350px;
width:100%;
margin:0em;
float:left;
}


/* サイト内検索 */
.searchform {
position: relative;
}

.searchfield {
font-size: 14px;
width: 100%;
max-width:300px;
margin: 3px;
padding: 10px;
border: solid 1px #bbb;
border-radius: 4px;
background-color: #efefef;
}

.searchsubmit {
font-family: FontAwesome;
font-size: 1.2em;
position: absolute;
top: -5%;
right: 0%;
margin-top: 0px;
padding: 0;
cursor: pointer;
color: #6297f5;
border: none;
background: transparent;
}

.searchsubmit:hover {
opacity: .6;
}




.container{
position:static;
z-index: 0;
}


#hamburger{display:none;}
#hamburger02{display:none;}




.dropmenu{
*zoom: 1;
list-style-type: none;
width:100%;
margin: 0;
padding: 0;
}
.dropmenu:before, .dropmenu:after{
content: "";
display: table;
}
.dropmenu:after{
clear: both;
}
.dropmenu li{
position: relative;
display:inline-block;
margin: 0em;
padding: 0;
text-align: center;
}
.dropmenu li a{
display: block;
margin: 0;
padding: 0.6em;
/*background: #8a9b0f;*/
color: #8c0000;
font-size: 1.3em;
font-weight: 900;
line-height: 1;
text-decoration: none;
}
.dropmenu li ul{
list-style: none;
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
left: -255%;
width: 355%
}
.dropmenu li ul li{
width:100%;

}

.dropmenu .m_ttl{
border-top: 1px solid #CCC;
background: #333;
text-align: left;
padding:1em;
color:#FFF;
font-size: 1.2em;
}

.dropmenu li ul li a{
padding: 0.8em;
border-top: 1px solid #CCC;
background: #EEE;
text-align: left;
color:#9D2428
}
.dropmenu li:hover > a{
background: #FFF;
}
.dropmenu li a:hover{
background: #c40d23;
color:#FFF;
}


.dropmenu_01{
*zoom: 1;
list-style-type: none;
width:100%;
margin: 0;
padding: 0;
}
.dropmenu_01:before, .dropmenu_01:after{
content: "";
display: table;
}
.dropmenu_01:after{
clear: both;
}
.dropmenu_01 li{
position: relative;
display:inline-block;
margin: 0em;
padding: 0;
text-align: center;
}
.dropmenu_01 li a{
display: block;
margin: 0;
padding: 0.4em;
/*background: #8a9b0f;*/
color: #8c0000;
font-size: 1em;
font-weight: 400;
line-height: 1;
text-decoration: none;
}
.dropmenu_01 li ul{
list-style: none;
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
left: -255%;
width: 355%
}
.dropmenu_01 li ul li{
width:100%;

}

.dropmenu_01 .m_ttl{
border-top: 1px solid #CCC;
background: #333;
text-align: left;
padding:1em;
color:#FFF;
font-size: 1.2em;
}

.dropmenu_01 li ul li a{
padding: 0.8em;
border-top: 1px solid #CCC;
background: #EEE;
text-align: left;
color:#9D2428
}
.dropmenu_01 li:hover > a{
background: #FFF;
}
.dropmenu_01 li a:hover{
background: #c40d23;
color:#FFF;
}


#headerMenu{
width:68%;
text-align: right;
float:right;
/*border: #3EA8F4 solid;
border-width: 1px 0 1px 0px;*/
padding-top:12px;
}




.in_headline{
padding-top:7%;
background:url(../img/inner_haedline.jpg) no-repeat top center;
background-size:contain;
max-width: 1980px}




.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}





.btn {
width:90%;
padding:0.5em;
font-weight: bold;
display: inline-block;
text-decoration: none !important;
font-size: 15px;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
text-align:center;
border-radius: 5px;
}
.btn01 {
background-color: #0A6DB7;
color: #fff !important;
margin:0.5em;
width:90%;
}

.btn01 a{
width:90%;
}

.btn:hover {
opacity: 1.0;
cursor: pointer;
cursor: hand;
}




.sidemenu{
/*border: solid 5px #DDD;*/
width: 22%;

padding:1em 1em 1em 1em;
overflow: auto;
margin:0 auto;
/*border:#3EA8F4 solid 1px;*/
}

.sidemenu li{
border-bottom: 0 #FFF solid;
color:#FFF;
list-style: none;
text-align: left;
line-height: 300%;
}




.menu {
text-align: left;
font-size:15px;
}

.menu a {
display: block;
padding:10px;
text-decoration: none;
color : #EF8200;
text-align: center;
}
/* 追加したコンタクト用 */
.menu .contact{
    padding: 10px;
}



label {
display: block;
margin: 0 0 4px 0;
padding : 15px;
line-height: 1;
color : #336699;
/*background : green;*/
cursor :pointer;
border-bottom: 1px #868789 solid;
text-align: center;
}

input {
display: none;
}

.menu ul {
margin: 0;
padding: 0;
/*background :#f4f4f4;*/
list-style: none;
}

.menu li {
height: 0;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background-color:#4562CD;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li {
height: 54px;
opacity: 1;
border-bottom: 1px #FFF solid;
}



#page_top{
width: 50px;
height: 50px;
position: fixed;
right: 5px;
bottom: 40px;
background:#74BAF4;
opacity: 0.6;
border-radius: 50%;
}
#page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
}
#page_top a::before{
font-family: FontAwesome;
content: '\f106';
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}



table.table-0 {
width:100%;
/*border: 1px #009B83 solid;*/
text-align: left;
border-collapse: separate; border-spacing: 10px;
background-color:#FFF;
}

table.table-0 th {
padding: 1em 0px 1em 0px;
border: 1px #003366 solid;
border-width: 0 0px 1px 0px;
line-height:180%;
text-align:left;
vertical-align:top;
/*background-color:#F4F4EA;*/
/*background:url(../img/com_bg.jpg);
background-repeat:repeat-y;
background-position: top center;*/
color:#000;
font-size:1rem;
width:20%;
}
table.table-0 td {
padding: 1em 0px 1em 0px;
border: 1px #CCC solid;
border-width: 0 0px 1px 0px;
line-height:180%;
text-align:left;
vertical-align:middle;
background-color:#FFF;
word-break : break-all;
/*font-size:12px;*/
}


table.table-1 {
border-collapse: collapse;
width:60%;
border: 1px #CCC solid;
border-width: 0 0 1px 0;
text-align: left;
background-color:#FFF;
margin: 0 auto;
}

table.table-1 th {
padding: 1em 0px 1em 0px;
border: 1px #003366 solid;
border-width: 0 0px 1px 0px;
line-height:180%;
text-align:left;
vertical-align:top;
color:#000;
font-size:1rem;
width:17%;
}
table.table-1 td {
padding: 1em 0px 1em 0px;
border: 1px #CCC solid;
border-width: 1px 0 0 0;
line-height:180%;
text-align:left;
vertical-align:middle;
background-color:#FFF;
word-break : break-all;
/*font-size:12px;*/
}

table.table-2 {
border-collapse: collapse;
width:70%;
border: 1px #CCC solid;
border-width: 1px 1px 1px 1px;
text-align: center;
background-color:#FFF;
margin: 0 auto;
}

table.table-2 th {
padding: 1em 0px 1em 0px;
border: 1px #CCC solid;
border-width: 1px 1px 2px 1px;
line-height:180%;
text-align: center;
vertical-align:top;
color:#000;
font-size:1rem;
}
table.table-2 td {
padding: 1em 0px 1em 0px;
border: 1px #CCC solid;
border-width: 1px 1px 1px 1px;
line-height:180%;
text-align: center;
vertical-align:middle;
background-color:#FFF;
word-break : break-all;
/*font-size:12px;*/
}


div.org p {
text-align: center;
}

div.org p strong {
text-align: center;
display: inline-block;
color:#000;
font-size:1rem;
border-bottom: 2px #333 solid;
margin-bottom: 5px;
}


table.table-form {
width:100%;
margin:0px auto;
border-collapse: separate; border-spacing: 10px;
}

table.table-form th {
padding: 1.7em 0px 1.7em 0.5em;
border: 1px #003366 solid;
border-width: 0 0px 1px 3px;
line-height:180%;
text-align:left;
vertical-align: middle;
color:#000;
font-size:1rem;
width:20%;
}

table.table-form td {
padding: 1.7em 0px 1.7em 0px;
border: 1px #CCC solid;
border-width: 0 0px 1px 0px;
line-height:180%;
text-align:left;
vertical-align:middle;
background-color:#FFF;
}




/*フォーム関係*/

input,select{
border:solid 1px #CCC;
background-color:#FFFFFF;
color:#333333;
padding:0.5em;
margin:0.5em;
height: 2.5em;
}


textarea{
border:solid 1px #CCC;
background-color:#FFFFFF;
color:#333333;
padding:0.5em;
margin:0.5em;
}


input#submit_button {
width: 18%;
cursor: pointer;
}
input#reset_button{
width:18%;
cursor: pointer;
}



.hissu{
text-align:center;
font-size:12px;
/*font-weight:bold;*/
/*border-bottom:solid 2px #0059B2;*/
line-height:140%;
color:#FFF;
background-color:#D8070B;
display: inline-block;
padding:5px;
margin:0px 0 0 10px;
}


.spheight{padding-top:55%;}



.fabs {
top: 0;
position: fixed;
margin: 0em;
right: 0;
z-index: 1000;
}

.fab {
display:inline-block;
width: 52px;
height: 52px;
border-radius: 50%;
text-align: center;
color: white;
margin: 1em auto 0;
box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
cursor: pointer;
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
position: relative;
}

.fab > i {
font-size: 24px;
line-height: 52px;
transition: all .2s ease-in-out;
transition-delay: 2s;
}

.fab.red {
background: #666;
}

.fab.pink {
background: #E91E63;
}

.fab.purple {
background: #9C27B0;
color:#FFF;
margin:0.5em;
}

.fab.deep-purple {
background: #673AB7;
}

.fab.indigo {
background: #3F51B5;
color:#FFF;
margin:0.5em;
}

.fab.blue {
background: #2196F3;
}

.fab.light-blue {
background: #03A9F4;
color:#FFF;
margin:0.5em;
}

.fab.cyan {
background: #00BCD4;
}

.fab.teal {
background: #009688;
}

.fab.green {
background: #4CAF50;
}

.fab.light-green {
background: #8BC34A;
}

.fab.lime {
background: #CDDC39;
}

.fab.yellow {
background: #FFEB3B;
}

.fab.amber {
background: #FFC107;
}

.fab.orange {
background: #FF9800;
}

.fab.deep-orange {
background: #FF5722;
}

.fab.brown {
background: #795548;
}

.fab.grey {
background: #9E9E9E;
}

.fab.blue-grey {
background: #607D8B;
}

.fab:active,
.fab:focus,
.fab:hover {
box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}

/*
.fab:not(:last-child) {
width: 36px;
height: 36px;
margin: 20px auto 0;
opacity: 0;
}

.fab:not(:last-child) > i {
font-size: 18px;
line-height: 40px;
transition: all .3s ease-in-out;
}

.fabs:hover .fab:not(:last-child) {
opacity: 1;
width: 40px;
height: 40px;
margin: 15px auto 0;
}

*/

.fab:nth-last-child(1) {
-webkit-transition-delay: 25ms;
transition-delay: 25ms;
}

.fab:not(:last-child):nth-last-child(2) {
-webkit-transition-delay: -20ms;
transition-delay: -20ms;
}

.fab:not(:last-child):nth-last-child(3) {
-webkit-transition-delay: 40ms;
transition-delay: 40ms;
}

.fab:not(:last-child):nth-last-child(4) {
-webkit-transition-delay: 60ms;
transition-delay: 60ms;
}

.fab:not(:last-child):nth-last-child(5) {
-webkit-transition-delay: 80ms;
transition-delay: 80ms;
}

[tooltip]:before {
font-family: 'Roboto';
font-weight: 600;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #585858;
color: #fff;
content: attr(tooltip);
font-size: 12px;
visibility: hidden;
opacity: 0;
padding: 5px 7px;
margin-right: 10px;
position: absolute;
right: 100%;
bottom: 5%;
white-space: nowrap;
}

[tooltip]:hover:before,
[tooltip]:hover:after {
visibility: visible;
opacity: 1;
}





.clone-nav {
position: fixed;
top: 0;
left: 0;
z-index: 2;
width: 100%;
transition: .3s;
transform: translateY(-100%);
}


.is-show {
transform: translateY(0);
}


.lay_block{
width:100%;
height:auto;
text-align: center;
margin:0 auto;
max-width:1100px;
}

.navy_bg{
padding:1em;
background-color: #FFF;
width:100%;
display: flex;flex-wrap: wrap;
}



.slidebox01{
padding-top:0em;
/*background-color: #dddddd;*/
z-index: -5000;
}


.main_box{
width:75%;
padding: 1em 2em;
margin:0 auto;
}

.sub_ttl{
font-size: 16px;
text-align: center;
}


.main_ttl{
font-size: 18px;
text-align: center;
line-height: 200%;
font-weight: bold;
}


.main_ttl2{
font-size: 20px;
text-align: left;
line-height: 200%;
font-weight: bold;
}


.main_text{
font-size: 16px;
text-align: left;
line-height: 180%;
word-break: keep-all;
}


.content_block{
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
padding-top: 15%;
}


.ttl_bk {
font-size: 30px;
color: #112E72;
border-bottom: solid 1px #EF8200;
padding: 10px 0px 10px 10px;
font-weight: 500;
text-align: center;
}

.squre{
margin: 2em auto;
padding: 1em;
width: 90%;
border: 1px solid #ccc;
background-color: #fff;
box-shadow: 1px 1px 2px #ccc;
}

.squre p{
text-align: center;
font-size:20px;
}

.squre strong{
text-align: center;
font-size:20px;
}






/*-----*/

p {
font-size: 16px;
text-align: justify;
word-break: break-all;
line-height: 170%;
}


.lay_block03 {
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
padding-top: 15%;
}

.inbox {
/* border: solid 5px #DDD; */
padding: 0.5em 1em 0.5em 1em;
margin: 0em auto;
/* border: #3EA8F4 solid 1px; */
width: 75%;
float: left;
}


.menu {
text-align: left;
font-size: 15px;
}


.menu ul {
margin: 0;
padding: 0;
/* background: #f4f4f4; */
list-style: none;
}




.foot_bg {
background-color: #172A88;
padding-bottom: 30px;
position: relative;
margin: 0 auto;
}


.foot_text01 {
width: 100%;
max-width: 1000px;
color: #FFF;
margin: 0 auto;
text-align: center;
display: flex;
justify-content: center;
}


.text12 {
width: 1200px;
font-size: 14px;
line-height: 240%;
color: #FFFFFF;
margin: 0 auto;
}


.foot_wh {
color: #FFF;
text-align: center;
}


.foot_bottom_center {
text-align: center;
bottom: 7%;
z-index: 1000;
}

.foot_wh_strong {
font-size: 20px;
color: #FFF;
text-align: center;
font-weight: bold;
}


.copy_white {
color: #FFFFFF;
text-align: center;
font-size: 12px;
}

.t_center {
text-align:center;
}
.b_title{
margin:1.0em 0;
}

.b_title strong{
font-size: 20px;
}

.list_box ul{
text-align:left;
list-style-type: none
}
.list_box ul li{
text-align:left;
padding:0.5em;
margin: 1.0em;
border-bottom: 1px solid #ccc;
}

.list_box ul li span.files{
display: block;
text-align:right;
padding-right:0.3em;
}

.list_box ul li span.files{
display: block;
text-align:right;
padding-right:0.3em;
}


.list_box ul.program {
text-align:left;
list-style-type: none
}
.list_box ul.program li{
text-align:left;
padding:0em;
margin: 2.0em 0em;
border-bottom: none;
border-bottom: 2px solid #999;
}
.list_box ul.program li span.days {
font-size: 1.2em;
font-weight: bold;
}

.list_box ul.program ul li{
text-align:left;
padding:0.5em;
margin: 1.0em;
border-bottom: 1px solid #ccc;
}

.list_box ul.program ul li:last-child {
border-bottom: none;
}

.list_box ul.program ul li span.title {
display: block;
/*font-size: 1.2em;*/
}
.list_box ul.program ul li span.title span {
display: block;
/*font-size: 1.1em;*/
margin-left: 1.0em;
font-weight: bold;
margin-top: 0.5em;
}
.list_box ul.program ul li span.speakers {
display: block;
text-align: right;
margin: 0.5em;
font-size: 1.0em;
}
.list_box ul.program ul li span.speakers span {
display: inline-block;
padding-left: 0.5em;
font-size: 0.9em;
color: #666;
}

.download {
text-align:center;
}
.download a{
text-decoration:none;
}

a.btn {
display:block;
margin: 0 auto;
width: 250px;
height:70px;
padding-top: 20px;
color: #FFF;
text-decoration: none;
text-align: center;
background-color: #5f85cc;
border-radius: 5px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-size: 1.1em;
}
a.btn:hover{
background-color: #b6c6e7;
}

.text2 {
      vertical-align: super;
      font-size: 0.7rem;
    }

li {
    display: list-item;
    text-align: -webkit-match-parent;
    font-size: 16px;
    text-align: left;
    line-height: 180%;
    word-break: keep-all;
    margin: 0px 0px 0px 30px;
}
/*
.flexible_box {
margin: 0 auto;
width: 100%;
text-align:center;
}

.flexible_box ul {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.flexible_box ul,.flexible_box li{
margin:0px;
padding:0px;
list-style-type: none
}

.flexible_box li {
padding:0.2em;
margin:0.5em;
border-bottom: 1px solid #999;
text-align: center;
}
*/