@charset "utf-8";
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
@media screen and (min-width:391px) {
	div.page {
		font-size: 1.15em;
		line-height: 150%;
		margin: 0 auto;
		width: 940px;
	}
	div.page strong {
		color: #F00;
	}
	div.page div.top {
		background-image: url("/parts/contents/for-students/main_bg.png");
		background-position: right top;
		background-repeat: no-repeat;
		height: 310px;
		box-sizing: border-box;
		padding: 25px 0 0 0;
		width: 800px;
		margin: 0 auto;
	}
	div.page div.top h2 + p{
		text-align: left;
		font-size: 1.1em;
		width: 63%;
		line-height: 160%;
		padding: 0;
		margin: 20px 0 0 0;
	}
	div.page div.type {
		margin: 40px 0 70px 0;
		position: relative;
	}
	div.page div.type h3 {
		position: relative;
		background-color: #3c4242;
		color: #FFF;
		font-size: 1.85em;
		padding: 0.2em 0;
		margin: 0;
		border-radius: 15px;
	}
	div.page div.type h3 span {
		display: block;
		text-align: center;
	}
	div.page div.type h3 span:before {
		content: "";
		display: inline-block;
		background-image: url("/parts/contents/for-students/icon_search.svg");
		background-repeat: no-repeat;
		background-position: left bottom;
		width: 2em;
		height: 2em;
		position: absolute;
		bottom: -3px;
		left: 0;
	}
	div.page div.type h3 + p {
		text-align: left;
		width: 100%;
		margin: 20px 0 25px 0;
		padding: 0;
	}
	div.page div.type h3 + p img {
		float: right;
	}
	div.page div.type div.check {
		box-sizing: border-box;
		width: 850px;
		margin: 0 auto;
		padding: 10px;
		background-color: #f7b200;
		border-radius: 15px;
	}
	div.page div.type div.check h4 {
		text-align: center;
		margin: 0;
		padding: 0 0 10px 0;
	}
	div.page div.type div.check > div {
		background-color: #FFF;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 18px 18px 0 18px;
	}
	div.page div.type div.check dl {
		box-sizing: border-box;
		padding: 0 0 25px 80px;
		margin: 25px 0 0 0;
		background-repeat: no-repeat;
		background-position: top left;
		border-bottom: dotted 1px #777;
		text-align: left;
	}
	div.page div.type div.check dl:first-of-type {
		margin-top: 0;
	}
	div.page div.type div.check dl:last-of-type {
		border-bottom: none;
	}
	div.page div.type div.check dl:nth-of-type(1) {
		background-image: url("/parts/contents/for-students/check_01.png");
	}
	div.page div.type div.check dl:nth-of-type(2) {
		background-image: url("/parts/contents/for-students/check_02.png");
	}
	div.page div.type div.check dl:nth-of-type(3) {
		background-image: url("/parts/contents/for-students/check_03.png");
	}
	div.page div.type div.check dl:nth-of-type(4) {
		background-image: url("/parts/contents/for-students/check_04.png");
	}
	div.page div.type div.check dl dt {
		color: #005ebe;
		font-size: 1.1em;
		font-weight: bold;
		padding: 0;
		margin: 7px 0 0 0;
	}
	div.page div.type div.check dl dd {
		padding: 0;
		margin: 2px 0 0 0;
		position: relative;
		width: 72%;
	}
	div.page div.type div.check dl dd img {
		position: absolute;
		top: -30px;
		right: -180px;
	}
	div.page div.type div.onepoint {
		box-sizing: border-box;
		width: 850px;
		padding: 18px 18px 16px 170px;
		margin: 40px auto 0 auto;
		background-color: #d9e7f5;
		border-radius: 15px;
		text-align: left;
	}
	div.page div.type div.onepoint:before {
		content: "";
		display: inline-block;
		background-image: url("/parts/contents/for-students/onepoint_image.png");
		background-repeat: no-repeat;
		background-position: left bottom;
		width: 135px;
		height: 139px;
		position: absolute;
		bottom: 0;
		left: 20px;
	}
	div.page div.type div.onepoint h4 {
		padding: 0;
		margin: 0;
	}
	div.page div.type div.onepoint p {
		padding: 0;
		margin: 7px 0 0 0;
	}
	div.page div.option {
		background-color: #8bd621;
		box-sizing: border-box;
		padding: 5px 17px 17px 17px;
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	div.page div.option h3 {
		text-align: center;
		width: 100%;
		margin: 0;
	}
	div.page div.option dl {
		width: 49%;
		box-sizing: border-box;
		text-align: left;
		border: solid 1px #000;
		background-color: #f7b200;
		box-shadow: 3px 3px #6ea700;
		padding: 0;
		margin: 10px 0 0 0;
		position: relative;
		transition: all 0.1s 0s ease;
	}
	div.page div.option dl:after {
		content: "";
		display: inline-block;
		background-image: url("/parts/contents/for-students/arrow.svg");
		width: 18px;
		height: 18px;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	div.page div.option dl:hover {
		box-shadow: 3px 0 #6ea700;
		transform: translateY(3px);
	}
	div.page div.option dl a {
		display: block;
		text-decoration: none;
		color: #000;
	}
	div.page div.option dl dt,
	div.page div.option dl dd {
		background-color: #FFF;
	}
	div.page div.option dl a:hover dt,
	div.page div.option dl a:hover dd {
		background-color: #ffffd4;
	}
	div.page div.option dl dt {
		font-weight: bold;
		font-size: 1.4em;
		margin: 3px 3px 0 3px;
		padding: 15px 0 0 13px;
	}
	div.page div.option dl dd {
		font-size: 0.85em;
		line-height: 140%;

		margin: 0 3px 3px 3px;
		padding: 3px 30px 13px 10px;
	}
	div.page div.items {
		background-color: #e9eaea;
		box-sizing: border-box;
		padding: 20px 30px 30px 30px;
		margin: 70px 0 0 0;
	}
	div.page div.items h3 {
		text-align: center;
		padding: 0;
		margin: 0;
	}
	div.page div.items div.cat {
		box-sizing: border-box;
		border: solid 2px #005ebe;
		background-color: #FFF;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0;
		margin: 30px 0 0 0;
	}
	div.page div.items div.cat:first-of-type {
		margin-top: 15px;
	}
	div.page div.items div.cat div.summary {
		box-sizing: border-box;
		width: 41%;
		margin: 20px 0 20px 20px;
		padding: 0 0 10px 0;
	}
	div.page div.items div.cat div.summary h4 {
		background-color: #005ebe;
		text-align: center;
		color: #FFF;
		font-size: 1.55em;
		line-height: 140%;
		padding: 0;
		margin: 0;
		height: 180px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	div.page div.items div.cat div.summary h4 + p {
		text-align: left;
		margin: 1em 0 0 0;
		padding: 0;
	}
	div.page div.items div.cat div.detail {
		box-sizing: border-box;
		width: 50%;
		margin: 20px 20px 20px 0;
		padding: 15px 0;
		background-color: #e9eaea;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	div.page div.items div.cat div.detail h5 {
		text-align: center;
		color: #005ebe;
		font-size: 1em;
		line-height: 180%;
		padding: 0;
		margin: 8px 0 0 0;
	}
	div.page div.items div.cat div.detail h5 span {
		background-color: #005ebe;
		color: #FFF;
		font-weight: normal;
		font-size: 0.7em;
		padding: 1px 5px;
		margin: 0 0 0 7px;
		vertical-align: middle;
	}
	div.page div.items div.cat div.detail .photo {
		text-align: center;
		width: 100%;
	}
	div.page div.items div.cat div.detail ul.spec {
		font-size: 0.75em;
		line-height: 140%;
		padding: 0;
		width: 92%;
	}
	div.page div.items div.cat div.detail ul.spec li {
		display: inline-block;
	}
	div.page div.items div.cat div.detail ul.spec li:after {
		content: " ／";
	}
	div.page div.items div.cat div.detail ul.spec li:nth-of-type(3):after,
	div.page div.items div.cat div.detail ul.spec li:last-of-type:after {
		content: "";
	}
	div.page div.items div.cat div.detail ul.func {
		font-size: 0.75em;
		display: flex;
		justify-content: center;
		margin: 4px 0 0 0;
		padding: 0;
		width: 100%;
	}
	div.page div.items div.cat div.detail ul.func li {
		background-color: #747a7a;
		color: #FFF;
		width: 28%;
		border-radius: 4px;
		margin-right: 5px;
		padding: 0;
		line-height: 170%;
		text-align: center;
	}
	div.page div.items div.cat div.detail p.price {
		font-weight: bold;
		color: #F00;
		font-size: 1.25em;
		padding: 0;
		margin: 10px 0 0 0;
	}
	div.page div.items div.cat div.detail p.price:after{
		content: "（税込）";
		font-weight: normal;
		color: #000;
		font-size: 0.65em;
	}
	div.page div.items div.cat p.more {
		margin: 0 2px 2px 2px;
		padding: 8px 0;
		line-height: 150%;
		font-weight: bold;
		width: 100%;
		border-top: dotted 4px #005ebe;
	}
	div.page div.items div.cat p.more:hover {
		background-image: url("/parts/contents/for-students/more_bg.jpg");
		background-repeat: repeat;
	}
	div.page div.items div.cat p.more a {
		text-decoration: none;
		color: #005ebe;
		display: block;
		text-align: center;
	}
}
@media screen and (max-width:390px) { 
	div.page {
		font-size: 0.95em;
		line-height: 150%;
		letter-spacing: 0;
	}
	div.page strong {
		color: #F00;
	}
	div.page div.top h2{
	}
	div.page div.top h2 + p{
		width: 92%;
		padding: 0;
		margin: 1em auto;
	}
	div.page div.type {
		margin: 0 0 2em 0;
	}
	div.page div.type h3 {
		background-color: #3c4242;
		color: #FFF;
		font-size: 1.3em;
		width: 95%;
		padding: 0.4em 0 0.3em 0;
		margin: 0 auto;
		border-radius: 15px;
	}
	div.page div.type h3 span {
		display: block;
		text-align: center;
		position: relative;
	}
	div.page div.type h3 span:before {
		content: "";
		display: inline-block;
		background-image: url("/parts/contents/for-students/icon_search.svg");
		background-repeat: no-repeat;
		background-position: left bottom;
		width: 2em;
		height: 2em;
		position: absolute;
		bottom: -0.5em;
		left: 0;
	}
	div.page div.type h3 + p {
		text-align: left;
		width: 92%;
		margin: 0.7em auto;
		padding: 0;
	}
	div.page div.type h3 + p img {
		float: right;
		width: 30%;
		padding: 0;
		margin: 0 0 0.8em 0.8em;
	}
	div.page div.type div.check {
		box-sizing: border-box;
		width: 95%;
		margin: 1.2em auto 0 auto;
		padding: 0.7em;
		background-color: #f7b200;
		border-radius: 8px;
	}
	div.page div.type div.check h4 {
		width: 40%;
		margin: 0 auto;
		padding: 0 0 10px 0;
	}
	div.page div.type div.check > div {
		box-sizing: border-box;
		padding: 0;
	}
	div.page div.type div.check dl {
		box-sizing: border-box;
		background-color: #FFF;
		border-radius: 8px;
		padding: 0.5em;
		margin: 0.8em 0 0 0;
	}
	div.page div.type div.check dl:first-of-type {
		margin-top: 0;
	}
	div.page div.type div.check dl:last-of-type {
	}
	div.page div.type div.check dl dt {
		background-color: #005ebe;
		color: #FFF;
		font-size: 1.1em;
		font-weight: bold;
		padding: 0.3em 0 0.3em 0.5em;
		margin: 0;
	}
	div.page div.type div.check dl:nth-of-type(1) dt:before {
		content: "Check 1.";
	}
	div.page div.type div.check dl:nth-of-type(2) dt:before {
		content: "Check 2.";
	}
	div.page div.type div.check dl:nth-of-type(3) dt:before {
		content: "Check 3.";
	}
	div.page div.type div.check dl:nth-of-type(4) dt:before {
		content: "Check 4.";
	}
	div.page div.type div.check dl dd {
		padding: 0 0.5em;
		margin: 0.5em 0 0 0;
	}
	div.page div.type div.check dl dd img {
		float: right;
		width: 30%;
		padding: 0;
		margin: 0 0 0.8em 0.8em;
	}
	div.page div.type div.onepoint {
		box-sizing: border-box;
		width: 95%;
		padding: 0.5em 0.7em;
		margin: 1em auto 0 auto;
		background-color: #d9e7f5;
		border-radius: 15px;
		text-align: left;
	}
	div.page div.type div.onepoint h4 {
		width: 60%;
		padding: 0;
		margin: 0 auto;;
	}
	div.page div.type div.onepoint p {
		padding: 0;
		margin: 7px 0 0 0;
	}
	div.page div.option {
		background-color: #8bd621;
		box-sizing: border-box;
		padding: 0 0 0.5em 0;
		margin: 0;
	}
	div.page div.option h3 {
		width: 100%;
		margin: 0 auto;
		padding: 0.5em 0 0 0;
	}
	div.page div.option dl {
		width: 95%;
		box-sizing: border-box;
		text-align: left;
		border: solid 1px #000;
		background-color: #f7b200;
		box-shadow: 3px 3px #6ea700;
		padding: 0;
		margin: 10px auto;
		position: relative;
	}
	div.page div.option dl:after {
		content: "";
		display: inline-block;
		background-image: url("/parts/contents/for-students/arrow.svg");
		background-repeat: no-repeat;
		width: 1em;
		height: 18px;
		position: absolute;
		bottom: 0.5em;
		right: 0.5em;
	}
	div.page div.option dl a {
		display: block;
		text-decoration: none;
		color: #000;
	}
	div.page div.option dl dt,
	div.page div.option dl dd {
		background-color: #FFF;
	}
	div.page div.option dl dt {
		font-weight: bold;
		font-size: 1.4em;
		margin: 3px 3px 0 3px;
		padding: 7px 7px 0 7px;
	}
	div.page div.option dl dd {
		font-size: 0.9em;
		line-height: 140%;
		margin: 0 3px 3px 3px;
		padding: 5px 20px 5px 7px;
	}
	div.page div.items {
		background-color: #e9eaea;
		box-sizing: border-box;
		padding: 0;
		margin: 2em 0 0 0;
	}
	div.page div.items h3 {
		width: 85%;
		padding: 0.7em 0 0 0;
		margin: 0 auto;
	}
	div.page div.items div.cat {
		box-sizing: border-box;
		width: 95%;
		border: solid 2px #005ebe;
		background-color: #FFF;
		padding: 0;
		margin: 1em auto;
	}
	div.page div.items div.cat:first-of-type {
		margin-top: 15px;
	}
	div.page div.items div.cat div.summary {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}
	div.page div.items div.cat div.summary h4 {
		background-color: #005ebe;
		text-align: center;
		color: #FFF;
		font-size: 1.25em;
		line-height: 140%;
		padding: 0.2em 0;
		margin: 0;
	}
	div.page div.items div.cat div.summary h4 + p {
		text-align: left;
		width: 92%;
		margin: 0.75em auto 0 auto;
		padding: 0;
	}
	div.page div.items div.cat div.detail {
		box-sizing: border-box;
		width: 92%;
		margin: 0.7em auto;
		padding: 0 0 0.5em 0;
		background-color: #e9eaea;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 15px;
	}
	div.page div.items div.cat div.detail h5 {
		text-align: center;
		color: #005ebe;
		font-size: 1.1em;
		line-height: 180%;
		padding: 0.5em 0 0.2em 0;
		margin: 0;
		width: 100%;
		box-sizing: border-box;
	}
	div.page div.items div.cat div.detail h5 span {
		background-color: #005ebe;
		color: #FFF;
		font-weight: normal;
		font-size: 0.7em;
		padding: 1px 5px;
		margin: 0 0 0 7px;
		vertical-align: middle;
	}
	div.page div.items div.cat div.detail p.photo {
		width: 40%;
		text-align: center;
		margin: 0 auto;
	}
	div.page div.items div.cat div.detail > div {
		width: 45%;
		margin-right: 1em;
	}
	div.page div.items div.cat div.detail ul.spec {
		font-size: 0.75em;
		line-height: 140%;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	div.page div.items div.cat div.detail ul.spec li {
		display: inline-block;
	}
	div.page div.items div.cat div.detail ul.spec li:after {
		content: " ／";
	}
	div.page div.items div.cat div.detail ul.spec li:last-of-type:after {
		content: "";
	}
	div.page div.items div.cat div.detail ul.func {
		font-size: 0.75em;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	div.page div.items div.cat div.detail ul.func li {
		background-color: #747a7a;
		color: #FFF;
		display: inline-block;
		border-radius: 4px;
		margin: 0.4em 0.3em 0 0;
		padding: 0.1em 0.6em;
		line-height: 170%;
	}
	div.page div.items div.cat div.detail p.price {
		font-weight: bold;
		color: #F00;
		font-size: 1.25em;
		padding: 0;
		margin: 0.2em 0 0 0;
	}
	div.page div.items div.cat div.detail p.price:after{
		content: "（税込）";
		font-weight: normal;
		color: #000;
		font-size: 0.65em;
	}
	div.page div.items div.cat p.more {
		margin: 0;
		padding: 8px 0;
		line-height: 150%;
		font-weight: bold;
		width: 100%;
		border-top: dotted 4px #005ebe;
		text-align: center;
		background-image: url("/parts/contents/for-students/more_bg.jpg");
		background-repeat: repeat;
	}
	div.page div.items div.cat p.more a {
		text-decoration: none;
		color: #005ebe;
		display: block;
		text-align: center;
	}
}