@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/*共通部分*/
body{
	display:block;
    	font-size:14px;
   	 line-height:30px;
	margin-left:40px;
	margin-right:40px;
	color:#333;
	font-family: メイリオ,Meiryo,”ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,”ＭＳ Ｐゴシック”,sans-serif;
}

img{
	width:100%;
	max-width: 100%;
	height:auto;
}

.img2{
	width: 50%;
	height: auto;
}

/*header設定*/
.main-header{
	display:block;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-bottom:15px;
	border-bottom: solid 4px #a6d3c8;/*下線*/
}

.main-header img:hover{
	opacity:0.5;
}

/*リンクカラー*/
a:link{
  color: #551A8B;
  text-decoration: none;
}
.sec1 a:visited{
    color: #EE7800;
}

/*ヘッダ設定*/

.title1{

	padding-top:15px;
	padding-bottom:0;

}

/*ヘッダ設定終了*/

/*ヘッダ用*/
.bunner{
    display:flex;
    margin:30px;
    padding-top:0;
}
.courses .hpb-photomotion{
    width : 600px;
    height : 300px;
 }

.courses .hpb-photomotion .photo{
    width: 100%;
    max-width:100%;
    height: auto;
}

ul.button{
	width:70%;
	padding: 0.5em 1em;
	margin:10px;
	

}
ul.button li{
    line-height: 1.5;
    padding: 0em 0;
    list-style-type: none!important;
}


ul.button li:hover{
	opacity:0.5;
}

/*バーナー用レスポンシブ対応*/
@media screen and (max-width: 800px) {
    .bunner{
	display:block;
	margin:50px;
    }
    .courses .hpb-photomotion{
	width : 80%;
	max-width:100%;
	height : auto;	 
    }
    
    .courses .hpb-photomotion .photo{
	width: 100%;
	height: auto;
    }

    ul.button{
	width:50%;
	height:50%;
	padding: 0em 1em;
    	margin: 0em 0;
	
    }

}

/*項目*/
.foot{
    clear:both;
    padding:30px;
}

h3{
    font-size:20px;
    margin:0;
	padding:10px;
    width:90%;
    height:auto;
}

h3::after{
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #a6d3c8, transparent);
	background: linear-gradient(to right, #a6d3c8, transparent);
}

.foot dl{
    margin-left:20px;
}


h1 {
font-size:20px;
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
margin-bottom:10px;
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #a6d3c8;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}



/*コピーライト設定*/
#hpb-footerMain p{
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  float: left;
  line-height: 24px;
  color: #999999;
}