@charset "utf-8";

/* =============================================================================
	 TOP
	 ========================================================================== */

/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/

#TopHeader {
	margin: 0;
	padding: 0;
	text-align: center;
}

#TopHeader #TopHdInbox {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 90px;
	text-align: left;
}

@media only screen and (max-width:640px){
	#TopHeader {
	background-image:none;
	}

	#TopHeader #TopHdInbox {
	width: auto;
	height: 78px;
	background-image:none;
	}
}

#TopHeader li {
	list-style:none;
}


/*----------------------------------------------------
	トピックス / サイドメニュー（資料請求～）
----------------------------------------------------*/

	/* box */

#topmenu {
	margin: 20px auto 0 auto;
	padding: 0;
	width: 940px;
	display:flex;
	justify-content: space-between;
}

@media only screen and (max-width:640px){
	#topmenu {
	margin: 0 auto;
	width:100%;
	flex-direction: column;
	}
}


/* トピックス
---------------------------------------------------- */

#Topics {
	margin: 0;
	padding: 0;
	width: 700px;
	text-align: left;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}

@media only screen and (max-width:640px){
	#Topics {
	margin: 7px 10px 0 10px;
	padding: 0 0 10px 0;
	width: auto;
	}
}

	/* bnr */

.topics_renew {
	margin: 0 0 10px 0;
	padding: 0;
}
.topics_renew img {
	margin: 0;
	padding: 0;
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}

@media only screen and (max-width:640px){
	.topics_renew {
	margin: 5px 0 10px 0;
	padding: 0;
	}
}

	/* topics */

.topics_inner {
	flex:1;
	margin: 0;
	padding: 0 0 10px 0;
	width: 100%;
	background: #f3f4f4;
	border-radius: 2px;
	box-sizing: border-box;
	display:flex;
	flex-direction: column;
}

@media only screen and (max-width:640px){
	.topics_inner {
	background: #fff;
	border: 1px  solid #3093cc;
	}
}

#Topics #TpcsArea {
	width: calc(100% - 20px);
	margin: 10px;
	padding: 0;
	overflow-y: auto;
}

#Topics #TpcsArea dl {
	margin: 0 0 7px 0;
	padding: 0 10px 10px 5px;
	position:relative;
}

#Topics #TpcsArea dt {
	position : absolute;
	margin: 0;
	padding: 0;
	width : 5.5em;
	color:#e73178;
	font-weight:bold;
	font-size:95%;
	line-height: 150%;
}

#Topics #TpcsArea dd {
	margin: 0;
	padding: 0 0 7px 7em;
	font-size:95%;
	line-height: 150%;
}

#Topics #TpcsArea .red_b {
	display: block;
	margin: 0;
	padding: 0 0 1px 0;
	color:#e73178;
	font-weight:bold;
}

@media only screen and (max-width:640px){
	#Topics #TpcsArea {
	width: calc(100% - 20px);
	height: auto;
	max-height:220px;
	margin: 2px 10px 12px 10px;
	padding: 0;
	overflow-y: auto;
	}

	#Topics #TpcsArea dl {
	margin: 0;
	padding: 0 10px 10px 5px;
	position:relative;
	}

	#Topics #TpcsArea dd {
	padding-bottom: 5px;
	}

	#Topics #TpcsArea .red_b {
	font-weight: normal;
	}
}

#Topics #past {
	margin: auto 0 0 0;
	padding: 0 27px 0 0;
	font-size:95%;
	line-height: 150%;
	text-align: right;
}

#Topics #past a {
	padding-left: 13px;
	background: url(../images/arw_blue.gif) left center no-repeat;
}

@media only screen and (max-width:640px){
	#Topics #past {
	padding-right: 10px;
	}
}

#Topics #TpcsTarea {
	margin:5px;
	padding: 0;
	width: auto;
	background:#004099;
	border-radius: 2px;
	display:flex;
	justify-content: space-between;
}

#Topics #TpcsTarea h2 {
	margin: 10px 0 0 10px;
	padding: 0;
	width: 100px;
	height: 24px;
	background:url(../images/top/topics_title.png) left top no-repeat;
	text-indent:-9999em;
}

@media only screen and (max-width:640px){
	#Topics #TpcsTarea {
	margin:0;
	width: auto;
	height: auto;
	background-image:none;
	background:#fff;
	flex-direction: column;
	justify-content: flex-start;
	}

	#Topics #TpcsTarea h2 {
	margin: 0;
	padding: 8px 12px 8px 12px;
	width: auto;
	display: block;
	color:#fff;
	font-size:105%;
	font-weight:normal;
	text-align:left;
	background-image:none;
	text-indent:0;
	background-color:#3093cc;
	}
}

#Topics #TpcsTarea #emergencybtn {
	margin: 8px 10px 0 0;
	padding: 0;
}

#Topics #TpcsTarea #emergencybtn p {
	margin: 0;
	padding: 0;
	font-size:90%;
	text-align:right;
}

#Topics #TpcsTarea #emergencybtn p a {
	text-decoration: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	color:#fff;
	text-align:right;
}

#Topics #TpcsTarea #emergencybtn p a:before {
	content: "●";
	margin: 0;
	padding: 0 3px 0 0;
	color:#e73178;
	text-decoration: none;
	z-index:1;
}

#Topics #TpcsTarea #emergencybtn p a:after {
	content: "≫";
	margin: 0;
	padding: 0 0 0 4px;
	color:#fff;
}

#Topics #TpcsTarea #emergencybtn p a:visited {
	 color: #fff;}

#Topics #TpcsTarea #emergencybtn p a:hover {
	display:block;
	width: 178px;
	height: 20px;
	color:#fff;
	text-decoration: underline;
}

#Topics #TpcsTarea #emergencybtn p a:active { 
	color: #fff;
}

@media only screen and (max-width:640px){
	#Topics #TpcsTarea #emergencybtn {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	float: none;
	display: block;
	}

	#Topics #TpcsTarea #emergencybtn p {
	margin: 10px;
	padding: 0;
	position: relative;
	text-indent: 0;
	width: auto;
	height: auto;
	background-image:none;
	font-size:100%;
	}

	#Topics #TpcsTarea #emergencybtn p a {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding:10px;
	text-align:center;
	background-color:#f9ecf3;
	border: 1px solid #dda2bd;
	box-sizing: border-box;
	font-size:85%;
	background-image:url(../images_sp/arw_gry_sp.png);
	background-size:14px 10px;
	background-repeat: no-repeat;
	background-position: right center;
	}

	#Topics #TpcsTarea #emergencybtn p a:hover {
	display:block;
	width: auto;
	height: auto;
	background-image:none;
	background-color:#f9ecf3;
	border: 1px solid #dda2bd;
	background-image:url(../images_sp/arw_gry_sp.png);
	background-size:14px 10px;
	background-repeat: no-repeat;
	background-position: right center;
	}

	#Topics #TpcsTarea #emergencybtn p a:link { color: #cc0000; text-decoration: none; }
	#Topics #TpcsTarea #emergencybtn p a:visited { color: #cc0000; text-decoration: none; }
	#Topics #TpcsTarea #emergencybtn p a:hover { text-decoration:none; }
	#Topics #TpcsTarea #emergencybtn p a:active { text-decoration:none; }

	#Topics #TpcsTarea #emergencybtn p a:after {
	content: "";
	padding: 0;
	}
}


/* サイドメニュー
---------------------------------------------------- */

	/* box */

#topSideMenu {
	width: 220px;
	margin: 0;
	padding: 0;
	text-align: left;
}

@media only screen and (max-width:640px){
	#topSideMenu {
	width: auto;
	margin: 10px 10px 0 10px;
	padding: 0;
	}
}

	/* マイページログイン */

.sidemenu-fbox1 .member {
	margin: 0 0 6px 0;
	padding: 16px 16px 18px 16px;
	background:#3093cc;
	color:#fff;
	border-radius: 2px;
}

.sidemenu-fbox1 .member a:link   	{ color:#fff; text-decoration:none; }
.sidemenu-fbox1 .member a:visited	{ color:#fff; text-decoration:none; }
.sidemenu-fbox1 .member a:active 	{ color:#fff; text-decoration:none; }
.sidemenu-fbox1 .member a:hover  	{ color:#fff; text-decoration:none; }

.sidemenu-fbox1 .member h2{
	margin: 0 0 8px 0;
	padding: 0 10px;
	text-align:center;
	color:#fff;
	border-bottom:none;
	font-size:100%;
	font-weight:bold;
}

.sidemenu-fbox1 .member p  {
	margin: 0;
	padding: 0;
	text-align:center;
}

.sidemenu-fbox1 .member p a:hover {
	opacity: 0.7;
	transition: 0.5s ease-in-out;
}

		/* btn */

.sidemenu-fbox1 .member p.link_login{
	margin:0 auto;
	padding: 0;
}

.sidemenu-fbox1 .member p.link_login a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 14px 5px 14px 20px;
	text-align:center;
	line-height: 1.5;
	border: 3px solid #fff;
	background-color: #3093cc;
	border-radius: 50em;
	box-sizing: border-box;
	position: relative;
}

.sidemenu-fbox1 .member p.link_login a:active,
.sidemenu-fbox1 .member p.link_login a:hover  	{ color:#3093cc; text-decoration:none;}

.sidemenu-fbox1 .member p.link_login a::before {
	position:absolute;
    top: 50%;
    transform: translatey(-50%);
	left: 14px;
	content: '';
	width: 24px;
	height: 24px ;
	background:url(../images/navi_login.svg) 0 0 no-repeat;
	background-size: 24px auto;
}

.sidemenu-fbox1 .member p.link_login a:hover {
	opacity:1;
	background-color: #fff;
	transition: 0.5s ease-in-out;
}

.sidemenu-fbox1 .member p.link_login a:hover::before {
	position:absolute;
    top: 50%;
    transform: translatey(-50%);
	left: 14px;
	content: '';
	width: 24px;
	height: 24px ;
	background:url(../images/navi_login_h2.svg) 0 0 no-repeat;
	background-size: 24px auto;
	transition: 0.5s ease-in-out;
}

@media only screen and (max-width:640px){
	.sidemenu-fbox1 .member {
	margin: 0 0 5px 0;
	padding: 0;
	border-radius: 0;
	}

	.sidemenu-fbox1 .member h2{
	display:none;
	}

	.sidemenu-fbox1 .member p.link_login a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 16px 20px 10px 12px;
	text-align: center;
	border: 0;
	border-radius: 0;
	background-image:url(../images_sp/arw_white_sp.png);
	background-size:14px 10px;
	background-repeat: no-repeat;
	background-position: right center;
	}

	.sidemenu-fbox1 .member p.link_login a::before,
	.sidemenu-fbox1 .member p.link_login a:hover::before {
	display:none;
	position:relative;
	width:0;
	height:0;
	background-image:none;
	}
}


	/* 申込リストを見る */

.sidemenu-fbox1 .cartlist {
	margin: 0;
	padding: 0;
}

.sidemenu-fbox1 .cartlist li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidemenu-fbox1 .cartlist li a {
	margin: 0;
	padding: 8px 5px 8px 50px;
	width: 100%;
	height: 50px;
	overflow: hidden;
	align-items: center;
	background: #004099;
	border-radius: 2px;
	box-sizing: border-box;
	display:flex;
	position:relative;
}

.sidemenu-fbox1 .cartlist li a:hover {
	opacity: 0.8;
	transition: 0.5s ease-in-out;
}

.sidemenu-fbox1 .cartlist li a:link,
.sidemenu-fbox1 .cartlist li a:visited,
.sidemenu-fbox1 .cartlist li a:active,
.sidemenu-fbox1 .cartlist li a:hover { color:#fff;text-decoration:none; }

.sidemenu-fbox1 .cartlist li a:before {
	position:absolute;
    top: 50%;
    transform: translatey(-50%);
	left: 20px;
	content: '';
	width: 16px;
	height: 21px;
	background:url(../images/navi_list.svg) 0 0 no-repeat;
	background-size: 16px auto;
}

.sidemenu-fbox1 .cartlist li a:hover:before {
	opacity: 0.8;
	transition: 0.5s ease-in-out;
}

@media only screen and (max-width:640px){
	.sidemenu-fbox1 .cartlist li a {
	height: auto;
	text-align: center;
	justify-content: center;
	padding: 16px 20px 10px 12px;
	border-radius: 0;
	background-image:url(../images_sp/arw_white_sp.png);
	background-size:14px 10px;
	background-repeat: no-repeat;
	background-position: right center;
	}
	
	.sidemenu-fbox1 .cartlist li a:before {
	display:none;
	}
}

	/* ガイドブック・チラシPDF */

#guidepdf {
	width: 220px;
	margin: 6px 0 0 0;
	padding: 5px 0;
	background:#ff8019;
	border-radius:2px;
}

#guidepdf ul {
	margin: 0 5px;
	padding: 0;
}

#guidepdf li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type:none;
	overflow:hidden;
}

#guidepdf li:last-child {
	margin: 0;
}

#guidepdf li a {
	display:block;
	width: 100%;
	height:58px;
	margin: 0;
	padding: 16px 10px 10px 16px;
	background-color:#fff;
	background-image:url(../images/arw_gry.png);
	background-size:11px 11px;
	background-repeat: no-repeat;
	background-position:190px center;
	border-radius:2px;
	text-indent:0;
	box-sizing: border-box;
	font-size:95%;
	line-height:1.35;
	position:relative;
	display:flex;
	align-items: center;
}

#guidepdf li a span.inner_txt {
	display: block;
	margin: 0;
	padding: 0;
	z-index:2;
	position: relative;
}

#guidepdf li a:hover {
	opacity: 0.8;
	transition: 0.5s ease-in-out;
}

#guidepdf li a:link { color:#000; text-decoration:none; }
#guidepdf li a:visited { color:#000; text-decoration:none; }
#guidepdf li a:hover { color:#000; text-decoration:none; }
#guidepdf li a:active { color:#000; text-decoration:none; }
	
#guidepdf .d_sp {
	display:none;
}

@media only screen and (max-width:640px){
	#topSideMenu #guidepdf {
	display:none;
	}
}

	/* 資料請求 */

.pamphlet {
	margin: 6px 0 0 0;
	padding: 0;
}

.pamphlet li {
	margin: 0;
	padding: 0;
	list-style:none;
}

.pamphlet li a {
	display:block;
	width: 100%;
	margin: 0;
	padding: 20px 10px 20px 10px;
	color:#fff;
	text-align:center;
	text-indent:0;
	box-sizing: border-box;
	background-color:#ff8019;
	background-image:url(../images/arw_white.png);
	background-size:11px 11px;
	background-repeat: no-repeat;
	background-position:200px center;
	border-radius:2px;
	position:relative;
}

.pamphlet li a:link,
.pamphlet li a:visited,
.pamphlet li a:hover,
.pamphlet li a:active {
	color: #fff; text-decoration:none;
}

.pamphlet li a:hover {
	opacity: 0.8;
	transition: 0.5s ease-in-out;
}

@media only screen and (max-width:640px){
	#topSideMenu .pamphlet {
	display:none;
	}
}


/* サイドメニュー：sp
---------------------------------------------------- */

@media only screen and (min-width:641px){
	#spSideMenu {
	display:none;
	}
}

@media only screen and (max-width:640px){
	/* box */

	#spSideMenu {
	width: auto;
	margin: 10px 10px 0 10px;
	padding: 0;
	}


	/* 資料請求 */

	#spSideMenu .pamphlet li a {
	padding: 16px 20px 10px 12px;
	border-radius: 0;
	background-image:url(../images_sp/arw_white_sp.png);
	background-size:14px 10px;
	background-repeat: no-repeat;
	background-position: right center;
	}

	/* ガイドブック・チラシPDF */

	#spSideMenu #guidepdf {
	width: 100%;
	margin: 6px 0 0 0;
	padding: 0;
	padding:6px;
	box-sizing: border-box;
	border-radius:0;
	}

	#spSideMenu #guidepdf ul {
	width: 100%;
	margin:0;
	padding: 0;
	}

	#spSideMenu #guidepdf ul li {
	margin: 0 0 6px 0;
	padding:0;
	box-sizing: border-box;
	}

	#spSideMenu #guidepdf ul li:last-child {
	margin: 0;
	}

	#spSideMenu #guidepdf ul li a {
	width: 100%;
	height: 54px;
	margin: 0;
	padding: 16px 20px 10px 16px;
	background-color:#fff;
	background-image:url(../images_sp/arw_gry_sp.png);
	background-size:14px 10px;
	background-repeat: no-repeat;
	background-position: right center;
	text-indent:0;
	overflow: visible;
	font-size:95%;
	line-height:22px;
	border-radius:0;
	box-sizing: border-box;
	}

	#spSideMenu #guidepdf .d_sp {
	display: inline-block;
	}

	#spSideMenu #guidepdf .d_pc {
	display:none;
	}
}


/*----------------------------------------------------
	講座を探す
----------------------------------------------------*/

/* box
---------------------------------------------------- */

#content_search_form{
	width: 940px;
	margin: 30px auto 0 auto;
	padding: 30px 40px 45px 40px;
	text-align: center;
	background:#004099;
	box-sizing: border-box;
	border-radius: 4px 4px 0 0;
}
	
@media only screen and (max-width:640px){
	#content_search_form{
	width: auto;
	margin: 20px 10px 0 10px;
	padding: 20px 15px;
	}
}

	/* h2 */

#content_search_form h2	{
	margin: 0 auto 26px auto;
	padding:  0;
	color:#fff;
	font-size:200%;
	font-weight:normal;
}

@media only screen and (max-width:640px){
	#content_search_form h2	{
	margin: 0 auto 18px auto;
	padding:  0;
	font-size:120%;
	}
}


/* form
---------------------------------------------------- */

#content_search_form button,
#content_search_form input,
#content_search_form select,
#content_search_form textarea {
    border-style: none;
	color:#222;
}

#content_search_form input[type="text"] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	margin: 0;
	padding: 10px 26px 10px 10px;
	width: 100%;
	background:#fff;
	border-radius: 2px;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 48px;
	height: auto !important;
	height: 48px;
}

input::placeholder {
	color: #666;
}

input:focus::placeholder {
	color: transparent;
}
  
#content_search_form select {
	display: block;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	margin: 0;
	padding: 12px 24px 12px 8px;
	width: 100%;
	border-radius:2px;
	background:#fff url(../images/arw_select.png) calc(100% - 7px) center no-repeat;
	background-size: 12px 12px;
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 48px;
	height: auto !important;
	height: 48px;
}

#content_search_form .submitbtn {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 0 10px 20px;
	text-align:center;
	color:#fff;	
	font-size:130%;
	letter-spacing:0.1em;
	line-height: 16px;
	border-radius: 3px;
	text-indent:0 ;
	box-sizing: border-box;
	min-height: 48px;
	height: auto !important;
	height: 48px;
	background: #ff8019 url(../images/navi_search.png) calc(50% - 1.4em) calc(50% + 0.05em) no-repeat;
	background-size: 16px 16px;
	cursor:pointer;
}

@media screen and (max-width:959px){
	#content_search_form input[type="text"] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	display: block;
	width: 100%;
    height: 42px;
	margin: 2px 0 16px 0;
	padding: 3px 5px;
	background: #fff;
	border-radius: 2px;
	font-size:16px;
	line-height: 30px;
	box-sizing: border-box;
	}

	#content_search_form .selectbox { /* for IE */
	margin: 0;
	padding: 0;
	border-radius: 0;
	background:none;
	}

	#content_search_form .selectbox {
	width: 100%;
	}

	#content_search_form select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	display:block;
	width: 100%;
    height: 46px !important;
	margin: 2px 0 16px 0;
	padding: 4px 0 4px 0;
	text-indent: 0.25em;
	border-radius:2px;
	background:#fff url(../images/arw_select.png) calc(100% - 8px) center no-repeat;
	background-size: 10px 10px;
	font-size:16px;
	line-height:30px;
	vertical-align: middle;
	box-sizing:border-box;
	}

	#content_search_form .submitbtn {
	font-size:16px;
	}
}

/* form：box
---------------------------------------------------- */

#content_search_form form {
	width:100%;
	margin: 0;
	padding: 0;
	display:flex;
	justify-content: space-between;
}

#content_search_form ul {
	flex: 1;
	margin: 0;
	padding: 0;
	display:flex;
	justify-content: space-between;
}

#content_search_form li {
	margin: 0 10px 0 0;
	padding: 0;
	list-style:none;
	flex-grow: 2;
}

#content_search_form li:last-child {
	margin: 0;
}

#content_search_form .sbmbox{
	width: 110px;
	margin:0 0 0 10px;
	padding: 0;
}

@media screen and (max-width:640px){
	#content_search_form form {
	width: 100%;
	display:block;
	}

	#content_search_form .sbmbox {
	width:100%;
	}
	
	#content_search_form .selectbox {
	display: block;
	margin: 0;
	padding: 0;
	border:none;
	background:none;
	}

	#content_search_form ul {
	width: 100%;
	display:block;
	}
	
	#content_search_form li {
	margin: 0;
	}

	#content_search_form li:nth-child(1),
	#content_search_form li:nth-child(2),
	#content_search_form li:nth-child(3),
	#content_search_form li:nth-child(4){
	width: 100%;
	}

	#content_search_form li:nth-child(2) .selectbox,
	#content_search_form li:nth-child(3) .selectbox,
	#content_search_form li:nth-child(4) .selectbox {
	width: 100%;
	}

	#content_search_form .selectbox { /* for IE */
	margin: 0;
	padding: 0;
	border-radius: 0;
	background:none;
	}

	#content_search_form .selectbox {
	width: 100%;
	}
	
	#content_search_form .sbmbox {
	width: 100%;
	display:block;
	margin:0;
	}
}


/*----------------------------------------------------
	カテゴリーで探す・講座ガイダンス動画
----------------------------------------------------*/

#topsearch_category {
	width:940px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	text-align: left;
	color:#004099;
	background:#f3f4f4;
	border-radius: 0 0 4px 4px;
	display:flex;
	justify-content: space-between;
}

	/* box */

#topsearch_category div.menu_category:nth-child(1) {
	margin: 0;
	padding: 0 0 30px 0;
	width: 100%;
	box-sizing: border-box;
	position:relative;
}

/* 
#topsearch_category div.menu_category:nth-child(2) {
	margin: 0;
	padding: 0 20px 30px 20px;
	width: 36%;
	text-align:center;
	box-sizing: border-box;
} */

	/* h3 */

#topsearch_category h3 {
	padding: 0;
	font-size:160%;
	color:#004099;
	font-weight:normal;
	text-align:center;
}

#topsearch_category h3 .topsearch_category_br {
	display:none;
}

#topsearch_category div.menu_category:nth-child(1) h3 {
	margin: 0 10px 20px 10px;
}

#topsearch_category div.menu_category:nth-child(2) h3 {
	margin: 0 10px 5px 10px;
}

	/* list */

#topsearch_category div.menu_category ul {
	width:100%;
	padding: 0;
	display:flex;
	flex-wrap: wrap;
	position:relative;
}

#topsearch_category div.menu_category:nth-child(1) ul {
	width:calc(100% - 50px);
	margin: 0 25px;
	padding: 0;
	box-sizing: border-box;
	display:flex;
	justify-content:center;
}
/* 
#topsearch_category div.menu_category:nth-child(1):after {
	content:"";
	height:calc(100% - 44px);
	border-right: 1px solid #bfc7d9;
	position:absolute;
	margin: 0;
	padding: 0;
	top:0;
	right:1px;
} */

#topsearch_category div.menu_category li {
	width:calc(16% - 4px);
	margin: 0 2px;
	padding: 0;
	list-style:none;
	text-align:center;
}
 
#topsearch_category div.menu_category li:nth-child(n+7) {
	margin: 20px 2px 0 2px;
}

#topsearch_category div.menu_category li figure {
	width:100%;
	margin: 0;
	padding: 0;
}

#topsearch_category div.menu_category li figure img {
	display: inline-block;
	width:78%;
	max-width:82px;
	margin: 0 auto;
	padding: 0;
	text-align:center;
	vertical-align:bottom;
}

#topsearch_category div.menu_category li a:hover figure img {
	transform: scale(1.1);
	transition-duration: 0.3s;
}

#topsearch_category div.menu_category li a:hover img {
	opacity: 1!important;
}

#topsearch_category div.menu_category li p {
	margin: 0 ;
	padding: 10px 0 0 0;
	text-align:center;
	line-height:1.25;
	font-size:110%;
}

#topsearch_category div.menu_category a:link,
#topsearch_category div.menu_category a:visited,
#topsearch_category div.menu_category a:active,
#topsearch_category div.menu_category a:hover  	{ color:#004099; text-decoration:none; }

#topsearch_category div.menu_category p.movie_img {
	margin: 10px 0;
	padding: 0;
	text-align:center;
}

#topsearch_category div.menu_category p.movie_img img {
	width:80%;
	max-width:200px;	
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}

@media only screen and (max-width:640px){
	/* box */
	#topsearch_category {
	width: auto;
	margin: 0 10px;
	padding: 0;
	text-align: center;
	flex-direction: column;
	justify-content: flex-start;
	overflow:hidden;
	}

	#topsearch_category div.menu_category:nth-child(1) {
	width: 100%;
	padding: 20px 2% 25px 2%;
	}

	#topsearch_category div.menu_category:nth-child(2) {
	width: 100%;
	padding: 0 3% 20px 3%;
	}

	/* list */

	#topsearch_category div.menu_category:nth-child(1) ul {
	width:calc(100% - 20px);
	margin: 0 10px;
	padding: 0 0 25px 0;
	border-bottom: 1px solid #bfc7d9;
	}

	#topsearch_category div.menu_category li {
	font-size:90%;
	}

	/* #topsearch_category div.menu_category:nth-child(1):after {
	display:none;
	border-right: none;
	} */

	#topsearch_category div.menu_category li:nth-child(n+7) {
	margin: 20px 2px 0 2px;
	}

	/* h3 */

	#topsearch_category h3 {
	font-size:120%;
	}

	#topsearch_category h3 .topsearch_category_br {
	display:none;
	}
}

@media only screen and (max-width:480px){

	/* list */

	#topsearch_category div.menu_category li {
	width:calc(25% - 10px);
	margin: 0 5px;
	font-size:80%;
	}

	#topsearch_category div.menu_category li:nth-child(n+5) {
	margin: 20px 5px 0 5px;
	}

	#topsearch_category div.menu_category li figure img {
	width:80%;
	max-width:66px;
	height:auto;
	}

	/* h3 */

	#topsearch_category h3 {
	font-size:115%;
	}
}


/*----------------------------------------------------
	SNS
----------------------------------------------------*/

.sns-container {
	margin: 30px auto 0 auto;
	padding: 0;
	width: 940px;
	text-align: center;
	display:flex;
	justify-content: space-between;
}

.sns-container .fb-page {
	margin: 0;
	padding: 0;
	width: 500px;
}

.sns-container p {
	margin: 0;
	padding: 0;
	text-align:right;
}

@media only screen and (max-width:640px){
	.sns-container {
	margin: 30px 10px 0 10px;
	width: auto;
	flex-direction: column;
	justify-content: center;
	}

	.sns-container .fb-page {
	width: auto;
	}

	.sns-container p {
	margin: 20px auto 0 auto;
	padding: 0;
	text-align: center;
	}

	.sns-container p img {
	width: 100%;
	max-width:200px;
	height:auto;
	}
}


/*----------------------------------------------------
	講座受講方法動画
----------------------------------------------------*/

.swiper-parent-container h2 {
	margin: 30px 0 10px 0;
	padding: 0;
	font-size:160%;
	color:#004099;
	font-weight:normal;
	text-align:center;
}

@media only screen and (max-width:640px){
	.swiper-parent-container h2 {
	margin: 20px 0 10px 0;
	padding: 0;
	font-size:110%;
	font-weight:bold;
	}
}


/*----------------------------------------------------
	snsボタン追加：211021
----------------------------------------------------*/

/* ヘッダー
---------------------------------------------------- */

	/* 交通アクセス・利用規約・FAQ */

#format_top #HdRinfo {
	position:relative;
	margin: 0;
	padding: 0;
	width: 133px;
	float:right;
	list-style-type:none;
	background:url(../images/header_r_bg.gif) right -27px no-repeat;
}

#format_top #HdRinfo li a {
	text-decoration: none;
	display: block;
}


	/* header SNS(pc) */

#format_top #HdRinfo ul.hd_sns_list {
	margin:34px 0 0 0;
	padding:0;
	display:flex;
	justify-content:space-around;
	width: 115px;
}

#format_top #HdRinfo ul.hd_sns_list li {
	list-style:none;
	margin: 0;
	padding: 0;
	position:relative;	
	text-indent: 0;
}

#format_top #HdRinfo ul.hd_sns_list li:first-child {
	margin: 0;
}

#format_top #HdRinfo ul.hd_sns_list li img {
	margin: 0;
	padding: 0;
	vertical-align:bottom;
	width:31px;
	height:auto;
}

@media only screen and (max-width:640px){
	#format_top #HdRinfo ul.hd_sns_list {
	display: none;
	}
}


/* フッター
---------------------------------------------------- */

	/* アクセスインフォメーション・関連リンク */

@media only screen and (max-width:640px){
	#format_top #footer #FtInbox #FtInfo {
	width: auto;
	padding: 10px 0 0 0;
	}
}

	/* footer SNS (sp) */

@media only screen and (min-width:641px){
	#format_top ul.ft_sns_list_sp {
	display: none;
	}
}

@media only screen and (max-width:640px){
	#format_top ul.ft_sns_list_sp {
	display:inline-block;
	width:auto;
	margin: 0 auto;
	padding: 0;
	display:flex;
	justify-content:center;
	}

	#format_top ul.ft_sns_list_sp li {
	list-style:none;
	margin: 0 8px;
	padding: 0;
	}

	#format_top ul.ft_sns_list_sp li img {
	margin: 0;
	padding: 0;
	vertical-align:bottom;
	width:39px;
	height:auto;
	}
}