@charset "utf-8";

/*--------------------------------------------*/
/*ヘッダーイメージ設定*/
#header_img {
	margin-top:0;
	background-color:#d3ddef;
}
#header_img p{
	margin:0 auto;
	width:1200px;
}

@media screen and (max-width:1199px){
#header_img p{
	width:100%;
}

}


/*--------------------------------------------*/
/*ベースイメージ設定*/

#main {
	margin:50px 100px;
}

#main h2 {
	position:relative;
	font-size:260%;
	line-height:1;
	padding:0.3em 120px 0.2em;
	background-color: #176fae;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#579dd1), to(#176fae));
background-image: -webkit-linear-gradient(#579dd1 40%, #176fae 60%);
background-image: linear-gradient(#579dd1 40%, #176fae 60%);/*背景色*/
color:#fff;
overflow:hidden;
}

#main h2 span{
	font-weight:bold;
	position:absolute;
	left:0;
	bottom:0;
	top:0;
	padding:0.3em 0 0.3em ;
	text-align:center;
	width:90px;
	line-height:1;
	background-color: #b5b5b5;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#b5b5b5));
background-image: -webkit-linear-gradient(#ededed 20%, #b5b5b5 90%);
background-image: linear-gradient(#ededed 20%, #b5b5b5 90%);
color:#000;
}

#main h3 {
	position:relative;
	margin-top:50px;
	font-size:230%;
	line-height:1;
	padding:0.3em 0 0.2em 120px;
	height:35px;
	background-color: #18866d;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4db4a1), to(#18866d));
background-image: -webkit-linear-gradient(#4db4a1 40%, #18866d 60%);
background-image: linear-gradient(#4db4a1 40%, #18866d 60%);/*背景色*/
color:#fff;
}

#main h3 p{
	position:absolute;
	left:0;
	bottom:0;
	top:0;
	padding:0.4em 0 0.3em ;
	width:90px;
	background-color: #b5b5b5;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#b5b5b5));
background-image: -webkit-linear-gradient(#ededed 20%, #b5b5b5 90%);
background-image: linear-gradient(#ededed 20%, #b5b5b5 90%);
color:#000;
}

#main .pro{
	margin:25px 0 25px 90px;
}
#main h5{
	float:left;
/*	font-family:"M PLUS 1p";*/
	font-weight:bold;
	font-size:240%;
	margin:10px 0;
	font-weight:bold;
	line-height:1.3;
	width:60%;
}
#main .pro1{
	float:left;
	font-size:155%;
	text-align:justify;
	line-height:1.6;
	width:65%;
}
#main .pro2{
	float:left;
	font-size:165%;
	line-height:1.6;
	width:65%;
}
#main .pro img{
	float:right;
	width:35%;
}

/*------------------------------------------*/
.tbl-r02 th {
  padding: 15px;
}

.tbl-r02 td {
  padding: 15px;
}

table {
  border-collapse: collapse;
  border:#666 2px solid;
}

th {
  background: #e6f3fb;
  color: #333;
  border-bottom: solid 1px #333;
  text-align:left;
  width:36%;
  line-height:1.3;
  font-size:170%;
}

td {
  border-bottom: solid 1px #333;
  font-size:136%;
}

table {
  margin: 20px auto;
}
/*------------------------------------------*/



.note{
	float:right;
	margin:10px 0 5px;
	font-size:122%;
}
#jisseki{
	border:#46a967 solid 8px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	width:auto;
	margin-left:90px;
	margin-bottom:30px;
	padding:30px 5px 20px 40px;
	background-color:#ecf4e7;
	position:relative;
}
#jisseki img{
	position:absolute;
	right:5%;
	top:45%;
}
#jisseki h4{
	font-size:190%;
}

#jisseki ul{
	margin:15px 0;
	width:48%;
	font-size:130%;
	line-height:1.6;
	float:left;
}

#jisseki hr{
	margin:20px 0;
	clear:left;
}

#jisshu{
	border:#666 solid 2px;
	width:auto;
	margin-left:90px;
	margin-bottom:30px;
	padding:30px 5px 20px 40px;
	position:relative;
}





#gallery li:last-child {
	-webkit-transition: 2.5s 2.5s;
	opacity:0;
}

#gallery{
	width:33%;
}

#gallery li{
	position: absolute;
	left:0px;
	bottom:0px;
}
#gallery img{
	width:auto;
}






#jisshu h4{
	font-size:190%;
}
#jisshu h4 span{
	font-size:70%;
}
#jisshu ul{
	margin:15px 0 15px 0;
	width:48%;
	font-size:130%;
	line-height:1.6;
	float:left;
}

#jisshu .igai{
	margin-left:38%;
	margin-bottom:20px;
}
#jisshu .igai ul{
	margin:15px 0 15px;
	font-size:130%;
	line-height:1.6;
	float:left;
}


/*タブレット*/
@media screen and (min-width:580px) and (max-width:1000px){

/*ベースーイメージ設定*/
#main {
	width:auto;
	margin:25px 25px 20px;
}


#main h2 {
	position:relative;
	margin-top:20px ;
	font-size:210%;
	line-height:1.3;
	padding:0.3em 0 0.2em 12%;
	height:35px;
}

#main h2 span{
	position:absolute;
	left:0;
	bottom:0;
	top:0;
	padding:0.3em 0 0.2em ;
	text-align:center;
	width:10%;
	line-height:1.3;
}

#main h3 {
	margin-top:30px;
	font-size:210%;
	line-height:1.3;
	padding:0.3em 0 0.2em 12%;
	height:35px;
}

#main h3 p{
	padding:0.3em 0 0.2em ;
	width:10%;
}

#main .pro{
	margin:10px auto;
}
#main h5{
	float:left;
	font-size:210%;
	margin-bottom: 10px;
	font-weight:bold;
	line-height:1.3;
	width:60%;
}
#main .pro p{
	float:left;
	font-size:170%;
	line-height:1.6;
	width:65%;
}
#main .pro2{
	float:left;
	font-size:170%;
	line-height:1.6;
	width:65%;
}
#main .pro img{
	float:right;
	width:35%;
}


.note{
	float:right;
	margin:10px 0 5px;
	font-size:100%;
}
#jisseki{
	width:auto;
	margin-left:0;
	margin-bottom:30px;
	padding:30px 5px 20px 20px;
}
#jisseki img{
	right:5%;
	top:45%;
	width:20%;
}
#jisseki h4{
	font-size:150%;
}

#jisseki ul{
	margin:10px 0 0;
	width:48%;
	font-size:110%;
	line-height:1.6;
	float:left;
}

#jisseki hr{
	margin:20px 0;
	clear:left;
}

#jisshu{
	width:auto;
	margin-left:0;
	margin-bottom:30px;
	padding:30px 5px 20px 20px;
}
#jisshu img{
	width:33%;
}
#jissehu h4{
	font-size:150%;
}
#jisshu h4 span{
	font-size:70%;
}

#jisshu ul{
	margin:10px 0;
	width:50%;
	font-size:110%;
	line-height:1.6;
	float:left;
}


#gallery img{
	width:58%;
}

#jisshu .igai{
	margin-left:35%;
	margin-bottom:0;
}
#jisshu .igai ul{
	margin:10px 0 0;
	width:46%;
	font-size:110%;
	line-height:1.6;
	float:left;
}

}




/*スマホ*/
@media screen and (max-width:579px){
	
/*ベースーイメージ設定*/
#main {
	width:auto;
	margin:0 20px 20px;
}


#main h2 {
	position:relative;
	margin-top:20px ;
	font-size:140%;
	line-height:1.5;
	padding:0.2em 0 0.1em 15%;
	height:30px;
}

#main h2 span{
	position:absolute;
	left:0;
	bottom:0;
	top:0;
	padding:0.2em 0 0.1em ;
	width:12%;
	line-height:1.5;
}

#main .pro{
	margin:10px auto;
}
#main h5{
	font-size:140%;
	line-height:1.3;
	width:55%;
}
#main .pro1{
	font-size:105%;
	line-height:1.4;
	text-align:justify;
	width:auto;
	margin-bottom:5px;
}
#main .pro2{
	font-size:105%;
	text-align:justify;
	line-height:1.4;
	width:60%;
}
#main .pro img{
	width:40%;
}
/*--------------------------------*/
body {
    font-size: 13px;
    position: relative;
    -webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
  }

  .inner-block {
    padding: 0;
    width: auto;
  }

  #wrapper {
    position: relative;
	width:90%;
  }

table{
	border:none;
	margin-top:0px;
}
th {
	border-bottom: none;
	background: #d3ecfa;
}
td  {
	border-bottom: none;
}
.last td:last-child {
	border-bottom: solid 1px #ccc;
}
.tbl-r02 {
	width: auto;
}
.tbl-r02 th{
	display: block;
	font-size:130%;
	padding:5px 10px 2px;
	line-height:1.3;
	width:97%;
}
.tbl-r02 td {
	display:block;
	padding:5px 10px 2px;
	font-size:110%;
	line-height:1.4;
	width: 97%;
}

#main h3 {
	margin-top:20px;
	font-size:140%;
	line-height:1.5;
	padding:0.2em 0 0.1em 15%;
	height:30px;
}

#main h3 p{
	padding:0.2em 0 0.1em ;
	width:12%;
}

/*--------------------------------*/

.note{
	float:right;
	margin:3px 0;
	font-size:90%;
}
/*実習設定------------------------*/
#jisshu{
	width:auto;
	margin-left:0;
	margin-bottom:0px;
	padding:15px 0 5px 15px;
}
#jisshu img{
	display:none;
	right:0;
	bottom:0;
}

#jisshu h4{
	font-size:140%;
}
#jisshu h4　span{
	font-size:70%;
}

#jisshu ul{
	margin:7px 0 0 10px;
	width:90%;
	font-size:110%;
	line-height:1.6;
	float:none;
	line-height:1.6;
	float:none;
	text-indent:-10pt;
}
#jisshu .igai{
	margin-left:0;
	margin-bottom:0;
}
#jisshu .igai ul{
	margin:7px 0 0 10px;
	width:90%;
	font-size:110%;
	line-height:1.6;
	float:none;
}

/*実績設定------------------------*/
#jisseki{
	border:#46a967 solid 4px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	width:auto;
	margin-left:0;
	margin-bottom:10px;
	padding:15px 0 5px 15px;
	position:relative;
}
#jisseki img{
	right:3%;
	top:47%;
	width:20%;
}
#jisseki h4{
	font-size:140%;
}

#jisseki ul{
	margin:7px 0 0 10px;
	width:90%;
	font-size:100%;
	line-height:1.6;
	float:none;
	text-indent:-10pt;
}

#jisseki hr{
	margin:10px 0;
	clear:left;
}
}