@charset "utf-8";
/*--------------------------------------------------
[1]common
[2]headerContainer
[3]sideContainer
[4]footerContainer
[5]Container
[6]topContainer
[7]subContainer
[8]fade
[9]spaceCommon
[10]Display: none;
----------------------------------------------------*/

/* [1]common
----------------------------------------------------*/
/* 設定 */
html{
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

.mincho {
	  font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	  font-style: normal;
	  font-variant: normal;
	  font-weight: 500;	
}

@font-face {
  font-family: 'IEWebFont';
  font-style: "normal";
  font-weight: 500;
  src: url(font/notoSansCJKjpRegular.eot);
  src: url(font/notoSansCJKjpRegular.otf) format('opentype'),
  url(font/notoSansCJKjpRegular.eot?#iefix) format('embedded-opentype'),
  url(font/notoSansCJKjpRegular.woff) format('woff');
}

/* font */
body{
	line-height: 1.5;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
	  font-family: IEWebFont;	
	  font-style: normal;
	  font-variant: normal;
	  font-weight: 500;	
	color: #313131;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 1px;
	border-top: 6px solid #e61922;
	position: relative;
}

/* header */
header,
.spLogo {
	width: 100%;
	height: auto;
	z-index: 9999;
	position: absolute;
	top: 0px;
	left: 0;
}

.sub h1,
#headerbg h1 {
	width: 111.48148px;
	height: 60px;
	position: relative;
	top: 10px;
	left: 60px;
	z-index: 99999;
}
.sub h1 a,
#headerbg h1 a{
	width: 111.48148px;
	height: 60px;
	display: block;
	background-image: url(images/logo.png);
	background-position: left top;
	background-size: contain;
	background-repeat: no-repeat;
}

#headercontents {
	position: relative;
	top: 0px;	
}

/* ナビゲーション */
/* .headerleft {
	width: 221px;
	height: 539px;
	float: left;
	margin-top:194px; 	
}

nav ul li a{
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 221px;
	display: block;
	background-position: left top;
	background-size: contain;
	height: 35px;
}

nav ul li li a{
	height: 29px;
}

	nav ul li.gn001 a{background-image: url(images/nav001.png);}
	nav ul li.gn002 a{background-image: url(images/nav002.png);}
	nav ul li.gn003 a{background-image: url(images/nav002-001.png);}
	nav ul li.gn004 a{background-image: url(images/nav002-002.png);}
	nav ul li.gn005 a{background-image: url(images/nav002-003.png);}
	nav ul li.gn006 a{background-image: url(images/nav004.png);}
	nav ul li.gn007 a{background-image: url(images/nav005.png);}
	nav ul li.gn008 a{background-image: url(images/nav006.png);}
	nav ul li.gn009 a{background-image: url(images/nav007.png);}
	nav ul li.gn010 a{background-image: url(images/nav008.png);}
	nav ul li.gn011 a{background-image: url(images/nav009.png);}
	nav ul li.gn012 a{background-image: url(images/nav010.png);}
	
	nav ul li.gn001 a:hover,nav ul li.gn001 a.current{background-image: url(images/nav001_on.png);}
	nav ul li.gn002 a:hover,nav ul li.gn002 a.current{background-image: url(images/nav002_on.png);}
	nav ul li.gn003 a:hover,nav ul li.gn003 a.current{background-image: url(images/nav002-001_on.png);}
	nav ul li.gn004 a:hover,nav ul li.gn004 a.current{background-image: url(images/nav002-002_on.png);}
	nav ul li.gn005 a:hover,nav ul li.gn005 a.current{background-image: url(images/nav002-003_on.png);}
	nav ul li.gn006 a:hover,nav ul li.gn006 a.current{background-image: url(images/nav004_on.png);}
	nav ul li.gn007 a:hover,nav ul li.gn007 a.current{background-image: url(images/nav005_on.png);}
	nav ul li.gn008 a:hover,nav ul li.gn008 a.current{background-image: url(images/nav006_on.png);}
	nav ul li.gn009 a:hover,nav ul li.gn009 a.current{background-image: url(images/nav007_on.png);}
	nav ul li.gn010 a:hover,nav ul li.gn010 a.current{background-image: url(images/nav008_on.png);}
	nav ul li.gn011 a:hover,nav ul li.gn011 a.current{background-image: url(images/nav009_on.png);}
	nav ul li.gn012 a:hover,nav ul li.gn012 a.current{background-image: url(images/nav010_on.png);} */

.headerright {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: -10px;	
}

.headerright p {
	max-width: 509px;
	width: 94%;
	background-image: url(images/header-txt.png);
	background-position: center top;
	background-size: contain;
	height: 72px;
	margin: 0px auto 0;	
}


/* subheader */

/* .sub header {
	width: 316px;
	height: auto;
	z-index: 9999;
	position: absolute;
	left: 50%;
	margin-left: -556.5px;
}


.sub #headerbg {
	min-width: 268px;
	width: 268px;
	height: auto;
	margin: 0;
	padding: 20px;
	border: 4px solid #e61922;
	position: relative;
	background: #FFF;
}

.sub #headercontents {
	position: inherit;
	top: 0;	
}

.sub #headerbg h1 {
	width: 268px;
	height: 146px;
	position: inherit;
	top: 0;
	left: 0;
	z-index: 9999;
}

.sub #headerbg h1 a{
	width: 268px;
	height: 146px;
	display: block;
	background-image: url(images/logoSub.png);
	background-position: left top;
}

.sub .headerleft {
	width: 268px;
	height: auto;
	float: none;
	margin-top: 20px; 	
} */


/* スライド */
/* #sliderbox {
	position: relative;
	top: 6px;
} */

/* 全体レイアウト */

#wrapper {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    overflow: hidden;
	background-repeat: no-repeat;
}

/* clear */
.clear { clear: both; }
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix { min-height: 1px; }
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* a */
a,a:link {text-decoration: none; }
a:hover {opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; color:#f29600;}
a img, img {
	border: none;
	line-height: normal;
	vertical-align: top;
}
/* img */
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
.imgText,
h2,h3,h4 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: contain;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: 70px;
	z-index: 9999;
	background: rgba(0,0,0,0.7);
}


/* [2]headerContainer
----------------------------------------------------*/


/* [3]sidecontents
----------------------------------------------------*/


/* [4]footerContainer
----------------------------------------------------*/
footer {
	border-top: 6px solid #e61922;
	width: 100%;
	margin-top: 30px;
	padding: 10px 0;
}

.footerNav {
	display: none;	
}

footer h2 {float: left; width: 69.5px; margin: 10px 0 0 5px;}
footer h2 a{
	background-image: url(images/footerLogo.png);
	width: 69.5px;
	height: 29.5px;
	background-size: contain;
	display: block;	
}


.footerContents {
	width: 100%;
	margin: 0 auto;
	padding: 5px 0;	
}

.footerTel {
	float: left;
	margin-left: 5px;
}

.footerTel li {
	font-size: 1.1rem;
}	

.footerTel li:nth-of-type(2) {
	font-size: 3.2rem;
	letter-spacing:-0.5px;
	background-image: url(images/footerTel.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 32px;	
	line-height: 1;
}

.footerTel li:nth-of-type(2) a{
	color: #000;
}

.footerRight {
	margin: 15px auto 0;
	width: 94%;
	clear: both;	
}

.footerRight ul li{
	float: right;
	margin-left: 5px;
}

.footerRight p{
	text-align: center;
	font-size: 1.0rem;
	font-weight: lighter;
	margin-top: 5px;
	line-height: 1.1;	
}

/* pageTop */
#pageTop {
	width: 39px;
	height: 39px;
	z-index: 9999;
	position: fixed;
	bottom: 20px;
	right: 20px;

}

#pageTop a{
	width: 39px;
	height: 39px;
	z-index: 9999;
	background-image: url(images/pagetop.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 39px 39px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	display: block;

}

#pageTop a:hover {
	background-image: url(images/pagetop.png);
}



/* [4]Container
----------------------------------------------------*/
#container {
	width: 100%;
	margin: 90% auto 0;
	z-index: 9997;
}

.contBox {
	width: 94%;
	margin: 0 auto;
}

/* sub */
.sub #container {
	width: 100%;
	margin: 10% auto 10px;
	z-index: 9997;
}

/* top */
.boxTopLeft {
	width: 100%;
}

.boxTopRight {
	/* max-width: 309px; */
	width: 100%;
	padding: 1px;
	border: 4px solid #e61922;
	background: #FFF;
	margin: 0 auto;
	box-sizing: border-box;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

#container section.sec001 {
	background-image: url(images/bgTop002.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 40px;
}

#container section.sec002,
#guidance section.sec001 {
	background-image: url(images/bgContents.jpg);
	background-color: #e61922;
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 30px;
}

.boxTopLeft001 {
	width: 100%;
	padding: 1px;
	border: 4px solid #e61922;
	background: #FFF;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.bnr {
	width: 94%;
	margin: 50px auto;	
}

.bnr li{
	margin-bottom: 10px;
}

/* boxTopLeft001 */

.boxTopLeft001 h2 {
	background-image: url(images/ttlTop001.png);
	width: 259px;
	height: 41px;
	background-position: center top;
	margin: 20px auto 10px;	
}
.boxTopLeft001 h3 {
	background-image: url(images/subttlTop001.png);
	width: 282px;
	height: 22px;
	background-position: center top;
	margin: 30px auto 3px;	
}

.boxTopLeft001 p {
	/* background-image: url(images/imgTop001.png);
	background-repeat: no-repeat;
	background-position: right  bottom;
	background-size: 180.6px 141px; */
	height: auto;
	width: 94%;
	text-align: center;
	margin: 0 auto;	
	/* padding-bottom: 130px; */
}

.boxTopLeft001 p br{
	display: none;
}

.boxTopLeft001 p a{
	background-image: url(images/btnTop003.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 249.82758px;
	height: 35px;
	display: block;
	margin: 0px auto 10px;
}

.boxTopLeft001 p a:hover,
.boxTopLeft002 li a:hover{
	opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";
}


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

.boxTopLeft001 ul li{
	width: 209.4px;
	height: auto;
	padding: 2px;
	box-sizing: border-box;
	margin: 0 auto;	
}

@media all and (orientation: landscape) {
.boxTopLeft001 ul {
		width: 426.8px;
}
.boxTopLeft001 ul li{
	float: left;
	margin: 0;	
}
}
.topBg {
	display: none;
}

/* boxTopLeft002 */

.boxTopLeft002 h2 {
	background-image: url(images/ttlTop002.png);
	width: 191.4px;
	height: 39.6px;
	background-position: center top;
	margin: 20px auto 10px;	
}

.boxTopLeft002 li {
	width: 233px;
	margin: 0 auto;
	position: relative;
}

.boxTopLeft002 li a {
	color: #FFF;
}

.boxTopLeft002 li dt {
	width: 223px;
	height: 172px;
	padding: 1px;
	border: 4px solid #e61922;
	background-color: #FFF;
	background-position: center center;
}

.boxTopLeft002 li dt.method001 {background-image: url(images/imgTop002.png);}
.boxTopLeft002 li dt.method002 {background-image: url(images/imgTop003.png);}
.boxTopLeft002 li dt.method003 {background-image: url(images/imgTop004.png);}

.boxTopLeft002 li dt.method001 span {
	background-image: url(images/iconTop001.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 129px;
	height: 81px;
	display: block;
	position: absolute;
	top: 10px;
	left: -30px;
}

@media all and (orientation: landscape) {
.boxTopLeft002 li {
	max-width: 233px;
	width: 30%;
	margin: 1px;
	float: left;
	position: relative;
}

.boxTopLeft002 li:nth-of-type(1) {
	margin-left: 30px;
}

.boxTopLeft002 li dt {
	width: 100%;
	height: 0;	
	/* height: 172px; */
	padding-top: 77.13004%;
	box-sizing: border-box;
}

.boxTopLeft002 li dt.method001 span {
	background-size: 80% auto;
}

}



/* boxTopRight */
#blog .boxTopRight {
	margin-top: 30px;	
}


.boxTopRight h2 {
	background-image: url(images/ttlTop003.png);
	width: 199.5px;
	height: 47.6px;
	margin: 14px auto 0;
	background-position: center top;

}

.boxTopRight h3 {
	background-image: url(images/sub011Side.png);
	width: 131px;
	height: 23px;
	background-position: left top;
	margin: 20px 20px 5px;	
}

.boxTopRight ul {
	width: 94%;
	margin: 0 auto;
	border-top: 2px solid #e5e5e5;	
}

.boxTopRight ul li{
	width: 100%;
	padding: 15px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #e5e5e5;
}

.boxTopRight ul li a{
	color: #333;
}

.boxTopRight ul li:nth-of-type(2n){
	background: #fbfbfb;
}

.boxTopRight ul li:nth-child(n+5) {
  display: none;
}

.boxTopRight ul li dt{
	font-size: 12px;
	font-weight: bold;
}

.boxTopRight div.blogBtn a{
	background-image: url(images/btnTop004.png);
	width: 270px;
	height: 48px;
	margin: 14px auto;
	display: block;	
}

.bloArchive {
	width:  94%;
	margin: 0 auto 20px;
}

select {
    /*　矢印を消す　*/
    -webkit-appearance:none;
    -moz-appearance:none;
        text-indent: .01px; /* Firefox用 */
        text-overflow: ""; /* Firefox用 */
    appearance:none;
     
    /*　背景画像の指定　*/
    width: 94%;
    height: 48px;
    border: 1px solid #f39e24;
    border-radius:5px;
    padding-right:30px;
    background-color:#eee;
    background-image: url(images/sub011Select.png);
    background-repeat: no-repeat;
    background-size: 21px 21px;
    background-position: right center;
    cursor: pointer;
}

/* subContents */

.sub #container section.sec001,
.sub #container section.sec002 {
	background: none;
}

.sub #container section.bgLine,
.sub #container section.sec002.bgLine {
	background-image: url(images/bgContents.jpg);
	background-color: #e61922;
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 30px;
}


.sub #container section h3 {
	margin-bottom: 10px;
}

.bread { display: none;}


.red { color: #e61922; }
.mb10 {margin-bottom: 10px;}
.mt30 {padding-top:30px;}

.redBox {
	border: 4px solid #e61922;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
}

.centerTxt {text-align: center;}
.rightTxt {text-align: right;}
.lineTop {border-top: 2px solid #e61922;}

#subMain h2 {	
	max-width: 793px;
	width: 100%;
	height: 0;
	padding-top: 9.58385%;
}

/* sitemap */
#sitemap #subMain h2 {
	background-image: url(images/ttlSub013.jpg);
	background-position: center top;
}


ul.sitemap {
margin: 50px 0;
}
ul.sitemap li{
margin-bottom: 10px;
}
ul.sitemap li a{
color: #333;
position: relative;
display: inline-block;
vertical-align: middle;
text-decoration: none;
padding: 0 0 0 16px;
}

ul.sitemap li a::before,
ul.sitemap li a::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

ul.sitemap li a::before{
left: 3px;
width: 4px;
height: 4px;
border-top: 2px solid #f29600;
border-right: 2px solid #f29600;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

ul.sitemap li ul{
margin: 20px 0;
}

ul.sitemap li li a::before{
border: none;
}


/* guidance */
#guidance #container section.sec001 {
	background-image: url(images/bgContents.jpg);
	background-color: #e61922;
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 30px;
}
#guidance #subMain h2 {
	background-image: url(images/ttlSub012.jpg);
	background-position: center top;
}


/* contact */

#contact #subMain h2 {
	background-image: url(images/ttlSub001.jpg);
	background-position: center top;
}

#contact .sec001,
#contact .sec002 {
	font-size: 1.4rem;	
}

#contact .sec001 h3 {
	background-image: url(images/sub001Ttl001.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	width: 240.8px;
	height: 17.5px;
	margin: 30px 0 0;
}

#contact .sec002 h3 {
	background-image: url(images/sub001Ttl002.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 199.2px;
	height: 41.4px;
	margin: 0 auto;
}

#contact .sec003 h3 {
	background-image: url(images/sub001Ttl003.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 199.2px;
	height: 41.4px;
	margin: 0 auto;
}

.table dl {
	width: 100%;
	margin: 0 auto 15px;
	
}

.table dl dt {
	width: 100%;
	padding-top: 3px;
}

.table dl dt img {
	vertical-align: middle;
}

.table dl dd {
	width: 100%;
}

input,textarea {
	border: 1px solid #dcdcdc;
	background: #eeeeee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 8px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.table dl dd span {
	font-size: 1.3rem;	
}

.btn input,
.btn a {
	background-color: #e61922;
	background-image: url(images/sub001Btn.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 90%;
	margin: 0 auto 10px;
	color: #FFF;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	padding: 15px 10px;
	display: block;
	cursor: pointer;	
}

#contact section a {
	color: #e61922;
	
}

#contact section .btn a {
	color: #fff;
	
}
#contact .sec003 {
	text-align: center;	
}

#contact .sec003 .tel {
	font-size: 4.0rem;
	letter-spacing: -0.5px;
	background: url(images/sub001Icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px 26.903076px;
	padding-left: 20px;
	line-height: 1;
	color: #e61922;
	width: 270px;
	margin: 0 auto;
	text-align: center;	
}

/* privacy */
#privacy #subMain h2 {
	background-image: url(images/ttlSub002.jpg);
	background-position: center top;
}

#privacy .sec001 h3 {
	background-image: url(images/sub002Ttl001.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	width: 140px;
	height: 18.2px;
	margin: 30px 0 0;
}

#privacy section.sec001 ul {
	border-bottom: 4px solid #e61922;
	border-top: 4px solid #e61922;
	padding: 15px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 30px auto;
}

#privacy section dt {
	background: #eeeeee;
	font-size: 1.4rem;
	padding: 5px;
}

#privacy section dt span{
	color: #FFF;
	background: #e61922;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	margin-right: 5px;
	display: inline-block;
	font-size: 1.6rem;
}

#privacy section dd {
	padding: 5px 10px 10px 30px;
}

/* teacher */
#teacher #subMain h2 {
	background-image: url(images/ttlSub003.jpg);
	background-position: center top;
}

#teacher .sec001 h3 {
	background-image: url(images/txtSub003.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	max-width: 738px;
	height: 90px;
	height: 0;
	padding-top: 12.19512%; 
	margin-bottom: 0;
}

#teacher .sec001 .comment {
	background-image: url(images/iconSub003.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	padding: 4.34782% 0 0;
	width: 100%;
	margin: 0 auto;
}

#teacher .sec001 p {
	border-left: 4px solid #e61922;
	border-right: 4px solid #e61922;
	border-bottom: 6px solid #e61922;
	padding: 10px;
	width: 100%;
	margin: 0 auto;
	font-size: 1.4rem;
	box-sizing: border-box;
}

#teacher #container section.sec001 {
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 30px;	
}

#teacher #container section.sec002 {
	background: url(images/bgSub003.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.teacherBox {
	border-top: 6px solid #e61922;
	border-bottom: 6px solid #e61922;
	background: #FFF;
	padding: 5px 0;
	box-sizing: border-box; 
}
.teacherBox li {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.teacherBox li div.modalBox {
	border-bottom: 2px solid #e61922;
	/* width: 338px;
	height: 200px; */
}

@media all and (orientation: landscape) {
.teacherBox li div.modalBox {
	height: 220px;
}	
	
.teacherBox li {
	width: 50%;
	float: left;
}

.teacherBox li:nth-of-type(2n+1) {
	border-right: 1px solid #e5e5e5;
	padding-right: 10px;
}

.teacherBox li:nth-of-type(2n) {
	float: right;
	padding-left: 10px;
}

.teacherBox li:nth-of-type(2n+1)  div.modalBox{
	padding: 20px 0 20px 20px;
}

.teacherBox li:nth-of-type(2n)  div.modalBox{
	padding: 20px 20px 20px 0;
}
}

.teacherBox li:nth-last-of-type(1) div.modalBox
/* .teacherBox li:nth-last-of-type(2) div.modalBox */ {
	border-bottom: none;
}

.teacherBox li div.modalBox figure {
	float: left;
	border: 1px solid #e5e5e5;
	padding: 1px;
	margin-right: 10px;
}

.teacherBox li div.modalBox  p.teacherCom {
	border-top: 1px solid #e5e5e5;
	margin-top: 10px;
	padding-top: 5px;
	margin-bottom: 20px;
	font-size: 1.3rem;
}

.teacherBox li div.modalBox dl {
	padding-top: 15px;	
}

.teacherBox li div.modalBox dl dt {
	font-size: 20px;
	line-height: 1;
}

.teacherBox li div.modalBox dl dd {
	font-size: 12px;
	margin-top: 15px;
	line-height: 1.2;
}

.teacherBox li div.modalBox dl dt span {
	font-size: 16px;
}

.teacherBox li div.modalBox dl dt span.from {
	font-size: 10px;
	display: block;
	color:#a0a0a0;
}

.teacherBox li div.modalBox dl dd p{
	float: left;
	height: 20px;
}

.teacherBox li div.modalBox a{
	display: block;
	float: right;
	background: #e61922;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	color: #FFF;
	padding: 1px 8px;
	font-size: 11px;
}

/* school */
#school #subMain h2 {
	background-image: url(images/ttlSub004.jpg);
	background-position: center top;}

#school .sec001 h3 {
	background-image: url(images/sub004Ttl001.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 280.4px;
	height: 30px;
	margin: 0 auto;
}

.spNon {display: none;}

#school .sec002 h3 {
	background-image: url(images/sub004Ttl002.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 303.6px;
	height: 36px;
	margin: 0 auto;
}

#school .sec003 h3 {
	background-image: url(images/sub004Ttl003.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 151.8px;
	height: 41.4px;
	margin: 0 auto;
}

#school .sec001 .contBox div {
	border: 4px solid #e61922;
	border-bottom: 6px solid #e61922;
	background: #FFF;
	text-align: center;
	margin-top: 30px;
}

#school .sec001 .contBox div p {
	background: url(images/sub004Bg001.jpg) repeat;
	color: #FFF;
	font-size: 1.6rem;
	padding: 10px;
}

#school .sec001 div p .f25 {
	font-size: 2.0rem;
}

#school .sec001 div h3 {
	margin-top: 25px;
}

#school .sec001 ul li {
	width: 227px;
	margin: 10px auto 0;
}


#school .sec001 ul li dt{
	height: 30px;
	background-position: center top;
	margin: 0 auto;
	background-size: contain;
}

#school .sec001 ul li:nth-of-type(1) dt{
	background-image: url(images/sub004Txt001.png);
	width: 130.2px;
}
#school .sec001 ul li:nth-of-type(2) dt{
	background-image: url(images/sub004Txt002.png);
	width: 130.2px;
}
#school .sec001 ul li:nth-of-type(3) dt{
	background-image: url(images/sub004Txt003.png);
	width: 151.9px;
}

@media all and (orientation: landscape) {
#school .sec001 ul li {
	float: left;
	max-width: 227px;
	width: 32%;
	margin: 10px 1px;
}

}

#school #container section.sec001,
#school #container section.sec002 {
	margin-bottom: 50px;
}

#school #container section.sec002 {
	color: #FFF;	
}

#school #container section.sec002 li {
	border-bottom: 1px solid #FFF;
	padding-top: 10px;	
}

#school #container section.sec002 .redBox {
	padding: 1px;
}


/* course */
#course #subMain h2 {
	background-image: url(images/ttlSub005.jpg);
	background-position: center top;
}

#course .sec001 h3 {
	background-image: url(images/sub005Ttl001.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 68.4px;
	height: 38.4px;
	margin: 0 auto;
}
#course .sec002 h3 {
	background-image: url(images/sub005Ttl002.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 106.2px;
	height: 41.4px;
	margin: 0 auto;
}

#course .sec003 h3 {
	background-image: url(images/sub005Ttl003.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 143.4px;
	height: 36.6px;
	margin: 0 auto;
}

#course .sec002 h4 {
	background-image: url(images/sub005Txt008.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 245.4px;
	height: 26.4px;
	margin: 0 auto;
}

#course .sec003 h4 {
	background-image: url(images/sub005Txt009.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	width: 209.4px;
	height: 44.4px;
}
#course #container section.sec001{
	margin-top: 30px;	
}

#course #container section.sec001,
#course #container section.sec002 {
	margin-bottom: 50px;
}

#course #container section.sec002 {
	color: #333;
}

#course #container section.sec004 {
	padding: 40px 0 60px;	
}

#course #container section.sec001 table {
	border-top: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	width: 100%;
}

#course #container section.sec001 table th,
#course #container section.sec001 table td {
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	padding: 10px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#course #container section.sec001 table th {	
	text-align: center;
	font-weight: bold;
	background: #eee;
}

#course #container section.sec001 table th span {
	float: right;
	color: #FFF;
	font-size: 1.1rem;
	background: #e61922;
	font-weight: normal;
	padding: 0 2px;
}

#course #container section.sec001 table td {
	text-align: right;
	width: 10%;	
}

#course #container section.sec001 table tr.low th,
#course #container section.sec001 table tr.middle th,
#course #container section.sec001 table tr.high th {	
	text-align: left;
}

#course #container section.sec001 table tr.low th {background: #fde0e0;}
#course #container section.sec001 table tr.middle th {background: #fbbfbf;}
#course #container section.sec001 table tr.high th {background: #fda1a1;}

#course #container section.sec001 dl {
	background: #f06513;
	padding: 10px 20px;
	margin: 10px auto 20px;
}

#course #container section.sec001 dd {
	float: left;
}

#course #container section.sec001 dt {
	background: url(images/sub005Txt001.png);
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 140.4px;
	height: 23.1px;
	margin-right: 20px;
}

#course #container section.sec001 dd {
	background: #FFF;
	color: #f06513;
	padding: 0 2px;
	margin: 5px 2px;
	font-size: 1.1rem;
}
.courseBox001 li{
	width: 227px;
	margin: 0 auto 30px;
}

.courseBox001 li img {
	padding: 1px;
	background: #FFF;
	border: 4px solid #e61922;
}

.courseBox001 li p,
.courseBox001 li dt {
	text-align: center;
	background-position: center top;
	width: 159.2px;
	margin: 0 auto;
}

.courseBox001 li p{height: 33.6px;}
.courseBox001 li dt{height: 23.2px;}
.courseBox001 li:nth-of-type(1) p{background-image: url(images/sub005Txt002.png);}
.courseBox001 li:nth-of-type(1) dt{background-image: url(images/sub005Txt003.png);}
.courseBox001 li:nth-of-type(2) p{background-image: url(images/sub005Txt004.png);}
.courseBox001 li:nth-of-type(2) dt{background-image: url(images/sub005Txt005.png);}
.courseBox001 li:nth-of-type(3) p{background-image: url(images/sub005Txt006.png);}
.courseBox001 li:nth-of-type(3) dt{background-image: url(images/sub005Txt007.png);}


.courseBox002 {width: 267.2px; margin: 0 auto;}
.courseBox002 li{
	background-position: center top;
	width: 129.6px;
	height: 129.6px;
	position: relative;
	margin: 10px 0 0;
	float: left;
	margin: 2px;
	box-sizing: border-box;
	background-size: contain;
}

.courseBox002 li:nth-of-type(1) {background-image: url(images/sub005Img004.png);}
.courseBox002 li:nth-of-type(2) {background-image: url(images/sub005Img005.png);}
.courseBox002 li:nth-of-type(3) {background-image: url(images/sub005Img006.png);}
.courseBox002 li:nth-of-type(4) {background-image: url(images/sub005Img007.png);}

.courseBox002 li:nth-of-type(2) a{
	display: block;
	position:absolute;
	right: 0;
	bottom: 0;
	text-indent: 0;
	overflow: inherit;
	white-space: inherit;
}

.courseBox003 {
	background: url(images/sub005Bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	max-width: 735px;
	width: 100%;
	max-height: 1012px;
	margin: 0 auto;
	position: relative;
}

.courseBox003 p{
	width: 100%;
	margin: 5px auto 10px;
}

.courseBox003 li {
	border: 4px solid #e61922;
	background-position: left top;
	background-size: contain;
	margin: 0 auto 10px;	
}

.courseBox003 li:nth-of-type(1) {
	background-image: url(images/sub005Img008.png);
	width: 181px;
	height: 167px;
	
}

.courseBox003 li:nth-of-type(2) {
	background-image: url(images/sub005Img009.png);
	width: 299.5px;
	height: 118px;

}

.courseBox003 li:nth-of-type(3) {
	background-image: url(images/sub005Img010.png);
	width: 299.5px;
	height: 165.5px;

}

@media all and (orientation: landscape) {
#course #container section.sec001 dt {
	float: left;	
}
	
#course #container section.sec002 {
	background-image: url(images/sub005BgLine.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #e61922;
	color: #FFF;
}

.courseBox001 li,
.courseBox002 li {
	float: left;	
}

.courseBox001 li:nth-of-type(2) {
	margin: 0 10px 30px;	
}

.courseBox001 li{
	max-width: 227px;
	width: 31%;
	margin: 0 2px 30px;
}

.courseBox002 {width: 456px; margin: 0 auto;}
.courseBox002 li{
	background-position: center top;
	width: 110px;
	height: 110px;
	position: relative;
	margin: 10px 0 0;
	float: left;
	margin: 2px;
	box-sizing: border-box;
	background-size: contain;
}

.courseBox003 {
	background-position: right bottom;
	height: 600px;

}

.courseBox003 p{
	position: absolute;
	top: 50px;
	left: 0;
	width: 60%;
	margin: 5px auto 10px;
}

.courseBox003 li {
	margin: 0 0 10px;
	position: absolute;	
}

.courseBox003 li:nth-of-type(1) {
	top: 20px;
	right: 0;
	
}

.courseBox003 li:nth-of-type(2) {
	top: 220px;
	left: 20%;

}

.courseBox003 li:nth-of-type(3) {
	top: 380px;
	right: 0;

}


}

/* concept */
#concept #subMain h2 {
	background-image: url(images/ttlSub006.jpg);
	background-position: center top;
}

#concept .sec001 h3 {
	background-image: url(images/sub006Ttl001.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	width: 181.8px;
	height: 30px;
}
#concept .sec002 h3 {
	background-image: url(images/sub006Ttl002.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	width: 181.8px;
	height: 30px;
}

#concept .sec001 h4 {
	background-image: url(images/sub006Txt001.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	width: 236.4px;
	height: 64.2px;
	margin-bottom: 10px;
}
#concept .sec002 h4 {
	background-image: url(images/sub006Txt002.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	width: 276px;
	height: 31.8px;
	margin-bottom: 10px;
}

.conceptBox {
	position: relative;
	margin-top: 60px;
}

.conceptBox figure.conceptImg {
	position: absolute;
	top: -50px;
	right: 0px;
	width: 100px;
}

#concept #container section h3 {
	margin-bottom: 0;
}

.conceptBox001 {
	border-top: 1px solid #dcdcdc;
	padding: 10px;
	margin-top: 20px;	
}

.conceptBox001 figure{
	width: 217px;
	 margin: 0 auto;
}

.conceptBox001 figure img{
	padding: 2px;
	border: 1px solid #eee;
}

.conceptBox001 dt{
	background: url(images/sub006Txt003.png);
	background-position: left top;
	background-size: contain;
	width: 249.6px;
	height: 20.8px;
	margin: 20px 0 10px;
}


@media all and (orientation: landscape) {
.conceptBox figure.conceptImg {
	width: 150px;
}

.conceptBox001 figure{
	float: left;
	margin-right: 20px;
	width: 40%;
}

	
}


/* method001 */
#method001 #subMain h2 {
	background-image: url(images/ttlSub007.jpg);
	background-position: center top;
}

#method001 .sec001 h3 {
	background-image: url(images/sub007Ttl001.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 263px;
	height: 37px;
	margin: 0px auto 0;
}
#method001 .sec002 h3 {
	background-image: url(images/sub007Ttl002.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 304.2px;
	height: 40.2px;
	margin: 80px auto 0;
}
#method001 .sec003 h3 {
	background-image: url(images/sub007Ttl003.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 306px;
	height: 39px;
	margin: 80px auto 0;
}
#method001 .sec004 h3 {
	background-image: url(images/sub007Ttl004.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 252.6px;
	height: 37.2px;
	margin: 80px auto 0;
}
#method001 .sec005 h3 {
	background-image: url(images/sub007Ttl005.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 279px;
	height: 27px;
	margin: 80px auto 0;
}


.redBoxBottom {
	border: 4px solid #e61922;
	border-bottom: 6px solid #e61922;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.methodTtl {
	font-size: 1.8rem;
	background-image: url(images/sub004Bg001.jpg);
	color: #FFF;
	text-align: center;
	padding: 10px;
	margin-top: 30px;	
}

#method001 .sec001 div div dl{
	/* float: left; */
	margin-top: 20px;	
}

#method001 .sec001 div div dt{
	background-image: url(images/sub007Txt001.png);
	background-position: left top;
	background-size: contain;
	width: 168.6px;
	height: 43.8px;	
}

#method001 .sec001 div div figure{
	/* float: right; 
	width: 307px;*/
	width: 100%;
	max-width: 307px;
	margin: 0 auto;	
}

#method001 .sec001 div div dd{
	font-size: 1.6rem;
	padding: 5px 0 0 10px;	
}

#method001 .sec001 div div dd span{
	font-size: 1.8rem;
	font-weight: bold;
	color: #1c9e02;	
}

#method001 .sec001 ul {
	width: 182px;
	margin: 0 auto;	 	
}

#method001 .sec001 li {
	/* float: left; */
	width: 182px;
	height: 82px;
	text-align: center;
	padding: 100px 0 0 0;
	margin: 0 5px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;	 	
}

#method001 .sec001 li:nth-of-type(1) {background-image: url(images/sub007Bg001.png);}
#method001 .sec001 li:nth-of-type(2) {background-image: url(images/sub007Bg002.png);}
#method001 .sec001 li:nth-of-type(3) {background-image: url(images/sub007Bg003.png);}


#method001 .sec002 h4 {
	background-image: url(images/sub007Txt002.png);
	background-position: center top;
	background-size: contain;
	width: 252.7px;
	height: 23.1px;
	margin: 30px auto 0;
}

#method001 .sec002 ul li {
	/* float: left; */
	position: relative;
	width: 210px;
	margin: 0 auto;
}


#method001 .sec002 ul li dt {
	background-position: left top;
	position: absolute;
	width: 45px;
	height: 45px;
	top: 0;
	left: 0;
	z-index: 10;
}

#method001 .sec002 ul li:nth-of-type(1) dt {background-image: url(images/sub007Icon001.png);}
#method001 .sec002 ul li:nth-of-type(2) dt {background-image: url(images/sub007Icon002.png);}
#method001 .sec002 ul li:nth-of-type(3) dt {background-image: url(images/sub007Icon003.png);}

#method001 .sec002 ul li dd {
	background-image: url(images/sub004Bg001.jpg);
	background-repeat: repeat;
	width: 200px;
	color: #FFF;
	text-align: center;
	margin-left: 10px;
	margin-top: 10px;
	padding: 10px 0;
}

#method001 .sec002 ul li:nth-of-type(2) dd,
#method001 .sec002 ul li:nth-of-type(3) dd {padding: 20px 0;}


#method001 .sec003 div div figure{
	max-width: 420px;
	width: 100%;	
}

#method001 .sec003 div div ul {
	margin-top: 5px;	
}

#method001 .sec003 div div ul li{
	background: #eeeeee;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 1px;	
}

#method001 .sec003 div div ul dt,
#method001 .sec003 div div ul dd{
	float: left;	
}

#method001 .sec003 div div ul dt {
	width: 49px;
	height: 49px;
	margin-right: 5px;
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
}

#method001 .sec003 div div ul dd{
	width: 80%;
	padding-top: 5px;	
}

#method001 .sec003 div div ul li:nth-of-type(1) dt {background-image: url(images/sub007Txt003.png);}
#method001 .sec003 div div ul li:nth-of-type(2) dt {background-image: url(images/sub007Txt004.png);}
#method001 .sec003 div div ul li:nth-of-type(3) dt {background-image: url(images/sub007Txt005.png);}
#method001 .sec003 div div ul li:nth-of-type(4) dt {background-image: url(images/sub007Txt006.png);}

#method001 .sec004 .redBox figure {
	position: relative;
	display: block;
	width: 182px;
	height: 206px;
	margin: 0 auto;	
}

#method001 .sec004 .redBox figure a{
	position: absolute;
	bottom: 0;
	right: 0;	
}

#method001 .sec004 .redBox p {
	padding-top: 10px;	
}


@media all and (orientation: landscape) {
#method001 .sec001 div div dl{
	float: left;
}

#method001 .sec001 div div figure{
	float: right; 
	width: 40%;
}

#method001 .sec001 ul {
	width: 516px;
	margin: 0 auto;	 	
}

#method001 .sec001 li {
	float: left;
	width: 32%;
	max-width: 170px;
	height: 90px;
	text-align: center;
	padding: 80px 0 0 0;
	margin: 0 2px;	 	
}


#method001 .sec002 ul li {
	float: left;
	position: relative;
	max-width: 210px;
	width: 32%;
	margin: 0 2px;
}

#method001 .sec002 ul li dd {
	width: 95%;
}

#method001 .sec003 div div figure{
	float: left;
	max-width: 420px;
	width: 50%;	
}

#method001 .sec003 div div ul {
	float: right;
	width: 48%;
	margin-top: 5px;
	font-size: 1.2rem;	
}

#method001 .sec003 div div ul dd{
	width: 75%;
	padding-top: 5px;	
}

#method001 .sec004 .redBox figure {
	float: left;
	position: relative;
	display: block;
	max-width: 182px;
	height: auto;
	margin: 0;
	width: 50%;
	top: 10px;
	left: 10px;	
}

#method001 .sec004 .redBox p {
	float: right;
	width: 60%;
	max-width: 480px;
	padding-top: 10px;	
}
	
}


/* method002 */
#method002 .sec001 {
	margin-top: 30px;	
}

#method002 #subMain h2 {
	background-image: url(images/ttlSub008.jpg);
	background-position: center top;
}

#method002 .sec001 h3 {
	background-image: url(images/sub008Ttl001.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 252px;
	height: 42.6px;
	margin: 20px auto 0;
}
#method002 .sec002 h3 {
	background-image: url(images/sub008Ttl002.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 300.85px;
	height: 34.1px;
	margin: 80px auto 0;
}

#method002 .method002Box {
	background-image: url(images/iconSub003.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	max-width: 736px;
	width: 100%;
	height: 0;
	padding-top: 3.80434%;
}

#method002 .method002Box div {
	border-bottom: 6px solid #e61922;
	border-left: 4px solid #e61922;
	border-right: 4px solid #e61922;
	position: relative;
	box-sizing: border-box;
	padding: 20px;
}

.methodSubTtl {
	background: url(images/sub008Txt001.png);
	background-position: left top;
	background-size: contain;
	width: 60px;
	height: 60px;
	position: absolute;
	top: -30px;
	right: -6px;
}

.methodTxt {
	background: #e61922;
	color: #FFF;
	text-align: center;
	font-size: 1.4rem;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
	padding: 10px;
	margin: 10px auto;
	line-height: 1.2;
}

.method002Box div li {
	float: left;
	margin: 0 auto;
}

.method002Box div li dd {
	padding: 10px;
	box-sizing: border-box;		
}

.method002Box div li:nth-of-type(1){
	width: 100%;
	border: 4px solid #25bae5;
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 30px auto 0;
}
.method002Box div li:nth-of-type(2){
	margin: 5px auto;
	width: 100%;
	text-align: center;
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.method002Box div li:nth-of-type(3){
	/*max-width: 385px; */
	width: 100%;
	border: 4px solid #f29600;
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.method002Box div li:nth-of-type(1) dt{
	background-image: url(images/sub008Txt002.png);
	background-position: center top;
	background-size: contain;
	width: 132.6px;
	height: 24.7px;
	margin: 0 auto 5px;
}

.method002Box div li:nth-of-type(3) dt.imgText{
	background-image: url(images/sub008Txt003.png);
	background-position: center top;
	background-size: contain;
	width: 230.1px;
	height: 24.7px;
	margin: 0 auto 5px;
}

.method002Box div li:nth-of-type(3) .method002SubBox dt {
	/* float: left; */
	color: #FFF;
	background: #e61922;
	text-align: center;
	/* width: 78px;
	height: 58px; */
	padding: 5px;
	box-sizing: border-box;
	width: 94%;
	margin: 0 auto;
	font-size: 1.3rem;	
}

.method002Box div li:nth-of-type(3) .method002SubBox dt br{
	display: none;
}

.method002Box div li:nth-of-type(3) .method002SubBox dd {
	/* float: left; */
	background: #eeeeee;
	/* width: 268px;
	height: 68px; */
	padding: 5px;
	box-sizing: border-box;	
	width: 94%;
	margin: 0 auto;	
	font-size: 1.2rem;
}

#method002 .sec002 ul {
	margin-top: 20px;
	
}

#method002 .sec002 ul li {
	float: left;
	margin: 0 1px;	
}

#method002 .sec002 ul li:nth-of-type(1) {
	background: url(images/sub008Txt004.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 107.25px 53.95px;
	width: 100%;
	height: 53.95px;	
}
#method002 .sec002 ul li:nth-of-type(3) {
	background: url(images/sub008Txt005.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 74.75px 53.95px;
	width: 49%;
	height: 53.95px;	
}
#method002 .sec002 ul li:nth-of-type(4) {
	background: url(images/sub008Txt006.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 74.75px 53.95px;
	width: 49%;
	height: 53.95px;	
}
#method002 .sec002 ul li:nth-of-type(6) {
	background: url(images/sub008Txt007.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 95.55px 53.95px;
	width: 100%;
	height: 53.95px;	
}

#method002 .sec002 ul li:nth-of-type(2),
#method002 .sec002 ul li:nth-of-type(5) {
	margin: 2px 8px;
	width: 100%;
	text-align: center;	
}

#method002 .sec003,
#method003 .sec004 {
	margin-bottom: 50px;	
}

@media all and (orientation: landscape) {
.method002Box div li:nth-of-type(1){
	width: 30%;
	border: 4px solid #25bae5;
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 30px auto 0;
}
.method002Box div li:nth-of-type(2){
	margin: 80px auto;
	width: 10%;
	text-align: center;
	-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.method002Box div li:nth-of-type(3){
	/*max-width: 385px; */
	width: 59%;
	border: 4px solid #f29600;
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	
	
#method002 .sec002 ul {
	width: 490px;
	margin: 20px auto;	
}
	
#method002 .sec002 ul li:nth-of-type(1) {
	background-size: contain;
	width: 107.25px;	
}
#method002 .sec002 ul li:nth-of-type(3) {
	background-size: contain;
	width: 74.75px;	
}
#method002 .sec002 ul li:nth-of-type(4) {
	background-size: contain;
	width: 74.75px;	
}
#method002 .sec002 ul li:nth-of-type(6) {
	background-size: contain;
	width: 95.55px;
}

#method002 .sec002 ul li:nth-of-type(2),
#method002 .sec002 ul li:nth-of-type(5) {
	margin: 2px 8px 0;
	width: 39px;
	text-align: center;	
}
	
}

/* method003 */
#method003 #subMain h2 {
	background-image: url(images/ttlSub009.jpg);
	background-position: center top;
}

#method003 .sec001 h3 {
	background-image: url(images/sub009Ttl001.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 228.48px;
	height: 33.6px;
	margin: 0px auto 0;
}
#method003 .sec002 h3 {
	background-image: url(images/sub009Ttl002.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 300.6px;
	height: 36px;
	margin: 80px auto 0;
}

#method003 .sec003 h3 {
	background-image: url(images/sub009Ttl003.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 163.2px;
	height: 37.2px;
	margin: 80px auto 0;
}

#method003 .sec001 h4 {
	background-image: url(images/sub009Txt001.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 226.2px;
	height: 43.2px;
	margin: 0px auto 0;
}

#method003 .sec002 h4 {
	background-image: url(images/sub009Txt002.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	width: 238.8px;
	height: 21.6px;
	margin: 0;
}

#method003 .sec002 div div div h4 {
	background-image: url(images/sub009Txt003.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 219px;
	height: 27px;
	margin: 0px auto 10px;
}


.redBoxBottom001 {
	border: 4px solid #e61922;
	border-bottom: 6px solid #e61922;
	padding: 5px 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#method003 .sec002 .redBoxBottom001 {
	background-image: url(images/sub009Img007.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 100px 96.791443px;
}

#method003 .sec001 {
	font-size: 1.6rem;	
}

#method003 .sec001 figure{
	max-width: 555px;
	width: 100%;
	margin: 0 auto;
	text-align: center;	
}

#method003 .sec002 p{
	margin-bottom: 20px;	
}

ul.methodPoint001 li {
	/* float: left; */
	position: relative;
	/* width: 210px;
	margin-left: 15px; */
}

ul.methodPoint001 li:first-child {
	margin-left: 0px;
}

ul.methodPoint001 li dt {
	background-position: left top;
	background-size: contain;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0;
	left: -5px;
	z-index: 10;
}

ul.methodPoint001 li:nth-of-type(1) dt {background-image: url(images/sub009Icon001.png);}
ul.methodPoint001 li:nth-of-type(2) dt {background-image: url(images/sub009Icon002.png);}
ul.methodPoint001 li:nth-of-type(3) dt {background-image: url(images/sub009Icon003.png);}

ul.methodPoint001 li dd {
	background-image: url(images/sub004Bg001.jpg);
	background-repeat: repeat;
	width: 90%;
	color: #FFF;
	text-align: center;
	margin-left: 10px;
	margin-top: 10px;
	padding: 10px 0;
	font-size: 1.4rem;
}

/* ul.methodPoint001 li:nth-of-type(1) dd,
ul.methodPoint001 li:nth-of-type(3) dd {padding: 22px 0;}

ul.methodPoint001 li:nth-of-type(2) dd {width: 300px;}
*/
.methodPointBox {
	background: #eeeeee;
	padding: 8px;
	margin-bottom: 10px;
	box-sizing: border-box;	
}

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

.methodPointBox li {
	float: left;
	max-width: 180px;
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
}

.f18 {
	font-size: 1.6rem;
}

.f18 span{
	display: block;
	background-image: url(images/sub009Txt004.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 241.5px;
	height: 26.5px;
	margin: 20px 0 0;
}

#method003 .sec003 figure{
	/* float: left; */
	width: 175px;
	margin: 0 auto 10px;	
}

#method003 .sec003 .mediaBox{
	/* float: right;
	width: 480px; */
	width: 100%;
}

#method003 .sec003 .mediaBox li{
	background: #eee;
	margin-bottom: 1px;
	padding: 10px;
	box-sizing: border-box;
}


#method003 .sec003 .mediaBox li dt{
	/*float: left; */
	font-size: 1.2rem;
	width: 120px;
}

#method003 .sec003 .mediaBox li dd{
	/* float: left; */
	font-size: 1.3rem;
}

#method003 .sec003 .mediaBox li dd br{
	display: none;
}

#method003 .sec003 .mediaBox li dd span.orenge{
	font-size: 14px;
	color: #f29600;
}

.mediaBox p span{font-size: 1.1rem;}
.mediaBox p span.red{font-size: 1.4rem;}
#method003 .sec004 {
	margin-top: 50px;	
}


@media all and (orientation: landscape) {
ul.methodPoint001 li {
	float: left;
	width: 24%;
	margin-left: 1px;
}

ul.methodPoint001 li:nth-of-type(2) {
	float: left;
	width: 50%;
	margin-left: 9px;
}

ul.methodPoint001 li:nth-of-type(1) dd,
ul.methodPoint001 li:nth-of-type(3) dd {		
	padding: 20px 0;	
}

.methodPointBox li {
	float: left;
	max-width: 180px;
	width: 20%;
	padding: 5px;
	box-sizing: border-box;
}

#method003 .sec003 figure{
	float: left;
	width: 30%;
	margin: 0;
	padding: 0 5px 0 0;
	box-sizing: border-box;	
}

#method003 .sec003 .mediaBox{
	float: right;
	width: 70%;
}
}
/* gallery */
#gallery #subMain h2 {
	background-image: url(images/ttlSub010.jpg);
	background-position: center top;
}

#gallery .sec001 h3 {
	/* background-image: url(images/sub010Ttl001.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 279px;
	height: 15.6px; */
	text-indent: 0;
	white-space: inherit;
	overflow: inherit;
	margin: 0px auto 0;
	font-size: 20px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	text-align: center;
	margin: 30px auto 0;
}

#gallery .sec001 ul {
	width: 94%;
	flex-wrap: wrap;
	display: flex;
	margin:  0 auto;	
}



#gallery .sec001 ul li {
      /* width: 90px;
	  height: 90px;
	  display: flex;
	  
	  height: calc(33.3% - 10px);
	 margin: 5px;
	background: #FFF;
	box-sizing: border-box;
	border: 1px solid #e61922;
	padding: 1px; */
	position: relative;
}


#gallery .sec001 ul li a{
	display: block;
	bottom: 0;
	right: 0;
	position: absolute;
}


#gallery .sec001 ul li img{
 width: auto;
 height: auto;
	margin: auto;
}

#gallery .sec001 ul li p {
	margin: 10px 0;
}

.pager {
	margin-top: 30px;	
}

.pager a{
	background: #fcb540;
	border-radius: 3px;
	padding: 10px;
	color: #FFF;
	display: block;
	float: left;
	margin-right: 3px;
}

.pager a:hover,
.pager a.current{
	background: #f29600;
	border-radius: 3px;
	padding: 10px;
	color: #FFF;
	display: block;
	float: left;
	margin-right: 3px;
}

.pager a.next{
	float: right;
	margin-right: 0;
}

/* blog */
#blog #subMain h2 {
	background-image: url(images/ttlSub011.jpg);
	background-position: center top;
}

#blog .sec001 h3 {
	background-image: url(images/sub011Ttl001.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 94.8px;
	height: 38.4px;
	margin: 30px auto 0;
}

.redBox003 {
	border: 4px solid #e61922;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
	margin-top: 10px;
}

#blog .sec001 li {
	padding: 8px 4px;
	border-bottom: 1px dashed #eee;
	display: table;
	border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 10px 3px;
	width: 100%;
	box-sizing: border-box;
}


#blog .sec001 li a{
	background: url(images/sub011Icon001.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	background-size: 22px 22px;
	display: block;
}


#blog .sec001 li figure{
	width: 60px;
	height: 60px;
	/* float: left; */
	background: #FFF;
	border: 2px solid #f29600;
	padding: 3px;
	position: relative;
	display: table-cell; /*上下中央*/
	text-align: center; /*左右中央*/
	vertical-align: middle; /*上下中央*/
}

#blog .sec001 li figure img{
	width:auto;
	height:auto;
	max-width: 60px;
	max-height: 60px;
}

#blog .sec001 li dl {
	display: table-cell;
	width: 100%;		
}

#blog .sec001 li a dt {
	color: #898989;
	font-size: 1.0rem;	
}

#blog .sec001 li a dd {
	color: #f29600;
	font-size: 1.4rem;
	margin-top: 10px;	
}

.blogTtl {
	color: #f29600;
	border: 1px dashed #eee;
	font-size: 1.4rem;
	line-height: 1.2;
	padding: 10px 8px 5px;
}

.blogTtl span {
	display: block;
	color: #898989;
	font-size: 1.0rem;
}

.blogEntry {
	padding: 5px 8px 10px;
}

.blogEntry p img{
	max-width: 652px;
	margin: 0 auto;
	text-align: center;
	padding: 5px 0;
	width: 100%;
	box-sizing: border-box;
}


	/* モーダルウィンドウ */
	.modal-content {
		position:fixed;
		display:none;
		z-index:99999;
		width:90%;
		height: 240px;
		margin:0 auto;
		padding:0;
		background:none;
		border-radius: 0;
	}
	
	.modal-content1 {
		position:fixed;
		display:none;
		z-index:99999;
		/* width:780px; */
		width:80%;

		margin:0 auto;
		padding: 10px;
		background:#FFF;
		border-radius: 5px;
		border: 4px solid #e61922;
		/* add */
		text-align: center;
		box-sizing: border-box;
	}
	
	.modal-content2 {
		position:fixed;
		display:none;
		z-index:99999;
		width:90%;
		max-width: 387px;
		/* width:387px; */
		margin:0 auto;
		padding: 10px;
		background:#FFF;
		border-radius: 5px;
		border: 4px solid #e61922;
		/* add */
		text-align: center;
	}
	
	.modal-content3 {
		position:fixed;
		display:none;
		z-index:99999;
		max-width:598px;
		width:80%;
		margin:0 auto;
		padding: 10px;
		background:#FFF;
		border-radius: 5px;
		border: 4px solid #e61922;
	}
	
	.modal-content1 img{
		max-height: 280px;
		width: auto;
	}
	
	.modal-content div.staffcontent {
		position: relative;
		width: 100%;	
	}
	
	.modal-content div.right{
		width:100%;
		height: 240px;
		overflow-y: auto;
		position: absolute;
		top: 0;
		left: 0;
		padding:20px;
		background:#FFF;
		border-radius: 5px;
		border: 4px solid #e61922;
		box-sizing: border-box;
	}
	
	.modal-content div.left{
		position: absolute;
		top: -30px;
		left: -5px;
		z-index: 10;
		background: #e61922;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		width: 118px;
		height: 116px;
		padding-top: 1px;
		text-align:center;
	}


	.modal-content div.left figure {
    overflow: hidden;
    width: 116px;/* トリミングしたい枠の幅 */
    height: 114px;/* トリミングしたい枠の高さ */
    position: relative;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

	.modal-content div.left figure img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	
	.modal-content div.right dl,
	.modal-content div.right p{
		width: 100%;
	}
	
	.modal-content div.right dl {
		parring-left: 60px;	
	}
	
.modal-content div.right  p.teacherCom {
	border-top: 1px solid #e5e5e5;
	margin-top: 10px;
	padding-top: 5px;
	font-size: 1.3rem;
}


.modal-content div.right dl dt {
	font-size: 1.8rem;
	line-height: 1;
	width: 100%;
	padding-top: 0px;
	text-align: right;
}

.modal-content div.right dl dd {
	font-size: 1.1rem;
	margin-top: 1.4rem;
	line-height: 1.2;
	width: 100%;
	text-align: right;
}

.modal-content div.right dl dt span {
	font-size: 1.5rem;
}

.modal-content div.right dl dt span.from {
	font-size: 10px;
	display: block;
	color:#a0a0a0;
}

	
	.modal-content p {
		margin:0;
		padding:0;
	}
	
.modal-content3 h5 {
	color: #e61922;
	font-size: 1.6rem;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	line-height: 1;
	padding-bottom: 5px;
}

.modal-content3 h5 span {
	display: block;
	color: #d2d2d2;
	font-size: 1.0rem;
}

.modal-content3 figure {
	float: left;
	margin: 0 10px 10px 0;
	width: 100px;
}

.modal-content3 div {
	height: 240px;
	overflow-y:auto;
	width: 100%;
}
	
	
	
	.modal-overlay {
		z-index:99998;
		display:none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:120%;
		background-color:rgba(230,25,34,0.8);
	}
	
	.modal-open {
		color:#00f;
		text-decoration:underline;
	}
	
	.modal-open:hover {
		cursor:pointer;
		color:#f00;
	}
	
	.modal-close {
		color:#00f;
		text-decoration:underline;
		position: absolute;
		top:-25px;
		right: -25px;
	}
	
	.modal-close:hover {
		cursor:pointer;
		color:#f00;
	}


.worksflick {
	width: 100%;
}

.bxslider01 {
	z-index: 9998;
	display: block;
	background: none;
}

.bxslider01 li {
		/* border: 4px solid #e61922;
		padding: 1px;
		width: 226px;
		background: #FFF; */
		background: none;
		width: 236px;
}

.bxslider01 li img{
		border: 4px solid #e61922;
		padding: 1px;
		width: 226px;
		background: #FFF;
}

.worksflick .bx-wrapper .bx-prev {
	left: -20px;
	background: url(images/sub007prev.png) no-repeat 0 0;
}

.worksflick .bx-wrapper .bx-next {
	right: -20px;
	background: url(images/sub007next.png) no-repeat 0 0;
}

/* ------------------------------
   MEDIAQUERIES LAYOUT
------------------------------ */
@media only screen and (max-width: 800px) {
    #menuList ul {
        width: 100%;
    }
 
    #menuList ul li {
        width: 20%;
    }
}
 
/* ------------------------------
   MEDIAQUERIES[SP]LAYOUT
------------------------------ */
@media only screen and (max-width: 768px) {
    #menuList {
        display: none;
    }
 
    #menuOverlay {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color:rgba(230,25,34,0.8);
        display: none;
        position: fixed;
        z-index: 99997;
    }
 
    #switchBtnArea {
        width: 50px;
        height: 50px;
		position: relative;
    }
 
    #switchBtnArea #switchBtn {
        top: 10px;
        left: 10px;
        width: 40px;
        height: 40px;
        display: block;
        background: #e61922;
        position: fixed;
        border-radius: 3px;
        z-index: 99998;
    }
 
    #switchBtnArea #switchBtn span {
        left: 20%;
        width: 60%;
        height: 4px;
        display: block;
        position: absolute;
        background-color: #fff;
        border-radius: 3px;
        transition: all 0.2s linear;
    }
    #switchBtnArea #switchBtn span:nth-of-type(1) {
        top: 10px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    #switchBtnArea #switchBtn span:nth-of-type(2) {
        top: 18px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    #switchBtnArea #switchBtn span:nth-of-type(3) {
        bottom: 10px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
 
    #switchBtnArea #switchBtn.btnClose {
        background: transparent;
    }
    #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
        top: 18px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
        bottom: 18px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
 
    #rwdMenuWrap {
        top: 0;
        left: -220px;
        width: 220px;
        height: 100%;
        background: #fff;
        overflow: auto;
        position: fixed;
        z-index: 99999;
    }
	 
    #rwdMenuWrap ul {
        width: 100%;
    }

    #rwdMenuWrap ul li {
        width: 100%;
    }
 
    #rwdMenuWrap ul li a,
    #rwdMenuWrap ul ul li span {
        padding: 15px 20px;
        text-align: left;
        display: block;
		background-color: #fff;
		background-image: url(images/navSp001.png);
		background-repeat: no-repeat;
		background-position: left center;
		position: relative;
		color: #e61922;
		border-bottom: 1px solid #333;
    }

    #rwdMenuWrap ul ul li a,
    #rwdMenuWrap ul ul li span{
		background-color: #fff;
		background-image: url(images/navSubSp001.png);
		background-repeat: no-repeat;
		background-position: 10px center;
		text-align: left;
		color: #333;
		border-bottom: 1px solid #333;
    }

	#rwdMenuWrap ul ul li span {
		display: block;
	}

    #rwdMenuWrap ul ul li figure{
        display: none;
	}
		
	#rwdMenuWrap div.menuSp{
		width: 95%;
		margin: 5px auto;
		text-align: center;
	}
	
	#rwdMenuWrap figure,#rwdMenuWrap #headerbg h1 {display: none;}
 
   #contents {
        width: 100%;
    }
	
	#rwdMenuWrap .boxTopRight {
		width: 94%;
	}
	
    #rwdMenuWrap .boxTopRight ul li a,
    #rwdMenuWrap .boxTopRight ul ul li span {
        padding: 0;
        text-align: left;
        display: block;
		background: none;
		position: relative;
		color: #333;
		border-bottom: none;
    }
 
     /* #contents p {
        padding: 0 20px 2em 20px;
    } */
}
 
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
#menuList > ul:before,
#menuList > ul:after {
    content: " ";
    display: table;
}
#menuList > ul:after {clear: both;}
#menuList > ul {*zoom: 1;}


.mapBox li{padding: 2px; box-sizing: border-box; }


.ggmap {
position: relative;
/* padding-bottom: 56.25%;
padding-top: 30px; */
width: 100%;
height: 300px;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}