@charset "utf-8";



/*モバイルファースト*/

#section {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.course-container{
    background: rgba(255,255,255,0.55);
    color: #333;
    display: block;
    margin: 20px auto;
    width: 100%;
	  height: auto;
	  padding: 0;
    box-shadow: 0 12px 10px -6px rgba(0,0,0,0.25);
}
.course-container a{
    text-decoration: none;
}
.course-text{
    width:100%;
    margin: 20px 0;
	padding: 0 20px;
    text-align: center;
}
.course-text h2{
    padding-top: 10px;
    font-size: 1em;
}
.course-text p{
    font-size: 0.9em;
}
.course-img{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}



.course-img p{
	width: 100%;
	}

.course-img img{
    width: 100%;
	  height: auto;
}
.image_2box {
	width: 100%;
	padding: 0 10px;
	margin: 2.5% 0;
}

.image_1box {
	width: 100%;
	padding: 0 10px;
	margin: 2.5% 0;
}

.course-title{
        width: 100%;
        color: #00521c;
        font-weight: bold;
    }

#contents p + p{
        margin-top: 0!important;
    }



/*PCサイズ*/
@media screen and (min-width:901px) {
	.image_2box {
	width: 45%;
	
}
    
    .image_1box {
	width: 90%;
	
}
}
@media screen and (min-width:699px) {
    .course-container{
        max-width: 1400px;
    }

    .course-text h2{
        font-size: 1.3em;
    }
    .course-text p{
        font-size: 1em;
			padding: 20px;
		 margin: 10px 20px;
    }
    
    .course-img2{
        width: 50%;
    }

.course-img p{
    padding: 0!important;
    margin: 5px;
	}
    
    .course-img img{
        width: 98%;
    }
    
    #contents p + p{
        margin-top: 0!important;
    }
    
    .course-title{
        width: 100%;
        color: #00521c;
        font-weight: bold;
    }
    
    .course-img-L,.course-img-R{
    display: flex;
}
    
}

.image_box {
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 10px;
	padding: 0;
	max-width: 1400px;
}
.image_box02 {
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 10px 0;
	padding: 0;
}

.stitle {
	font-size: 130%;
	border-bottom: 1px dotted #00521c;
	padding-bottom: 3px;
	margin-bottom: 20px;
	text-align: left;
	clear: both;
	color: #00521c;
}
.t01 {
	font-size: 100%;
	border-collapse: collapse;
	width: 100%;
	white-space: nowrap
}

@media screen and (max-width: 650px) {
.t01 th {
	padding: 1%;
}
.t01 td {
	padding: 1%;
}
.t_column_one th, .t_column_one td {
	border-bottom: none;
	display: block;
	text-align: left;
}
.t01 {
	font-size: 0.8em;
}
}

.t01 th {
	background: #557952;
	text-align: center;
	color: #FFF;
	border: 2px #FFF solid;
	white-space: nowrap;
}
.t01 th a { color: #FFFFFF; text-decoration: underline;}
.t01 td {
	background: #fef5f9;
	text-align: center;
	color: #000;
	border: 2px #FFF solid;
}
.t01 .td01 {
	background: #c9c4b6;
	text-align: center;
	color: #000;
	border: 2px #FFF solid;
}
.t01 .td02 {
	background: #265c31;
	text-align: center;
	color: #fff;
	border: 2px #FFF solid;
}

@media screen and (min-width: 651px) {
.t01 th {
	padding: 2%;
}
.t01 td {
	padding: 2%;
}
}

@media screen and (max-width: 650px) {
.t01 th {
	padding: 1%;
}
/* .t01 td {
	padding: 1%;
} */

	
/*.image_2box {
	width: 45%;
	padding: 0;
	margin: 2.5% 0;
}*/
	}

/*テーブルスクロール*/
@media screen and (max-width: 650px) {

.sc-table {
    overflow-x: scroll;
    white-space: nowrap;
}
}