@charset "utf-8";
/* CSS Document */
html { scroll-behavior: smooth;}
body{   font-family: -apple-system, BlinkMacSystemFont, YuGothic, "游ゴシック" , "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Helvetica Neue", Arial, "メイリオ", Meiryo, sans-serif;
	margin: 0;
	line-height: 1.5;
	font-size: 16px;
}
#wapper{
	display: block;
	overflow: hidden;
}
section{
	max-width: 1000px;
	width: 100%;
	padding: 50px 0;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}
img{
	width: 100%;
}
main{
	width: 100%;
	position: relative;
	background-image: url("../img/backgra_02.png");
	background-size: 100% 100%;
}


.slideshow {
    position: relative;
	/* width: 63%; */
    height: 84vh;
    overflow: hidden;
}
.slideshow img {
    position: absolute;
    width: 100%;
    height: auto;
    opacity: 0; /* 初期状態は非表示 */
    transition: opacity 1s ease; /* 1秒かけてフェードイン・フェードアウト */
}
.slideshow img.active {
    opacity: 1; /* 表示する画像 */
}
img.photo{
	width: 63%;
    height: 84vh;
    object-fit: cover;
}
.cta{
	position: absolute;
	top: 30px;
	/* right: 50px; */
	right: 6%;
	/* width: 24%; */
	width: 40vh;
}
.catch{
	position:absolute;
	bottom: 16%;
	right: 7%;
	color: #003592;
	/* font-size: 2.5vmax; */
	font-size: 5vh;
	font-weight: bold;
	z-index: 50;
}
h3{
	color: #1d2088;
	font-size: 30px;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	text-align: center;
	padding-bottom: 30px;
	padding-top: 30px;
}
h4{
	font-size: 25px;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	text-align: center;
	padding: 30px 0 0;
	color: #1d2088;
}
h5{
	font-size: 25px;
	font-weight: bold;
	margin: 0 1em;
	padding: 20px;
	background-color: #fbbb55;
	color: #FFF;
	text-align: center;
}
h6{
	font-size: 25px;
	font-weight: bold;
	margin: 2.5em auto 1em auto;
	width: 70%;
	padding: 20px;
	background-color: #fbbb55;
	text-align: center;
	color: #FFF;
	overflow: hidden;
}
.flex{
	display: flex;
}
.flex_center{
	flex-flow: wrap;
    justify-content: space-around;
	align-items: center;
}
.icon{
	width: 40px;
	padding: 0 30px 10px;
	vertical-align: middle;
}
.class_room{
	display: block;
	overflow: hidden;
}
/*背景*/
#hanamarutoha{
	background-image: url("../img/backgra.png");
	position: relative;
    z-index: 0;
	background-size: 100% 100%;
	width: 100%;
	height: 60vh;
}
#hanamarutoha::after{
	content: '';
    background: rgba(255,255,255,0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
#hanamarutoha section{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	font-weight: 500;
	z-index: 100;
}
#hanamarumessod{
	background-color: #fefab6;
	width: 100%;
	overflow: hidden;
}
#back_or{
	width: 100%;
	background-color: #e2f4fd
}
/*とは*/
.col_03{
	display: block;
	margin: 0 auto;
	width: 85%;
	margin-top: 0;
}

/*保護者・生徒の声*/
.voice_area{
	width: 80%;
	max-width: 1500px;
	display: block;
	margin: 0 auto;
	padding-bottom: 30px;
	overflow: hidden;
}
.voice{
	width: 80%;
	max-width: 1500px;
	display: block;
	margin: 0 auto;
	padding: 30px;
	overflow: hidden;
	background-color: rgba(255,255,255,0.6);
}
.voicetitle{
	display: flex;
	align-items: center;
	color: #1d2088;
	font-size: 25px;
	font-weight: bold;
	margin-top: 30px;
}
.voicetitle:before,.voicetitle:after {
	border-top: 5px #1d2088 solid;
	content: "";
	flex-grow: 1;
}
.voicetitle:before {
	margin-right: 1rem;
}
.voicetitle:after {
	margin-left: 1rem;
}
.voice_title{
        display: block;
        background: #6ec5dc;
		color: #FFF;
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 24px;
        padding: 10px;
        margin-bottom: 12px;
}
.voice strong{
	font-weight: bold;
	background:linear-gradient(transparent 70%, #FFFF00 0%);
}
.voice_right{
	width: 85%;
    margin: 0 auto;
}
.btn-flat-border {
	width: 31%;
	height: 40px;
	margin-right: 1%;
	margin-top: 10px;
	display: inline-block;
 	padding: 0.5em 0;
 	text-decoration: none;
 	color: #fbbb55;
 	border: solid 2px #fbbb55;
 	border-radius: 40px;
 	transition: .4s;
 	font-weight: bold;
 	text-align:center;
 	line-height: 1;
 	vertical-align: middle;
 	background-color: #FFF;
}
/*ボタン*/
.b_right{
	margin-right: 0!important;
}
.btn-flat-border:hover {
 	background: #fbbb55;
 	color: white;
}
.btn-flat-border span{
	font-size: small;
	float: left;
	padding-left: 1em;
	font-weight: normal;
}
.b_aline2{
	line-height: 45px;
}
.btn-border {
	width: 31%;
	margin-right: 2%;
	margin-top: 10px;
	display: inline-block;
 	padding: 1em 0;
 	text-decoration: none;
 	color: white;
 	border: solid 2px #f29b76;
 	border-radius: 10px;
 	transition: .4s;
 	font-weight: bold;
 	text-align:center;
 	line-height: 1.2;
 	vertical-align: middle;
 	background: #f29b76;
}
.btn-border:hover {
 	background: #FFF;
 	color: #f29b76;
 	border: solid 2px #f29b76;
}
.btn-gakunen-border {
    text-decoration: none;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    transition: box-shadow .3s;
    border-radius: 10px;
    display: block;
    overflow: hidden;
	width: 33%;
	border: solid 2px #fbbb55;
	transition: 0.5s;
}
.btn-gakunen-border:hover span {
 	background: #FFF;
 	color: #fbbb55;	
	transition: 0.5s;
}
.btn-gakunen-border:hover .couse{
	opacity: 0.5;
	transition: 0.5s;
}
.couse{
    overflow: hidden;
    display: block;
    height: 190px;
    width: 100%;
    object-fit: cover;
}
.btn-gakunen-border span{
    line-height: 70px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
    overflow: hidden;
	display: block;
	background: #fbbb55;
	color: #FFF;
}
.btn-open {
  display: inline-block;
  width: 380px;
  height:50px;
  text-align: center;
  background-color: #e2f4fd;
  font-size: 1.3rem;
  line-height: 52px;
  color: #023692;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #FFF;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn-open:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #FFF;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}
.btn-open:hover{
  color: #023692;
}
.btn-open:hover:after{
  height: 340%;
  opacity: 1;
}
.btn-open:active:after{
  height: 440%;
  opacity: 1;
}
.more{
	float: right;
	font-size: 30px;
	margin-top: 1em;
	color: #000000;
	display: block;
	width: 100%;
	text-align: right;
}
.more:hover{
	color: #f8b551;
}
.more2{
	float: right;
	font-size: 18px;
	color: #FFF;
	display: block;
	text-align: center;
	background: #6ec5dc;
	padding: 5px;
	width: 13%;
	text-decoration: none;
	border-radius: 50px;
	border: 1px solid #6ec5dc;
}
.more2:hover{
	background: #FFF;
	color: #FFF;
}

/*アルゴ全国大会*/
.bottom_bo{
	border-bottom: 1px black solid;
}
.col_left{
	float: left;
	width: 50%;
	margin-top: -68px;
}
.col_left02{
	float: left;
	width: 50%;
}
.col_right{
	float: right;
	width: 50%;
	margin-top: 0;
}
.taikai{
	width: 80%;
	height: 150px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
}
.tournament_ba {
  display: inline-block;
  width: 99%;
  height:58px;
  text-align: center;
  background-color: #e2f4fd;
  font-size: 18px;
  line-height: 60px;
  color: #023692;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  border: 2px solid #ffffff;
  z-index: 1;
}
.tournament_ba:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #FFF;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}
.tournament_ba:hover{
  color: #023692;
}
.tournament_ba:hover:after{
  height: 1240%;
  opacity: 1;
}
.tournament_ba:active:after{
  height: 1240%;
  opacity: 1;
}
/*問題*/
.col_left05{
	width: 85%;
	display: block;
	margin: 1em auto;
}
.col_left06{
	width: 70%;
	display: block;
	margin: 1em auto;
}
.col_right p{
	padding: 0 2em;
}
.imege{
	width: 100%;
}
/*バナー*/
.trial_banner{
	width: 70%;
	display: block;
	margin: 0 auto;
}
.trial_banner:hover{
	opacity: 0.5;
}
.banner_area{
	display: block;
	margin: 0 auto 30px auto;
	overflow: hidden;
}

/*よくある質問*/
.qanda {
    max-width: 1500px;
    margin-bottom: 10px;
}

.qanda a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #000;
}
.qanda a.online{
	display: inline-block!important;
	padding: 0;
	color: #2880bd;
	font-weight: bold;
}
label.qa {
    display: block;
    margin: 0;
    padding : 15px;
    line-height: 1;
    background : #6ec5dc;
    font-weight: bold;
    cursor :pointer;
	color: #FFF;
}
.qanda span{
	color: #1d2088;
	padding: 0 30px;
}
input.accordion {
    display: none;
}
.qanda ul {
    margin: 0 0 0.5em 0;
    padding: 0;
    background :#FFF;
    list-style: none;
}

.qanda li {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#challenge01:checked ~ #an li,
#challenge02:checked ~ #an2 li,
#challenge03:checked ~ #an3 li,
#challenge04:checked ~ #an4 li,
#challenge05:checked ~ #an5 li{
    height: 38vh;
    padding : 15px;
    opacity: 1;
}
.challengel img{
	height: 38vh;
	width: 90%;
    object-fit: contain;
	
}
#qanda_bar01:checked ~ #links01 li,
#qanda_bar02:checked ~ #links02 li,
#qanda_bar03:checked ~ #links03 li,
#qanda_bar04:checked ~ #links04 li,
#qanda_bar05:checked ~ #links05 li,
#qanda_bar06:checked ~ #links06 li,
#qanda_bar07:checked ~ #links07 li,
#qanda_bar08:checked ~ #links08 li,
#qanda_bar09:checked ~ #links09 li,
#qanda_bar10:checked ~ #links10 li,
#qanda_bar11:checked ~ #links11 li,
#qanda_bar12:checked ~ #links12 li,
#qanda_bar13:checked ~ #links13 li,
#qanda_bar14:checked ~ #links14 li,
#qanda_bar15:checked ~ #links15 li,
#qanda_bar16:checked ~ #links16 li,
#qanda_bar17:checked ~ #links17 li,
#qanda_bar18:checked ~ #links18 li,
#qanda_bar19:checked ~ #links19 li,
#qanda_bar20:checked ~ #links20 li,
#qanda_bar21:checked ~ #links21 li,
#qanda_bar22:checked ~ #links22 li,
#qanda_bar23:checked ~ #links23 li,
#qanda_bar24:checked ~ #links24 li,
#qanda_bar25:checked ~ #links25 li,
#qanda_bar26:checked ~ #links26 li,
#qanda_bar27:checked ~ #links27 li{
    height: auto;
    padding : 15px;
    opacity: 1;
	line-height: 1.5;
}
#qanda_bar022:checked ~ #links022 li{
    height: 37em;
    padding : 15px;
    opacity: 1;
    margin: 0;
}
/*イベント*/
.img-box {
  position: relative;
}
.img-box .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.img-box:hover .active {
  opacity: 1;
}
/*マージン*/
.m_r2{
	margin-right: 2%;
}
.m_b_30{
	margin-bottom: 30px;
}
.m_80{
	margin: 80px 0;
}
.m_0{
	margin: 0!important;
}
.b_center{
	display: block!important;
	margin: 0 auto!important;
}
.m_30auto{
	margin: 30px auto;
}
.m_t_30{
	margin-top: 30px!important;
}
.m_t_40{
	margin-top: 40px;
}
.m_t_40{
	margin-top: 40px;
}
.m_t_15{
	margin-top: 15px!important;
}
.m_t_0{
	margin-top: 0;
}
.p_t_15{
	padding-top: 15px;
}
.p_t_30{
	padding-top: 30px !important;
}
.p_t_60{
	padding-top: 60px !important;
}
.p_30{
	padding: 30px;
}
.p_l_70{
	padding-left: 70px;
}
.m_t_20{
	margin-top: 20px;
}
.p_b_30{
	padding-bottom: 30px;
}
.p_t_50o{
	padding-top: 50px!important;
}
.center{
	text-align: center;
}
.m01 {
    margin: 30px auto 0;
}
/*フッター*/
footer{
	height: 270px;
	font-size: 15px;
	position: relative;
        display: block;
	margin-bottom: 50px;
}
#foot_nav{
        display: inline-block;
        float: right;
        position: absolute;
        top: 1em;
        right: 30%;
}
#foot_nav2{
	display: inline-block;
        float: right;
        position: absolute;
        top: 1em;
        right: 10%;
}
.footer{
	display: list-item;
        list-style: none;
        text-decoration: none;
	padding-left: 10px;
}
.footer a{
        text-decoration: none;
        color: #000000;
}
.footer a:before{
        content:"\025b6";
        font-size: 0.1pt;
        color: gray;
        padding-right: 5px;
}
.adderss{
	position: absolute;
        width: 400px;
        top: 6.5em;
        left: 40px;
}
.company{
        font-size: 18px;
}
.hanamaru{
	position: absolute;
	text-align: center;
	bottom: 20px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
}
.trial_btn {
    display: block;
	 text-align: center;
    width: 30%;
    font-size: 20px;
    padding: 15px 20px;
    border-radius: 50px;	
    text-decoration-line: none;
    font-weight: bold;
    background-color: #ff9900;
    border: 2px #ff9900 solid;
    color: #FFF;
}
.trial_btn:hover {
    border: 2px #ff9900 solid;
    color: #ff9900;
    background: #fff;
}
	/*メニューをページ下部に固定*/
	#sp-fixed-menu{
   		position: fixed;
   		width: 100%;
   		bottom: 0px;
   		font-size: 0;
   		z-index: 999999;
	}
	/*メニューを横並びにする*/
	#sp-fixed-menu ul{
   		display: flex;
   		list-style: none;
  	 	padding:0;
   		margin:0;
   		width:100%;
		border-top: 3px solid #1d2088;
	}
	#sp-fixed-menu li{
   		justify-content: center;
   		align-items: center;
   		width: 50%;
   		padding:0;
   		margin:0;
   		font-size: 20px;
	}
	/*左側メニューを緑色に*/
	#sp-fixed-menu li:first-child{
   		background: #e2f4fd;
		border-right: 3px solid #1d2088;
	}
	/*左側メニューをオレンジ色に*/
	#sp-fixed-menu li:last-child{
   		background: #fefab6;
	}
	/*ボタンを調整*/
	#sp-fixed-menu li a{
   		text-align: center;
   		display:block;
   		width: 100%;
   		padding:20px 0;
   		text-decoration: none;
   		font-weight: bold;
		color: #1d2088;
	}
@media screen and (min-width: 1025px){
	.pc_none{
	display:none;
	}
}
@media screen and (max-width: 1024px){
	body{
		font-size: 1rem;
		line-height: 1.5;
	}
	section{
		padding: 40px 0;
		width: 90%;
	}
	.cta{
		top: auto;
		bottom: 2.5em;
		right: 5px;
		z-index: 1000;
		width: min(33vh,20vw);
	}
	.sp_tb_none,.tb_none{
		display: none;
	}
	h3{
		font-size: 1.5rem;
		padding: 0 0 30px 0;
		margin: 0;
	}
	img.photo{
		width: 73%;
		height: auto;
		object-fit: contain;
	}
	.slideshow {
		width: 100%;
		height: calc(100vw * 0.73 / 3 * 2);
	}

	h5 {
		padding: 0;
		margin: 1em 0 0 0;
		border-bottom: 4px solid #FFF;
		background: none;
        color: #000;
	}

	.catch {
    	position: absolute;
    	bottom: 0;
    	right: auto;
    	color: #003592;
    	font-size: 2.5vmax;
    	font-weight: bold;
    	z-index: 50;
    	background: rgba(255,255,255,0.6);
    	text-align: center;
    	width: 100%;
		padding: 1em 0;
    	line-height: 1.5;
	}
	header .navi {
		width: 78%;
	}
	footer{
		height: 20em;
	}
	.for-sp.pc_none,footer .pc_none{
		display: none;
	}
	footer .headerimg_logo{
		margin-top: 3em;
	}
	.do_re{
		top:auto;
		height: 26%;
	}
	.adderss{
		position: absolute;
        display: block;
        top: 10em;
	}
	.footer{
		padding-top: 1em;
	}
	#foot_nav {
		right: 27%;
	}
	#foot_nav2{
		right: 5%;
	}
}
@media screen and (max-width: 767px){
	.tb_none{
		display: block;
	}
	.imege.pc_none{
		display: block;
	}
	.sp_none{
		display: none;
	}
	.sp_tb_none{
		display: none;
	}
	.cta{
		bottom: 0.5em;
		width: 20vw;
	}
	img.photo{
		width: 100%;
        object-fit: cover;
	}
	.slideshow {
		width: 100%;
		height: calc(100vw / 3 * 2);
	}
	.btn-flat-border{
		width: auto;
		display: block;
	}
	.flex{
		display: block;
	}
	.btn-gakunen-border{
		margin-bottom: 20px;
	}

	h4{
		padding: 0;
	}
	.couse {
		height: 145px;
	}
	.trial_btn{
		width: auto;
		margin: 2em 0;
	}	
	.class_room{
		width: 100%;
		margin: 0 auto;
	}
	.trial_banner{
		width: 100%;
	}
	#hanamarutoha{
		background-size: cover;
	}
	.more2{
		width: 45%;
	}
	.col_03{
		background: #FFF;
		padding: 15px;
	}
	.voice_title{
		width: auto; 
	}
	.banner_area{
		margin: 40px auto;
	}
	.try{
		background-color: #e3dfee;
	}
	.sp_m_t_30{
		margin-top: 30px;
	}
	.s_m_b_10{
		margin-bottom: 10px;
	}
	.s_p_t_50{
		padding-top: 50px;
	}
	.taikai{
		padding-top: 3em;
	}
	header {
		height: 5vh;
	}
	.btn-flat-border,.btn-border,.btn-gakunen-border{
		width: 97%;
	}
	.b_center{
		margin: 5px auto!important;
	}
	.btn-gakunen-border{
		background: #FFF;
		border: 1px #fbbb55 solid;
		color: #fbbb55;
	}
	.m_0{
		margin: 40px auto!important;
	}
	.m_t_20{
		margin-top: 0;
	}
	.Sm_t_50{
		margin-top: 50px;
	}
	.s_p_t_30{
		padding-top: 30px;
	}
	.p_t_50{
		padding-top: 50px!important;
	}
	.p_t_80{
		padding-top: -80px!important;
	}
	.p_l_70{
		padding-left: 0;
	}
	.p_30{
		padding: 0;
	}
	.S_m_t_30{
		margin-top: 30px!important;
	}
	.S_m_t_3{
		float: left;
		margin-top:3em!important;
	}
	.S_p_20{
	padding: 20px;
	}
	.w_50{
		width: 50%;
	}

	.voice_area{
		width: 100%;
	}
	.do_re{
		top: 12%;
		height: 25%;
	}
	.catch{
		width: 100%;
		bottom: 0;
		left: 0;
		text-align: left;
		padding: 8px;
		background-color:rgba(255,255,255,0.8);
	}
	.m_t_30,.p_t_30{
		margin-top: 0 !important;
		padding-top:0 !important;
	}
	#faq01{
		padding-bottom: 4em;
	}
	.m_t_0{
		margin-top: 0!important;
	}
	.col_left04,.col_right,.col_right02,.col_left02{
		width: 100%;
	}
	.voice_left{
		float: none;
		width: 50%;
		margin: 0 auto;
	}
	.voice_right{
		width: 100%;
		margin: 10px 0;
	}
	.col_left{
		width: 90%;
		margin: 0 26px 0 0;
	}
	.col_right02 strong{
			font-size: 23px;
	}
	.icon {
		width: 20px;
		padding: 0 10px;
	}
	.col_right p{
		padding: 0;
}
	.more{
		font-size: 20px;
	}
	label.qa span{
		margin: 10px 0;
	}	
	.qanda span {
    	width: 100%;
    	display: block;
    	margin: 0;
    	padding: 0;
   }
	#qanda_bar01:checked ~ #links01 li{
    	height: 5em;
    	padding : 15px;
    	opacity: 1;	
	}
	#qanda_bar02:checked ~ #links02 li,
	#qanda_bar03:checked ~ #links03 li,
	#qanda_bar04:checked ~ #links04 li,
	#qanda_bar05:checked ~ #links05 li{
    	height: auto;
    	padding : 15px;
    	opacity: 1;
    }
	#qanda_bar06:checked ~ #links06 li{
    	height: auto;
    	padding : 15px;
    	opacity: 1;
	}
	#qanda_bar07:checked ~ #links07 li,
	#qanda_bar08:checked ~ #links08 li,
	#qanda_bar09:checked ~ #links09 li,
	#qanda_bar10:checked ~ #links10 li {
    	height: auto;
    	padding : 15px;
   	 	opacity: 1;	
	}
	#qanda_bar022:checked ~ #links022 li{
    	height: auto;
    	padding : 15px;
    	opacity: 1;
    	margin: 0;
	}
	#challenge01:checked ~ #an li,
	#challenge02:checked ~ #an2 li,
	#challenge03:checked ~ #an3 li,
	#challenge04:checked ~ #an4 li,
	#challenge05:checked ~ #an5 li{
		height: auto;
    	padding : 0 15px!important;
    	opacity: 1;
    	margin: 10px 0 0 0;
	}
	.img-box{
		margin:0 auto;
		padding: 0;
	}
	.m_t_04{
    	margin-top: -55vw!important;
	}

	.banner_area{
		background: none;
	}
	.btn-open{
		width: 98%;
		margin-bottom: 1em;
		font-size: 0.9rem;
	}
	.for-sp.pc_none, footer .pc_none {
    	display: block!important; 
	}
	footer {
		height: 19vh;
    	padding: 30px 0 150px;
	}
	footer p{
		text-align:center;
	}
	footer .headerimg_logo{
    	display: block;
    	margin: 30px auto 0 auto;
    	width: 50%;
    	position: static;
 	}
	#foot_nav,#foot_nav2{
		display: none;
	}
	.adderss{
		position: static!important;
		margin-left: 1em;	
	}
	.hanamaru{
		position: static;
		margin-left: 1em;
	}
	.hanamaru img{
		width: 50%;
		display:block;
		margin:0 auto;
	}

}