@charset "utf-8";

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
    color: #000;
    font-family: Verdana, "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 20px;
    line-height: 1.8;
	margin: 0;
}


aside,figure,footer,header,main,menu,section {display: block;}

h1,h2,h3,p,span,small,dl,dt,dd,ul,li {
    margin: 0;
  }


a {
  background-color: transparent;
  color: #494c50;
  text-decoration: none;
}


a:hover {
  outline: 0;
  text-decoration: underline;
}

ul {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

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

li {
    list-style-type: none;
    vertical-align: baseline;
}

section {
    margin: 0 auto;
    padding: 30px 0 40px;
    text-align: center;
}

h1 { font-size: 13px; margin-bottom:-10px;}

h2 {
    display: table;
    margin: 0 auto;
    text-align: center;
    position: relative;
	font-weight: bold;
	font-size: 42px;
	color:#000;
}

h2 img {
    display: inline;
    vertical-align: bottom;
}
h2.white {
	color:#fff;	  
    font-weight: bold;
	font-size: 42px;
}

.red {
    color: #e61c24;
    font-weight: bold;
}

.yellow {
    color: #fff68f;
    font-weight: bold;
}

.y_line {
    color: #000;
    font-weight: bold;
	background: linear-gradient(transparent 60%, #fcf885 0%); 
	
}
.b,.bold {
  font-weight: bold;
}
small {
  font-size: 80%;
}
.center{ text-align:center; font-size:13px; margin-top:30px;}

.m20-t{ margin-top:20px;}
/*------------------ clearfix ------------------*/

.clear{ clear:both;}
  
  
/*------------------ header ------------------*/

  header {
    text-align: center;
    padding:0 0 10px 0;
  }

  .head_box {
    display: block;
    margin: 0 auto ;
}

  .head_box img {
    display: inline-block;
    height: auto;
    margin-top: 20px;
    vertical-align: top;

}
#fb_box{margin-top: 20px;}

/*------------------ header img ------------------*/
  .top {
    background: url(../images/top_bk.jpg) no-repeat;
    margin: 0 auto;
    text-align: center;
    padding:0 0 25px;
  }
    .top_g {
    background: #f5f0e9;
    margin: 0 auto;
    text-align: center;
    padding:0;
  }
  .sm_img {
    display: none;
  }


/*------------------ fixed_box ------------------*/

   .fixed_btn {
     background:#373737;
     box-sizing: border-box;
     max-width: 100%;
     position: fixed;
     bottom: 0;
     width: 100%;
     z-index: 15;
   }

   .fixed_btn a {
     box-sizing: border-box;
     display: block;
     margin: 1% 4% 1% 0;
	 text-align:center;
   }

   .fixed_btn a img {
     height: auto;
     margin: 0;
     max-width: 100%;
     width: 100%;
   }

   .fixed_btn a:first-child {
     margin: 1% 30%;
     width: 40%;
   }

/*------------------ results ------------------*/

  .results{ background: url(../images/r_bk.gif) repeat}

  .results ul {
    margin: 20px auto;
	padding:20px 20px 10px 40px;
    max-width: 788px;
    width: 90%;
	background:#fff;
  }

  .results li {
    margin:15px 0 10px 0;
	padding:0 20px 18px 20px;
  }

  .results1 {
    background: url(../images/1ueda.png)no-repeat left top; width:100%;  height:80px;
  }

  .results2 {
    background: url(../images/2fujita.png)no-repeat left top; width:100%;  height:80px;
  }

  .results3 {
    background: url(../images/3watabe.png)no-repeat left top; width:100%;  height:80px;
  }
    .results4 {
    background: url(../images/4egashira.png)no-repeat left top; width:100%;  height:80px;
  }

  .results5 {
    background: url(../images/5harada.png)no-repeat left top; width:100%;  height:80px;
  }

  .results6 {
    background: url(../images/6yamada.png)no-repeat left top; width:100%;  height:80px;
  }
  .results7 {
    background: url(../images/7fujiwara.jpg)no-repeat left top; width:100%;  height:80px;
  }

  .results li dl {
    text-align: left;
    margin-left:80px;
  }

  .results li dt {
    font-weight: bold;
	font-size: 22px;
  }
  
/*------------------ lecturer ------------------*/

  
  .lecturer {
    background: url(../images/grid.png) repeat;
  }
  
  .txt_box1,
  .txt_box2 {
    margin: 20px auto 0;
    padding: 0 0 0 28px;
    text-align: left;
    max-width: 970px;
    width: 90%;
  }

  .txt_box2 p{ margin-bottom:30px;}
  .txt_box1 img {
    float: right;
  }
    

/*------------------ content ------------------*/ 

  .first{ text-align:center;}
  .c_img { margin-top:-10px; text-align:center;}
  .content {
    background: url(../images/grid.png) repeat;
  }
  .m30b{ margin-bottom:30px;}

 
/*------------------ schedule セミナー詳細------------------*/

  .schedule {
    background: url(../images/grid2.png) repeat;
  }
  .blue{  
    font-weight: bold;
	font-size: 26px;
	color:#37579d;
  }

  .schedule h3.osaka{ color:#37579d;}
  .schedule ul {
	  text-align:left;
	  padding:20px;
  }

  .schedule-o {
    border: 9px solid #37579d;
	background:#fff;
    margin: 20px auto 20px;
    padding: 24px 0;
    max-width: 860px;
    width: 90%;
  }

  
  /*------------------ gift 特典------------------*/
  .gift{ background: url(../images/t_bk.gif) repeat;}
  .gift h2{ color:#6e5129;}
  
  /*------------------ postscript 追伸 ------------------*/  

  ul.p_box {
    margin: 0 auto;
	padding:0;
    width: 100%;
  }

  .p_box li {
    display: inline-block;
      margin: 10px;
  }

  .p_box div {
    padding: 28px;
  }

  .p_box dl {
    background: #85733f;
    padding: 20px 27px;
  }

  .p_box dt {
    color: #fff68f;
    font-size: 28px;
    padding: 0 0 20px 0;
  }

  .p_box dd {
    color: #fff;
    text-align: left;
  }
  .postscript2{background: url(../images/line.png) repeat; margin-bottom:10px;}
  
  .postscript2 p{margin-bottom:30px;}
  
    .yb {color: #fff68f;
    font-size: 28px;}

 
/*------------------ button ------------------*/  

.o_button {
	position: relative;
	background-color: #37579d;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #5684e7;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-weight:bold;
	text-align:center;
	
}
.om_button {
	position: relative;
	background-color: #37579d;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #5684e7;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-weight:bold;
	text-align:center;
	padding:20px 40px 20px 40px;
	
}
.o_button:hover,.om_button:hover {
	top: -4px;
	box-shadow: 0 7px 0 #37579d;
	text-decoration:none;
}
.moushikomi{ text-align:center;}
/*------------------ footer ------------------*/

  footer {
    background: #000033;
    color: #fff;
    font-size: 14px;
    text-align: center;
  }

  small {
    display: block;
    padding: 15px 0 20px;
  }


/* PC 以外
------------------------------------------------------------*/ 
@media screen and (max-width: 1024px) { br{display:none;}
}

/* タブレット横～PC 
------------------------------------------------------------*/ 
@media only screen and (min-width: 961px)and (max-width: 1024px){
 #wrap{overflow: hidden;}   
	.simply-scroll-list li {
	width: 280px;
	height: 186px;
}
 iframe{ width:95%; height:auto;}
}


/* tablet 縦
------------------------------------------------------------*/ 

@media only screen and (min-width: 737px) and (max-width: 960px) {
  
#wrap{overflow: hidden;}
.simply-scroll-list li {
	width: 200px;
	height: 133px;
}
h2,h2.white {font-size: 28px; padding:10px;}
.results li dt {font-size: 18px;}
iframe{ width:95%; height:auto;}  
}

/* smartPhone
------------------------------------------------------------*/ 

@media screen and (max-width:736px){
body{ font-size: 13px; line-height: 1.5;}
section {
    padding: 10px 0 10px;
}
h1 { display:none;}
h2,h2.white {font-size: 18px; padding:10px;}
 iframe{ width:95%; height:auto;}
#wrap{overflow: hidden;}

  .top  {
    background:#fff;
    margin:10px 0 10px 0;
    text-align: center;
    padding:0;
  }
  .sm_img {
    display: block;
  }

.head_box img {margin:5px 0 10px 0;}	

.pc_img {display: none;}
.c_img { margin-top:-4px;}
.content5{margin-left:-10px;}
/*------------------ results ------------------*/

  .results{ width: 100%; padding:-10px 0 -5px 0;}

  .results ul {
    margin: 5px auto;
	padding:10px;
    max-width: 100%;
    width: 90%;
	background:#fff;
  }

  .results li {
    margin:5px 5px 0 0;
	padding:0 10px 15px 5px;
  }

  .results li dt {font-size: 14px;}
  
/*------------------ lecturer ------------------*/
  
  .lecturer {
    background: url(../images/grid.png) repeat;
  }
  
  .txt_box1,
  .txt_box2 {
    margin: 20px auto 0;
    padding: 0 10px 0 25px;
    text-align: left;
    max-width: 100%;
    width: 90%;
  }
  .txt_box2 p{ margin-bottom:10px;}

  .txt_box1 img { width:40%;}
  
 
/*------------------ schedule セミナー詳細------------------*/

  .blue{  
	font-size: 14px;
  }

  .schedule-o {
    border: 9px solid #37579d;
	background:#fff;
    margin: 20px auto 10px;
    padding:10px 10px 10px 0;
    max-width: 100%;
  }

  
  /*------------------ postscript 追伸 ------------------*/  

  ul.p_box {
    margin:0 auto;
	padding:10px 10px 10px 0;
    max-width: 100%;
	margin-top:-20px;
  }

  .p_box li {margin: 10px;}

  .p_box div {padding: 10px;}

  .postscript2{margin-bottom:40px;}
  .postscript2 p{margin-bottom:10px;}
  .p_box dt,.yb{ font-size:18px}


/*------------------ button ------------------*/  
.o_button,.om_button {
	line-height: 15px;
	padding:5px 15px 5px 15px;
	margin-left:10px;
	font-size:15px	
}
.center{font-size:11px;}

   .fixed_btn a:first-child {
     margin: 2% 10%;
     width: 80%;
   }

}