/* 元サイトtemplate.css/responsive.cssから自動抽出（extract_legacy_css.pl） */
html { font-size:62.5%; }
main { font-size:1.5rem; }

/* ===== template.css ===== */
.midashi_q{
  display:block;
  cursor:pointer;
padding-right:15px;
 
 }
.midashi_q:after{
    color: #909090;
    content: "\f0ab";
    font-family: FontAwesome;
	margin-right: 7px;
position:absolute;
right:10px;
}
.midashi_q.active:after{
    color: #909090;
    content: "\f0aa";
    font-family: FontAwesome;
	margin-right: 7px;
}
.box_a{
   display:none;
}
.box_a p{
margin-bottom:15px;
}
.admin .box_a{
   display:blocck;
}
.midashi_q{
	color: #333;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #E2E2E2;
	background-color: #f7f7f7;
position:relative;
}
.midashi_q:before{
    color: #42B9D0;
    content: "Q.";

    margin-right: 8px;
}
.box_a{
	padding: 15px 15px 15px 45px;
	position: relative;
}
.box_a:before{
    color: #FF4F63;
    content: "A.";
position: absolute;
	left: 20px;
	top:15px;
	font-weight: bold;
    margin-right: 8px;
}
.btm0{
padding-bottom:0;
}
.mt0{
margin-top: 0px;
}
.f_box{
	display: flex;
	flex-wrap: wrap;
}
.maru__box{
	width: 32%;
	margin: 0.5%;
	background-color: #137ebe;
	border-radius: 15px;
	padding: 20px;
	color: #fff;
}
.maru__box h4{
	border-bottom: solid 1px rgba(255,255,255,0.45);
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
}
.taiken_box{
	width: 48%;
	margin: 1%;
	border: solid 3px #36406f;
	border-radius: 15px;
	padding: 50px 20px 20px 20px;
	position: relative;
	margin-top: 50px;
}
.taiken_box img{
	position: absolute;
	top:-40px;
	left: 50%;
	transform: translateX(-50%)
}
.taiken_box li{
	margin-bottom: 10px;
	text-indent: -1.5rem;
	margin-left: 1.5rem;
}
.taiken_box li::before{
	  content:'●';
  font-weight: 900;
  color: #36406f;
	margin-right: 5px;
}
#course .column03{
margin-top: 40px;
}
.column03 iframe{
  width: 100%;
  height: 100%;
}
#course .column03 .inner{
margin-bottom: 20px;
}
#course .column03 .inner:nth-child(3n){
        margin-right: 0%;
}
.student_login_btn_wrap .btn03_wrap{
		width: 48%;
		border: solid 1px #46bf3f;
		padding: 20px;
	}
.student_login_btn_wrap .btn03_wrap h4{
		font-size: 2.3rem;
		text-align: center;
		margin: 20px 0px;
		border-bottom: 1px dashed #46bf3f;
		padding-bottom: 10px;
	}
.student_login_btn_wrap .btn03_wrap .btn03{
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1em 2.5em;
		text-decoration: none;
		color: #ffffff;
		transition: .4s;
		margin: 10px;
		background: #46bf3f;
		border: 2px solid #46bf3f;
		border-radius: 10px;
	}
.student_login_btn_wrap .btn03_wrap .btn03:hover{
		background: #ffffff;
		color: #46bf3f;
	}
@media screen and (min-width: 569px){
  .kiji-midashi-2{ font-size: 2.1rem; font-weight: 600; line-height: 1.1; border: solid 3px #EEE; background: #FFF; padding: 0.75em; padding-left: 50px; position: relative; border-radius: 5px; margin: 50px 0 15px;}
  .kiji-midashi-2:before{ content: ""; width: 30px; height: 30px; background: url(/images/106robot/common/h4_icon.png); background-size: contain; position: absolute; top: 50%; left: 0.75em; transform: translateY(-50%);}
  .kiji-midashi-3{ font-size: 1.9rem; line-height: 1.1; font-weight: 600; color: #FFF; background: #F29500; border: solid 3px rgba(255,255,255,0.3); padding: 0.55em 1.5em; border-radius: 50px; margin: 50px 0 15px;}
  .kiji-midashi-4{ font-size:1.7rem; line-height: 1.1; font-weight: 600; color: #000;border: solid 1px #C3E8F7; border-radius: 50px; margin: 30px 0 15px; padding:15px 28px;background: #F2FBFF; }
  .kiji-midashi-4 span{color: #42B9D0;margin-right:10px;}
  h3.heading{ text-align: center; margin-bottom: 1.75em;}
  h3.heading span{ display: inline-block; font-size: 4.0rem; line-height: 1.1; text-align: center; position: relative; padding-bottom: 0.5em;}
  h3.heading span:first-letter{ color: #E25886;}
  h3.heading span:after{ content: ""; width: 160px; height: 4px; background: url(/images/106robot/common/background_01.png); background-size: contain; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
  h4.heading{ text-align: center; margin-bottom: 1.5em;}
  h4.heading span{ display: inline-block; color: #FFF; font-size: 2.5rem; line-height: 1.1; background: #439ED8; padding: 0.5em 2.0em; border-radius: 50px; }
  .blog .container .item{ width: 1000px; margin: 0px auto;}
  .column02{ letter-spacing: -0.4em;}
  .column02 .inner{ width: 48%; display: inline-block; vertical-align: top; letter-spacing: 0; margin-right: 4%;}
  .column02 .inner:nth-child(2n){ margin-right: 0px;}
  .imgFit img{ width: 100%; height: auto;}
  .linkBtn{ text-align: right; margin-top: 2.0em;}
  .linkBtn a{ display: inline-block; background: #E25886; border: solid 2px #E25886; color: #FFF; font-weight: 600; line-height: 1.1; text-decoration: none; padding: 0.5em 2.0em; border-radius: 50px; position: relative;}
  .linkBtn a:hover{ color: #E25886; background: #FFF;}
  .linkBtn a:before{ content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 0.75em; transform: translateY(-50%); font-weight: normal;}
  .itemid-888{ background: url(/images/106robot/home/graph.png) repeat center top;}
  .itemid-888 h3{ text-align: center; margin-bottom: 1.0em;}
  .itemid-888 h3 span{ display: inline-block; padding: 0 0.75em 0.25em; position: relative; font-size: 4.0rem; line-height: 1.1; color: #199900; font-weight: 600;}
  .itemid-888 h3 span:before{ content: ""; width: 25px; height: 30px; background: url(/images/106robot/home/before_02.png); background-size: contain; position: absolute; bottom: 0px; left: 0px;}
  .itemid-888 h3 span:after{ content: ""; width: 25px; height: 30px; background: url(/images/106robot/home/after_02.png); background-size: contain; position: absolute; bottom: 0px; right: 0px;}
  .itemid-888 ul{ border: solid 3px #EEEEEE; border-radius: 10px; background: #FFF; padding: 2.0em; letter-spacing: -0.4em; position: relative;}
  .itemid-888 ul:before{ content: ""; width: 150px; height: 150px; background: url(/images/106robot/home/illust_01.png); background-size: contain; position: absolute; top: -100px; left: 0px;}
  .itemid-888 ul:after{ content: ""; width: 200px; height: 60px; background: url(/images/106robot/home/illust_02.png); background-size: contain; position: absolute; top: -40px; right: 0px;}
  .itemid-888 ul li{ width: 49%; display: inline-block; vertical-align: top; letter-spacing: 0; margin-right: 2%; border-bottom: solid 1px #EEE; font-size: 1.9rem; line-height: 1.1; font-weight: 600; padding: 0.75em 0 0.75em 1.5em; position: relative;}
  .itemid-888 ul li:nth-child(2n){ margin-right: 0px;}
  .itemid-888 ul li:before{ content: ""; width: 22px; height: 20px; background: url(/images/106robot/home/check.png); background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
  .itemid-871:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern02.jpg) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .itemid-871{
 margin-top: 60px!important;
    margin-bottom: 60px!important;
    padding-bottom: 80px!important;
}
  .itemid-889:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern02.jpg) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .itemid-889{

    margin-bottom: 60px!important;
    padding-bottom: 80px!important;
}
  .itemid-873:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern03.jpg) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .itemid-873{
 margin-top: 60px!important;
    margin-bottom: 60px!important;
    padding-bottom: 80px!important;
}
  .itemid-317{ background: #97CBFF; padding-bottom: 100px !important;}
  .itemid-317:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0; opacity: 0.2;}
  .itemid-317 h3{ text-align: center; margin-bottom: 1.0em;}
  .itemid-317 h3 span{ display: inline-block; font-size: 4.0rem; line-height: 1.1; color: #66590A; font-weight: 600; padding: 0 0.5em; position: relative;}
  .itemid-317 h3 span:before{ content: ""; width: 150px; height: 2px; background: #665A0A; opacity: 0.25; position: absolute; top: 50%; left: -150px;}
  .itemid-317 h3 span:after{ content: ""; width: 150px; height: 2px; background: #665A0A; opacity: 0.25; position: absolute; top: 50%; right: -150px;}
  .itemid-317 .column03 .inner{ background: #FFF; min-height: 555px; border-radius: 10px; box-shadow: 0px 3px 0px rgba(0,0,0,0.1); width: 32%; margin-bottom: 2%; margin-right: 2%; position: relative;}
  .itemid-317 .column03 .inner:nth-child(3n){margin-right: 0%;}
  .itemid-317 .column03 .inner h4{ font-size: 1.8rem; line-height: 1.1; color: #FFF; font-weight: 600; text-align: center; background: #2F94F8; padding: 1.0em 0; border-radius: 9px 9px 0 0; position: relative; border: solid 2px #FFF; border-bottom: none;}
  .itemid-317 .column03 .inner:nth-child(2) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_03.png); background-size: contain; background-repeat: no-repeat;position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(6) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic4.png); background-size: contain; background-repeat: no-repeat;position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(5) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_05.png); background-size: contain; background-repeat: no-repeat;position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(1) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic1.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -1.5em;}
  .itemid-317 .column03 .inner:nth-child(3) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic2.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(7) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic3.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(8) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/op_sb_n_ic8.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(9) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/common/illust_03.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: 0em; left: -1.0em;}
  .itemid-317 .column03 .inner:nth-child(4) h4:before{ 
	content: ""; width: 60px; height: 60px; background: url(/images/106robot/home/illust_digital.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: 0em; left: 0em;}
  .itemid-317 .column03 .inner .image{ margin: 15px;}
  .itemid-317 .column03 .inner .text{ line-height: 1.3; min-height: 10.0em; margin: 0 15px;}
  .itemid-317 .column03 .inner ul{ margin: 10px 0px 0px 0px;position: absolute;
	bottom: 10px;left:50%;transform: translateX(-50%);}
  .itemid-317 .column03 .inner ul li{ margin-bottom: 5px;}
  .itemid-317 .column03 .inner ul li a{ display: inline-block; position: relative; top: 0px; box-shadow: 0px 4px 0px #BA3639; border-radius: 5px; overflow: hidden;}
  .itemid-317 .column03 .inner ul li a:hover{ top: 4px; box-shadow: none;}
  .board p.text{ padding: 20px 40px 20px 40px;}
  .rinen_txt{font-size: 2.3rem;text-align:center;}
  .itemid-313 h3.heading span{ font-size: 3.8rem;}
  .itemid-313 .kiji-midashi-2{ font-size: 1.9rem;}
  .itemid-313 .imgFit{ margin-bottom: 1.0em;}
  .itemid-314{ background: #F6F6F6; padding-bottom: 100px !important;}
  .itemid-314:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-314 .image{ float: left; margin-right: 2%;}
  .itemid-309 .image{ width: 48%;}
  .itemid-309 .image img{ width: 100%; height: auto;}
  .grit_cal{
margin-top:30px;
}
  .grit_cal p{
font-size:3rem;
padding-top:10px;
padding-bottom:10px;
}
  .grit_cal p:nth-child(1):first-letter{
		color: #F66151;
	}
  .grit_cal p:nth-child(2):first-letter{
		color: #1EBED4;
	}
  .grit_cal p:nth-child(3):first-letter{
		color: #87D153;
	}
  .grit_cal p:nth-child(4):first-letter{
		color: #F29500;
	}
  .itemid-310{ background: #F6F6F6; padding-bottom: 100px !important;}
  .itemid-310:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-310 .inner:nth-child(1) .kiji-midashi-2,
.itemid-310 .inner:nth-child(2) .kiji-midashi-2{ margin-top: 25px;}
  .itemid-310 .inner .kiji-midashi-2{ font-size: 1.9rem;}
  .itemid-310 .inner .image{ width: 40%; float: right; border: solid 3px #FFF; margin: 0 0 1.0em 4%; background: #FFF;}
  .itemid-310 .inner .image img{ width: 100%; height: auto;}
  .itemid-312{ border-top: solid 1px #EEE;}
  .column03{ letter-spacing: -0.4em;}
  .column03 .inner{ width: 30.666666%; display: inline-block; vertical-align: top; letter-spacing: 0; margin-right: 4%;}
  .column03 .inner:last-child{ margin-right: 0px;}
  .column03 .inner h4{ text-align: center;}
  .column03 .inner h4 span{ display: block; text-align: center; font-size: 2.5rem; line-height: 1.1; font-family: DIN; border-bottom: dotted 1px #E4E4E4; padding: 0.75em 0; margin-bottom: 0.75em;}
  .column03 .inner .image{ text-align: center;}
  .column03 .inner .linkBtn{ margin-top: 0px; text-align: center;}
  .column03 .inner .sup{ border: solid 2px #F29500; border-radius: 50px; font-size: 1.3rem; line-height: 1.3; text-align: center; padding: 0.75em; color: #F29500; font-weight: 600;}
  .cl_step h5{
		font-size: 18px;
		margin-bottom: 10px;
		text-align: center;
	}
  .cl_step img{
		margin-bottom: 10px;
	}
  .step_arrow{
		width: 70px;
		background-image: url(/images/106robot/trial/st-arrow.png);
		background-repeat: no-repeat;
		background-position: center;
	}
  .step_arrow img{
		width: 100%;
		height: auto;
	}
  h4.artec{ width: 60%; margin: 0.5em 0 1.0em;}
  h4.artec img{ width: 100%; height: auto;}
  .itemid-307 .text{ border-bottom: dashed 1px #E4E4E4; padding-bottom: 10px;}
  .kiji-midashi-3.clr01{ position: relative; padding-left: 2.5em; background: #F5A500; margin-top: 25px;}
  .kiji-midashi-3.clr01:before{ content: ""; width: 70px; height: 70px; background: url(/images/106robot/programming/course/illust_01.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .kiji-midashi-3.clr02{ position: relative; padding-left: 2.5em; background: #FF4F63;}
  .kiji-midashi-3.clr02:before{ content: ""; width: 70px; height: 70px; background: url(/images/106robot/programming/course/illust_02.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .kiji-midashi-3.clr03{ position: relative; padding-left: 2.5em; background: #42B9D0;}
  .kiji-midashi-3.clr03:before{ content: ""; width: 70px; height: 70px; background: url(/images/106robot/programming/course/illust_03.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .kiji-midashi-3.clr01n{ position: relative; padding-left: 2.5em; background: #F5A500; margin-top: 25px;}
  .kiji-midashi-3.clr01n:before{ content: ""; width: 80px; height: 80px; background: url(/images/106robot/programming/course/n_ic1.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .kiji-midashi-3.clr03n{ position: relative; padding-left: 2.5em; background: #42B9D0; margin-top: 45px;}
  .kiji-midashi-3.clr03n:before{ content: ""; width: 80px; height: 80px; background: url(/images/106robot/programming/course/n_ic2.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .itemid-308{ background: #F6F6F6; padding-bottom: 100px !important;}
  .itemid-308:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-308 h4.artec{ width: 90%; margin: 2.0em 0 1.5em;}
  .itemid-308 .imgFit{ border: solid 3px #FFF;}
  .itemid-308 .column02{ position: relative;}
  .itemid-308 .column02 .inner .kiji-midashi-3{ margin-top: 25px;}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr04{ position: relative; padding-left: 2.5em;}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr04:before{ content: ""; width: 60px; height: 60px; background: url(/images/106robot/programming/course/illust_04.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr05{ position: relative; padding-left: 5.5em;}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr05:before{ content: ""; width: 120px; height: 60px; background: url(/images/106robot/programming/course/illust_05.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .itemid-304{ background: #ECF5FB; position: relative;}
  .itemid-304:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .method .inner{}
  .method .inner .kiji-midashi-2{ font-size: 1.9rem;}
  .method .inner:nth-child(1) .kiji-midashi-2,
.method .inner:nth-child(2) .kiji-midashi-2{ margin-top: 0px;}
  .method .inner .image{ width: 40%; float: right; border: solid 3px #FFF; margin: 0 0 1.0em 4%;}
  .method .inner .image img{ width: 100%; height: auto;}
  .coaching{ letter-spacing: -0.4em; margin-bottom: 1.0em;}
  .coaching li{ width: 32%; display: inline-block; vertical-align: middle; letter-spacing: 0; margin-right: 2%; border: solid 3px #EEE; border-radius: 10px; min-height: 6.0em; text-align: center; position: relative;}
  .coaching li span{ width: 90%; font-size: 1.9rem; line-height: 1.1; font-weight: 600; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
  .coaching li:last-child{ margin-right: 0px;}
  .method .inner .fp{ float: left !important; text-align: center;}
  .method .inner .fp img{ width: 90%;}
  .itemid-940:before,
.itemid-942:before{
        content: "";
        width: 100%;
        height: 100%;
        background: url(/images/106robot/common/pattern02.jpg) repeat center top;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
    }
  .innerCenter{
    display: flex;
    justify-content: center;
}
  .itemid-300{ background: #F6F6F6;}
  .itemid-300:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .profile .image{ width: 30%; float: right;}
  .profile .image img{ width: 100%; height: auto;}
  .profile .inner{ width: 66%; float: left;}
  .lesson .image img{ width: 100%; height: auto;}
  .lesson .text{ margin-top: 1.0em; text-align: center;}
  .itemid-302{ border-top: solid 1px #EEE;}
  .price table{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;}
  .price table th{ width: 50%; text-align: center; border: solid 1px #E4E4E4; border-style: none solid solid none; background: #ECF5FB; color: #439ED8; padding: 1.0em;}
  .price table td{ width: 50%; text-align: right; border: solid 1px #E4E4E4; border-style: none solid solid none; background: #FFF; padding: 1.0em; }
  .itemid-306{ border-top: solid 1px #E4E4E4;}
  .tuition{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;}
  .tuition th{ width: 20%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; background: #ECF5FB; color: #439ED8;}
  .tuition td{ width: 40%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em;}
  .tuition td table{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid; margin-top: 1.0em;}
  .tuition td table thead th{ width: 50%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; background: #ECF5FB; color: #439ED8; text-align: center;}
  .tuition td table td{ width: 50%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em;}
  .tuition2{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;margin:20px 0 10px;}
  .tuition2 th{ width: 20%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; background: #ECF5FB; color: #439ED8;text-align: center;}
  .tuition2 td{ width: 20%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em;text-align: center;}
  body#blog .blog .container .item{ width: auto; margin: 0px auto;}
  .student_login_wrap .item{
		width: 1000px;
		margin: 0 auto;
	}
  .student_login_wrap{
		margin-top: 60px;
	}
  .student_login_wrap .contents_wrap{
		text-align: center;
		margin: 20px 0px 80px 0px;
	}
  .student_login_btn_wrap{
		display: flex;
		justify-content: space-between;
	}
  .student_login_btn_wrap .btn02_wrap{
		width: 48%;
	}
  .student_login_btn_wrap .btn01_wrap{
		width: 48%;
	}
  .student_login_btn_wrap .btn01_wrap{
		width: 48%;
		border: solid 1px #1A48A3;
		padding: 20px;
background: #f7fcff;
	}
  .student_login_btn_wrap .btn01_wrap h4{
		font-size: 2.3rem;
		text-align: center;
		margin: 20px 0px;
		border-bottom: 1px dashed #1A48A3;
		padding-bottom: 10px;
	}
  .student_login_btn_wrap .btn01_wrap .btn01{
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1em 2.5em;
		text-decoration: none;
		color: #ffffff;
		transition: .4s;
		margin: 10px;
		background: #1A48A3;
		border: 2px solid #1A48A3;
		border-radius: 10px;
	}
  .student_login_btn_wrap .btn01_wrap .btn01:hover{
		background: #ffffff;
		color: #1A48A3;
	}
  .student_login_btn_wrap .btn02_wrap{
		width: 48%;
		border: solid 1px #FF668C;
		padding: 20px;
	}
  .student_login_btn_wrap .btn02_wrap h4{
		font-size: 2.3rem;
		text-align: center;
		margin: 20px 0px;
		border-bottom: 1px dashed #FF668C;
		padding-bottom: 10px;
	}
  .student_login_btn_wrap .btn02_wrap .btn02{
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1em 2.5em;
		text-decoration: none;
		color: #ffffff;
		transition: .4s;
		margin: 10px;
		background: #FF668C;
		border: 2px solid #FF668C;
		border-radius: 10px;
	}
  .student_login_btn_wrap .btn02_wrap .btn02:hover{
		background: #ffffff;
		color: #FF668C;
	}
  .student_login_btn_wrap .btnwrap{
		text-align: center;
	}
  .itemid-307:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern03.jpg) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .itemid-307{
    margin-bottom: 0px!important;
    padding-bottom: 80px!important;
}
  .mt-60{ margin-top:60px !important;}
  .align-center{ text-align: center;}
  .img-right{ float:right; margin: 0 0 1.0em 4%;}
  .container,
.clearfix{ zoom:1;}
  .container:after,
.clearfix:after{ content: ""; display: block; clear: both;}
  .items-row,
.item-page,
.contact{ position: relative;}
  .item-page{ position: relative}
  .ikunou-txt-a{
	font-size:27px;
	color:#333;
	text-align:center;
	font-weight:bold;
	line-height:1.7em;
	margin:40px 0 0;
}
  .ikunou-txt-a .emp01{
	font-size:42px;
	color:#1a9a00;
}
  .ikunou-name{
	text-align:right;
}
  .box-ikunou-b{
	background-image: url("/images/106robot/school/yajirushi-b.png");
	background-repeat:no-repeat;
	background-position:center center;
}
  .ikunou-txt-b{
	font-size:32px;
	text-align:center;
	font-weight:bold;
	line-height:1.4em;
}
  .ikunou-txt-b .emp01{
	color:#ff4f63;
}
  .ikunou-txt-b .emp02{
	color:#42B9D0;
}
  .box-ikunou-wrapper-a .kiji-midashi-3{
	margin-top:0px;
}
  .yajirushi-a{
	text-align:center;
	margin:20px 0;
}
  .box-ikunou-wrapper-a{
	margin:20px 0 40px;
}
  .box-ikunou-wrapper-b{
	margin:0px 0 40px;
}
  .itemid-605{
    background: #ECF5FB;
    position: relative;
}
  .itemid-605:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern.png) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .blog .itemid-607{
	padding-top:0px;
}
  .itemid-605 .kiji-midashi-3.clr02:before, 
.itemid-605 .kiji-midashi-3.clr03:before{
	display:none;
}
  .itemid-605 .kiji-midashi-3.clr02, 
.itemid-605 .kiji-midashi-3.clr03{
	padding-left:1.5em;
}
  .itemid-604 .image{
    width: 300px;
    float: right;
    margin: 0 0 1.0em 30px;
    background: #FFF;
}
  .itemid-606{
    background: #fbecf0;
}
  .itemid-606:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern.png) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
}

/* ===== responsive.css ===== */
@media screen and (max-width: 568px){
  .kiji-midashi-2{ font-size: 1.7rem; font-weight: 600; line-height: 1.1; border: solid 3px #EEE; background: #FFF; padding: 0.75em; padding-left: 35px; position: relative; border-radius: 5px; margin: 25px 0 15px;}
  .kiji-midashi-2:before{ content: ""; width: 20px; height: 20px; background: url(/images/106robot/common/h4_icon.png); background-size: contain; position: absolute; top: 50%; left: 0.75em; transform: translateY(-50%);}
  .kiji-midashi-3{ font-size: 1.5rem; line-height: 1.1; font-weight: 600; color: #FFF; background: #F29500; border: solid 3px rgba(255,255,255,0.3); padding: 0.55em 1.5em; border-radius: 50px; margin: 25px 0 15px;}
  h3.heading{ text-align: center; margin-bottom: 1.75em;}
  h3.heading span{ display: inline-block; font-size: 2.1rem; line-height: 1.1; text-align: center; position: relative; padding-bottom: 0.5em;}
  h3.heading span:first-letter{ color: #E25886;}
  h3.heading span:after{ content: ""; width: 90px; height: 2px; background: url(/images/106robot/common/background_01.png); background-size: contain; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
  h4.heading{ text-align: center; margin-bottom: 1.5em;}
  h4.heading span{ display: inline-block; color: #FFF; font-size: 2.5rem; line-height: 1.1; background: #439ED8; padding: 0.5em 2.0em; border-radius: 50px; }
  .blog .container .item{ width: 90%; margin: 0px auto;}
  .column02{ letter-spacing: -0.4em;}
  .column02 .inner{ width: 48%; display: inline-block; vertical-align: top; letter-spacing: 0; margin-right: 4%;}
  .column02 .inner:nth-child(2n){ margin-right: 0px;}
  .imgFit img{ width: 100%; height: auto;}
  .linkBtn{ text-align: right; margin-top: 2.0em;}
  .linkBtn a{ display: inline-block; background: #E25886; border: solid 2px #E25886; color: #FFF; font-weight: 600; line-height: 1.1; text-decoration: none; padding: 0.5em 2.0em; border-radius: 50px; position: relative;}
  .linkBtn a:hover{ color: #E25886; background: #FFF;}
  .linkBtn a:before{ content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 0.75em; transform: translateY(-50%); font-weight: normal;}
  .itemid-888{ background: url(/images/106robot/home/graph.png) repeat center top;}
  .itemid-888 h3{ text-align: center; margin-bottom: 1.0em;}
  .itemid-888 h3 span{ display: inline-block; padding: 0 1.0em 0.25em; position: relative; font-size: 2.1rem; line-height: 1.1; color: #199900; font-weight: 600;}
  .itemid-888 h3 span:before{ content: ""; width: 12.5px; height: 15px; background: url(/images/106robot/home/before_02.png); background-size: contain; position: absolute; bottom: 0px; left: 0px;}
  .itemid-888 h3 span:after{ content: ""; width: 12.5px; height: 15px; background: url(/images/106robot/home/after_02.png); background-size: contain; position: absolute; bottom: 0px; right: 0px;}
  .itemid-888 ul{ border: solid 3px #EEEEEE; border-radius: 10px; background: #FFF; padding: 1.0em; letter-spacing: -0.4em; position: relative;}
  .itemid-888 ul li{ width: 100%; display: inline-block; vertical-align: top; letter-spacing: 0; border-bottom: solid 1px #EEE; font-size: 1.5rem; line-height: 1.1; font-weight: 600; padding: 0.75em 0 0.75em 1.5em; position: relative;}
  .itemid-888 ul li:before{ content: ""; width: 11px; height: 10px; background: url(/images/106robot/home/check.png); background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
  .itemid-317{ background: #FFE01A; padding-bottom: 50px !important;}
  .itemid-317:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/home/background_02.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-317 h3{ text-align: center; margin-bottom: 1.0em;}
  .itemid-317 h3 span{ display: inline-block; font-size: 2.5rem; line-height: 1.1; color: #66590A; font-weight: 600; padding: 0 0.5em; position: relative;}
  .itemid-317 h3 span:before{ content: ""; width: 100px; height: 2px; background: #665A0A; opacity: 0.25; position: absolute; top: 50%; left: -100px;}
  .itemid-317 h3 span:after{ content: ""; width: 100px; height: 2px; background: #665A0A; opacity: 0.25; position: absolute; top: 50%; right: -100px;}
  .itemid-317 .column03 .inner{ background: #FFF; border-radius: 10px; box-shadow: 0px 3px 0px rgba(0,0,0,0.1); width: 100%; margin-right: 0px;}
  .itemid-317 .column03 .inner{ margin: 1.0em 0;}
  .itemid-317 .column03 .inner h4{ font-size: 2.0rem; line-height: 1.1; color: #FFF; font-weight: 600; text-align: center; background: #1A9A00; padding: 1.0em 0; border-radius: 9px 9px 0 0; position: relative; border: solid 2px #FFF; border-bottom: none;}
  .itemid-317 .column03 .inner:nth-child(1) h4:before{ content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_03.png); background-size: contain; position: absolute; top: -0.5em; left: -1.5em;}
  .itemid-317 .column03 .inner:nth-child(2) h4:before{ content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_04.png); background-size: contain; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(3) h4:before{ content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_05.png); background-size: contain; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner .image{ margin: 15px;}
  .itemid-317 .column03 .inner .text{ line-height: 1.3; margin: 0 15px;}
  .itemid-317 .column03 .inner ul{ margin: 0 15px 10px 15px;}
  .itemid-317 .column03 .inner ul li{ margin-bottom: 5px;}
  .itemid-317 .column03 .inner ul li a{ display: inline-block; position: relative; top: 0px; box-shadow: 0px 4px 0px #BA3639; border-radius: 5px; overflow: hidden;}
  .itemid-317 .column03 .inner ul li a:hover{ top: 4px; box-shadow: none;}
  .itemid-317 .column03 .inner:nth-child(2) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_03.png); background-size: contain; background-repeat: no-repeat;position: absolute; top: -0.5em; left: -1.5em;}
  .itemid-317 .column03 .inner:nth-child(6) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic4.png); background-size: contain; background-repeat: no-repeat;position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(5) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_05.png); background-size: contain; background-repeat: no-repeat;position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(1) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic1.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -1.5em;}
  .itemid-317 .column03 .inner:nth-child(3) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic2.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(7) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic3.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(8) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/op_sb_n_ic8.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(9) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/common/illust_03.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -1.0em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(4) h4:before{ 
	content: ""; width: 60px; height: 60px; background: url(/images/106robot/home/illust_digital.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: 0em; left: 0em;}
  .itemid-317{ background: #97CBFF; padding-bottom: 100px !important;}
  .itemid-317:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0; opacity: 0.2; background-size: 20%;}
  .itemid-318 .column02 .inner{ width: 100%; margin-right: 0px;}
  .itemid-318 .column02 .inner:nth-child(2){ margin-top: 2.0em;}
  .board p.text{ padding: 20px 40px 20px 40px;}
  .itemid-313 .column02 .inner{ width: 100%; margin-right: 0px;}
  .itemid-313 .column02 .inner:nth-child(2){ margin-top: 1.0em;}
  .itemid-313 h3.heading span{ font-size: 3.8rem;}
  .itemid-313 .kiji-midashi-2{ font-size: 1.9rem;}
  .itemid-313 .imgFit{ margin-bottom: 1.0em;}
  .itemid-314{ background: #F6F6F6; padding-bottom: 50px !important;}
  .itemid-314:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-314 .image{ width: 50%; margin: 0px auto 1.0em auto;}
  .itemid-310 .column02 .inner{ width: 100%; margin-right: 0px; margin-bottom: 1.0em;}
  .itemid-310 .column02 .inner:nth-child(2){}
  .itemid-311 .column02 .inner{ width: 100%; margin-right: 0px;}
  .itemid-311 .column02 .inner:nth-child(2){}
  .itemid-309 .image{ width: 100%;}
  .itemid-309 .image img{ width: 100%; height: auto;}
  .itemid-310{ background: #F6F6F6; padding-bottom: 50px !important;}
  .itemid-310:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-310 .inner:nth-child(1) .kiji-midashi-2,
.itemid-310 .inner:nth-child(2) .kiji-midashi-2{ margin-top: 25px;}
  .itemid-310 .inner .kiji-midashi-2{ font-size: 1.9rem;}
  .itemid-310 .inner .image{ width: 40%; float: right; border: solid 3px #FFF; margin: 0 0 1.0em 4%; background: #FFF;}
  .itemid-310 .inner .image img{ width: 100%; height: auto;}
  .itemid-312{ border-top: solid 1px #EEE;}
  .column03{ letter-spacing: -0.4em;}
  .column03 .inner{ width: 100%; display: inline-block; vertical-align: top; letter-spacing: 0;}
  .column03 .inner:nth-child(2){ margin: 1.0em 0;}
  .column03 .inner h4{ text-align: center;}
  .column03 .inner h4 span{ display: block; text-align: center; font-size: 2.5rem; line-height: 1.1; font-family: DIN; border-bottom: dotted 1px #E4E4E4; padding: 0.75em 0; margin-bottom: 0.75em;}
  .column03 .inner .image{ text-align: center;}
  .column03 .inner .linkBtn{ margin-top: 0px; text-align: center;}
  .column03 .inner .sup{ border: solid 2px #F29500; border-radius: 50px; font-size: 1.3rem; line-height: 1.3; text-align: center; padding: 0.75em; color: #F29500; font-weight: 600;}
  .cl_step{
		width: 100%;
		text-align: center;
	}
  .cl_step p{
		text-align: center!important;
	}
  .cl_step h5{
		font-size: 16px;
		margin-bottom: 10px;
		text-align: center;
	}
  .cl_step img{
		margin-bottom: 10px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
  .step_arrow{
		width: 100%;
		height: 60px;
		margin: 5px auto;
		background-image: url(/images/106robot/trial/st-arrow_sp.png);
		background-repeat: no-repeat;
		background-position: center;
	}
  .itemid-307 .column02 .inner{ width: 100%; margin-right: 0px;}
  .itemid-307 .column02 .inner:nth-child(2){ margin-top: 1.0em;}
  .itemid-308 .column02 .inner{ width: 100%; margin-right: 0px;}
  .itemid-308 .column02 .inner:nth-child(2){ margin-top: 1.0em;}
  h4.artec{ width: 60%; margin: 0.5em auto 1.0em;}
  h4.artec img{ width: 100%; height: auto;}
  .itemid-307 .text{ border-bottom: dashed 1px #E4E4E4; padding-bottom: 10px;}
  .kiji-midashi-3.clr01{ position: relative; padding-left: 1.5em; background: #F5A500; margin-top: 25px;}
  .kiji-midashi-3.clr01:before{ content: ""; width: 30px; height: 30px; background: url(/images/106robot/programming/course/illust_01.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .kiji-midashi-3.clr02{ position: relative; padding-left: 1.5em; background: #FF4F63;}
  .kiji-midashi-3.clr02:before{ content: ""; width: 30px; height: 30px; background: url(/images/106robot/programming/course/illust_02.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .kiji-midashi-3.clr03{ position: relative; padding-left: 1.5em; background: #42B9D0;}
  .kiji-midashi-3.clr03:before{ content: ""; width: 30px; height: 30px; background: url(/images/106robot/programming/course/illust_03.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .itemid-308{ background: #F6F6F6; padding-bottom: 50px !important;}
  .itemid-308:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-308 h4.artec{ width: 90%; margin: 2.0em auto 1.5em;}
  .itemid-308 .imgFit{ border: solid 3px #FFF;}
  .itemid-308 .column02{ position: relative;}
  .itemid-308 .column02 .inner .kiji-midashi-3{ margin-top: 25px;}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr04{ position: relative; padding-left: 2.5em;}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr04:before{ content: ""; width: 30px; height: 30px; background: url(/images/106robot/programming/course/illust_04.png); background-size: contain; position: absolute; top: 50%; left: -0.5em; transform: translateY(-50%);}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr05{ position: relative; padding-left: 5.0em;}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr05:before{ content: ""; width: 60px; height: 30px; background: url(/images/106robot/programming/course/illust_05.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .itemid-308 .kiji-midashi-2:before{ content: ""; width: 30px; height: 30px; background: url(/images/106robot/programming/course/illust_06.png); background-size: contain; position: absolute; top: 50%; left: 0.25em; transform: translateY(-50%);}
  .itemid-304 .column02 .inner{ width: 100%; margin-right: 0px; margin-bottom: 1.0em;}
  .itemid-304 .column02 .inner:nth-child(2){}
  .itemid-304{ background: #ECF5FB; position: relative;}
  .itemid-304:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .method .inner{}
  .method .inner .kiji-midashi-2{ font-size: 1.9rem;}
  .method .inner:nth-child(1) .kiji-midashi-2,
.method .inner:nth-child(2) .kiji-midashi-2{ margin-top: 0px;}
  .method .inner .image{ width: 40%; float: right; border: solid 3px #FFF; margin: 0 0 1.0em 4%;}
  .method .inner .image img{ width: 100%; height: auto;}
  .coaching{ letter-spacing: -0.4em; margin-bottom: 1.0em;}
  .coaching li{ width: 100%; display: inline-block; vertical-align: middle; letter-spacing: 0; border: solid 3px #EEE; border-radius: 10px; min-height: 5.0em; text-align: center; position: relative;}
  .coaching li span{ width: 90%; font-size: 1.9rem; line-height: 1.1; font-weight: 600; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
  .coaching li:nth-child(2){ margin: 0.75em 0;}
  .typing-subtitle{
        display: none;
    }
  .itemid-299 .column02 .inner{ width: 100%; margin-right: 0px;}
  .itemid-299 .column02 .inner:nth-child(2){ margin-top: 1.0em;}
  .itemid-300{ background: #F6F6F6;}
  .itemid-300:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .profile .image{ width: 50%; margin: 0px auto 1.0em;}
  .profile .image img{ width: 100%; height: auto;}
  .profile .inner{ width: 100%;}
  .lesson .image img{ width: 100%; height: auto;}
  .lesson .text{ margin-top: 1.0em; text-align: center;}
  .itemid-302{ border-top: solid 1px #EEE;}
  .price table{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;}
  .price table th{ width: 50%; text-align: center; border: solid 1px #E4E4E4; border-style: none solid solid none; background: #ECF5FB; color: #439ED8; padding: 1.0em; display: table-cell !important;}
  .price table td{ width: 50%; text-align: right; border: solid 1px #E4E4E4; border-style: none solid solid none; background: #FFF; padding: 1.0em; display: table-cell !important;}
  .itemid-306{ border-top: solid 1px #E4E4E4;}
  .tuition{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;}
  .tuition th{ width: 20%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; background: #ECF5FB; color: #439ED8; display: table-cell !important;}
  .tuition td{ width: 40%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; display: table-cell !important;}
  .tuition td table{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid; margin-top: 1.0em;}
  .tuition td table thead th{ width: 50%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; background: #ECF5FB; color: #439ED8; text-align: center; display: table-cell !important;}
  .tuition td table td{ width: 50%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; display: table-cell !important;}
  .tuition2{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;margin:10px 0}
  .tuition2 th{ width: 20%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; background: #ECF5FB; color: #439ED8; display: table-cell !important;}
  .tuition2 td{ width: 20%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; display: table-cell !important;}
  body#blog .blog .container .item{ width: auto; margin: 0px auto;}
  .student_login_wrap{
		margin-top: 0px;
        padding:20px;
	}
  .student_login_wrap .contents_wrap{
		text-align: center;
margin: 20px 0px 20px 0px;
	}
  .student_login_btn_wrap .btn01_wrap{
		margin:10px 0px;
		border: solid 1px #1A48A3;
		padding: 10px;
background: #f7fcff;
	}
  .student_login_btn_wrap .btn01_wrap h4{
		font-size: 2.3rem;
		text-align: center;
		margin: 20px 0px;
		border-bottom: 1px dashed #1A48A3;
		padding-bottom: 10px;
	}
  .student_login_btn_wrap .btn01_wrap .btn01{
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1em 2.5em;
		text-decoration: none;
		color: #ffffff;
		transition: .4s;
		margin: 10px;
		background: #1A48A3;
		border: 2px solid #1A48A3;
		border-radius: 10px;
	}
  .student_login_btn_wrap .btn01_wrap .btn01:hover{
		background: #ffffff;
		color: #1A48A3;
	}
  .student_login_btn_wrap .btn02_wrap{
		margin:10px 0px;
		border: solid 1px #FF668C;
		padding: 10px;
background: #f7fcff;
	}
  .student_login_btn_wrap .btn02_wrap h4{
		font-size: 2.3rem;
		text-align: center;
		margin: 20px 0px;
		border-bottom: 1px dashed #FF668C;
		padding-bottom: 10px;
	}
  .student_login_btn_wrap .btn02_wrap .btn02{
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1em 2.5em;
		text-decoration: none;
		color: #ffffff;
		transition: .4s;
		margin: 10px;
		background: #FF668C;
		border: 2px solid #FF668C;
		border-radius: 10px;
	}
  .student_login_btn_wrap .btn02_wrap .btn02:hover{
		background: #ffffff;
		color: #FF668C;
	}
  .student_login_btn_wrap .btnwrap{
		text-align: center;
	}
  .itemid-307:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern03.jpg) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .itemid-307{
    margin-bottom: 60px!important;
    padding-bottom: 80px!important;
}
  .itemid-871{
 margin-top: 50px!important;
    margin-bottom: 50px!important;
    padding-bottom:70px!important;
}
  .itemid-889{
 margin-top: 0px!important;
    margin-bottom: 50px!important;
    padding-bottom:70px!important;
}
  .itemid-889:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern02.jpg) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
background-size: 20%;
}
  .itemid-873{
 margin-top: 50px!important;
    margin-bottom: 50px!important;
    padding-bottom:70px!important;
}
  .mt-60{ margin-top:30px !important}
  .align-center{ text-align: center;}
  .img-right{ float: none; margin:0.5em 0;}
  .clearfix{ zoom:1;}
  .clearfix:after{ content: ""; display: block; clear: both;}
  .kiji-midashi-2{}
  .kiji-midashi-3{}
  .items-row, .item-page, .contact{position: relative;}
  .item-page{ position:relative}
  .blog td,
.blog th,
.item-page td,
.item-page th{ display: block;}
  .blog td img,
.blog th img,
.item-page td img,
.item-page th img{ display: block;margin: 0 auto;}
  body#blog .item-page{
    padding: 0px 5%;
}
  .column02 .inner{
    width: 100%;
}
  .itemid-317 .column03 .inner ul li{
    text-align: center;
}
  .itemid-605{
    background: #ECF5FB;
    position: relative;
}
  .itemid-605:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern.png) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .itemid-606{
    background: #fbecf0;
}
  .itemid-606:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern.png) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .maru__box{
	width: 49%;
	margin: 0.5%;
	background-color: #137ebe;
	border-radius: 15px;
	padding: 20px;
	color: #fff;
}
  .maru__box h4{
	border-bottom: solid 1px rgba(255,255,255,0.45);
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
  .taiken_box{
	width: 100%;
	margin: 0%;
	border: solid 3px #36406f;
	border-radius: 15px;
	padding: 50px 20px 20px 20px;
	position: relative;
	margin-top: 70px;
}
  .student_login_btn_wrap .btn03_wrap{
		width: 100%;
	}
  .student_login_btn_wrap .btn03_wrap h4{
		font-size: 2.3rem;
		text-align: center;
		margin: 20px 0px;
		border-bottom: 1px dashed #46bf3f;
		padding-bottom: 10px;
	}
  .student_login_btn_wrap .btn03_wrap .btn03{
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1em 3.5em;
		text-decoration: none;
		color: #ffffff;
		transition: .4s;
		margin: 10px;
		background: #46bf3f;
		border: 3px solid #46bf3f;
		border-radius: 10px;
	}
}