@charset "utf-8";
/*============================================

/index/sp_style.css

============================================*/

@media screen and (max-width:768px){
#about-us{
	margin-top:44px;
}
#carousel-slider{
	padding-bottom: 47px;
	margin-bottom: 30px;
}
#block01{
	padding:0 20px;
	margin-bottom: 10px;
}
#block01 h2 {
	font-size: 18px;
	margin-bottom: 70px;
	line-height: 140%;
}
#block01 h2 span{
	margin-top:8px;
}
#block01 .list{
	flex-direction: column;
	padding:0 20px;
}
#block01 .list .boxs {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    margin: 0;
    position: relative;
	margin-bottom:70px;
	padding-top: 20px;
}
#block01 .list .boxs:nth-child(1){
	background:url(../../img/bg01.png) no-repeat;
	background-size: cover;
}
#block01 .list .boxs:nth-child(2){
	background:url(../../img/bg02.png) no-repeat;
	background-size: cover;
}
#block01 .list .boxs:nth-child(3){
	background:url(../../img/bg03.png) no-repeat;
	background-size: cover;
}
#block01 .list .boxs dl dt {
    font-size: 16px;
	margin-bottom: 25px;
}
#block01 .list .boxs dl dt strong {
    font-size: 26px;
}
#block01 .list .boxs dl dd {
    font-size: 13px;
}



#block02 {
	padding:0 20px;
}
#block02 h2 {
	font-size: 18px;
	margin-bottom: 40px;
}
#block02 h2 span {
    margin-top: 10px;
}
#block02 .tab_list{
	padding:0;
	margin-bottom: 25px;
}
#block02 .tab_list li{
	margin:0;
}
#block02 .tab_list li:nth-child(2){
	margin:0 10px;
}
#block02 .tab_list li span {
    font-size: 16px;
}
#block02 .tab_list li span {
    padding: 5px 0;
}
#block02 .tab_list li.active span, #block02 .tab_list li span:hover {
    padding: 10px 0;
}
#block02 .list .boxs{
	width:33.333%;
	padding:0 0 0 10px;
	margin-bottom:25px;
}
#block02 .list .boxs:nth-child(2),
#block02 .list .boxs:nth-child(5){
	padding:0 10px;
}#block02 .list .boxs a figure {
    height: 100px;
}
#block02 .list .boxs a figure img {
	max-width: inherit;
	width:auto;
    height: 125px;
}
#block02 .more a {
    width: 80%;
    height: 50px;
    line-height: 50px;
}
#block02 .list .boxs div.seminar{
	font-size:12px;
	padding: 2px 8px;
}
#block02 .list .boxs div.reed {
    font-size: 11px;
	text-indent: -4px;
}
#block02 .list .boxs div.title {
    font-size: 14px;
}
#block02 .list .boxs div.day {
    font-size: 10px;
    margin: 7px 0 4px;
}




}



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

#block02 .tab_list{
	padding:0;
	margin-bottom: 25px;
}
#block02 .tab_list li{
	margin:0;
}
#block02 .tab_list li:nth-child(2){
	margin:0 10px;
}
#block02 .tab_list li span {
    font-size: 16px;
}
#block02 .tab_list li span {
    padding: 5px 0;
}
#block02 .tab_list li.active span, #block02 .tab_list li span:hover {
    padding: 10px 0;
}
#block02 .list .boxs{
	width:50%;
	padding:0 0 0 10px;
	margin-bottom:25px;
}
#block02 .list .boxs:nth-child(odd){
	padding:0 10px 0 0;
}#block02 .list .boxs a figure {
    height: 100px;
}
#block02 .list .boxs a figure img {
	max-width: inherit;
	width:auto;
    height: 125px;
}
#block02 .more a {
    width: 80%;
    height: 50px;
    line-height: 50px;
}
#block02 .list .boxs div.seminar{
	font-size:12px;
	padding: 2px 8px;
}
#block02 .list .boxs div.reed {
    font-size: 11px;
	text-indent: -4px;
}
#block02 .list .boxs div.title {
    font-size: 14px;
}
#block02 .list .boxs div.day {
    font-size: 10px;
    margin: 7px 0 4px;
}

}