@charset "utf-8";
/*====================================================================================================
  TOPPAGE
====================================================================================================*/

#toppage {}
#toppage .b_more a {
	margin: auto;
	padding: 5px 30px 5px 0;
	max-width: 120px;
	text-align: left;
	text-decoration: none;
	font-weight: 500;
	color: #4f352c;
	letter-spacing: 2px;
	background:url("../img/arrow_b1.png") no-repeat right center;
	background-size: 20px auto;
	border-bottom: 2px solid #4fbdd8;
}
#toppage .b_more2 a {
	margin: auto;
	padding: 5px 30px 5px 0;
	max-width: 120px;
	text-align: left;
	text-decoration: none;
	font-weight: 500;
	color: #4f352c;
	letter-spacing: 2px;
	background:url("../img/arrow_d1.png") no-repeat right center;
	background-size: 20px auto;
	border-bottom: 2px solid #4f352c;
}
	

/*** CONT1 *************************************************************/
.cont1 { background: url("../img/bg_y1.jpg"); }
#toppage .mainimg { position: relative;}
#toppage .mainimg::after {
	position: absolute; top: 0; left: 0;
	display: block; clear: both; content:"";
	width: 100vw; height: 43%;
	background: #fff;
}
#toppage .slick_mainimg,
#toppage .slick_mainimg-nav {position: relative; z-index: 9999;}
#toppage .slick_mainimg { margin: auto !important; width:96%; max-width: 1300px; }
#toppage .slick_mainimg img {  border-radius: 20px; }
#toppage .slick_mainimg-nav { margin: auto; max-width: 750px;}
/* #toppage .slick_mainimg-nav { margin: auto; max-width: 500px;} */
#toppage .slick_mainimg-nav li { padding:10px 5px;}
#toppage .channel { position: relative; margin: auto; max-width: 1300px; z-index: 999999;}
#toppage .channel a { position: absolute; bottom: -10px; right: 2%;}
#toppage .info { margin: auto; padding: 20px 0 100px; width: 100%; max-width: 1300px; overflow: hidden;}
#toppage .info .box a { color:#4f352c; text-decoration: none;}
#toppage .info .photo img { width: 100%; height: auto; border-radius: 5px;}
/*
#toppage .info .txt { display: block;  padding: 10px 40px 10px 0; background: url("../img/arrow_b3.png") no-repeat right center; background-size: auto 30px;}
#toppage .info .txt .day { font-family: 'Oswald', sans-serif; font-size: 87.5%; line-height: 170%;}
#toppage .info .txt .cate { margin-left:10px; padding:1px 15px; font-size: 75%; color:#fff; background:#4f352c; border-radius: 20px;}
*/
#toppage .info .txt { display: block;  padding: 0 40px 0 0; background: url("../img/arrow_b3.png") no-repeat right center; background-size: auto 30px;}
#toppage .info .txt .day { font-family: 'Oswald', sans-serif; font-size: 87.5%; line-height: 100%;}
#toppage .info .txt .cate { margin-left:10px; padding:1px 15px; font-size: 68.5%; color:#fff; background:#4f352c; border-radius: 20px;}
#toppage .info .txt .come { display: block; line-height: 130%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#toppage .news { position: relative; float: left; width:calc(100% - 410px);}
#toppage .news1,
#toppage .news2 { position: relative; /* overflow: hidden; */ }
#toppage .news h2 {
	position: relative;
	margin:15px 0 10px;
	width:100%; height: 50px;
	text-indent: -9999px;
/*	background: url("../../img/tit_news.png") no-repeat left center;	*/
}
#toppage .news1 h2 { background: url("../../img/tit_news.png") no-repeat left center;}
#toppage .news2 h2 { background: url("../../img/tit_news2.png") no-repeat left center;}
#toppage .news .news_list {overflow: hidden;}
#toppage .news .box { float: left; margin: 1% 0; width:48%; background: #fff; border-radius: 10px; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15);}
#toppage .news .box+.box { margin-left:2%;}
#toppage .news .box:nth-child(2n+1) {  clear: both; margin-left:0;}
#toppage .news .box .photo { float: right; width:130px; height: auto; /* 2022.09.08 add */ overflow: hidden; max-height: 90px; }
/*
#toppage .news .box a { display: block; padding: 20px 40px 20px 20px; background: url("../img/arrow_b3.png") no-repeat 98% center; background-size: auto 30px;  overflow: hidden;}
*/
#toppage .news .box a { display: block; padding: 15px 30px 15px 20px; background: url("../img/arrow_b3.png") no-repeat 98% center; background-size: auto 20px;  overflow: hidden;}
#toppage .news .box .txt { padding:0; background:none;}
#toppage .news .box .cate1 { background:#4fbdd8;}
#toppage .news .box .cate2 { background:#f29a92;}
#toppage .news .box .cate3 { background:#efb24c;}
/*
#toppage .news .box .come { padding-right: 15px;}
#toppage .news .rss { position: absolute; top:25px; left: 150px;}
*/
#toppage .news .box .come { padding-right: 15px; display: block; line-height: 110%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#toppage .news .box .come2 { margin-top: 5px; padding-right: 15px; display: block; font-size:12px; line-height:12px !important; color: #777; overflow: hidden;}
#toppage .news .rss { position: absolute; top:10px; left: 150px;}
#toppage .news .rss a {
	display: block;
	width: 64px; height: 37px;
	text-indent: -9999px;
	background: url("../../img/rss.png") no-repeat;
}
#toppage .news .rss a:hover {opacity: 0.7; filter: alpha(opacity=70);}
/*
#toppage .news .b_more { position: absolute; top:25px; right:20px;}
*/
#toppage .news .b_more { position: absolute; top:15px; right:20px;}
#toppage .pickup { 
	position: relative;
	float: right;
	padding: 1.5% 3%;
	width: 410px;
	background: #fff;
	border: 2px solid #4f352c;
	border-radius: 10px;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15);
}
#toppage .pickup h2 {
	position: relative;
	margin-bottom: 10px;
	width:100%; height: 50px;
	text-indent: -9999px;
	background: url("../../img/tit_topics.png") no-repeat 30px center;
}
#toppage .pickup h2::before {
	display: block; clear: both; content:"";
	position: absolute; top:5px; left:-30px; right: 0;
	width: 55px; height: 40px;
	background: url("../img/illust_pickup.png") no-repeat;
	background-size: 100% auto;
	transform:rotate(30deg);
}
/*
#toppage .pickup .box .photo img { width: 100%; height:160px; object-fit: cover;}
*/
#toppage .pickup .puckup_list .box:nth-child(1){
    margin-bottom: 30px; padding-bottom:20px;
    border-bottom: 1px dotted #555;
}
#toppage .pickup .box .photo img { width: 100%; height:160px; object-fit: cover;}
#toppage .info .txt { padding: 10px 40px 10px 0;}
#toppage .pickup .box .come { display: block; line-height: 130%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
#toppage .pickup .b_more { position: absolute; top: 25px; right: 8%; }
@media only screen and (max-width:1150px){
    #toppage .news2 h2 { background-size: auto 35px; }
}
@media only screen and (max-width:1125px){
	#toppage .slick_mainimg {width:100%;}
	#toppage .news { width:calc(100% - 380px);}
	#toppage .news .box a { padding: 26px 40px 26px 20px;}
	#toppage .news .box .photo { width:110px;}
	#toppage .pickup { width:380px;	}
}
@media only screen and (max-width:1050px){
	#toppage .news { width:calc(100% - 330px);}
	#toppage .news .box .cate { margin-left: 2px; padding: 1px 10px;}
	#toppage .info .txt .cate { font-size:	62.5%;}
	#toppage .pickup { width:330px;	}
	#toppage .pickup h2 { background-position:left center; }
	#toppage .pickup h2::before { top:-35px; left:-50px;;}
}
@media only screen and (max-width:950px){
	#toppage .news .box a { padding: 10px 40px 10px 15px;}
	#toppage .news .box .cate { display: block; margin-left:0; width: 50px; text-align: center; line-height: 100%;}
	#toppage .news .box .photo { padding-top: 5px; width:80px;}
	#toppage .news .txt .come { -webkit-line-clamp:3;}
}
@media only screen and (max-width:800px){
	#toppage .slick_mainimg {width:96%;}
	#toppage .slick_mainimg img {  border-radius: 10px; }
	#toppage .slick_mainimg-nav { margin:0 0 0 2%; max-width: 300px;}
	#toppage .slick_mainimg-nav li { padding:10px 2px;}
	#toppage .channel a {bottom: -10px; right:4%;}
	#toppage .channel a img { width:70px; height: auto;}
	#toppage .info { padding:0  0 60px;}
	#toppage .info h2 { height: 35px; background-size: auto 35px;}
	#toppage .pickup .box .txt,
	#toppage .news .box a { background-size: auto 20px;}
	#toppage .news  { float: none; margin: 0 2% 10%; width: 94%;}
	#toppage .pickup { float: none; margin: 0; padding: 5% 4%; width: 100%; border-left: 0; border-right:0; border-radius: 0;}
	#toppage .news2 h2 { background: url("../../img/tit_news2_sp.png") no-repeat left center; height: 45px; background-size: auto 45px;}
	#toppage .news .rss a { width: 42px; height: 25px; background-size:100% auto;}
	#toppage .news .box { display: none; float:none; margin: 0 0 10px !important; width: 100%;}
	#toppage .news .box:nth-child(1),
	#toppage .news .box:nth-child(2) { display: block;}
	#toppage .news .box .cate { display:inline; margin-left: 5px;}
	#toppage .news .box .photo { width:100px;}
	#toppage .news .txt .come { -webkit-line-clamp:2;}
	#toppage .news .rss { top:10px; left: 110px;}
	#toppage .news .b_more { top:2px; right:0;}
	#toppage .pickup .b_more { top:20px; right:15px;}
	#toppage .pickup h2::before { top:-45px; left:0; right: 0; margin: auto;}
}


/*** CONT2 *************************************************************/
#toppage .cont2 { margin: auto; padding: 100px 0; width: 100%; max-width: 1300px;}
#toppage .cont2::after { display: block; clear: both; content:""; }
#toppage .cont2 h2 {
	position: relative;
	margin:0 auto 50px; 
	width: 385px; height: 50px;
	text-indent: -9999px;
	background: url("../../img/tit_search.png") no-repeat center center;
}
#toppage .cont2 h2::before {
	display: block; clear: both; content:"";
	position: absolute; top: -180px; left: 0; right: 0;
	margin: auto;
	width: 240px; height: 178px;
	background: url("../img/illust_children9.png") no-repeat;
	background-size: 100% auto;
}
#toppage .cont2 .stage { float: left; width: 49%;}
#toppage .cont2 .purpose { float: right; width: 49%;}
#toppage .cont2 .ranking { float: left; width: 49%;}
#toppage .cont2 .help { float: right; width: 49%;}
/*
#toppage .cont2 .cont2_1 { float:left; width: 49%; }
#toppage .cont2 .cont2_2 { float: right; width: 49%; margin-left: 2%; }
*/
/*
#toppage .cont2 .box { position: relative; float:left; padding: 20px 15px; width: 49%; border-radius: 10px;}
*/
#toppage .cont2 .box { position: relative; padding: 20px 15px; border-radius: 10px;}
#toppage .cont2 .box p { margin: 0 1%; padding:0 0 20px; font-size: 150%; font-weight:600; color: #4f352c; text-align: center;}
#toppage .cont2 .box p button { display: none;}
/*
#toppage .cont2 .stage { background: url("../img/bg_b1.jpg"); margin-bottom: 10px;}
#toppage .cont2 .purpose { background: url("../img/bg_g1.jpg"); margin-left: 2%; float: right;}
#toppage .cont2 .keyword { background: url("../img/bg_y1.jpg");}
*/
#toppage .cont2 .stage { background: url("../img/bg_b1.jpg");}
#toppage .cont2 .purpose { background: url("../img/bg_g1.jpg"); }
#toppage .cont2 .ranking { background: url("../img/bg_y1.jpg"); margin-top: 10px;}
#toppage .cont2 .stage::before,
#toppage .cont2 .purpose::before,
/*
#toppage .cont2 .keyword::before {
*/
#toppage .cont2 .ranking::before {
	display: block; clear: both; content:"";
	position: absolute; 
	background-size: 100% auto !important;
}
#toppage .cont2 .stage::before { top:-15px; left:-15px; width: 85px; height: 75px; background: url("../img/illust_flour4.png") no-repeat;}
/*
#toppage .cont2 .purpose::before { bottom:-45px; right:-25px; width:100px; height:80px; background: url("../img/illust_flour1.png") no-repeat;}
#toppage .cont2 .keyword::before { top:-25px; left:-25px; width: 50px; height: 50px; background: url("../img/illust_flour6.png") no-repeat;}
*/
#toppage .cont2 .ranking::before { top:-25px; left:-25px; width: 50px; height: 50px; background: url("../img/illust_flour6.png") no-repeat;}
/*
#toppage .cont2 .box ul { padding-top: 20px; overflow: hidden; border-top: 2px dotted #fff;}
*/
#toppage .cont2 .box ul, #toppage .cont2 .box div { padding-top: 20px; overflow: hidden; border-top: 2px dotted #fff;}
#toppage .cont2 .box ul li {
	float: left; margin: 1%; width: 48%;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15);
}
#toppage .cont2 .box ul li a {
	display: block; padding: 47px 10px  0 100px;
	height: 125px;
	font-size: 137.5%;
	line-height: 120%;
	font-weight: 600;
	color: #4f352c;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}
#toppage .cont2 .box ul li a .mi { display: none;}
#toppage .cont2 .stage ul li:nth-child(1) a { background: url("../img/illust_ninpu.png") no-repeat 15px center; background-size:auto 90px;}
#toppage .cont2 .stage ul li:nth-child(2) a { background: url("../img/illust_children7.png") no-repeat 15px center; background-size:auto 75px;}
#toppage .cont2 .stage ul li:nth-child(3) a { background: url("../img/illust_children10.png") no-repeat 15px center; background-size:auto 60px;}
#toppage .cont2 .stage ul li:nth-child(4) a { background: url("../img/illust_consultation.png") no-repeat 15px center; background-size:auto 65px;}
#toppage .cont2 .purpose ul li:nth-child(1) a { background:url( "../img/illust_home1.png") no-repeat 15px center; background-size:auto 50px;}
#toppage .cont2 .purpose ul li:nth-child(2) a { background:url("../img/illust_goods8.png") no-repeat  30px center; background-size:auto 50px;}
#toppage .cont2 .purpose ul li:nth-child(3) a { background:url("../img/illust_children3.png") no-repeat 23px center; background-size:auto 70px;}
/*
#toppage .cont2 .purpose ul li:nth-child(4) a { background:url("../img/illust_works.png") no-repeat 10px center; background-size:auto 70px; padding-top:35px;}
#toppage .cont2 .purpose ul li:nth-child(5) a { background:url("../img/illust_money.png") no-repeat 25px center; background-size:auto 60px;}
*/
#toppage .cont2 .purpose ul li:nth-child(4) a { background:url("../img/illust_money.png") no-repeat 25px center; background-size:auto 60px;}
#toppage .cont2 .purpose ul li:nth-child(5) a { background:url("../img/illust_works.png") no-repeat 10px center; background-size:auto 70px; padding-top:35px;}

#toppage .cont2 .purpose ul li:nth-child(6) a { background:url("../img/illust_children5.png") no-repeat 20px center; background-size:auto 75px; padding-top:35px;}
/*
#toppage .cont2 .keyword { padding: 17px 15px;  width:calc(49% - 240px); height: 127px;}
#toppage .cont2 .keyword p {  margin-bottom: 0; padding-bottom: 5px; font-size: 137.5%; text-align: left; border: none;}
#toppage .cont2 .keyword ul { padding: 0;}
#toppage .cont2 .keyword ul li { width: inherit; box-shadow:none;}
#toppage .cont2 .keyword ul li a {
	padding:5px 10px;
	height:auto;
	font-size: 87.5% !important;
	font-weight: 500;
	color: #fff;
	line-height: 100%;
	border-radius: 3px;
	background: #32a1bf;
}
#toppage .cont2 .help { position: relative; float: left; margin-left: 10px; width:230px; border:3px solid rgba(0,0,0,0.10) ; background: url("../img/bg_w1.jpg"); border-radius: 10px;}
*/
#toppage .cont2 .ranking { padding: 16px 15px; }
#toppage .cont2 .ranking ul { padding: 0;}
#toppage .cont2 .ranking ul li { position: relative; float:none; margin:1px 1%; width:98%; background:none; border-radius: 0; box-shadow: none;}
#toppage .cont2 .ranking ul li::before {
	display: block; clear: both;
	position: absolute; top:8px; left: 10px;
	width: 25px; height: 25px;
	color: #fff; text-align: center; line-height: 25px;
	border-radius:25px;
	background: #4fbdd8;
}
#toppage .cont2 .ranking ul li:nth-child(1)::before { content:"1";}
#toppage .cont2 .ranking ul li:nth-child(2)::before { content:"2";}
#toppage .cont2 .ranking ul li:nth-child(3)::before { content:"3";}
#toppage .cont2 .ranking ul li:nth-child(4)::before { content:"4";}
#toppage .cont2 .ranking ul li:nth-child(5)::before { content:"5";}
#toppage .cont2 .ranking ul li a { padding:10px 15px 10px 45px; height: auto; font-size: 100% !important; color: #4f352c; background: #fff; text-align:left;}
#toppage .cont2 .help { position: relative; margin-top: 30px; border:3px solid rgba(0,0,0,0.10) ; background: url("../img/bg_w1.jpg"); border-radius: 10px;}
#toppage .cont2 .help::after {
	display: block; clear: both; content:"";
/*
	position: absolute; top: -3px;  right:-7px;
*/
	position: absolute; top: -10px;  right:40px;
	margin: auto;
/*
	width: 95px; height: 105px;
	background: url("../img/bana.png") no-repeat;
*/
	width:120px; height: 135px;
	background:url("../img/bana.png") no-repeat;
	background-size: 100% auto;
}
#toppage .cont2 .help a {
	position: relative;
	display: block;
	padding:0;
/*
	height: 122px;
*/
	height: 120px;
	text-indent: -9999px;
/*
	background: url("../../img/tit_mid.png") no-repeat 15px center;
*/
	background: url("../../img/tit_mid.png") no-repeat left center;
	border-radius: 10px;
	box-sizing: border-box;
	z-index: 9999;
}
@media only screen and (max-width:1300px){
	#toppage .cont2 .box ul li a .mi { display: block;}
	#toppage .cont2 .stage ul li:nth-child(1) a,
	#toppage .cont2 .purpose ul li:nth-child(1) a,
	#toppage .cont2 .purpose ul li:nth-child(5) a { padding-top:35px;}
}
@media only screen and (max-width:1200px){
	#toppage .cont2 .box ul li a { font-size: 112.5%;}
	#toppage .cont2 .stage ul li a,
	#toppage .cont2 .purpose ul li a { padding-top:50px;}
	#toppage .cont2 .stage ul li:nth-child(1) a,
	#toppage .cont2 .purpose ul li:nth-child(1) a,
	#toppage .cont2 .purpose ul li:nth-child(5) a { padding-top:40px;}
}
@media only screen and (max-width:1115px){
	#toppage .cont2 .stage ul li a,
  	#toppage .cont2 .purpose ul li a { padding:40px 10px 0 70px; height: 100px !important;}
	#toppage .cont2 .stage ul li:nth-child(1) a { background-position:15px center; background-size:auto 70px; padding-top:30px;}
	#toppage .cont2 .stage ul li:nth-child(2) a { background-position:15px center; background-size:auto 55px;}
	#toppage .cont2 .stage ul li:nth-child(3) a { background-position:15px center; background-size:auto 40px;}
	#toppage .cont2 .stage ul li:nth-child(4) a { background-position:15px center; background-size:auto 45px;}
	#toppage .cont2 .purpose ul li:nth-child(1) a { background-position:15px center; background-size:auto 40px; padding-top:30px;}
	#toppage .cont2 .purpose ul li:nth-child(2) a { background-position:25px center; background-size:auto 40px;}
	#toppage .cont2 .purpose ul li:nth-child(3) a { background-position:23px center; background-size:auto 50px;}
	#toppage .cont2 .purpose ul li:nth-child(4) a { background-position:10px center; background-size:auto 50px; padding-top:30px;}
	#toppage .cont2 .purpose ul li:nth-child(5) a { background-position:25px center; background-size:auto 45px; padding-top:30px;}
	#toppage .cont2 .purpose ul li:nth-child(6) a { background-position:20px center; background-size:auto 55px; padding-top:30px;}
/*
	#toppage .cont2 .keyword { padding:10px 15px;  width:calc(49% - 240px); height: 101px;}
	#toppage .cont2 .keyword p { font-size: 112.5%;}
	#toppage .cont2 .keyword ul li {margin:0.5% 1%;}
	#toppage .cont2 .keyword ul li a { 	padding:3px 10px;}
	#toppage .cont2 .keyword { width:calc(49% - 180px);}
	#toppage .cont2 .help {  width:170px;}
	#toppage .cont2 .help a { height:95px; background-position:10px center; background-size: auto 60%;}
	#toppage .cont2 .help::after { width: 75px; height: 85px;}	
*/
	#toppage .cont2 .help::after {right:0;}
}
@media only screen and (max-width:985px){
	#toppage .cont2 .stage ul li a,
  	#toppage .cont2 .purpose ul li a { padding-left:60px; font-size: 100%;}
	#toppage .cont2 .stage ul li:nth-child(1) a { background-position:15px center; background-size:auto 60px;}
	#toppage .cont2 .stage ul li:nth-child(2) a { background-position:15px center; background-size:auto 45px;}
	#toppage .cont2 .stage ul li:nth-child(3) a { background-position:15px center; background-size:auto 30px;}
	#toppage .cont2 .stage ul li:nth-child(4) a { background-position:15px center; background-size:auto 35px;}
	#toppage .cont2 .purpose ul li:nth-child(1) a { background-position:15px center; background-size:auto 30px;}
	#toppage .cont2 .purpose ul li:nth-child(2) a { background-position:15px center; background-size:auto 30px;}
	#toppage .cont2 .purpose ul li:nth-child(3) a { background-position:23px center; background-size:auto 40px;}
	#toppage .cont2 .purpose ul li:nth-child(4) a { background-position:10px center; background-size:auto 40px;}
	#toppage .cont2 .purpose ul li:nth-child(5) a { background-position:25px center; background-size:auto 40px;}
	#toppage .cont2 .purpose ul li:nth-child(6) a { background-position:10px center; background-size:auto 40px;}
/*
	#toppage .cont2 .keyword ul li:last-child { display: none;}
*/
	#toppage .cont2 .help::after {right:0;}
	#toppage .cont2 .help a { height: 150px; background-size: auto 130px; }
}
@media only screen and (max-width:800px){
	#toppage .cont2 { padding: 60px 0;}
	#toppage .cont2 h2 { margin-bottom: 20px; width: 225px; height: 35px; background-size: 100% auto;}
	#toppage .cont2 h2::before { top: -100px; left: 0; right: 0; width: 140px; height: 100px; }
/*
	#toppage .cont2 .box { float: none; margin: 0 auto 10px; padding:15px 2% 2%; width: 96%;}
*/
/*
	#toppage .cont2 .cont2_1,
	#toppage .cont2 .cont2_2 {float: none; margin: 0 auto 10px !important;width: 96%;}
*/
	#toppage .cont2 .stage,
	#toppage .cont2 .purpose,
	#toppage .cont2 .ranking,
	#toppage .cont2 .help {float: none; margin: 0 auto 10px !important;width: 96%;}
	#toppage .cont2 .box p { margin: 0 1%; padding:0 0 10px; font-size: 112.5%; font-weight:600; text-align:left;}
	#toppage .cont2 .box p button {
		position: absolute; top: 10px; right: 4%;
		cursor: pointer;
		display:block;
		margin: auto;
		padding: 5px 25px 5px 0;
		max-width: 120px;
		text-align: left;
		font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", "Meiryo", sans-serif;
		font-size:87.5%;
		font-weight: 600;
		letter-spacing: 2px;
		color: #4f352c;
		background:url("../img/arrow_d2.png") no-repeat right center;
		background-size: 20px auto;
		border: none;
	}
	#toppage .cont2 .stage::before { top:-25px; left:-2%; width:45px; height: 75px;}
	#toppage .cont2 .purpose::before { bottom:inherit; top: -30px; right:-2%; width:50px; height:40px;}
/*
	#toppage .cont2 .keyword::before { top:-20px; left:-2%; width: 35px; height: 35px;}
*/
	#toppage .cont2 .ranking::before { top:-20px; left:-2%; width: 35px; height: 35px;}
	#toppage .cont2 .box ul { padding-top: 10px;}
	#toppage .cont2 .box ul li {border-radius: 5px;}
	#toppage .cont2 .box ul li a .mi { display:none;}
	#toppage .cont2 .stage ul li a,
  	#toppage .cont2 .purpose ul li a { padding:15px 5px 0 30px !important; height:50px !important; font-weight: 500; }
	#toppage .cont2 .stage ul li:nth-child(1) a { background-position:5px center; background-size:auto 40px;}
	#toppage .cont2 .stage ul li:nth-child(2) a { background-position:13px center; background-size:auto 30px;}
	#toppage .cont2 .stage ul li:nth-child(3) a { background-position:5px center; background-size:auto 28px;}
	#toppage .cont2 .stage ul li:nth-child(4) a { background-position:10px center; background-size:auto 30px;}
	#toppage .cont2 .purpose ul li:nth-child(1) a {
		background-position:7px center;
		background-size:auto 20px;
		padding-top: 6px !important; /* 2022.09.26 add */
	}
	#toppage .cont2 .purpose ul li:nth-child(2) a { background-position:10px center; background-size:auto 25px;}
	#toppage .cont2 .purpose ul li:nth-child(3) a { background-position:10px center; background-size:auto 30px;}
	#toppage .cont2 .purpose ul li:nth-child(4) a { background-position:10px center; background-size:auto 30px; padding-top: 6px !important;}
	#toppage .cont2 .purpose ul li:nth-child(5) a { background-position:10px center; background-size:auto 30px; padding-top: 6px !important;}
	#toppage .cont2 .purpose ul li:nth-child(6) a { background-position:10px center; background-size:auto 30px; padding-top: 6px !important;}
/*
	#toppage .cont2 .keyword { height:auto;}
	#toppage .cont2 .keyword ul { padding-top: 10px;}
	#toppage .cont2 .keyword ul li a { font-size: 100%; padding: 5px 10px;}
	#toppage .cont2 .keyword ul li:last-child { display:block;}
	#toppage .cont2 .help { margin: 0 2%; width: 96% !important;}
*/
	#toppage .cont2 .help { margin:10px 0 0; width:100% !important;}
	#toppage .cont2 .help a {  height:85px; background: url("../../img/tit_mid2.png") no-repeat 15px center; background-size: auto 55px;}
	#toppage .cont2 .help::after { top:-10px;  right:10px;}
	#toppage .cont2 .help::after { top: -10px;  right:0; width:100px; height: 90px; background-size: auto 100%;	}
}


/*** CONT3 *************************************************************/
#toppage .cont3 { padding: 100px 0 40px; background: url("../img/bg_p3.jpg") repeat center center;}
#toppage .cont3 h3 {
	position: relative;
	margin: auto; 
	width: 385px; height: 50px;
	text-indent: -9999px;
	background: url("../../img/tit_soudan.png") no-repeat center center;
}
#toppage .cont3 h3::before {
	display: block; clear: both; content:"";
	position: absolute; top: -140px; left: 0; right: 0;
	margin: auto;
	width: 165px; height: 140px;
	background: url("../img/illust_mamatomo.png") no-repeat;
	background-size: 100% auto;
}
#toppage .cont3 .faq_list { position: relative; margin: auto; width:100%; max-width: 1200px;}
#toppage .cont3 .faq_list ul { margin: auto; width: 100%; overflow: hidden;}
#toppage .cont3 .faq_list ul li { float: left; margin:0.5% 1%; width:23%; min-width: 275px;}
#toppage .cont3 .faq_list ul li:nth-child(1),
#toppage .cont3 .faq_list ul li:nth-child(5){ background: url("../../img/fikidashi1.png") no-repeat; background-size: 100% 100%;}
#toppage .cont3 .faq_list ul li:nth-child(2),
#toppage .cont3 .faq_list ul li:nth-child(6){ background: url("../../img/fikidashi1.png") no-repeat; background-size: 100% 100%;}
#toppage .cont3 .faq_list ul li:nth-child(3),
#toppage .cont3 .faq_list ul li:nth-child(7){ background: url("../../img/fikidashi1.png") no-repeat; background-size: 100% 100%;}
#toppage .cont3 .faq_list ul li:nth-child(4) { background: url("../../img/fikidashi1.png") no-repeat; background-size: 100% 100%;}
#toppage .cont3 .faq_list ul li:nth-child(5) { margin-left: 13%;}
#toppage .cont3 .faq_list ul li a {
	position: relative; display: block;
	padding: 30px 10px 50px;
	text-decoration: none; text-align: center;
	min-height:197px;
	box-sizing: border-box;
}
#toppage .cont3 .faq_list ul li a b { display: block; color:#4f352c; font-size: 112.5%; line-height: 130%;}
#toppage .cont3 .faq_list ul li a small { 
	position: absolute; bottom: 45px; left: 0; right: 0;
	display: block; margin:10px auto 0;
	width: 80%;
	color: #fff;
	font-size: 100%;
	border-radius: 20px;
}
#toppage .cont3 .faq_list ul li a small.cate1 { background: #e69e95;}
#toppage .cont3 .faq_list ul li a small.cate2 { background: #4fbdd8;}
#toppage .cont3 .faq_list ul li a small.cate3 { background: #4fc9c0;}
#toppage .cont3 .faq_list ul li a small.cate4 { background: #b9cf20;}
#toppage .cont3 .faq_list ul li a small.cate5 { background: #eabe27;}
#toppage .cont3 .b_more2 { position:absolute; top:-60px; right: 0; }
@media only screen and (max-width:1200px){
	#toppage .cont3 .faq_list ul li { min-width: 200px !important;}
	#toppage .cont3 .faq_list ul li a { padding: 30px 10px 30px; min-height:170px !important; }
	#toppage .cont3 .faq_list ul li a b { font-size: 100%;}
	#toppage .cont3 .faq_list ul li a small { font-size: 87.5%; bottom: 40px;}
	#toppage .cont3 .b_more2 { right:2%; }
}
@media only screen and (max-width:900px){
	#toppage .cont3 .faq_list ul li {margin:0.5%; width:24%; min-width: 170px !important;}
	#toppage .cont3 .faq_list ul li a { padding: 30px 10px 30px; min-height:170px !important; }
	#toppage .cont3 .faq_list ul li a small { font-size: 75%; bottom: 40px;}
	#toppage .cont3 .b_more2 { right:2%; }
}
@media only screen and (max-width:800px){
	#toppage .cont3 { padding: 60px 0 40px;}
	#toppage .cont3 h3 { width: 260px; height: 33px; background-size: 100% auto; }
	#toppage .cont3 h3::before {
		position: absolute; top: -100px; left: 0; right: 0;
		width:120px; height: 100px;
	}
	#toppage .cont3 .faq_list ul { padding: 20px 0;}
	#toppage .cont3 .faq_list ul li {
		display: none; 	position: relative;
		float:none; margin:2% !important; width:96%; min-width:inherit !important;
		background: #fff !important;
		box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15);
		border-radius:10px;
	}
	#toppage .cont3 .faq_list ul li+li { margin-top: 20px !important;}
	#toppage .cont3 .faq_list ul li::before {
		display: block; clear: both; content:"";
		position: absolute; bottom: -17px; right: 30px;
		width: 31px; height: 17px;
		background-size: 100% auto !important;
	}
	#toppage .cont3 .faq_list ul li:nth-child(odd)::before { right: 20%; background: url("../../img/fukidashi5.png") no-repeat; }
	#toppage .cont3 .faq_list ul li:nth-child(even)::before { left: 20%; background: url("../../img/fukidashi6.png") no-repeat; }
	#toppage .cont3 .faq_list ul li:nth-child(1),
	#toppage .cont3 .faq_list ul li:nth-child(2),
	#toppage .cont3 .faq_list ul li:nth-child(3) { display: block;}
	#toppage .cont3 .faq_list ul li a { padding:10px; min-height:inherit !important; overflow: hidden; }
	#toppage .cont3 .faq_list ul li a b { float: right; width: calc(100% - 100px); font-size: 100%; text-align: left; font-weight: 500;}
	#toppage .cont3 .faq_list ul li a b br { display: none;}
	#toppage .cont3 .faq_list ul li a small { 
		float: left;
		position:static; margin:0; padding: 5px 0;
		width:80px; mini-height:35px;
		font-size: 75%;
		line-height: 100%;
		border-radius:5px;
		box-sizing: border-box;
	}	
	#toppage .cont3 .faq_list ul li a small.cate1 { padding: 12px 0;}
	#toppage .cont3 .b_more2 { position:static; margin: auto; width: 96%; overflow: hidden; }
	#toppage .cont3 .b_more2 a { float: right;}
}


/*** CONT4 *************************************************************/
#toppage .cont4 { margin: auto; padding: 80px 0; width: 100%; max-width: 1000px; overflow: hidden;}
#toppage .cont4 .box { position: relative; float: left; width: 240px; text-align: center;}
#toppage .cont4 .box+.box { margin-left: 140px;}
#toppage .cont4 .box a { text-decoration: none; color:#4f352c;}
#toppage .cont4 .box span,
#toppage .cont4 .box b { display: block;}
#toppage .cont4 .box .illust { position: absolute; top: 0; left: 0; display: block; width: 240px;}
#toppage .cont4 .box .illust img { width: 100%;}
#toppage .cont4 .box .txt { position: relative; padding-top: 200px; z-index: 99999;}
#toppage .cont4 .box b {  width:100%; height: 90px; text-indent: -9999px;}
#toppage .cont4 .cate_interview b { background: url("../../img/pickup1_tit1.png") no-repeat center center;}
/*
#toppage .cont4 .cate_schedule b { background: url("../../img/pickup2_tit1.png") no-repeat center center;}
*/
/*
#toppage .cont4 .cate_schedule b { background: url("../../img/pickup4_tit1.png") no-repeat center center;}
*/
#toppage .cont4 .cate_schedule b { background: url("../../img/pickup5_tit1.png") no-repeat center center;}
#toppage .cont4 .cate_bousai b { background: url("../../img/pickup3_tit1.png") no-repeat center center;}
#toppage .cont4 .come { padding: 20px 0 10px; font-weight: 500;}
#toppage .cont4 .more { 
	margin: auto;
	padding: 5px 0;
	max-width: 120px;
	text-align: left;
	font-weight: 600;
	letter-spacing: 2px;
	background:url("../img/arrow_b1.png") no-repeat right center;
	background-size: 20px auto;
	border-bottom: 2px solid #4fbdd8;
}
#toppage .cont4 .box:hover .more { color: #4fbdd8;}
@media only screen and (max-width:1000px){
	#toppage .cont4 { max-width: 900px;}
	#toppage .cont4 .box+.box { margin-left: 90px;}
}
@media only screen and (max-width:900px){
	#toppage .cont4 { max-width: 800px;}
	#toppage .cont4 .box+.box { margin-left: 40px;}
}
@media only screen and (max-width:800px){
	#toppage .cont4 { padding: 10% 2%;}
	#toppage .cont4 .box { float: none; width: 100%; text-align:left;}
	#toppage .cont4 .box+.box { margin: 15px 0 0;}
	#toppage .cont4 .box a { display: block; background: url("../img/arrow_b3.png") no-repeat 98%center; background-size: 20px auto;}
	#toppage .cont4 .box .illust { width: 150px;}
	#toppage .cont4 .box .txt { padding: 10px 0 10px 135px; z-index: 99999;}
	#toppage .cont4 .box b { width: 175px; height: 75px;  background-size: 100% auto !important;}
	#toppage .cont4 .cate_interview b { background: url("../../img/pickup1_tit2.png") no-repeat left center;}
/*
	#toppage .cont4 .cate_schedule b { background: url("../../img/pickup2_tit2.png") no-repeat left center;}
*/
/*
	#toppage .cont4 .cate_schedule b { background: url("../../img/pickup4_tit2.png") no-repeat left center;}
*/
	#toppage .cont4 .cate_schedule b { background: url("../../img/pickup5_tit2.png") no-repeat left center;}
	#toppage .cont4 .cate_bousai b { background: url("../../img/pickup3_tit2.png") no-repeat left center;}
	#toppage .cont4 .come { padding: 5px 0; line-height: 130%;}
	#toppage .cont4 .more { display: none !important;}
}


/*** CONT5 *************************************************************/
#toppage .cont5 { overflow: hidden;}
#toppage .cont5 .waku { padding:4%; background: #fff; border-radius: 10px;}
#toppage .line { float: left; padding: 30px; width: 49.5%; text-align: center; background: url("../img/bg_g1.jpg");}
#toppage .line img { margin: auto; width: 100%; max-width: 566px; height: auto;}
#toppage .line .waku {  padding:45px 30px;}
#toppage .link { float:right; padding: 30px; width: 49.5%; background: url("../img/bg_o1.jpg");}
#toppage .link h4 { margin:0 auto 20px;	width: 90%; max-width: 506px;}
#toppage .link h4 img { width: 100%; height: auto;}
#toppage .link ul { margin: auto; max-width: 566px; border-top: 2px solid #cecec8;}
#toppage .link ul li { 
	background: url("../img/arrow_b1.png") no-repeat 10px center;
	background-size: 20px auto;
	border-bottom: 2px solid #cecec8;
}
#toppage .link ul li a { 
	display: block;
	padding: 10px 10px 10px 45px;
	font-size: 112.5%;
	font-weight: 500;
	color: #4f352c;
	text-decoration: none;
}
#toppage .link ul li a.link_blank {  background: url("../img/icon_windou.png") no-repeat 98% center;}
@media only screen and (max-width:1050px){
	#toppage .line,
	#toppage .link { padding: 20px;}
	#toppage .line .waku {  padding:9% 15px;}
	#toppage .link h4 { margin:0 auto 10px;}
	#toppage .link ul li a { font-size: 100%;}
}
@media only screen and (max-width:900px){
	#toppage .line .waku {  padding:7% 15px;}
	#toppage .link ul li a { padding: 5px 10px 5px 45px; font-size: 87.5%;}
}
@media only screen and (max-width:800px){
	#toppage .cont5 .waku { padding:6% !important;}
	#toppage .line { float:none; padding:2%; width:100%;}
	#toppage .line img { margin: auto; max-width: 320px;}
	#toppage .link { float:none; margin-top: 3px; padding:2%; width:100%;}
	#toppage .link h4 { 
		width: 100%; height: 74px;
		background: url("../../img/tit_help2.png") no-repeat center center;
	}
	#toppage .link h4 img { display: none;}
	#toppage .link ul li { background-position:left center;}
	#toppage .link ul li a { padding: 10px 10px 10px 25px; font-size:100%;}
	#toppage .link ul li a.link_blank { background-position: right center;}
}

/*** BANNER ***********************************************************/
#toppage ul.banner { margin: 0 auto; padding: 2% 0; width:100%; max-width:1300px; overflow: hidden;}
#toppage ul.banner li { float: left; margin:1% 2%; width: 16%;}
#toppage ul.banner img { width: 100%; height: auto;}
@media only screen and (max-width:800px){
	#toppage ul.banner { padding:6% 2%;}
	#toppage ul.banner li { margin:2%; width: 46%;}
}

/* 2022.09.14 add */
#toppage ul.banner + ul.banner {
	padding-top: 0;
}
@media only screen and (max-width:800px){
	#toppage ul.banner + ul.banner {
		padding-top: 0;
	}
}