<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "shift_jis";
/*------------------------------------------------
moshi index page
-------------------------------------------------*/
span[class^="fp-"]{
	padding: 0 0.3em;
	margin-right: 0.5em;
	font-size: 0.6em;
	vertical-align:top;
}

.fp-all{
	background-color: #D9A300;
	color: #fff;
}
.fp-upper{
	background-color: #EA5005;
	color: #fff;
}

span[class^="txtIcon-"]{
	margin-bottom:10px;
}

.txtIcon-tsugaku{
	border-color:#419470 !important;
	color:#419470;
	background:#E2F3E6;
}
.txtIcon-tsushin{
	border-color:#4991c9 !important;
	color:#4991c9;
	background:#DEE8F1;
}

/*---------------------------------------
ロードマップ
---------------------------------------*/
.roadmap{
	border-left:3px solid #B91126;
	margin-left:1rem;
	padding-left:1rem;
}
.roadmap &gt; div {
    padding-bottom: 2rem;
}

.roadmap .output{
	background: #fbe3e5;
}
.roadmap .input{
	background: #d5e7f7;
}
.roadmap .output,
.roadmap .input{
	width:50%;
	padding:0.5em;
	float:left;
}
.roadmap .kouza{
	padding:0.5em;
	background:#fff;
}


.roadmap .kouza_input{
	padding:0.5em;
	background:#d5e7f7;
	border:2px solid #aad7f7;
}

.roadmap .kouza_output{
	padding:0.5em;
	background:#fbe3e5;
	border:2px solid #fbc5c7;
}


.roadmap .moshi{
	padding:0.5em;
	background:#3D877A;
	color:#fff;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.roadmap .test{
	padding:0.5em;
	background:#B91126;
	color:#fff;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	font-size:1.6em;
	text-align:center;
}

.roadmap p.date{
	display:inline-block;
	margin-left:-2.5rem;
	padding:0.2em;
	text-align:center;
	font-weight:bold;
	border:3px solid #B91126;
	background:#fff;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
}
.roadmap .kouza .red{
	background:#B91126;
	color:#fff;
}
.roadmap .kouza .orange{
	background:#D04E1D;
	color:#fff;
	border-color:#D04E1D;
}
.roadmap .kouza .white{
	background:#fff;
	color:#333;
	padding:0.5em;
}
.roadmap .output{
}
.roadmap .input{
	margin-top:0 !important;
}


.roadmap .teacher img{
float : left;
line-height : 51px;
}
.roadmap .teacher span{
line-height : 51px;
padding-left: 20px;
}


.roadmap .output .btnBlue,
.roadmap .input .btnBlue{
color : #fff !important;
}

.bgw{
background : #fff;
}




/*------------------------------------------------
ブレイクポイント以下で、フロート解除しない
-------------------------------------------------*/
@media screen and (max-width:767px) {
	.gridNoBreak *[class^="grid"]{
		clear: none;
		display: block;
		float: left;
		margin-left:0;
		margin-right:0;
	}
	.gridNoBreak .grid1 {
	width:23.40425531914894%;
	}
	.gridNoBreak .grid3 {
		width:23.40425531914894%;
	}
	.gridNoBreak .grid9 {
		width:74.46808510638298%;
	}
	.gridNoBreak .grid11 {
		width:74.46808510638298%;
	}
	
}



/*噴出し*/
.balloon_b{
	position:relative;
	width:70%;
	padding:0.5em;
	margin:2em auto;
	border:2px solid #cf006c;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color:#cf006c;
}
.balloon_b:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.balloon_b:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #cf006c;
  z-index: 1;
}</pre></body></html>