@charset "utf-8";
/* ACCORDER Inc. */
/* Base Style
----------------------- */
*, body { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;  }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */
.clearfix { display:inline-block; } /* For Windows IE7 and Mac IE5 */
* html .clearfix{ height:1px; } /* For Windows IE5/IE6:Hides from IE-mac */
.clearfix { display:block; }
.clear { clear:both; } /* End hide from IE-mac */
html { overflow-y:scroll; } /* For FireFox scrolling */
img { -ms-interpolation-mode:bicubic; image-rendering:optimizequality; vertical-align:bottom; } /* Better images when resized for IE7, FF3.5+ */
a { text-decoration:none; }
a:hover { text-decoration:none; opacity:0.9; }
html,body { background-color:#FFF; }
.nobd{ border:none!important; }
ul{ padding-left:0!important; }
.img-responsive{ display: block; max-width: 100%; height: auto; }
/* wrapper	----------------------- */

html {
    font-size: 62.5%;
    overflow-wrap: break-word;
    overflow-x: hidden;
    text-size-adjust: 100%;
	
}

*, body { 
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 1.4em;
    letter-spacing: 1px;
    color: #000;
}



.title_front_first{margin-bottom: 50px;}
.invalid-qualifications{color: #f00; font-size: 12px;}
.table-responsive{border-top:1px solid #eee; }
.table thead th {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
#material_checkbox{margin-right: 10px;}

.request_btn{display: block; width: 320px; margin:0 auto; color: #e98983; padding: 15px 30px; margin-top: 20px; border:3px solid #e98983; box-shadow: 2px 3px 18px rgba(0, 0, 0, .06); font-weight: bold; text-align:center; border-radius: 100px;}
.request_btn:hover{color: #e98983; }
li{list-style: none; font-size: 1.6rem; margin-bottom: 10px;}

#wrapper { background: #fff; }

/* navigation	----------------------- */

.navigation-body{}
.navigation-brand-text{ width:100%; text-align:center; }

.navigation-brand-text{ font-size:0; letter-spacing:0; }
.navmenu{ width:100%; margin-top:10px; }
.navigation-link{ padding: 10px 35px 26px 35px; border-bottom: 1px solid #fff; line-height:30px; font-size:1.6rem;letter-spacing: 1px; font-weight:700; color:#000; }
.navigation-link:hover{ background:none; border-bottom:1px solid #000; }

.navigation-body-header{ padding:0; }
.navigation{ padding:0; min-height:50px; }
.navhome{ display:none; }
h1{ margin-bottom:0; }
.navheaderhome{ background:#273960; }
.navigation-brand-text a{ font-size:1.9rem; color: #fff; }
.navigation-brand-text1 a{ font-size:1.7rem; color: #000; letter-spacing: 3px; padding-left: 35px; display: block; margin-bottom: 5px;}
.navigation-brand-text1 svg { margin-bottom: 2px; margin-right: 10px; }
.titlesite{ font-size:1.9rem; padding:22px 0px 22px 30px; }
.titlesite a{ color:#fff; }
.headermenuimg{ margin-right:10px; }
.navigation-menu img{ vertical-align:middle; }
.navigation .navigation-menu{ padding-top:10px; }
.navigation-header .navigation-brand-text{ padding:0; }
#wrappertext{ }
.wrappertext{ position: absolute; margin: auto; top: calc(50%); left: calc( 50% - 15px ); font-size:14px; color:#000; font-weight:700; text-align:center; }


/* index	----------------------- */

.titlebox{  padding-top:30px; padding-bottom:35px; border-bottom:1px solid #bf4040; font-size:1.3rem; color:#000; }
.titlebox h2{ font-size:2.6rem; font-family: 'Heebo', sans-serif; color:#000; line-height:1.8em; }

.entery_formin_title{font-weight: bold; margin-bottom: 20px; margin-top: 30px;}

#topslider{}
#topslider .image{ position:relative; }
#topslider .topslider_btnbox1{ position:absolute; right:40px; top:-25px; }
#topslider .topslider_btnboxleft{ background:#fff; padding:13px 50px; border-radius:20px; font-size:1.3rem; color:#000; display:inline-block; font-weight:700; }
#topslider .topslider_btnboxright{ background:#00b900; margin-left:10px; padding:13px 30px; border-radius:20px; font-size:1.3rem; color:#fff; display:inline-block; font-weight:700; }
#topslider .topslider_btnbox2{ position:absolute; right:40px; bottom:-65px; display: none; }
#topslider .topslider_btnboxleft img, #topslider .topslider_btnboxright img{ vertical-align:middle; }


#top1{ padding-top:0px; }
#top1 .step1{ padding-left:15px; padding-right:15px; }
#top1 .text{padding-top: 34px;
    letter-spacing: 2px;
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom: 20px;
    color: #666;
    text-align: center;}
#top1 .box{ padding: 10px 180px 0px 180px; }

#top1 .qbox{ padding-bottom:10px; font-size:1.6rem; color:#000; font-weight:300; min-height: 40px; display:flex; justify-content: space-between; }
#top1 .accordion{ cursor: pointer; width:100%; outline: none; transition: 0.4s; font-weight: bold;background-color: #f8f8f8;
border-radius: 10px;
padding:30px;
line-height: 1.5;}
#top1 .accordion:after { margin-left: 5px; content: '\002B'; font-size: 3rem; color: #000; font-weight:400; }
#top1 .accordion:after {
    content: '詳細'!important;
    padding: 3px 37px!important;
    font-size: 1.3rem!important;
}
#top1 .panel{}
#top1 .panel { margin-bottom: 20px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
#top1 .active:after { content: "\2212"; font-weight:400; }
#top1 .panelon{ padding:15px 0px 30px; }
#top1 .panelon .checkinbox:nth-child(even){background-color: #f8f8f8;}

#top1 .button{ padding-top:50px; display:flex; justify-content:center;  }
#top1 .button1{ }
#top1 .button2{}
#top1 .btn1{ background:#fff url(../images/page_icn_boxbtn.png) 90% center no-repeat; background-size:10px; margin-right:20px; padding:13px 87px; font-size:1.6rem; font-weight:700; color:#000; display:inline-block; border-radius:40px; box-shadow: 5px 5px 24px 0px rgb(0,0,0,0.05); -webkit-box-shadow: 5px 5px 24px 0px rgb(0,0,0,0.05); -moz-box-shadow: 5px 5px 24px 0px rgb(0,0,0,0.05); }
#top1 .btn2{ cursor: pointer; background:#ff6200 url(../images/page_icn_arrowbtn.png) 90% center no-repeat; background-size:10px; padding:13px 87px; font-size:1.6rem; font-weight:700; color:#fff; display:inline-block; border-radius:40px; box-shadow: 5px 5px 24px 0px rgb(0,0,0,0.05); -webkit-box-shadow: 5px 5px 24px 0px rgb(0,0,0,0.05); -moz-box-shadow: 5px 5px 24px 0px rgb(0,0,0,0.05); }
#top1 .text1{ padding-top:70px; font-size:1.3rem; color:#000; text-align:left; width: fit-content; margin: auto;}
#top1 .table{ margin-top:10px; }
#top1 .table th, #top1 .table td{ border:none; padding-top:18px; padding-bottom:18px; font-size:1.6rem; }

#top1 .checkinbox{ padding-top:18px; padding-bottom:18px; font-size:1.6rem; display:flex; }
#top1 .checkinbox1{ width:7%; font-size:1.6rem; text-align: center; }
#top1 .checkinbox1 span{ color: #f00;}
#top1 .checkinbox2{ width:20%; font-size:1.6rem; }
#top1 .checkinbox3{ width:8%; font-size:1.6rem; }
#top1 .checkinbox4{  width:15%; font-size:1.6rem; }			
#top1 .checkinbox5{ width:50%; font-size:1.6rem; }
.invalid-postalcode{font-size:1.2rem; color: #f00; }

#top2{ padding-top:60px; }


#top2 .titlebox{ margin:0px 35px 0px 35px; }
#top2 .titlebox h2{}

#top2 .myform{ padding-top:40px; padding-bottom:60px; }
#top2 .formbox{ padding:0px 35px 0px 35px; }

#top2 .box{ padding:18px 0px; display:flex; align-items: center; }
#top2 .box1{ align-items:flex-start; }
#top2 .left{ width:280px; font-size:1.6rem; }
#top2 .req{ margin-left:8px; font-size:9px; color:#ff6200; display:inline-block; font-weight:700; }
#top2 .right{ width: calc( 100% - 200px ); font-size:1.6rem; color:#000; font-weight:700;  }
#top2 .right span{ font-size: 12px; }
#top2 .right1 span{ display: block; }
#top2 .right1 .text{ font-size: 12px; }
#top2 .right .text{ font-size: 12px; }

#top2 .textbox{ background:#f4f4f4; padding:8px 5px;  border:none; font-size:1.6rem; color:#000; }
#top2 .textboxdec{ cursor: pointer; background:#000; margin-left:15px; padding:8px 20px; border-radius:20px; color:#fff; font-size:1.2rem; display:inline-block; }
#top2 .textbox2{ max-width: 155px; }
#top2 .textbox2a{ max-width:85px; }
#top2 .selectbox{ padding:8px 5px;  min-width: 180px; border:none; border-bottom: 3px solid #f4f4f4;  }
#top2 .dayselect{ min-width: 70px; background-color: #fff; }
#top2 .textbox1{ width:80%; }
#top2 .textbox3{ max-width:70px; }
#top2 .right1{ padding-bottom:30px; }
#top2 .selectbox{background-color: #fff;}
#top2 .button{ padding-top:75px; text-align:center; }
#top2 .formsubmit{ background:#ff6200 url(../images/page_img_arrowright.png) 90% center no-repeat; background-size:8px; padding:17px 105px; border-radius:30px; color:#fff; font-size:1.6rem; display:inline-block; border:none; }

#step2 .button{ padding-top:75px; text-align:center; }
#step2 .formsubmit{ background:#ccc url(../images/page_img_arrowright.png) 90% center no-repeat; background-size:8px; padding:17px 105px; border-radius:30px; color:#fff; font-size:1.6rem; display:inline-block; border:none; }


/* step 2	----------------------- */

#step2{ padding-top:65px; padding-bottom:100px; }
#step2 .step1{ padding-left:15px; padding-right:15px; }
#step2 .titlebox{ margin:70px 175px 0px 175px; }
#step2 .titlebox h2{}
#step2 .detail{ padding:60px 175px 0px 175px; }
#step2 .box{  padding:8px 0px; display:flex; }
#step2 .boxleft{ width:230px; font-size:1.6rem; font-weight:700; }
#step2 .boxright{ width: calc( 100% - 230px ); font-size:1.6rem; color:#000; }

/* step 3	----------------------- */

#step3{ padding-top:65px; padding-bottom:100px; }
#step3 .step1{ padding-left:15px; padding-right:15px; }
#step3 .titlebox{ margin:73px 175px 0px 175px;}
#step3 .titlebox h2{}
#step3 .box{ padding:65px 175px 0px 175px; }
#step3 .title{ font-size:1.8em; color:#000; font-weight:700; }
#step3 .text{ padding-top:30px; font-size:1.6rem; color:#000; line-height:1.5em; }
#step3 .button{ padding-top:70px; }
#step3 .btn{ background:#fff url(../images/page_img_arrowright1.png) 90% center no-repeat; background-size:5px; margin-right:20px; padding:10px 50px; font-size:1.6rem; font-weight:700; color:#000; display:inline-block; border-radius:20px; box-shadow: 5px 5px 24px 0px rgb(0,0,0,0.05); -webkit-box-shadow: 5px 5px 24px 0px rgb(0,0,0,0.05); -moz-box-shadow: 5px 5px 24px 0px rgb(0,0,0,0.05); }


/* list	----------------------- */

.well{margin-bottom: 13px;
    margin-top: 30px;}
#listslider{ background:#f8f8f8; position:relative;  }
#listslider .listslidertext{ padding:20px 40px 50px 0px; font-size:1.6rem; color:#000; text-align:right; }
#listslider .listslidertext1{ padding-bottom:20px; }
#listslider .listslider_btnbox{ position:absolute; width:100%; bottom:-20px; display:flex; justify-content:center; }	
#listslider .listslider_btnboxleft{ }
#listslider .listslider_btnboxright{ }
#listslider .listslider_btn{ background:#fff; margin-right:10px; padding: 10px 40px; font-size:1.3rem; font-weight:700; color:#000; display:inline-block; border-radius:20px; box-shadow: 5px 5px 13px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 5px 5px 13px 0px rgba(0,0,0,0.05); -moz-box-shadow: 5px 5px 13px 0px rgba(0,0,0,0.05);}
#listslider .listslider_btn1{ background:#ff6200; margin-right:20px; padding: 10px 30px; font-size:1.3rem; font-weight:700; color:#fff; display:inline-block; border-radius:20px; box-shadow: 5px 5px 13px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 5px 5px 13px 0px rgba(0,0,0,0.05); -moz-box-shadow: 5px 5px 13px 0px rgba(0,0,0,0.05);}
#listslider .listslider_btn2{ background:#fff; margin-right:20px; padding: 10px 30px; font-size:1.3rem; font-weight:700; color:#000; display:inline-block; border-radius:20px; box-shadow: 5px 5px 13px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 5px 5px 13px 0px rgba(0,0,0,0.05); -moz-box-shadow: 5px 5px 13px 0px rgba(0,0,0,0.05); }

#list{ padding-top:45px; padding-bottom:80px; }
#list .subtitle{  font-size:1.3rem; font-family: 'Heebo', sans-serif; color:#000; text-align:center; font-weight: 700; display: none; }
#list h2{margin-top: 15px; padding-bottom: 40px;font-size:2.1rem; color:#000; text-align:center; font-weight:700; }
#list .tablebox{ margin:0px 35px 0px 35px; }
#list .table{ border-radius: 10px; border:1px solid #eee;  }
#list .table-responsive{border-top: none;}
#list tr{}
#list th{ border-top:none; }
#list td{}
#list .table td{ padding: 20px 12px 20px 20px;
    border-bottom: 1px solid #eee;
    font-size: 1.6rem;}
#list .table th{ font-size: 1.6rem;
    font-weight: 700;
    width: 33%;
    padding: 20px 11px 20px 20px;
border-bottom: 1px solid #eee;}
#list .table tr:nth-child(even){background-color: #f7f7f7;}
#list .table th.col2{ width:10%; }
#list .table th.col3{ width:10%; }
#list .table thead th{background-color: #fff;}
#list .table-bordered thead th{text-align: center;}
#list .link1{ font-size:1.3rem; }
#list .link1 a{ color:#0a7ebg; text-decoration:underline; }
#list .link2{ font-family: 'Heebo', sans-serif; }
#list .link2 a{ color:#000; font-family: 'Heebo', sans-serif; font-size:1.6rem; text-decoration: underline; }
#list .table-striped th{ width: 16%; }

#list .backend-table th:nth-child(1) {width: 35%;}
#list .backend-table th:nth-child(2) {width: 15%;}
#list .backend-table th:nth-child(3) {width: 10%;}
#list .backend-table th:nth-child(4) {width: 10%;}
#list .backend-table th:nth-child(5) {width: 15%;}
#list .backend-table th:nth-child(6) {width: 30%;}

#list .backend-table-second th:nth-child(1) {width: 18%;}
#list .backend-table-second th:nth-child(2) {width: 4%;}
#list .backend-table-second th:nth-child(3) {width: 10%;}
#list .backend-table-second th:nth-child(4) {width: 10%;}
#list .backend-table-second th:nth-child(5) {width: 15%;}
#list .backend-table-second th:nth-child(6) {width: 18%;}

#list .entries-table thead th:nth-child(1) {width: 8%;}
#list .entries-table thead th:nth-child(2) {width: 7%;}
#list .entries-table thead th:nth-child(3) {width: 8%;}
#list .entries-table thead th:nth-child(4) {width: 5%;}
#list .entries-table thead th:nth-child(8) {width: 19%;}
#list .entries-table thead th:nth-child(9) {width: 35%;}
#list .entries-table thead th{padding: 20px 10px 20px 20px;}
#list .table-striped th{width: 14%;}
/* apply	----------------------- */

#apply{ padding-top:45px; padding-bottom:80px; }
#apply .subtitle{  font-size:1.3rem; font-family: 'Heebo', sans-serif; color:#000; text-align:center; font-weight: bold; display: none;}
#apply h2{ margin-top:15px; font-size:2.2rem; color:#000; text-align:center; font-weight:700; }
#apply .tablebox{ margin:40px 35px 0px 35px; }
#apply .tablesort{ padding-top:10px; padding-bottom:0px; text-align:right; }
#apply .tablesorttext{ font-size:1.6rem; color:#000; }
#apply .selectbox{ min-width:120px;  padding:5px 10px; border:none; font-size:1.6rem; color:#000;  border-bottom:2px solid #dedede; }		
#apply .table-responsive{border-top: none;}
#apply .table{border: 1px solid #eee;}
#apply tr{}
#apply th{ border-top:none; }
#apply td{}
#apply .table td{ padding:20px; font-size:1.6rem; }
#apply .table th{ padding:20px; font-size:1.6rem; font-weight:700; }
#apply .button1{ display:inline-block; }
#apply .btn1{ background:#ff6200; padding:5px 20px; font-size:1.6rem; color:#fff; border-radius:15px; font-weight:700; }
#apply .button2{ display:inline-block; }
#apply .btn2{ background:#e8e8e8; padding:5px 20px; font-size:1.6rem; color:#000; border-radius:15px; font-weight:700; }
#apply .table tr:nth-child(even){background-color: #f7f7f7;}

fieldset div {margin-bottom: 20px;}
fieldset div input[type="radio"], input[type="checkbox"]{margin:4px ​10px 10px 10px;}
select{padding:4px 8px; margin-bottom: 7px; }
input{padding:4px 8px; }
/* event	----------------------- */

#event{ padding-top:0px; padding-bottom:55px; }
#event .subtitle{  font-size:1.3rem; font-family: 'Heebo', sans-serif; color:#000; text-align:center; display: none; }
#event h2{ margin-top:35px; font-size:2.2rem; color:#000; text-align:center; font-weight:700; }
#event .tablebox{ margin:40px 35px 0px 35px; }

#event .myform{}
#event .formbox{ padding-top:30px; }
#event .box{ padding:18px 0px; display:flex; }
#event .left{ width:330px; font-size:1.6rem; font-weight:700; }
#event .right{ width: calc( 100% - 240px ); font-size:1.6rem; color:#000; font-weight:normal; }
#event .textbox{ background:#fff; width:100%; padding:8px 5px;  border:none; font-size:1.6rem; color:#000; border:1px solid#ccc; border-radius: 3px; }
#event .text{ padding-top:15px; font-size:1.3rem; color:#000; font-weight:normal; }
#event .textbox1{}
#event .textbox2{ display:inline-block; }
#event .req{ margin-left:8px; font-size:9px; color:#ff6200; display:inline-block; font-weight:700; }
#event .areaform{ background:#fff; width:100%; padding:8px 5px; height:140px; border:none; font-size:1.6rem; color:#000; border:1px solid#ccc; border-radius: 3px; }
#event .right1{ padding-bottom:8px; display:flex; align-items:center; }
#event .right1a{ width:110px; font-size:1.6rem; color:#000; }
#event .right1b{ width: calc( 100% - 110px ); }
#event .right2{ padding-top:40px; font-size:1.3rem; }
#event .button{ padding-top: 55px; padding-bottom: 51px; text-align:center; display:flex; justify-content:center; }
#event .formsubmit1{ background: #ff6200;
    padding: 15px 85px;
    margin-right: 10px;
    border: none;
    font-size: 1.8rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 50px; }
#event .formsubmit2{ background:#ebebeb; padding:15px 55px; margin-right:10px; border:none; font-size:1.6rem; color:#000; font-weight:700; text-align:center; border-radius:100px; }
#event .formsubmit3{ background:#676767; padding:15px 55px; margin-right:10px; border:none; font-size:1.6rem; color:#fff; font-weight:700; text-align:center; border-radius:100px; }
#event .table-responsive thead{border-bottom:2px solid #eee; }
#event .table-responsive .table{margin-top: 50px;}
#event .table-responsive .table tr:nth-child(even) {background-color: #F7F7F7;}
#event .backend-table-third{border:1px solid #eee;}
#event .right select{margin-bottom: 7px;}
/* eventresult	----------------------- */

#eventresult{ padding-top:45px; }
#eventresult .subtitle{  font-size:1.3rem; font-family: 'Heebo', sans-serif; color:#000; text-align:center; }
#eventresult .subtitle1{ padding-top:100px; }
#eventresult h2{ margin-top:15px; font-size:2.2rem; color:#000; text-align:center; font-weight:700; }
#eventresult .detail{ padding:60px 175px 0px 175px; }
#eventresult .box{  padding:8px 0px; display:flex; }
#eventresult .boxleft{ width:230px; font-size:1.2rem; font-weight:700; }
#eventresult .boxright{ width: calc( 100% - 230px ); font-size:1.2rem; color:#000; }
#eventresult .tablebox{ margin:40px 175px 0px 175px; }
#eventresult .table{ border-top:none; }
#eventresult tr{}
#eventresult th{ border-top:none; }
#eventresult td{}
#eventresult .table td{ padding-top:27px; padding-bottom:27px; font-size:1.2rem; }
#eventresult .table th{ padding-top:13px; padding-bottom:13px; font-size:1.2rem; font-weight:700; }
#eventresult .col2{ width:100px; }
#eventresult .link1{ font-size:1.3rem; }
#eventresult .link1 a{ color:#0a7ebg; text-decoration:underline; }
#eventresult .link2{ font-family: 'Heebo', sans-serif; }
#eventresult .link2 a{ color:#000; font-family: 'Heebo', sans-serif; font-size:1.2rem; }

#event .table-responsive{margin-top: 50px; padding-top: 50px;}
#event .formbox .box{border-top: 1px solid #ececec;}
#event .formbox .box:nth-child(17) .right input{padding: 0px;}
#event .table-responsive th, #event .table-responsive td{padding: 12px; margin: 0px;}
#event .table-responsive table input{margin:0px; }
#event .table-responsive .table{padding-top: 30px;}

#event .backend-table-third th, #event .backend-table-third td{padding:18px;}

#event .formbox{padding-top: 00px; border: 1px solid #eee;  border-radius: 10px;}
#event .formbox .box:last-child{border-bottom: none;}
#event .formbox .left {
    padding: 10px 30px;
}
#event .formbox .right {
    padding: 10px 30px;
}
#event .formbox .box {
    border-bottom: 1px solid #ececec;
    border-top: none;
}
.invalid-date select{
    border: 1px solid #f00;
}
#event .formbox .box:nth-child(even) {background-color: #F7F7F7;}
#event .table-responsive{border-top:none;margin-top: 0px; padding-top: 0px; }
#event .table-responsive .table {margin-top: 0px;}
#schedule-sort-order{padding: 10px;font-size:1.6rem; margin-top: 50px;}
#event .subtitle{padding-top: 0px; font-weight: bold;}
/* -------------------   MODAL   ------------------- */

#header_modal1{ display:none; }
.modal { position:fixed; z-index:1;  left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.4);  }
.modal_close1{ position:absolute; top:12px; right:25px; color:#000; font-size:2.5rem; font-weight:bold; cursor:pointer; }
.modal1{ background:#fff; max-width:670px; margin:5% auto 50px; position:relative; padding:0px 0px 20px; }
.modalbox{ }
.modalbox p{ line-height:2; margin-bottom:30px; }

#header_modal1{}
.modal{}
.modal1{}
.modalmaintitle{ padding:24px 17px 20px; font-size:1.6rem; font-weight:700; color:#000; border-bottom:1px solid #eee; background: #f7f7f7; font-weight:700; }
.modalbox{ padding:35px 30px 0px 30px; }
.modalinbox{ padding-bottom:30px; }
.modaltitle{ font-size:1.6rem; letter-spacing: 1px; margin-top: 20px; font-weight:700; color:#000; }
.modallist{ padding-top:5px; list-style:none; }
.modallist li{ padding:2px 0px; font-size:1.6rem; color:#000; }
.modaltext{ font-size:1.6rem; color:#000; line-height: 1.6; }

/* footer	----------------------- */

.footer{ padding:50px 0px 50px; font-size:1.2rem; text-align:center; font-family: 'Heebo', sans-serif; color:#000; }
#footermenu{ display:none; }
#back-to-top{position:fixed; bottom:30px; right:30px; z-index:9999; text-align:center; cursor:pointer; border:0; text-decoration:none; transition:opacity .2s ease-out; opacity:0; }
#back-to-top img{ width:35px; }
#back-to-top.show{opacity:1}


@media (max-width: 320px) {

}

@media (max-width: 375px) {
#top1 .btn1, #top1 .btn2{}
}

@media (max-width: 414px) {
#top1 .btn1, #top1 .btn2{}

}

@media (max-width: 480px) {
.navigation-header .navigation-brand-text{ margin-top:0px; }
.navigation-brand-text1{ margin-top:-5px; }
.navigation{ min-height:45px!important; }
.navigation-header{ height:45px; }
.mobile_menu{ margin-top:-1px; margin-right:-50px; }
.mobile_menu img{ width:25px; }
.navheaderhome{ height:50px; }
#event .button{ flex-wrap:wrap; }
#event .formsubmit1, #event .formsubmit2, #event .formsubmit3{ width:77%; margin-bottom:10px; text-align:center; }

}

@media (max-width: 576.98px) {
#topslider {
    height: 130px!important;
}
#top1 .accordion {
    padding: 30px 4px;
}
.navigation-brand-text h1{padding-left: 0px;}
#top2 .right span{display: block;}
#top2 .right span span{display: inline;}
#back-to-top{position:fixed; bottom:64px; right:0px; z-index:9999; text-align:center; cursor:pointer; border:0; text-decoration:none; transition:opacity .2s ease-out; opacity:0; }

#topslider{ height:200px; background:url(../images/page_img_headerbg.png) top center no-repeat; background-size:auto 100% ; }
#topslider .image{ display:none; }

#top2 .titlebox{ margin-top:0; }
#top2 .button{ padding-top:30px; }
#top1 .table{ width:600px; }

#top1 .checkinbox{ flex-wrap:wrap; border-bottom: 1px solid #dedede; }
#top1 .checkinbox1{ width:15%; }
#top1 .checkinbox2{ width:45%; }
#top1 .checkinbox3{ width:11%; }
#top1 .checkinbox4{  width:27%; }			
#top1 .checkinbox5{ width:86%; margin-left:15%; padding-top:8px; }
#top1 .button1{ width:48%; }
#top1 .button2{ width:48%; margin-left:4%; }
#top1 .btn1, #top1 .btn2{ width:100%; padding-left:10px; padding-right:10px; text-align:center; }

#topslider .topslider_btnbox1{ display:none; }
#topslider .topslider_btnbox2{ display:none; }
.navigation-brand-text a{ font-size:3.5vw!important; }

#event .button { padding-top: 55px; }
	
#footermenu{ position: fixed; bottom: 0px; left: 0px; z-index: 99; width: 100%; display:flex; }
.footermenu{ width:33.3%; display:block; padding-top:10px; padding-bottom:10px; }
#footermenu img{ height:20px; margin-bottom:6px; text-align:center;  }
.footermenu1{ background:#273960; color:#fff; font-size:1.3rem; text-align:center; }
.footermenu2{ background:#00b900; color:#fff; font-size:1.3rem; text-align:center; }
.footermenu3{background:#f4f4f4; color:#000; font-size:1.3rem; text-align:center; }
.footermenutext1{ color:#fff; font-size:1.3rem; }
.footermenutext2{ color:#fff; font-size:1.3rem; }
.footermenutext3{ color:#000; font-size:1.3rem; }
#top2{padding-top: 0px;}
}

@media (max-width: 640px) {
#apply .table-responsive{overflow-x: scroll;}

#top1 .text{font-size:1.3rem;}
#event {
    padding-top: 0px;
    padding-bottom: 0px;
}

#event .tablebox {
    margin-left: 0;
    margin-right: 0;
    overflow-x: scroll;
}
#event .table-responsive {
    width: 1200px;
}
#event .formbox .left{padding:10px 0px 0px 0px; }
#event .formbox .right{padding:10px 0px; }
#event .box {padding: 10px 10px;}
#top1 .qbox{display: block; text-align: center;}
#top2 .box{ flex-wrap:wrap; }
#top2 .left{ width:100%; padding-bottom:15px; }
#top2 .right{ width:100%; }
#top2 .textbox1{ width:100%; }
#top2 .textbox2{ max-width: 99px; }
#top2 .textbox3{ max-width: 86px; }
#top2 .textboxdec{ margin-left:5px; }
#top2 .selectbox{width: 100%;}
#step2 .boxleft{ width:130px; }
#step2 .boxright{ width: calc( 100% - 130px ); }

#event .box{ flex-wrap:wrap; }
#event .left{ width:100%; padding-bottom:15px; }
#event .right{ width:100%; }
#event .right1b{ overflow:hidden; }
#event .formsubmit1 { padding: 10px 25px; }
	
#listslider .listslider_btn1, #listslider .listslider_btn2{ margin-right:5px; padding: 8px 7px; font-size:1rem; }


.footer{margin-bottom: 60px;}
}

@media (max-width: 767.98px) {
    #fileToUpload{width: 100%;}
    #list .table-bordered thead th{text-align: left;}


}

@media (max-width: 768px) {
#list .table{ width:1200px; }
#apply .table{ width:1200px; }
#list{padding-bottom: 0px;}
}

@media (max-width: 991.98px) {
.navigation-link:hover {
    background: none;
    border-bottom:none;}
.navigation{ min-height:60px; }
.mobile_menu{ padding-top:5px; }
.navigation-button-toggler{ margin-right:20px; }
.navmenu{ background:none; }
.navigation-body{ width:100%; }
.navigation-body-header{ background:#fff; }
.navigation-menu{  position: absolute; margin: auto; top: calc(30%); }
.navigation-link { padding:20px 30px; color:#000; font-size:1.6rem; text-align:center; display:block;  }
.navigation-menu img{ height:15px; width:auto; }
.navigation-link:visited { color:#000; }
.navigation-item:not(.navigation-brand-text).is-active .navigation-link, 
.navigation-item:not(.navigation-brand-text):hover .navigation-link,
.navigation-item:not(.navigation-brand-text):focus .navigation-link{ color:#000; }	
.navigation-brand-text{ text-align:left; }
.navigation-brand-text1{ text-align:left; width: 70%; }
.navigation-brand-text a{ font-size:1.7rem; padding-left: 10px; }
.navigation-brand-text1 a{ font-size:1.7rem!important; padding-left: 10px; }
.navigation .navigation-menu{ padding-bottom:0; }
.navigation-body-close-button{ width:20px; height:50px; margin-right:15px; font-size:23px; }
.navigation-item{ text-align:center; }

#listslider .listslidertext1, #listslider .listslidertext{ padding-left:0; padding-right:0; font-size:12px; text-align:center; font-weight:700; }

.m992{ display:block; }
.pc992{ display:none; }


#top1 .box, #top2 .formbox, #step2 .detail, #step3 .box{ padding-left:0; padding-right:0; }
#top2 .titlebox, #step2 .titlebox, #step3 .titlebox{ margin-left:0; margin-right:0; }
#list .tablebox{ margin-left:0; margin-right:0; overflow-x:auto}
#apply .tablebox{ margin-left:0; margin-right:0; }
#event .tablebox{ margin-left:0; margin-right:0; }
.navigation-brand-text1 svg{ margin-bottom: 4px; }

}

@media (min-width: 1300px) {
.navigation-header{text-align: left;}
#top1 .container {
    max-width: 1070px;
}
#top2 .container {
    max-width: 1070px;
}
}
@media (max-width: 1240px) {
.navigation-header{text-align: left;}
#top1 .box{padding: 10px 30px 0px 30px;}
}
@media (min-width: 1140px) {
#top1 .box{padding: 0px 30px 0px 30px;}
}

@media (max-width: 1024px) {
.navigation-header{text-align: left;}
#top2 .right{font-size: 1.5rem;}
 .navigation-link{padding: 10px 20px 10px 20px;}
.navigation-brand-text1 a{ font-size:1.6rem; padding: 10px 0px 10px 20px; }
.navigation-brand-text1 svg{ margin-right: 5px; }
#top1 .box{padding: 0px 0px 0px 0px;}
}




@media (max-width: 760px) {
.round-button {
    padding: 5px 5px;
    font-size: 1.2rem;
    border-radius: 4px;
    font-weight: 700;
}
#event .formsubmit2{ background:#ebebeb; padding:12px 55px; }
#event .formsubmit3{ background:#676767; padding:12px 55px;}
#apply {
    padding-top: 25px;
    padding-bottom: 80px;
}
#list {
    padding-top: 20px;
    padding-bottom: 80px;
}
#top1 .accordion:after { margin-top:15px; }
.btn {
    padding: 0.375rem 0.35rem;
    font-weight: bold;
    font-size: 1.27rem;
}

}

@media (min-width: 760px) {
.round-button {
    padding: 5px 20px;
    font-size: 1.6rem;
    border-radius: 100px;
    font-weight: 700;
}
}

.normal_btn_white{border:1px solid #666; background-color: #fff; color: #000;}
.normal_btn_white:hover{border:1px solid #eee; background-color: #fff; color: #000;}
#list .table td.btn_adjust_set{display: flex; width: 100%; display: block;border-bottom:none;padding: 20px 12px 20px 0px;}
.btn_adjust_set a{width: 47%; display: inline-block; margin:4px -2px 3px 2px;}
.btn_adjust_set .adjust_a{border:1px solid #ff6200; background-color: #ff6200; color: #fff; border-radius: 100px;}
.btn_adjust_set .adjust_b{border:1px solid #DE679E; background-color: #DE679E; color: #fff; border-radius: 100px;}
.btn_adjust_set .adjust_c{border:1px solid #ccc; background-color: #ccc; color: #fff; border-radius: 100px;}
.btn_adjust_set .adjust_d{border:1px solid #8CB76C; background-color: #8CB76C; color: #fff; border-radius: 100px;}
.btn_adjust_set .adjust_e{border:1px solid #ccc; background-color: #fff; color: #000; width: 96%; border-radius: 100px;}
.btn_adjust_set .adjust_f{border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    width: 96%;
    border-radius: 100px;
    margin-left: 2px;
    margin-top: 4px;}
.event_add_box .btn_adjust_set a{width: 24%;}
.event_add_box .btn_adjust_set button{width: 24%;}
.alert p {background-color: #f7f7f7; margin-bottom: 20px; border-radius: 5px; padding:10px; }
.small_text{font-size: 13px;}
.required{margin-left: 8px;
    font-size: 9px;
    color: #ff6200;
    display: inline-block;
    font-weight: 700;}
.error_adjust_a{margin-bottom: 0px;margin-left: 0px;}
.adjsut_title_a{font-weight: bold; margin-bottom: 20px;}
.adjust_table_a{margin-bottom: 30px;}
.ikkatu_input{width: 290px;}
.csv_onceup{margin-top: 30px;}

@media (max-width: 760px) {
.event_add_box .btn_adjust_set a {
    width: 48%;
    padding: 13px 0px;
}
.event_add_box .btn_adjust_set button {
    width: 48%;
    padding: 13px 0px;
}
.new_register_btn {
    text-align: center;
    width: 69%;
    border-radius: 100px;
    margin: 0 auto;
    display: block;
    font-size: 1.6rem;
}
.ikkatu_input_btn{width: 80%; margin:0 auto; display: block; border-radius: 100px; margin: 10px auto 10px auto;}

}

#apply .table thead th{border-bottom: #eee 1px solid;}
.dataTables_wrapper .dataTables_length{float:right!important;}
.dataTables_wrapper .dataTables_filter input{margin-right: 20px; border: none; background: #eee;}
.dataTables_info{letter-spacing: 0px;}
table.dataTable thead .sorting{background: none!important;}
table.dataTable thead .sorting_asc{background: none!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:#fff!important; }
@media screen and (max-width: 640px){
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
    margin-top: -45px;
}
.dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
    padding: 30px 0px;
}
#apply .table td {
    padding: 10px;
}
}

@media (max-width: 640px) {

.navigation-brand-text1 a{ font-size: 1.5rem!important; }
.navigation-brand-text1{ width: 80%; }
}

@media (max-width: 480px){
.navigation-brand-text1 a{ padding: 10px 0px 10px 10px!important; font-size: 1.4rem!important; }
}

@media (max-width: 1200px){
.navigation-link { padding: 10px 26px 26px 20px; }
.navigation-brand-text1 a{ font-size: 1.6rem; padding-left: 20px; display: block; margin-bottom: 5px;}
.navigation-brand-text1 svg { margin-bottom: 2px; }
.navigation-link{ font-size: 1.5rem; }

}

@media (max-width: 1024px){
.navigation-link { padding: 10px 22px 26px 20px; }

}

#topslider .img-fluid {
    width: 100% !important;
}

#topslider {
    background-size: cover !important;
}