@charset "utf-8";
/*----------------------
		import
-----------------------*/
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
p,
a,
img,
ul,
li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 160%;
  color: #211c04;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p {
  color: #333333;
}
li {
  list-style: none;
}
/*a {
  color: #333333;
}
a:visited {
  color: #333333;
}
 a:hover {
  color: #333333;
}*/
/* ----------------------------------------------
	This style definition is common.
------------------------------------------------- */
/* LESS Document */
/*----------------------
		layout
-----------------------*/
.m0 {
  margin: 0px;
}
.mb0 {
  margin-bottom: 0px;
}
.mb05 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mt0 {
  margin-top: 0px;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt150 {
  margin-top: 150px;
}
.mt-20 {
  margin-top: -20px;
}
.mt-40 {
  margin-top: -40px;
}
.mr0 {
  margin-right: 0px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr40 {
  margin-right: 40px;
}
.mr50 {
  margin-right: 50px;
}
.ml0 {
  margin-left: 0px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}
.ml50 {
  margin-left: 50px;
}
.pb0 {
  padding-bottom: 0px;
}
.pb05 {
  padding-bottom: 05px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb50 {
  padding-bottom: 50px;
}
.padding {
  padding: 0px;
}
.pt0 {
  padding-top: 0px;
}
.pt05 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}
.pt40 {
  padding-top: 40px;
}
.pt50 {
  padding-top: 50px;
}
.pr0 {
  padding-right: 0px;
}
.pr5 {
  padding-right: 5px;
}
.pr10 {
  padding-right: 10px;
}
.pr20 {
  padding-right: 20px;
}
.pr30 {
  padding-right: 30px;
}
.pr40 {
  padding-right: 40px;
}
.pr50 {
  padding-right: 50px;
}
.pl0 {
  padding-left: 0px;
}
.pl5 {
  padding-left: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl20 {
  padding-left: 20px;
}
.pl30 {
  padding-left: 30px;
}
.pl40 {
  padding-left: 40px;
}
.pl50 {
  padding-left: 50px;
}
.tll {
  text-align: left;
}
.tlc {
  text-align: center;
}
.tlr {
  text-align: right;
}
/* list */
.flr {
  float: right;
}
.fll {
  float: left;
}
/* wide */
.w5 {
  width: 5%;
}
.w10 {
  width: 10%;
}
.w15 {
  width: 15%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33.3%;
}
.w35 {
  width: 35%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w50 {
  width: 50%;
}
.w55 {
  width: 55%;
}
.w60 {
  width: 60%;
}
.w65 {
  width: 65%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w85 {
  width: 85%;
}
.w90 {
  width: 90%;
}
.w95 {
  width: 95%;
}
.w100 {
  width: 100%;
}
.vat {
  vertical-align: top;
}
.vab {
  vertical-align: bottom;
}
.vabl {
  vertical-align: baseline;
}
.vam {
  vertical-align: middle;
}
.fz10 {
  font-size: 10px;
}
.fz12 {
  font-size: 12px;
}
.fz14 {
  font-size: 14px;
}
.fz16 {
  font-size: 16px;
}
.fz18 {
  font-size: 18px;
}
.fz20 {
  font-size: 20px;
}
/* img */
img {
  border: 0px; vertical-align:bottom;
}
a.img_hover:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -ms-filter: "alpha(opacity=75)";
}
/* link 
a:link {
  color: #fff;
  text-decoration: none;
}
a:visited {
  color: #fff;
}
a:hover {
  color: #fff;
  text-decoration: underline;
}*/
/* list */
ul,
li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
/* link_style */
.link_st {
  color: #3F65CB;
  text-decoration: none;
}
/* clearfix */
.cf {
  zoom: 1;
}
.cf:before,
.cf:after {
  display: table;
  content: "";
}
.cf:after {
  clear: both;
}
/*----------------------
		mixin
-----------------------*/

.bgimg {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.trs {
  transition: all  0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2),
(min--moz-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
	
}
*/
/*----------------------
		index
-----------------------*/
#mainarea {
  width: 960px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.8;
}
#mainarea #feature-data p {
  font-size: 12px;
  color: #999999;
  margin-bottom: 10px;
  text-align: right;
}
#mainarea #title h2 {
  height: 0;
  overflow: hidden;
  text-indent: -999999px;
  width: 960px;
}
#mainarea #edus-eye {
  margin-bottom: 40px;
}
#mainarea #edus-eye span {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #3399FF;
  border-bottom: 2px solid #99CCFF;
  margin-bottom: 5px;
  padding-bottom: 05px;
}
#mainarea .section {
  margin-bottom: 40px;
  padding: 20px;
  border: 6px solid #99CCFF;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
#mainarea .section h3 {
  font-size: 24px;
  color: #3399FF;
  background: #FFFFCC;
  border-left: 12px solid #3399FF;
  margin: 0 0 20px;
  padding: 10px;
  line-height: 1.2;
}
#mainarea .section h4 {
  font-size: 20px;
  border-left: 12px double #3399FF;
  line-height: 0;
  margin: 0 0 10px;
  padding: 10px;
  display: inline-block;
}
#mainarea .section h5 {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  margin: 0 0 10px 0;
}
#mainarea .section p {
  margin-bottom: 10px;
}
#mainarea .section span {
  font-weight: bold;
  color: #FF9900;
}
#mainarea .section .read {
  zoom: 1;
  margin-bottom: 40px;
}
#mainarea .section .read:before,
#mainarea .section .read:after {
  content: "";
  display: table;
  clear: both;
}
#mainarea .section .schedule table {
  background-color: #CCCCCC;
  border-collapse: separate;
  border-spacing: 1px;
  width: 100%;
}
#mainarea .section .schedule table th {
  padding: 5px;
  background-color: #99CCFF;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
#mainarea .section .schedule table td {
  background-color: #FFFFFF;
  padding: 10px;
}
#mainarea .btn {
  margin: 0 auto 40px;
  font-size: 24px;
  font-weight: bold;
  line-height: 80px;
  height: 80px;
  text-align: center;
}
#mainarea .btn a {
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 70%;
  background-color: #FFCC33;
  background: -moz-linear-gradient(top, #ffcc33, #ff9900);
  background: -webkit-gradient(linear, center top, center bottom, from(#ffcc33), to(#ff9900));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFCC33', endColorstr='#FF9900');
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: 0 6px #CC6600;
}
#mainarea .btn a:hover {
  top: 6px;
  color: #FFFFFF;
  background-color: #CC6600;
  background: -moz-linear-gradient(top, #cc6600, #cc6600);
  background: -webkit-gradient(linear, center top, center bottom, from(#cc6600), to(#cc6600));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#CC6600', endColorstr='#CC6600');
  border-radius: 5px;
  text-decoration:underline;
  box-shadow: none;
}

/* ------------------------------------- contents */

#main {
}
#main #content{
}
#main #content-innr{
	width:960px;
	margin:0 auto;
	padding:0 0 40px 0;
}
#main p {
	font-size:16px;
	line-height:170%; margin-bottom:20px;
}
#main p.cap {
	font-size:12px;
	line-height:150%; background-color:#ececec; padding:10px;
}
#main p.cap2 {
	font-size:12px;
	line-height:150%; background-color:#ececec; padding:10px;
}
#main p.cap3 {
	font-size:12px;
	line-height:150%; background-color:#ececec; padding:10px;
}
#main h2.mainttl {
  background-image: url(/img/features/school/2015/150714_2/title.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size:contain;
	width:960px;
	height:250px;
}
#feature-data-box{
	background: #FFFFFF;
	padding-top: 5px;
}
#feature-data {
	height:50px;
	line-height:50px;
	width:960px;
	margin:0 auto;
}
#feature-data span {
	float:right;
	font-size:14px;
	color:#999;
}
.fb { font-weight:bold; }
.fcg { color:#3eb134; }
.fcmg { color:#417266; }
.fco { color:#ff6600; }
.fce { color:#8b191f; }
.fcn { color:#1d1288; }
.fcw { color:#ffffff; }
.fcb { color:#217fc4; }
.fcb2 { color:#3884cf; }
.fcr { color:#e8334a; }
.fcp { color:#ff3399; }
.fcp2 { color:#ea58a7; }
.fcv { color:#af368c; }
.fs12 { font-size:12px; line-height:140%; }
.fs14 { font-size:14px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }
.fs20 { font-size:20px; }
.fs23 { font-size:23px; }
.fs24 { font-size:24px; }
.lh0 { line-height:0%; }
.lh170 { line-height:170%; }
.lh200 { line-height:200%; }
.ovh { overflow:hidden; }
.iee-ttl { font-size:18px; font-weight:bold; color:#ffffff;  background-color:#1d1288; padding:0px 5px 0px 30px; }
.iee-box { width:908px; background-color:#ffffff; margin:0 auto; padding:15px 20px 0 30px; overflow:hidden; border: 1px solid #cccccc; }
.iee-ttl2 { font-size:21px; font-weight:bold; color:#ffffff;  background-color:#1d1288; padding:0px 10px 0px 0px; text-align:right; margin-bottom:8%}
.iee-ttl2 a{color:#fff;}
.iee-ttl2 a:visited {  color: #fff;}
.iee-ttl2 a:hover {  color: #fff;  text-decoration: underline;}
.iee-box2 { width:908px; background-color:#ffffff; margin:0 auto; padding:15px 20px 0 30px; overflow:hidden; border: 1px solid #cccccc;}
.l_btn{ margin-left:5px;}
#iee-link { width:960px; background-color:#e46c7d; text-align:right; padding:5px 0; }
#iee-link a:link	{ text-decoration:none; color:#ffffff; }
#iee-link a:visited	{ text-decoration:none; color:#ffffff; }
#iee-link a:hover	{ text-decoration:underline; color:#ffffff; }
#iee-link a:active	{ text-decoration:underline; color:#ffffff; }
#iee-link p	{ font-size:16px; margin:0; }
.iee-bar { width:960px; height:40px; overflow:hidden; margin:0; }
.bgn { background-color:#13426b; width:900px; padding:30px; overflow:hidden; }
.bgyr { background-color:#fffac1; padding:30px; margin-bottom:30px; border-radius: 10px; -webkit-border-radius: 10px; moz-border-radius: 10px; overflow:hidden; }
.bgyr li { font-weight:bold; list-style:disc; font-size:16px; line-height:200%; }
.bgw { background-color:#ffffff; padding:30px; border-radius: 10px; -webkit-border-radius: 10px; moz-border-radius: 10px; overflow:hidden; }
.bgw li { font-weight:bold; list-style:none; font-size:16px; line-height:200%; }
.bgw3 { background-color:#ffffff; width:295px; padding:20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; overflow:hidden; }
.bgg { background-color:#ebebeb; width:960px; padding:30px 0; border:#bebebe 1px solid; }
.bgm { background-color:#40a0a9; width:900px; padding:30px; }
.bgg2 { background-color:#c9f6f7; width:960px; padding:30px 0; margin-bottom:50px; }
.bgy { background-color:#fbf6e1; width:900px; padding:30px; margin-bottom:30px; overflow:hidden; }
.bgy02 { background-color:#fbf6e1; padding:20px; margin-bottom:20px; overflow:hidden; }
.bgb { background-color:#ddf1fc; width:900px; padding:30px; margin-bottom:50px; }
.bgb2 { background-color:#c3e1ff; width:920px; padding:20px; margin-bottom:30px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.bgp { background-color:#fdeff5; width:900px; padding:20px 30px 10px 30px; margin-bottom:20px; }
.bgbd { background-color:#ffffff; width:900px; padding:20px 29px 0 29px; margin-bottom:50px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border:1px solid #03a1ea; }
.bgbri { background-color:#ddfdf5; width:470px; padding:20px; }
.inbox { width:900px; margin:0 30px; }

.midashi001 { background: url(/img/features/school/2015/150714_2/midashi001.jpg) top left no-repeat; width:960px; height:60px; margin-bottom:30px;background-size: contain;}
.midashi001a { background: url(/img/features/school/2015/150714_2/midashi001a.gif) top left no-repeat; width:500px; height:40px; margin-bottom:20px;background-size: contain;}
.midashi001b { background: url(/img/features/school/2015/150714_2/midashi001b.gif) top left no-repeat; width:560px; height:40px; margin-bottom:20px;background-size: contain;}
.midashi002 { background: url(/img/features/school/2015/150714_2/midashi002.jpg) top left no-repeat; width:960px; height:60px; margin-bottom:30px;background-size: contain;}
.midashi003 { background: url(/img/features/school/2015/150714_2/midashi003.jpg) top left no-repeat; width:960px; height:60px; margin-bottom:20px;background-size: contain;}
.midashi004 { background: url(/img/features/school/2015/150714_2/image_midashi2016.jpg) top left no-repeat; width:960px; height:60px; margin-bottom:0px;background-size: contain;}
.komidashi { border-left:#45b79a 5px solid; border-bottom:#cccccc 1px solid; padding:3px 0 0 15px; font-size:24px; font-weight:bold; color:#333333; height:40px; line-height:40px; margin-bottom:20px; }

#tbl-bdr { width:900px; margin:auto; }
#tbl-bdr table,#tbl-bdr td,#tbl-bdr th { border-collapse: collapse; border:1px solid #bebebe; font-size:16px; line-height:170%; }
#tbl-bdr table { background-color: #ffffff; }
#tbl-bdr th { background-color: #ff9900; font-size:20px; color:#ffffff; }

.lineb { border-bottom: 1px dotted #aaaaaa; padding-bottom:10px; }
.linebe { border-bottom: 1px solid #8b191f; padding-bottom:10px; margin-bottom:20px; }
.w290 {width:290px;}
.w450 {width:450px; overflow:hidden;}
.w475 {width:475px;}
.w500 {width:500px;}
.w505 {width:505px;}
.w560 {width:560px;}
.w580 {width:580px;}
.w600 {width:600px;}
.w610 {width:610px;}
.w880 {width:880px; overflow:hidden; margin:auto;}
.w960 {width:960px;}
.h130 {height:130px;}
.h180 {height:180px;}
.bgy ul.fst { font-size:16px; line-height:170%; }

.innercnts a{
	color:#FFFFFF;
}
.innercnts a:visited {
  color: #fff;
}
.innercnts a:hover {
  color: #fff;
}
.bg_ptn01,
.bg_ptn02,
.bg_ptn03,
.bg_ptn04 {
  background: #FF9999;
  background: -moz-linear-gradient(top, #FEB449 0%, #ff6c05 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FEB449), color-stop(100%, #ff6c05));
  background: -webkit-linear-gradient(top, #FEB449 0%, #ff6c05 100%);
  background: -o-linear-gradient(top, #FEB449 0%, #ff6c05 100%);
  background: -ms-linear-gradient(top, #FEB449 0%, #ff6c05 100%);
  background: linear-gradient(to bottom, #FEB449 0%, #ff6c05 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEB449', endColorstr='#ff6c05', GradientType=0);
  border: 1px solid #ff4205;
  -webkit-box-shadow: 0px 4px 0px #ff4205;
  -moz-box-shadow: 0px 4px 0px #ff4205;
  -ms-box-shadow: 0px 4px 0px #ff4205;
  box-shadow: 0px 4px 0px #ff4205;
  padding: 12px;
  font-size: 20px;
  font-weight:bold;
  text-decoration: none;
  -webkit-text-shadow: 0px 1px 1px #444444;
  -moz-text-shadow: 0px 1px 1px #444444;
  -ms-text-shadow: 0px 1px 1px #444444;
  text-shadow: 0px 1px 1px #444444;
  color: #ffffff;
    display: block;
  text-align: center;
  width: 60%;
  margin: auto;
  margin-top:4%;
  margin-bottom:5%;
}
.bg_ptn01 div,
.bg_ptn02 div,
.bg_ptn03 div,
.bg_ptn04 div {
  display: table;
  margin: 0 auto;
}
.bg_ptn01 div i,
.bg_ptn02 div i,
.bg_ptn03 div i,
.bg_ptn04 div i,
.bg_ptn01 div p,
.bg_ptn02 div p,
.bg_ptn03 div p,
.bg_ptn04 div p {
  display: table-cell;
  vertical-align: middle;
}
.bg_ptn01 div i,
.bg_ptn02 div i,
.bg_ptn03 div i,
.bg_ptn04 div i {
  text-align: center;
  width: 15%;
}
.bg_ptn01 a,
.bg_ptn02 a,
.bg_ptn03 a,
.bg_ptn04 a {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 20px;
}
.bg_ptn01 div p span,
.bg_ptn02 div p span,
.bg_ptn03 div p span,
.bg_ptn04 div p span {
  display: block;
}
.bg_ptn01:hover,
.bg_ptn02:hover,
.bg_ptn03:hover,
.bg_ptn04:hover {
  background: #ff6c05;
  -webkit-box-shadow: 0px 4px 0px #ff6c05;
  -moz-box-shadow: 0px 4px 0px #ff6c05;
  -ms-box-shadow: 0px 4px 0px #ff6c05;
  box-shadow: 0px 4px 0px #ff6c05;
  color: #fff;
  -webkit-text-shadow: 0px 1px 1px #444444;
  -moz-text-shadow: 0px 1px 1px #444444;
  -ms-text-shadow: 0px 1px 1px #444444;
  text-shadow: 0px 1px 1px #444444;
  font-weight:bold;
}

/* ------------------------------------- responsive_web_design */

body { -webkit-text-size-adjust: none; }
.clear{
  clear: both;
}
.hide{
  width: 1px;
  height: 1px;
  display: block;
  overflow: hidden;
}
.iee-box p, .w960 p {
  font-size: 16px;
}
.text001{
  width: 610px;
  float: left;
}
.image001{
  width: 320px;
  float: right;
  margin-bottom: 30px;
}
.text002{
  width: 560px;
  float: right;
}
.image002{
  width: 370px;
  float: left;
  margin-bottom: 30px;
  margin-top: -40px;
}
.midashi003_lead{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.text003,.text005{
  width: 560px;
  float: left;
}
.image003{
  width: 370px;
  float: right;
  margin-bottom: 30px;
  margin-top: -20px;
}
.text004{
  width: 610px;
  float: right;
}
.image004{
  width: 320px;
  float: left;
  margin-bottom: 30px;
}
.image005{
  width: 370px;
  float: right;
}
.image006{
  width: 510px;
  float: right;
  margin-left: 30px;
}
.image007{
	width:100%;
	max-width:618px;
	margin:0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.image007 img{
		width:100%;
		height:auto;
}
.button001{
  width: 100%;
  max-width: 665px;
  margin: 20px auto 50px auto;
}
.button001 img{
  width: 100%;
  height: auto;
}
.bgy h4{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
}
#main table{
	border-top: 1px solid #a7a5a6;
	border-left: 1px solid #a7a5a6;
	margin-bottom: 10px;
}
#main table th{
	background: #3385eb;
	color:#fff;
	border-right: 1px solid #a7a5a6;
	border-bottom: 1px solid #a7a5a6;
	padding: 5px 10px;
}
#main table td{
	background: #FFFFFF;
	border-right: 1px solid #a7a5a6;
	border-bottom: 1px solid #a7a5a6;
	padding: 5px 10px;
}
#main .point table .col1{
	width: 180px;
}
#main .point table .col2{
	width: 100px;
}
#main .point table .col3{
	width: auto;
}
#main .point ul li{
	padding-left: 10px;
	line-height: 1.4;
}
#main table caption{
	font-weight:bold;
	font-size:24px;
	color:#064476;
	margin-bottom:-5px;
}
#main table th, #main table td{
	text-align:center;
}
#main .point .school-festival{
	margin-bottom:20px;
}

@media screen and (max-width:959px){
  #header{
    display: none;
  }
  #pr-glonav {
    display: none;
  } 
  #pr-footer{
    display: none;
  }
  #mainarea{
    width: 100%;
  }
  #feature-data {
    width: 98%;
    margin:0 1%;
    height:30px;
    line-height:30px;
  }
  #main #content-innr{
    width: 98%;
    padding:0 1%;
  }
  #main #content-innr-box{
    width: 100%;
  }
  #main h2.mainttl {
    width:100%;
    padding-top: 26.04%;
    height: 0px;
  }
  .iee-box {
    width: auto;
  }
  .midashi001, .midashi002, .midashi003, .midashi004 {
    width: 100%;
    height:0px;
    padding-top: 6.4%;
    margin-bottom: 20px;
  }
  .w960 {
    width:100%;
  }
  .text001, .text004{
    width: 63.54%;
  }
  .image001, .image004{
    width: 33.33%;
  }
  .text002,.text003,.text005{
    width: 58.33%;
  }
  .image002, .image003, .image005{
    width: 38.54%;
    margin-top: 0;
  }
  .image003{
    margin-left: 3%;
  }
  .image006{
    width: 56.66%;
    margin-left: 3%;
  }
  .image001 img, .image002 img, .image003 img, .image004 img, .image005 img, .image006 img{
    width: 100%;
    height: auto;
  }

  .midashi001a {
    width:81.97%;
    height:0px;
    padding-top: 6.7%;
    margin-bottom: 15px;
  }
  .midashi001b {
    width:100%;
    height:0px;
    padding-top: 7.2%;
    margin-bottom: 15px;
  }
  .bgb, .bgy{
    width:94%;
    padding:3%;
  }
  .iee-ttl2 {
	font-size:18px;
	margin-bottom:5%
  }
  .bg_ptn01,
  .bg_ptn02,
  .bg_ptn03,
  .bg_ptn04 {
    width:80%;
    margin: auto;
	margin-top:8%;
    margin-bottom:10%;
}
}
@media screen and (max-width:767px){
  .iee-ttl {
    font-size: 18px;
    padding:3px 15px 3px 10px;
  }
  .iee-box{
    padding:10px 10px 0 10px;
    margin-bottom: 30px;
  }
  .text001, .text002, .text003, .text004, .text005{
    width: 100%;
  }
  .image001, .image004{
    float: none;
    width: 320px;
    max-width: 320px;
    margin: 0 auto 30px auto;
  }
  .image002, .image003, .image005{
    float: none;
    width: 370px;
    max-width: 370px;
    margin: 0 auto 30px auto;
  }
  .image006{
    float: none;
    max-width: 510px;
    width:100%;
    margin: 0 auto;
  }
  .midashi001a {
    max-width: 500px;
    width:100%;
    height:0px;
    padding-top: 8.5%;
  }
  .midashi001b {
    max-width: 560px;
  }
  .button001{
    margin: 0 auto 30px auto;
  }
  #main p.midashi003_lead{
    margin-bottom: 15px;
  }
  .bgy h4{
    font-size: 20px;
    margin-bottom: 10px;
    margin-left: 5%;
    margin-right: 5%;
  }
  #main p {
	font-size:16px;
	line-height:170%;
   }
  .iee-ttl2 {
	font-size:18px;
	margin-top:-7%;
	margin-bottom:10%
   }
  .bg_ptn01,
  .bg_ptn02,
  .bg_ptn03,
  .bg_ptn04 {
    width:80%;
	font-size:16px;
	line-height:1.3;
    margin: auto;
    margin-top:8%;
    margin-bottom:15%;
 }
}
@media screen and (max-width:479px){
  .image001, .image002, .image003, .image004, .image005, .image006{
    width: 100%;
  }
#main table th, #main table td{
	font-size:14px;
}
  .iee-ttl2 { font-size:16px;margin-top:-12%;margin-bottom:13%}
}