.msg {
    color: #DD0000;
}

ol.attention {
    line-height: 200%;
    list-style-type: none;
    margin-bottom: 1em;
}

span.speaker,
span.speaker_name {
    display: block;
}

span.role {
    display: block;
    margin: 0.5em 0;
}

.td_seminer_a span.role {
    background-color: #d8eefd;
}

.td_seminer_b span.role {
    background-color: #d8e9d1;
}

.td_seminer_c span.role {
    background-color: #e9c7dd;
}

.td_seminer_d span.role {
    background-color: #fdddca;
}

.td_kokusai span.role {
    background-color: #ceceff;
}

hr.spece {
    margin: 0.5em 0;
    opacity: 0.3
}

span.phrase {
    display: inline-block;
}

.mb_1em {
    margin-bottom: 1em;
}

.ml_3-75em {
    margin-left: 3.75em;
}

.txt_center {
    width: 1000px;
    margin: 0 auto;
}

.fr {
    float: right;
}

.boxmax {
    margin: auto;
    width: 100%;
}

.boxmax .left {
    width: 49%;
    float: left;
}

.boxmax .right {
    width: 49%;
    float: right;
}

.box1200 {
    margin: auto;
    width: 1200px;
}

.box1100 {
    margin: auto;
    width: 1100px;
}

.box887 {
    width: 887px;
    float: left;
}

.box875 {
    width: 875px;
    height: 124px;
    overflow: auto;
    float: left;
}

.box819 {
    width: 819px;
    float: left;
}

.box594 {
    width: 594px;
    height: 55px;
    float: left;
}

.box591 {
    width: 591px;
    float: left;
}

.box528 {
    width: 528px;
    float: left;
}

.box456 {
    width: 456px;
    float: right;
}

.box430 {
    width: 430px;
    text-align: right;
    float: right;
}

.box224 {
    width: 224px;
    float: left;
}

.box206 {
    width: 206px;
    float: left;
}

.box271 {
    width: 271px;
    float: left;
}

.box232 {
    width: 232px;
    float: left;
}

.box217 {
    width: 217px;
    float: left;
}

.box208 {
    width: 208px;
    float: left;
}

.box200 {
    width: 200px;
    float: right;
    margin-right: 3.7em
}

.box198 {
    width: 198px;
    float: left;
}

.box190 {
    width: 190px;
    float: left;
}

.box184 {
    width: 184px;
    float: left;
}

.box182 {
    width: 182px;
    float: left;
}

.box181 {
    width: 181px;
    float: left;
}

.box180 {
    width: 180px;
    float: left;
}

.box280 {
    width: 280px;
    float: left;
    margin-right: 0.5em;
}

.box303 {
    width: 303px;
    float: left;
}

.box177 {
    width: 177px;
    float: left;
}

.box169n {
    width: 169px;
    float: left;
}

.box168 {
    width: 168px;
    float: left;
}

.box163 {
    width: 163px;
    float: right;
}

.box162 {
    width: 162px;
    float: left;
}



/* 5/25追加 */

.box1100w {
    margin: auto;
    width: 1046px;
    border: 1px solid #333;
    float: left;
    margin-top: 3em;
    padding: 2em 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.box1100w div {
    text-align: center;
    width: 25%;
}

.box1100w div dt {
    width: 25%;
    height: 110px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.box1100w div dt img {
    vertical-align: middle;
    text-align: center;
}

.box1100w div dd.mt_2 {
    margin-top: -2em;
}

.box1100w div dd.mt_1 {
    margin-top: -1em;
}


.box465 {
    width: 465px;
    float: right;
}

.box444 {
    width: 444px;
    float: left;
}

.box247 {
    width: 247px;
    float: left;
}

.box244 {
    width: 244px;
    float: right;
}

.box232 {
    width: 232px;
    float: left;
}

.box216 {
    width: 216px;
    float: left;
}

.box215 {
    width: 215px;
    float: left;
}

.box209 {
    width: 209px;
    float: left;
}

.box197 {
    width: 197px;
    float: left;
}

#pad32w {
    padding-top: 4px;
    padding-left: 0;
}


/* 6/20追加 */

.box619 {
    width: 619px;
    float: right;
}

.box185 {
    width: 185px;
    float: left;
}

.box217 {
    width: 217px;
    float: left;
}




/*2017/06/26追加*/

.r_box {
    float: right;
    margin-right: 3.7em;
}

/* 7/30追加 */

.box406 {
    width: 406px;
    height: 55px;
    float: left;
}

.box188 {
    width: 188px;
    float: left;
}

#bg02 {
    background-color: #FFFFFF;
    min-width: 1100px;
}

#bg03 {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #0d6fb8;
    min-width: 1208px;
}

#bg04 {
    background-color: #105b92;
    min-width: 1208px;
}

#pagetitle_bg {
    background-image: url(../images/pagetitle_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 85px;
    width: 100%;
    min-width: 1100px;
}


#pad02 {
    padding-top: 33px;
}

#pad03 {
    padding-top: 28px;
}

#pad05 {
    padding-top: 22px;
}

#pad06 {
    padding-top: 13px;
    font-size: 120%;
    font-weight: bold;
    color: #FFFFFF;
}

#pad07 {
    padding-top: 2px;
    padding-bottom: 35px;
    font-size: 100%;
    line-height: 200%;
    color: #FFFFFF;
}

#pad08 {
    padding-top: 35px;
    padding-bottom: 35px;
    font-size: 80%;
    color: #FFFFFF;
}

#pad10 {
    padding-top: 25px;
}

#pad11 {
    /*padding-top: 85px;*/
    padding-left: 50px;
}

#pad32 {
    padding-top: 0px;
}

#pad32q {
    padding-top: 0px;
    padding-left: 0px;
}

#pad34 {
    font-size: 105%;
    line-height: 200%;
    width: 1100px;
    margin: 0 auto;
}

#pad39 {
    font-size: 160%;
    line-height: 200%;
    font-weight: bold;
}

.pad39-b {
    background: #0d6fb8;
    width: 1045px;
    margin: 2em auto 0;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    display: block;
}

.pad39-b a {
    color: #FFF;
    padding: 1em 0;
    display: block;
    text-decoration: none;
}

#pad40 {
    margin-top: 2em;
    font-size: 125%;
    text-align: center;
}

#pad41 {
    font-size: 200%;
    margin-bottom: 1em;
    text-align: center;
    font-weight: bold;
}

#pad42 {
    font-size: 110%;
    line-height: 200%;
    padding-bottom: 5px;
}

#txt-atten02 {
    margin-top: 1em;
    margin-bottom: 25px;
    font-size: 100%;
    line-height: 165%;
}

#txt-atten02 dt,
#txt-atten02 dd {
    text-indent: -1em;
    margin-left: 1em;
}

.classpad04 {
    padding-top: 60px;
    /*padding-left: 50px;
    padding-right: 50px;*/
}

.classpad04q {
    padding-top: 40px;
    padding-left: 50px;
    padding-right: 50px;
}

.classpad06 {
    padding-bottom: 60px;
}


p .migi {
    float: right;
    padding-left: 50px;
    padding-top: 5px;
}

p .hidari {
    float: left;
    padding-right: 50px;
    padding-top: 5px;
}

.redcolor {
    font-size: 110%;
    color: #FF0004;
    font-weight: bold;
}

.blucolor {
    font-size: 110%;
    color: #0054FF;
    font-weight: bold;
}

.classtxt01 {
    font-size: 220%;
    line-height: 145%;
    font-weight: bold;
}

.classtxt02 {
    font-size: 105%;
    line-height: 200%;
    padding-top: 20px;
}

.classtxt03 {
    font-size: 105%;
    line-height: 200%;
    padding-top: 15px;
    text-align: right;
}

.classtxt03q {
    font-size: 105%;
    line-height: 200%;
    text-align: right;
}

.classtxt04 {
    font-size: 105%;
    line-height: 200%;
    padding-right: 60px;
}

.classtxt05 {
    font-size: 170%;
    line-height: 140%;
    padding-top: 20px;
    padding-right: 40px;
}

.classtxt06 {
    font-size: 80%;
    line-height: 200%;
    padding-top: 1px;
    padding-right: 40px;
}

.classtxt07 {
    font-size: 105%;
    line-height: 200%;
    padding-left: 40px;
}

.classtxt08 {
    font-size: 150%;
    line-height: 160%;
    font-weight: bold;
}

.classtxt09 {
    font-size: 105%;
    line-height: 200%;
    padding-top: 25px;
}

.classtxt10 {
    font-size: 80%;
    line-height: 220%;
}

.minitxt {
    font-size: 80%;
    padding-top: 5px;
    font-weight: normal;
}








/* --- フォームエリア --- */

form.contact {
    width: 1100px;
    /* フォームエリアの幅 */
    font-size: 105%;
}







/* --- フォームエリア内の段落 --- */

form.contact p {
    line-height: 165%;
    font-size: 105%;
}






/* --- 部品グループ --- */

div.fields {
    margin-top: 20px;
    /* 部品グループの下マージン */
    margin-bottom: 20px;
    /* 部品グループの下マージン */
    padding: 2px;
    /* 部品グループのパディング */
    background-color: #f9f9f9;
    /* 部品グループの背景色 */
    /*border: 1px #c0c0c0 solid; /* 部品グループの境界線 */
}

div.sem2 {
    width: 50%;
    margin: 25px auto 50px;
}

#seminarform {
    text-align: center;
}

input#submit_button01 {
    width: auto;
    height: 40px;
    padding: 10px 150px;
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
    margin: 2em auto 0;
}



form p.button {
    margin-top: 20px;
    text-align: center;
}

.header_emesg {
    width: 720px;
    margin: 30px auto;
    padding: 20px 20px 20px 20px;
    border: 2px solid #FF0000;
    color: #FF0000;
    font-size: 100%;
    font-weight: normal;
    text-align: left;
}


/* --- テーブル --- */

div.fields table {
    width: 100%;
    /* テーブルの幅 */
    border: 1px solid;
    /* テーブルの境界線 */
    border-color: #c0c0c0 #999999 #999999 #c0c0c0;
    /* テーブルの境界線色（上右下左） */
}







/* --- キャプション --- */

h3.caption {
    font-size: 1.6vw;
    margin-bottom: 2px;
    /* キャプションの下マージン */
    padding: 15px 15px;
    /* キャプションのパディング（上下、左右） */
    background-color: #0d6fb8;
    /* キャプションの背景 */
    border: 1px solid;
    /* キャプションの境界線 */
    border-color: #0d6fb8;
    text-align: center;
    color: #ffffff;
    /* キャプションの文字色 */
    font-weight: bold;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    vertical-align: top;
}

.left h3.caption {
    background-color: #ee4193;
    border-color: #ee4193;
}

.right h3.caption {
    background-color: #c06031;
    border-color: #c06031;
}

/* --- フォーム部品のサイズ --- */


/* --- ボタン --- */

div.fields p.button {
    margin-top: 20px;
    text-align: center;
}

select[name="prefecture"] {
    -webkit-appearance: none;
    padding-left: 6px;
    padding-right: 10px;
    height: 2.5em;
}







/* --- キャプション --- */

div.fields .sem caption {
    text-align: center;
    font-size: 160%;
}







/* --- 行（tr） --- */

div.fields .sem tr {
    min-height: 5px;
}







/* --- 見出しセル（th） --- */

div.fields .sem th {
    width: 1%;
    /* 見出しセルの幅 */
    padding: 5px 10px;
    /* 見出しセルのパディング（上下、左右） */
    vertical-align: baseline;
    background-color: #f5f5f5;
    border-bottom: 1px #c0c0c0 dotted;
    text-align: left;
    line-height: 150%;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    vertical-align: top;
}







/* --- 見出しセル（th） --- */

div.fields .sem th.hole_tit {
    /*width: 185px;*/
    width: 16.475%;
    /* 見出しセルの幅 */
    padding: 5px 10px;
    /* 見出しセルのパディング（上下、左右） */
    text-align: center;
    border-right: 1px #c0c0c0 solid;
    border-left: 1px #c0c0c0 solid;
}

div.fields .sem th.hole_tit2 {
    /*width: 185px;*/
    width: calc(100% / 7);
    /* 見出しセルの幅 */
    padding: 5px 10px;
    /* 見出しセルのパディング（上下、左右） */
    text-align: center;
    border-right: 1px #c0c0c0 solid;
    border-left: 1px #c0c0c0 solid;
}

div.fields .sem th.hole_tit3 {
    /*width: 185px;*/
    width: 47.5%;
    /* 見出しセルの幅 */
    padding: 5px 10px;
    /* 見出しセルのパディング（上下、左右） */
    text-align: center;
    border-right: 1px #c0c0c0 solid;
    border-left: 1px #c0c0c0 solid;
}


div.fields .sem th.seminer_a {
    color: #ed6d00;
    font-weight: bold;
    background-color: #fef1ea;
    font-size: 120%;
    vertical-align: middle;
}

div.fields .sem th.seminer_b {
    color: #b70867;
    font-weight: bold;
    background-color: #f6e8f2;
    font-size: 120%;
    vertical-align: middle;
}

div.fields .sem th.seminer_c {
    color: #00a161;
    font-weight: bold;
    background-color: #eff6ec;
    font-size: 120%;
    vertical-align: middle;
}

div.fields .sem th.seminer_d {
    color: #0081ba;
    font-weight: bold;
    background-color: #fef1ea;
    font-size: 120%;
    vertical-align: middle;
}

div.fields .sem th.seminer_m {
    color: #0d6fb8;
    font-weight: bold;
    background-color: #e4f4ff;
    font-size: 120%;
    vertical-align: middle;
}

div.fields .sem th.kokusai {
    color: #0d6fb8;
    font-weight: bold;
    background-color: #fef1ea;
    font-size: 120%;
    vertical-align: middle;
}

div.fields .sem th.kaigi_f {
    color: #7669a4;
    font-weight: bold;
    background-color: #ebebff;
    font-size: 120%;
    vertical-align: middle;
}

div.fields .sem th.kaigi_g {
    color: #21a09d;
    font-weight: bold;
    background-color: #eeffff;
    font-size: 120%;
    vertical-align: middle;
}

div.fields .sem th.seminer_child {
    color: #ee4193;
    font-weight: bold;
    background-color: #fef1ea;
    font-size: 120%;
    vertical-align: middle;
}

div.fields .sem th.seminer_learning {
    color: #c06031;
    font-weight: bold;
    background-color: #fef1ea;
    font-size: 120%;
    vertical-align: middle;
}

div.fields .sem th.day {
    font-weight: bold;
    color: #fff;
    font-size: 130%;
}

.left .sem th.day {
    background-color: #ee4193;
}

.right .sem th.day {
    background-color: #c06031;
}





/* --- データセル（td） --- */

div.fields .sem td {
    padding: 1em 12px 0;
    /* データセルのパディング（上、左右、下） */
    background-color: #ffffff;
    /* データセルの背景色 */
    border-bottom: none;
    border-right: 1px #c0c0c0 solid;
    border-left: 1px #c0c0c0 solid;
    user-select: none;
    /* CSS3 */
    -moz-user-select: none;
    /* Firefox */
    -webkit-user-select: none;
    /* Safari、Chromeなど */
    -ms-user-select: none;
    /* IE10から */
    vertical-align: top;
}

div.fields .sem .hei_5 {
    height: 5px
}

div.fields .sem .hei_10 {
    height: 10px
}

div.fields .sem .hei_15 {
    height: 15px
}

div.fields .sem .hei_20 {
    height: 20px
}

div.fields .sem .hei_25 {
    height: 25px
}

div.fields .sem .hei_30 {
    height: 30px
}

div.fields .sem .hei_35 {
    height: 35px
}

div.fields .sem .hei_40 {
    height: 40px
}

div.fields .sem .hei_50 {
    height: 50px
}

div.fields .sem .hei_60 {
    height: 60px
}

div.fields .sem td a {
    padding: 5px 12px;
    /* データセルのパディング（上、左右、下） */
    background-color: #ffffff;
    /* データセルの背景色 */
    border: 1px #c0c0c0 solid;
    text-align: center;
    margin: 1em auto;
    display: block;
    width: 50px;
    color: #333;
    text-decoration: none;
    transition: .4s;
}

div.fields .sem td a:hover {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px #909090 solid;
}

div.fields .sem td button {
    padding: 5px 12px;
    /* データセルのパディング（上、左右、下） */
    background-color: #279697;
    /* データセルの背景色 */
    border: 1px #c0c0c0 solid;
    text-align: center;
    margin: 1em auto;
    display: block;
    width: 100%;
    color: #FFF;
    text-decoration: none;
    transition: .4s;
    cursor: pointer;
    font-weight: bold;
}

div.fields .sem td button:hover {
    background-color: rgba(39, 150, 151, 0.6);
    border: 1px #909090 solid;
}


div.fields .sem .td_seminer_a {
    background-color: #fef1ea;
    border-top: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
}

div.fields .sem .td_seminer_b {
    background-color: #f6e8f2;
    border-top: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
}

div.fields .sem .td_seminer_c {
    background-color: #eff6ec;
    border-top: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
}

div.fields .sem .td_seminer_d {
    background-color: #eff8fe;
    border-top: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
}

div.fields .sem .td_kokusai {
    background-color: #e4f4ff;
    border-top: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
}

div.fields .sem .td_kaigi_f {
    background-color: #ebebff;
    border-top: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
}

div.fields .sem .td_kaigi_g {
    background-color: #eeffff;
    border-top: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
}

div.fields .sem .td_seminer_m {
    background-color: #e4f4ff;
    border-top: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
}

div.fields .sem .td_seminer_child {
    background-color: #fce2ec;
    border-top: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
}

div.fields .sem .td_seminer_learning {
    background-color: #f4ddcc;
    border-top: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
}

div.fields .sem .td_end,
div.fields .sem .td_apply,
div.fields .sem .td_dup {
    background-color: rgba(0, 0, 0, 0.4);
    cursor: default;
}

/*セミナー選択時重複項目をグレーアウト*/

div.fields .sem .td_disrec {
    /*opacity: 0.6;
    /*background-color: rgba(0, 0, 0, 0.6);*/
    cursor: not-allowed;
}

div.fields .sem input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

div.fields .sem input[type="checkbox"]+label {
    display: block;
    background-image: url(../images/bg_checkbox_off.png);
    background-size: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 4px 0 1em;
    width: 24px;
    height: 24px;
    margin: auto;
    cursor: pointer;
}

div.fields .sem label.disrec {
    display: block;
    background: none;
    background-color: red;
    height: auto;
    padding: 0.2em 0;
    color: white;
    text-align: center;
    margin: 1em auto;
    line-height: 130%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
}

div.fields .sem label.apply {
    display: block;
    background: none;
    background-color: darkblue;
    height: auto;
    padding: 0.2em 0;
    color: white;
    text-align: center;
    margin: 1em auto;
    line-height: 130%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
}

div.fields .sem label.dup {
    display: block;
    background: none;
    background-color: darkmagenta;
    height: auto;
    padding: 0.2em 0;
    color: white;
    text-align: center;
    margin: 1em auto;
    line-height: 130%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    opacity: 1;
}

div.fields .sem .td_disrec input[type="checkbox"]+label {
    cursor: not-allowed;
}

div.fields .sem input[type="checkbox"]:checked {
    outline: inset 5px black;
}

div.fields .sem input[type="checkbox"]:checked+label {
    background-image: url(../images/bg_checkbox_on.png);
    cursor: pointer;
}







/*div.fields .sem input[type="checkbox"] {display: none;}*/

input[type="checkbox"][disabled] {
    cursor: not-allowed;
}

div.fields .sem ol {
    list-style: none;
    line-height: 135%;
}

div.fields .sem ol li {
    margin-bottom: 0.3em;
}

div.fields .sem ol .sem_no {
    font-size: 110%;
    font-weight: bold;
}

div.fields .sem .td_seminer_a ol .sem_no {
    color: #ed6d00;
}

div.fields .sem .td_seminer_b ol .sem_no {
    color: #b70867;
}

div.fields .sem .td_seminer_c ol .sem_no {
    color: #00a161;
}

div.fields .sem .td_seminer_d ol .sem_no {
    color: #0081ba;
}

div.fields .sem .td_kaigi_f ol .sem_no {
    color: #7669a4;
}

div.fields .sem .td_kaigi_g ol .sem_no {
    color: #21a09d;
}

div.fields .sem .td_kokusai ol .sem_no {
    color: #0d6fb8;
}

div.fields .sem .td_seminer_m ol .sem_no {
    color: #0d6fb8;
}

div.fields .sem .td_seminer_child ol .sem_no {
    color: #ee4193;
}

div.fields .sem .td_seminer_learning ol .sem_no {
    color: #c06031;
}

div.fields .sem ol .sem_time {
    font-weight: bold;
    font-size: 110%;
    color: #279697;
}


div.fields .sem .td_seminer_a ol .sem_time {
    color: #ed6d00;
}

div.fields .sem .td_seminer_b ol .sem_time {
    color: #b70867;
}

div.fields .sem .td_seminer_c ol .sem_time {
    color: #00a161;
}

div.fields .sem .td_seminer_d ol .sem_time {
    color: #0081ba;
}

div.fields .sem .td_kaigi_f ol .sem_time {
    color: #7669a4;
}

div.fields .sem .td_kaigi_g ol .sem_time {
    color: #21a09d;
}

div.fields .sem .td_kokusai ol .sem_time {
    color: #0d6fb8;
}

div.fields .sem .td_seminer_m ol .sem_time {
    color: #0d6fb8;
}

div.fields .sem .td_seminer_child ol .sem_time {
    color: #ee4193;
}

div.fields .sem .td_seminer_learning ol .sem_time {
    color: #c06031;
}

/*div.fields .sem .td_kaigi_f ol .sem_time,
div.fields .sem .td_kaigi_g ol .sem_time {
    color: #f39800;
}*/

div.fields .sem ol .sem_tit {
    font-weight: bold;
    font-size: 115%;
    line-height: 140%;
    color: #ca6568;
    color: #279697;
}

div.fields .sem .td_seminer_a ol .sem_tit {
    color: #ed6d00;
}

div.fields .sem .td_seminer_b ol .sem_tit {
    color: #b70867;
}

div.fields .sem .td_seminer_c ol .sem_tit {
    color: #00a161;
}

div.fields .sem .td_seminer_d ol .sem_tit {
    color: #0081ba;
}

div.fields .sem .td_kaigi_f ol .sem_tit {
    color: #7669a4;
}

div.fields .sem .td_kaigi_g ol .sem_tit {
    color: #21a09d;
}

div.fields .sem .td_kokusai ol .sem_tit {
    color: #0d6fb8;
}

div.fields .sem .td_seminer_m ol .sem_tit {
    color: #0d6fb8;
}

div.fields .sem .td_seminer_child ol .sem_tit {
    color: #ee4193;
}

div.fields .sem .td_seminer_learning ol .sem_tit {
    color: #c06031;
}

div.fields .sem ol p.zoom {
    width: 100%;
    max-width: 135px;
    line-height: 0;
    margin: 0.5rem 0 0;
    background: url(https://www.kyouikuict.jp/seminar2020/images/zoom.png) no-repeat top left;
    background-size: contain;
    height: 30px;
    font-size: 0px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/*div.fields .sem .td_kaigi_f ol .sem_tit,
div.fields .sem .td_kaigi_g ol .sem_tit {
    color: #f39800;
}*/

div.fields .sem .td_end ol li,
div.fields .sem .td_apply ol li,
div.fields .sem .td_dup ol li {
    color: #666;
}

div.fields .sem .td_end ol .sem_time,
div.fields .sem .td_apply ol .sem_time,
div.fields .sem .td_dup ol .sem_time {
    color: #666;
}

div.fields .sem .td_end ol .sem_tit,
div.fields .sem .td_apply ol .sem_tit,
div.fields .sem .td_dup ol .sem_tit {
    color: #666;
}

div.fields .sem .td_end ol .panel,
div.fields .sem .td_apply ol .panel,
div.fields .sem .td_dup ol .panel {
    color: #666;
    background: none;
}

div.fields .sem .td_end .zoom,
div.fields .sem .td_apply .zoom,
div.fields .sem .td_dup .zoom {
    opacity: 0.2;
}

div.fields .target {
    padding: 0.2vh 0.5vw;
    margin-bottom: 0.5vh;
    border-radius: 0.5vw;
    display: inline-block;
    color: #000;
    font-size: 95%;
    font-weight: bold;
}

div.fields .target.education {
    background: #fbd9ab;
    /*padding: 0 0.3vw;*/
}

div.fields .target.highschool {
    background: #fdd000;
}

div.fields .target.university {
    background: #f3a489;
}
div.fields .target.new_learning {
    background: #d8605e;
}

div.fields .target.library {
    background: #7198cf;
}

div.fields .target.cramschool {
    background: #c2dd9a;
}

div.fields .target.company {
    background: #d0ebee;
}

div.fields .target.nurseryschool {
    background: #f7c8dc;
}

div.fields .target.kindergarden {
    background: #cfe5b7;
}

div.fields .target.all {
    background: #c39dc8;
}

div.fields .target.company {
    background: #7198cf;
}

div.fields .panel {
    background: #279697;
    color: #FFF;
    font-weight: bold;
    border-radius: 0;
    font-size: 75%;
    padding: 0;
    text-align: center;
    display: inherit;
    word-break: keep-all;
    margin: 1vh 0;
}

div.fields .td_kaigi_f .panel {
    background: #f39800;
}

div.fields .td_kokusai .panel {
    background: #0d6fb8;
}

div.fields .cat {
    color: #FFF;
    font-weight: bold;
    border-radius: 0;
    font-size: 90%;
    padding: 0.16vh 0;
    text-align: center;
    display: block;
    /*word-break: keep-all;*/
    margin-bottom: 1vh;
}

div.fields .cat.ai {
    background: #f09196;
}

div.fields .cat.pg {
    background: #1c819a;
}

div.fields .cat.degital {
    background: #249496;
}

div.fields .cat.ed {
    background: #ed731e;
}

div.fields .cat.dx {
    background: #9a713c;
}

div.fields .cat.university {
    background: #b17cb4;
}

div.fields .cat.school {
    background: #7fbe25;
}

div.fields .cat.lib {
    background: #85bae5;
}

div.fields .cat.util {
    background: #2054a5;
}

div.fields .cat.mainte {
    background: #bca688;
}

div.fields .cat.remote {
    background: #f37360;
}

div.fields .cat.facility {
    background: #7fbe25;
}

div.fields .cat.active {
    background: #898989;
}

div.fields .cat.affairs {
    background: #a8b9ba;
}

div.fields .cat.info {
    background: #eb68a3;
}

div.fields .cat.teach {
    background: #632189;
}

div.fields .cat.support {
    background: #f6ab00;
    background: #008cd6;
}

div.fields .cat.ict {
    background: #f6ab00;
}

div.fields .cat.nurseryschool {
    background: #c9c66a;
}

div.fields .cat.new_learning {
    background: #e83633;
}

div.fields .cat.sns {
    background: #d0ebee;
}

div.fields .cat.youho {
    background: #7e0031;
}

div.fields .cat.e {
    background: #436c27;
}

div.fields .cat.utilization {
    background: #008154;
}


div.fields .cat.kindergarden {
    background: #cfe5b7;
}

div.fields .cat.all {
    background: #c39dc8;
}

div.fields .cat.moral {
    background: #f09197;
}





/*セミナー選択時重複項目をグレーアウト*/


/*div.fields .td_dis .target.education {
    background: none;
}

div.fields .td_dis .target.university {
    background: none;
}

div.fields .td_dis .target.library {
    background: none;
}

div.fields .td_dis .target.vocational {
    background: none;
}

div.fields .td_dis .target.all {
    background: none;
}
*/

div.fields .td_end .target,
div.fields .td_apply .target,
div.fields .td_dup .target {
    background: none;
    color: #666;
}

div.fields .td_end .cat,
div.fields .td_apply .cat,
div.fields .td_dup .cat {
    background: none;
    color: #666;
}

div.fields.noshow {
    display: none;
}

.div_show {
    padding-top: 10px;
    font-size: 120%;
    text-align: center;
}

/* --- 見出しセル（th） --- */

.cancel th {
    width: 210px;
    /* 見出しセルの幅 */
    padding: 12px 15px;
    /* 見出しセルのパディング（上下、左右） */
    background-color: #f5f5f5;
    /* 見出しセルの背景色 */
    border-bottom: 1px #c0c0c0 dotted;
    /* 見出しセルの下境界線 */
    text-align: left;
    line-height: 185%;
}


/* --- 見出しセル内の補足テキスト --- */

.cancel th span.supplement {
    font-weight: normal;
}


/* --- データセル（td） --- */

.cancel td {
    padding: 12px 15px;
    /* データセルのパディング（上、左右、下） */
    background-color: #ffffff;
    /* データセルの背景色 */
    border-bottom: 1px #c0c0c0 dotted;
    /* データセルの下境界線 */
    line-height: 200%;
}

.modal-content {
    position: relative;
    display: none;
    z-index: 10002;
    width: 65%;
    margin: 0;
    padding: 40px;
    border: 2px solid #aaa;
    background: #fff;
    user-select: none;
    /* CSS3 */
    -moz-user-select: none;
    /* Firefox */
    -webkit-user-select: none;
    /* Safari、Chromeなど */
    -ms-user-select: none;
    /* IE10から */
}

.modal-content.a {
    background-color: #fef1ea;
}

.modal-content.b {
    background-color: #f6e8f2;
}

.modal-content.c {
    background-color: #eff6ec;
}

.modal-content.d {
    background-color: #eff8fe;
}

.modal-content.kokusai {
    background-color: #e4f4ff;
}

.modal-content.f {
    background-color: #ebebff;
}

.modal-content.g {
    background-color: #eeffff;
}

.modal-content.m {
    background-color: #e4f4ff;
}

.modal-content.child {
    background-color: #fce2ec;
}

.modal-content.learning {
    background-color: #f4ddcc;
}

.modal-content .modal-head li {
    float: left;
    margin-right: 1em;
    -webkit-border-radius: 0.5vw;
    -moz-border-radius: 0.5vw;
    border-radius: 0.5vw;
    font-size: 1.2em;
}

.modal-content .modal-head li:last-child {
    margin-right: 0;
}

.modal-content .modal-head li.place {
    padding: 0 0.5em;
}

.modal-content .modal-head li.target {
    padding: 0 0.5em;
}

.modal-content .time_txt {
    font-weight: bold;
    font-size: 1.6em;
    line-height: 140%;
    margin-bottom: 5px;
    color: #279697;
}

.modal-content.a .time_txt {
    color: #ed6d00;
}

.modal-content.b .time_txt {
    color: #b70867;
}

.modal-content.c .time_txt {
    color: #00a161;
}

.modal-content.d .time_txt {
    color: #0081ba;
}

.modal-content.m .time_txt {
    color: #0d6fb8;
}

.modal-content.f .time_txt {
    color: #7669a4;
}

.modal-content.g .time_txt {
    color: #21a09d;
}

/*.modal-content.f .time_txt,
.modal-content.g .time_txt {
    color: #f39800;
}*/

.modal-content.kokusai .time_txt {
    color: #0d6fb8;
}

.modal-content.child .time_txt {
    color: #ee4193;
}

.modal-content.learning .time_txt {
    color: #c06031;
}



.modal-content .place,
.modal-content .target {
    padding: 0 0.5vw;
    margin-top: 0.4em;
    -webkit-border-radius: 0.5vw;
    -moz-border-radius: 0.5vw;
    border-radius: 0.5vw;
}

.modal-content .target.education {
    background: #fbd9ab;
}

.modal-content .target.highschool {
    background: #fdd000;
}

.modal-content .target.university {
    background: #f3a489;
}

.modal-content .target.library {
    background: #7198cf;
}

.modal-content .target.cramschool {
    background: #c2dd9a;
}

.modal-content .target.cat.sns {
    background: #d0ebee;
}

.modal-content .target.company {
    background: #7198cf;
}

.modal-content .target.nurseryschool {
    background: #f7c8dc;
}

.modal-content .target.kindergarden {
    background: #cfe5b7;
}

.modal-content .target.all {
    background: #c39dc8;
}

.modal-content .target.new_learning {
    background: #d8605e;
}

.modal-content .panel {
    background: #279697;
    color: #FFF;
    font-weight: bold;
    border-radius: 0;
    font-size: 65%;
    padding: 0;
    text-align: center;
    display: inherit;
    word-break: keep-all;
    margin: 1vh 0;
}

.modal-content.f .panel {
    background: #f39800;
}

.modal-content.kokusai .panel {
    background: #0d6fb8;
}



/*.modal-content .target.education {
    background: #fbd9ab;
}

.modal-content .target.university {
    background: #f3a489;
}

.modal-content .target.library {
    background: #7198cf;
}

.modal-content .target.vocational {
    background: #c2dd9a;
}

.modal-content .target.all {
    background: #c29dc8;
}
*/

.modal-content.a .place {
    background-color: #ed6d00;
    color: #FFF;
}

.modal-content.b .place {
    background-color: #b70867;
    color: #FFF;
}

.modal-content.c .place {
    background-color: #00a161;
    color: #FFF;
}

.modal-content.d .place {
    background-color: #0081ba;
    color: #FFF;
}

.modal-content.kokusai .place {
    background-color: #0d6fb8;
    color: #FFF;
}

.modal-content.m .place {
    background-color: #0d6fb8;
    color: #FFF;
}

.modal-content.f .place {
    background-color: #7669a4;
    color: #FFF;
}

.modal-content.g .place {
    background-color: #21a09d;
    color: #FFF;
}

.modal-content.h .place {
    background-color: #d0a200;
    color: #FFF;
}

.modal-content.child .place {
    background-color: #ee4193;
    color: #FFF;
}

.modal-content.learning .place {
    background-color: #c06031;
    color: #FFF;
}

.modal-content dl.seminar_dl {
    margin: 10px 0 20px;
}

#modal_error dl.seminar_dl {
    margin: 10px 0 20px;
}

.lock {
    overflow: hidden;
    position: relative;
}

.modal-wrap {
    z-index: 10002;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.modal-content li.seminar_no {
    font-size: 1.4em;
    margin-bottom: 0.5em;
    margin-right: 0;
    float: none;
    font-weight: 700;
}

.modal-content.a li.seminar_no {
    color: #ed6d00;
}

.modal-content.b li.seminar_no {
    color: #b70867;
}

.modal-content.c li.seminar_no {
    color: #00a161;
}

.modal-content.d li.seminar_no {
    color: #0081ba;
}

.modal-content.m li.seminar_no {
    color: #0d6fb8;
}

.modal-content.f li.seminar_no {
    color: #7669a4;
}

.modal-content.g li.seminar_no {
    color: #21a09d;
}

.modal-content.kokusai li.seminar_no {
    color: #0d6fb8;
}

.modal-content.child li.seminar_no {
    color: #ee4193;
}

.modal-content.learning li.seminar_no {
    color: #c06031;
}

.modal-content li.seminar_no .cat {
    color: #FFF;
    font-weight: bold;
    border-radius: 0;
    font-size: 80%;
    padding: 0.16vh 0.5vw;
    text-align: center;
    /* word-break: keep-all; */
    margin-bottom: 1vh;
}

.modal-content li.seminar_no .cat.ai {
    background: #f09196;
}

.modal-content li.seminar_no .cat.pg {
    background: #1c819a;
}

.modal-content li.seminar_no .cat.ed {
    background: #ed731e;
}

.modal-content li.seminar_no .cat.dx {
    background: #9a713c;
}

.modal-content li.seminar_no .cat.info {
    background: #eb68a3;
}

.modal-content li.seminar_no .cat.utilization {
    background: #008154;
}

.modal-content li.seminar_no .cat.ict {
    background: #f6ab00;
}

.modal-content li.seminar_no .cat.new_learning {
    background: #e83633;
}

.modal-content li.seminar_no .cat.lib {
    background: #85bae5;
}

.modal-content li.seminar_no .cat.util {
    background: #2054a5;
}

.modal-content li.seminar_no .cat.facility {
    background: #7fbe25;
}

.modal-content li.seminar_no .cat.active {
    background: #898989;
}

.modal-content li.seminar_no .cat.remote {
    background: #f37360;
}

.modal-content li.seminar_no .cat.teach {
    background: #632189;
}

.modal-content li.seminar_no .cat.support {
    background: #f6ab00;
}

.modal-content li.seminar_no .cat.nurseryschool {
    background: #c9c66a;
}

.modal-content li.seminar_no .cat.university {
    background: #b17cb4;
}

.modal-content li.seminar_no .cat.degital {
    background: #249496;
}

.modal-content li.seminar_no .cat.youho {
    background: #7e0031;
}

.modal-content li.seminar_no .cat.school {
    background: #7fbe25;
}

.modal-content li.seminar_no .cat.e {
    background: #436c27;
}

.modal-content li.seminar_no .cat.kindergarden {
    background: #cfe5b7;
}

.modal-content li.seminar_no .cat.mainte {
    background: #bca688;
}

.modal-content li.seminar_no .cat.affairs {
    background: #a8b9ba;
}

.modal-content li.seminar_no .cat.moral {
    background: #f09197;
}
.modal-content li.seminar_no .cat.all {
    background: #c39dc8;
}



.modal-content .seminar_time {
    font-weight: bold;
    font-size: 70%;
    color: #333;
    display: block;
}

.modal-content .seminar_tit {
    font-weight: bold;
    font-size: 180%;
    line-height: 140%;
    margin-bottom: 5px;
    color: #279697;
}

.modal-content.a .seminar_tit {
    color: #ed6d00;
}

.modal-content.b .seminar_tit {
    color: #b70867;
}

.modal-content.c .seminar_tit {
    color: #00a161;
}

.modal-content.d .seminar_tit {
    color: #0081ba;
}

.modal-content.m .seminar_tit {
    color: #0d6fb8;
}

.modal-content.f .seminar_tit {
    color: #7669a4;
}

.modal-content.g .seminar_tit {
    color: #21a09d;
}

.modal-content.kokusai .seminar_tit {
    color: #0d6fb8;
}

.modal-content.child .seminar_tit {
    color: #ee4193;
}

.modal-content.learning .seminar_tit {
    color: #c06031;
}

/*.modal-content.f .seminar_tit,
.modal-content.g .seminar_tit {
    color: #f39800;
}*/

#modal_error dl.seminar_dl .seminar_tit {
    color: #F00;
    font-size: 200%;
}

.modal-content dl.seminar_dl dd.seminar_about {
    font-size: 120%;
    line-height: 170%;
}

.modal-content dl.seminar_dl dd.seminar_about span.about {
    font-size: 105%;
    font-weight: bold;
    margin: 0.5em 0;
    display: block;
}

.modal-content dl.seminar_dl dd.seminar_annotation {
    font-size: 100%;
    line-height: 150%;
    margin-top: 0.5vh;
    margin-left: 1em;
    text-indent: -1em;
}

#modal_error dl.seminar_dl dd.seminar_about {
    font-size: 170%;
    margin-bottom: 0.4em;
}

.modal-content .seminar_presenter {
    font-size: 120%;
    line-height: 170%;
    width: 83%;
    float: right;
}

.modal-content .seminar_presenter table {
    border: 1px solid #333;
    width: 100%;
}

.modal-content .seminar_presenter table tr {
    border: 1px solid #333;
}

.modal-content .seminar_presenter table th {
    width: 120px;
    text-align: center;
    vertical-align: middle;
    padding: 20px;
    font-weight: bold;
    border-right: 1px solid #333;
    word-break: keep-all;
}

.modal-content.a .seminar_presenter table th {
    background-color: #ffddcb;
}

.modal-content.b .seminar_presenter table th {
    background-color: #f6c5e8;
}

.modal-content.c .seminar_presenter table th {
    background-color: #d4f7c6;
}

.modal-content.d .seminar_presenter table th {
    background-color: #cbeafe;
}

.modal-content.kokusai .seminar_presenter table th {
    background-color: #cceaff;
}

.modal-content.m .seminar_presenter table th {
    background-color: #cceaff;
}

.modal-content.f .seminar_presenter table th {
    background-color: #cbcbff;
}

.modal-content.g .seminar_presenter table th {
    background-color: #ccffff;
}

.modal-content.h .seminar_presenter table th {
    background-color: #fff4cc;
}

.modal-content.child .seminar_presenter table th {
    background-color: #ffcce8;
}

.modal-content.learning .seminar_presenter table th {
    background-color: #ffcbaf;
}

.modal-content .seminar_presenter table td {
    padding: 20px;
    background-color: rgba(255, 252, 255, 0.2);
}

.modal-content .seminar_presenter table td .zoom {
    width: 100%;
    max-width: 153.75px;
    line-height: 0;
    margin: 0;
    background: url(https://www.kyouikuict.jp/seminar2020/images/zoom.png) no-repeat top left;
    background-size: contain;
    height: 34.75px;
    font-size: 0px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

img{
-webkit-backface-visibility: hidden;
}

.modal-content .seminar_presenter table td span {
    font-size: 120%;
    font-weight: bold;
}

.modal-content .seminar_presenter table td p {
    margin-top: 1em;
    line-height: 170%;
}

.modal-content .seminar_presenter table td hr {
    margin: 0.5em 0;
}

.modal-content .modal_ol {
    list-style: none;
    margin-top: 1em;
    line-height: 170%;
}

/* .modal-content .modal_ol li {
    margin-bottom: 0.5em;
}

.modal-content .modal_ol li:last-child {
    margin-bottom: 0;
} */

.modal-content div.seminar_photo {
    text-align: center;
    float: left;
    margin-right: 4%;
    width: 13%;
}

.modal-content div.seminar_photo dl {
    margin-top: 15px;
}
.modal-content div.seminar_photo dl:first-child {
    margin-top: 0;
}

.modal-content div.seminar_photo dl.list {
    margin: 0 0 15px;
}

.modal-content div.seminar_photo dl dt {
    margin-bottom: 10px;
}

.modal-content div.seminar_photo img {
    -webkit-border-radius: 8em;
    -moz-border-radius: 8em;
    border-radius: 8em;
    width: auto;
}

.modal-content p {
    margin: 0;
    padding: 0;
}

.modal-overlay {
    z-index: 10001;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.75);
}

.modal-open {
    color: #00f;
    text-decoration: underline;
}

div.fields .sem td a.modal-open {
    display: block;
}

.modal-open:hover {
    cursor: pointer;
    color: #f00;
}

.close_div {
    margin-top: 40px;
    float: right;
    width: 100%;
    text-align: right;
}

.close_div p {
    color: #FFF;
    text-decoration: none;
    background-color: #000;
    font-size: 120%;
    text-align: center;
    float: right;
}

.modal-close {
    color: #FFF;
    text-decoration: none;
    padding: 0.5em 1em;
    width: 65px;
    display: block;
}

.modal-close:hover {
    cursor: pointer;
    opacity: 0.6;
    color: #FFF;
}

#page-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 137px;
    height: 41px;
}

.end_div {
    display: none;
}

.js-tab,
.js-tab2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.js-tab div,
.js-tab2 div {
    cursor: pointer;
    width: 50%;
    padding: 1.5vw 0;
    text-align: center;
    font-size: 1.4vw;
    color: #FFF;
}

/* --- 切り替えタブ --- */

.js-tab div.tab01,
.js-tab2 div.tab01 {
    background-color: rgba(39, 150, 151, 0.4);
}

.js-tab div.tab01.active,
.js-tab2 div.tab01.active {
    background-color: rgba(39, 150, 151, 1);
}

.js-tab div.tab01:hover,
.js-tab2 div.tab01:hover {
    background-color: rgba(39, 150, 151, 1);
}

.js-tab div.tab02,
.js-tab2 div.tab02 {
    background-color: rgba(243, 152, 0, 0.4);
}

.js-tab div.tab02.active,
.js-tab2 div.tab02.active {
    background-color: rgba(243, 152, 0, 1);
}

.js-tab div.tab02:hover,
.js-tab2 div.tab02:hover {
    background-color: rgba(243, 152, 0, 1);
}

.js-tab div.tab03 {
    background-color: rgba(202, 101, 104, 0.4);
}

.js-tab div.tab03.active {
    background-color: rgba(202, 101, 104, 1);
}

.js-tab div.active,
.js-tab2 div.active {
    cursor: auto;
}

.js-tab div.active:hover,
.js-tab2 div.active:hover {
    opacity: 1;
}

.js-tab_content,
.js-tab_content2 {
    display: none;
    padding: 0;
}

.js-tab_content.active,
.js-tab_content2.active {
    display: block;
}

p.sem_btn {
    margin: 1em 0;
    text-align: center;
    padding: 1em;
}

p.branch_btn {
    margin: 1em 0;
    text-align: center;
    padding: 1em;
}

.square_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    background: #0d6fb8;
    transition: .4s;
    padding: 1em 3em;
    font-size: 135%;
}

.square_btn:hover {
    background: #00bcd4;
    color: white;
}

@media screen and (max-width: 1500px) {
    .modal-content div.seminar_photo img {
        width: 100%;
    }
}

@media screen and (max-width:800px) {
    .modal-content {
        width: 75%;
    }

    .modal-content .seminar_presenter {
        font-size: 120%;
        line-height: 170%;
        width: 100%;
        float: none;
    }

    .modal-content .seminar_presenter table {
        width: auto;
        border: none;
        border-top: 1px solid;
        display: block;
    }

    .modal-content .seminar_presenter table tbody {
        width: auto;
        display: block;
    }

    .modal-content .seminar_presenter table tr {
        display: block;
        border-top: none;
    }

    .modal-content .seminar_presenter table th {
        width: auto;
        display: block;
        border: none;
        border-bottom: 1px solid;
        padding: 10px;
    }

    .modal-content .seminar_presenter table td {
        width: auto;
        display: block;
        border: none;
        padding: 10px;
    }

    .modal-content .seminar_presenter table td span {
        font-size: 120%;
        font-weight: bold;
    }

    .modal-content div.seminar_photo {
        text-align: center;
        float: none;
        margin: 0;
        margin-top: 20px;
        width: 100%;
    }

    .modal-content div.seminar_photo dl {
        margin: 0 0 15px;
    }

    .modal-content div.seminar_photo dl.list {
        margin: 0 0 15px;
        width: 33%;
        float: left;
    }

    .modal-content div.seminar_photo dl dt {
        margin-bottom: 10px;
    }

    .modal-content div.seminar_photo img {
        -webkit-border-radius: 5em;
        -moz-border-radius: 5em;
        border-radius: 5em;
        width: auto;
    }
}

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

    /*　画面サイズが480pxからはここを読み込む　*/
    .lock {
        /*position: fixed;*/
        overflow: visible;
        width: 100%;
        height: 100%;
    }

    /* 5/25追加 */
    .box1100w {
        margin: auto;
        width: 99.4%;
        float: left;
        margin-top: 3em;
        padding: 2em 0 2em;
    }

    .box1100w div {
        width: 100%;
        font-size: 80%;
    }

    .box1100w div.left,
    .box1100w div.right {
        width: 50%;
        margin-top: 1.5em;
        margin-bottom: 0.5em;
    }

    .box1100w div.left img,
    .box1100w div.right img {
        width: 80%;
    }

    .box1100w div dt {
        width: 100%;
        height: auto;
        margin-top: 1em;
    }

    .box1100w div dt.txt {
        width: 100%;
        height: auto;
        display: block;
    }

    .box1100w div dd.mt_2 {
        margin-top: 0;
    }

    .box1100w div dd.mt_1 {
        margin-top: 0;
    }

    .box444 {
        padding: 24px 0 10px;
        width: 172px;
    }

    .box247 {
        width: 247px;
        float: left;
    }

    .box244 {
        width: 244px;
        float: right;
    }

    .box232 {
        width: 232px;
        float: left;
    }

    .box216 {
        width: 216px;
        float: left;
    }

    .box215 {
        width: 215px;
        float: left;
    }

    .box209 {
        width: 209px;
        float: left;
    }

    .box197 {
        width: 197px;
        float: left;
    }

    #pad32w {
        padding-top: 4px;
        padding-left: 0;
    }

    #pad02 {
        padding-left: 5%;
        padding-top: 0;
        padding-bottom: 0;
    }

    #pad39 {
        font-size: 130%;
        line-height: 200%;
        font-weight: bold;
    }

    .pad39-b {
        width: 95%;
    }

    .box190 {
        padding: 24px 0 10px;
        width: 172px;
    }

    .box190 img {
        width: 100%;
    }

    #pagetitle_bg {
        background-position: left -10px top 85px;
        background-size: 200%;
        width: 100%;
        height: 133px;
        padding-top: 0px;
        min-width: 320px;
    }

    .boxmax .left {
        width: 100%;
        float: none;
    }

    .boxmax .right {
        width: 100%;
        float: none;
    }

    .box1200 {
        width: 100%;
        min-width: 320px;
    }

    .box1100 {
        width: 100%;
        min-width: 250px;
    }

    #bg02 {
        width: 100%;
        background: none;
        height: auto;
        min-width: 320px;
    }

    #pad11 {
        padding-top: 77px;
        padding-left: 0px;
    }

    .box887 {
        width: 85%;
        margin: 0 auto;
        float: none;
    }

    .box819 {
        width: 88%;
        float: none;
        margin: 0 auto;
    }

    .box819 img {
        width: 100%;
    }

    .box271 {
        width: 47%;
        float: left;
    }

    .ml_3-75em {
        margin-left: 5.5%;
    }

    .mb_2em {
        margin-bottom: 2em;
    }

    #bg03 {
        background-image: none;
        background-color: #0d6fb8;
        width: 100%;
        min-width: 320px;
    }

    #pad05 {
        padding-top: 15px;
        padding-left: 0;
        padding-bottom: 15px;
        width: 85%;
        margin: 0 auto;
    }

    #pad05 img {
        width: auto;
    }

    #pad06 {
        font-size: 100%;
        padding-top: 10px;
    }

    #pad07 {
        padding-bottom: 0px;
        line-height: 150%;
    }

    #pad08 {
        padding-left: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 80%;
        color: #FFFFFF;
    }

    #pad10 {
        padding-top: 10px;
        margin-left: 0;
    }

    #pad10 img {
        width: auto;
    }

    #pad32 {
        width: 90%;
        float: none;
        margin: 0 auto;
    }

    #pad34 {
        width: 100%;
        float: none;
        margin: 0 auto;
        padding-left: 0;
    }

    .classpad04 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 25px;
    }

    .classpad04q {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 25px;
    }

    .classpad06 {
        padding-bottom: 25px;
        width: 90%;
        margin: 0 auto;
    }

    #bg04 {
        background-color: #105b92;
        width: 100%;
        min-width: 320px;
    }

    #nav .box1200 {
        width: 100%;
    }

    div.fields {
        width: 100%;
        font-size: 105%;
    }

    div.fields .reg caption {
        width: auto;
        display: block;
    }

    .modal-content {
        width: 84%;
        padding: 20px;
    }

    .modal-content .place,
    .modal-content .target {
        margin-bottom: 0;
    }

    .modal-content .modal-head li.place {
        font-size: 100%;
        text-align: center;
        width: 110px;
        display: block;
    }

    .modal-content .modal-head li.target {
        font-size: 80%;
        display: block;
    }

    .modal-content dl.seminar_dl dd.seminar_about span {
        display: block;
    }

    .modal-content div.seminar_photo dl.list {
        margin: 0 0 15px;
        width: 50%;
        float: left;
    }

    .close_div {
        margin-top: 10px;
    }

    .close_div p {
        font-size: 110%;
    }

    h3.caption {
        font-size: 1rem;
    }

    div.fields .sem ol {
        list-style: none;
        line-height: 135%;
        font-size: 80%;
    }

    .scroll {
        overflow: auto;
        /*tableをスクロールさせる*/
    }

    .scroll::-webkit-scrollbar {
        /*tableにスクロールバーを追加*/
        height: 5px;
    }

    .scroll::-webkit-scrollbar-track {
        /*tableにスクロールバーを追加*/
        background: #F1F1F1;
    }

    .scroll::-webkit-scrollbar-thumb {
        /*tableにスクロールバーを追加*/
        background: #BCBCBC;
    }

    div.fields .sem_reg table,
    div.fields .sem_reg tbody,
    div.fields .sem_reg caption,
    div.fields .sem_reg tr,
    div.fields .sem_reg th,
    div.fields .sem_reg td {
        display: block;
    }

    #company,
    #company2,
    #section,
    #email,
    #email2,
    #address,
    #address2 {
        width: 98%;
        height: 2em;
    }

    #ict_department_etc,
    #ict_interest_etc,
    #ict_know_etc {
        width: 98%;
        height: 2em;
    }

    div.fields .sem_reg th,
    div.fields .sem_reg td {
        width: auto;
    }

    input#submit_button01 {
        padding: 10px 100px;
    }

    div.fields table.sem {
        width: 1600px;
    }

    .boxmax .left div.fields table.sem,
    .boxmax .right div.fields table.sem {
        width: 450px;
    }

    div.fields .sem caption {
        text-align: left;
        font-size: 80%;
        padding: 5px 15px;
    }

    div.fields .sem th.hole_tit {
        font-size: 90%;
        word-break: keep-all;
    }

    div.fields .sem th.hole_tit2 {
        font-size: 90%;
        word-break: keep-all;
    }

    .supplement img {
        display: block;
        float: right;
        width: auto;
    }

    .div_show {
        font-size: 4vw;
    }

    #page-top {
        position: fixed;
        bottom: 0px;
        right: 0px;
        width: 40px;
        height: 40px;
    }

    .modal-content li.seminar_no {
        font-size: 130%;
    }

    .modal-content .time_txt {
        width: 100%;
        font-size: 150%;
    }

    .modal-content .seminar_tit {
        font-weight: bold;
        font-size: 150%;
    }

    .modal-content dl.seminar_dl dd.seminar_about {
        font-size: 105%;
    }

    .modal-content .seminar_presenter {
        font-size: 105%;
    }

    .modal-content .modal-head li.place,
    .modal-content .modal-head li.target {
        line-height: 170%;
        font-size: 80%;
    }

    div.fields .sem .td_end label.disrec {
        padding: 0.2em;
        margin: 1em auto;
        font-size: 85%;
        width: auto;
    }

    div.fields .sem label.apply {
        padding: 0.2em;
        margin: 1em auto;
        font-size: 85%;
        width: auto;
    }

    div.fields .sem .td_disrec label.disrec {
        padding: 0.2em;
        margin: 1em auto;
        font-size: 85%;
        width: auto;
    }

    #pad40 {
        margin-top: 2em;
        font-size: 1em;
        text-align: center;
    }

    .square_btn {
        font-size: 1em;
    }

    #pad41 {
        font-size: 120%;
        text-align: center;
        font-weight: bold;
    }

    p.branch_btn {
        margin: 2em 0;
        text-align: center;
        padding: 0;
    }

    form.contact {
        width: 100%;
        font-size: 105%;
    }

    form.contact th,
    form.contact td {
        width: auto;
        padding: 17px 7px 12px;
        display: block;
    }

    .header_emesg {
        width: 84%;
    }
}

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

    /*　画面サイズが380pxからはここを読み込む　*/
    #pad11 {
        padding-top: 80px;
        padding-left: 0px;
    }

    div.fields .sem .td_end label.disrec {
        font-size: 3.5vw;
    }
}

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

    /*　画面サイズが380pxからはここを読み込む　*/
    .box819 img {
        width: 120%;
    }
}