@charset "utf-8";

:root {
  font-size:14px;
  color:#333;
}

#ss_header{
	width:auto;
	max-width: 1200px;
}
#ss_footer{
	width:auto;
	max-width: 1200px;
        border:0;
        padding:0;
}
#ss_footer address{
        text-align:center;
}


.ss_contents{
        width:auto;
        max-width: 1200px;
        margin:4em auto;
        padding:0;
}

.ss_contents_inner{
    max-width:1200px;
    margin:1.5em auto;
    padding:0;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
}

.seminar-info{
        width:62%;
        max-width:744px;
        padding:0 4% 0 0;
        margin:0;
        font-size:1.15em;
        line-height:1.6;
}

.seminar-info .seminar-info-img{
        margin-bottom:2em;
        text-align:center;
}

.seminar-info .seminar-info-img img{
        width:99.5%;
        box-shadow: 0 0 8px #aaa;
}

.seminar-info .seminar-table{
        margin: 0;
        text-align:left;
}
.seminar-info .seminar-table th{
	border-top: 0px;
	border-left: 5px solid #277299;
        background-color: #f2f2f2;
        padding:0.2em 0.5em;
        font-size:1.1em;
        text-align:left;

}
.seminar-info .seminar-table td{
        padding:0.8em 0 1.5em 0.6em ;
        text-align:left;
        line-height:1.6;
        font-size:1em;
}
.seminar-info .seminar-table td p{
        margin:0.5em 0;
        padding:0;
}
.seminar-info .seminar-table td ul,
.seminar-info .seminar-table td ol{
        padding:0.5em 0 0.5em 1em;
        margin:0;
}
.seminar-info .seminar-table li{
        margin:0;
        padding:0;
        list-style-type: disc;
}

.seminar-info .media{
        margin-bottom:1.5em;
}
.seminar-info .media:last-child{
        margin-bottom:0;
}

.seminar-info .media h4{
        margin:0;
        padding:0;
}
.seminar-info .media-body{
        padding:0.4em 0 0.5em 0.4em;
        font-size:0.9em;
}

.seminar-info .media-heading{
        font-size:18px;
}

.seminar-info ol,.seminar-info ul{
        padding:0.5em 0;
        margin-bottom:0;
}
.seminar-info li{
        padding:0.2em 0;
        font-size:0.93em;
}

.seminar-info .ss_personal_history{
        padding:0.4em 0 0.6em 0em;
        line-height:1.4;
}

.registration{
    width:37%;
    max-width:444px;
    padding:0;
    margin:0 0 0 auto;
}

.registration .ss_form {
   padding:0.5em;
   margin-top:1em;
   background-color: #f2f2f2;
}

.label-warning{
   background-color:#db3d23;
   color:#fff;
   font-size:0.7em;
   padding:1px 2px;
   margin-bottom:2px;
}

.recommend{
        width:96%;
        padding:10px;
        margin:1.5em auto 2em;
        background-color:#e4f6f9;
}
.recommend b{
        color:#277299;
}
.thumb-img01,
.thumb-img02,
.thumb-img03{
        margin:2em 0;
}


.thumb-img01 img,
.thumb-img02 img,
.thumb-img03 img{
        width:99.5%;
        max-width:690px;
        box-shadow: 0 0 4px #aaa;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

@media only screen and (max-width: 767px) {
        body{
                padding:0;
                margin:0;
        }

        .ss_main {
                background-color: #fff;
                padding:0!important;
                margin:0px!important;
        }
        .ss_contents{
                padding:0;
                margin:0;
                width:100vw!important;
        }
        .ss_contents_inner{
                width:98vw;
                margin:0 auto 2em!important;
                padding:0;
                display: block;
        }

        .seminar-info{
        margin:1em auto 0;
        padding:10px 0 0;
        width:96vw;
        }

        .registration{
        width:96vw;
        max-width:96vw;
        margin-top:2em;
        }
}