@charset "UTF-8";
/* CSS Document */


/*--------------------------------------------------------------------------------------------
　　Topページ
--------------------------------------------------------------------------------------------*/
#top_main {
	width:100%;
	background:url("../images/top/main_img.jpg") no-repeat center -120px;
	background-size:120%;
	margin-bottom:445px;
	position:relative;
}
#top_main .inner {
	background:linear-gradient( to bottom, rgba(255,255,255,0) 70%,  #fff );
	padding:460px 0 0 0;
	height:160px;
}
/*#main_copy {position:absolute; top:160px; left:70px;}*/
#main_copy {position:absolute; top:100px; left:70px;}

#top_main .bnr_area {margin:70px auto 0 auto; width:760px;}
#top_main .bnr_area img {margin-bottom: 20px;}

#top_contents {margin:0 auto 0 auto; width:760px; /*バナー３枚の時使用*//*padding-top: 220px;*/}
#top_contents .g_nav_sp {display:none;}
#top_contents .bnr_area {display:none;}

#top_contents .picup {margin-bottom:60px;}
#top_contents .picup .item {width:100%;}
#top_contents .picup a {text-decoration:none;}
#top_contents .picup .item img { width: 40%; float:left;}
#top_contents .picup .text {width:60%; padding:45px 25px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#top_contents .picup .item p {font-size:16px; line-height:1.6;}
#top_contents .picup .item p.title {color:#FFF; font-size:22px; font-weight:bold; letter-spacing:0.15em; margin-bottom:6px;}
#top_contents a:hover .text {-moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}
#top_contents .picup .item#p_message .text {background:#8FC232;}
#top_contents .picup .item#p_strengths .text {background:#F7B53E;}
#top_contents .picup .item#p_department .text {background:#2DA9DE;}
#top_contents .picup .item#p_department {margin-right:0;}

#top_contents .group_list li {margin:0 0 20px 0;}
#top_contents .group_list li p {color:#FFF;}
#top_contents .group_list li a {display:block; text-align:center; height:90px; padding:0; font-size:16px; color:#FFF; font-weight:bold; text-decoration:none;}
#top_contents .group_list li a .text {padding:10px 20px;}
#top_contents .group_list li a .one_line{padding:20px 20px;}
#top_contents .group_list li a .tmb {width:250px; height:80px; float:left; margin:5px 20px 5px 5px; background-color:#FFF; }
#top_contents .group_list li a img {width:100%; padding: 15px 10px 15px 0;}
#top_contents .group_list li a .division {font-size:18px; font-weight:bold;}
#top_contents .group_list li a .disc {font-size:12px; line-height: 1.4;}
#top_contents .group_list li a span {font-size:12px; color:#FFF; margin:3px 0 0 10px;}
#top_contents .group_list li a span.small {display:block; font-size:13px; color:#000; font-weight:bold; text-decoration:none;}

#top_contents .group_list li.moegi {background:#D9E021;}
#top_contents .group_list li.kids {background:#F1E537;}
#top_contents .group_list li.tyuju {background:#0B73B3;}
#top_contents .group_list li.kouju {background:#004DA1;}
#top_contents .group_list li.kobetsu {background:#2C8054;}
#top_contents .group_list li.toshin {background:#008A7C;}
#top_contents .group_list li.super-epion {background:#907544;}
#top_contents .group_list li.epion {background:#3F9BC9;}
#top_contents .group_list li.kengai {background:#DDD;}
#top_contents .group_list li.overseas {background:#DDD;}

#top_contents .group_list li.moegi p,
#top_contents .group_list li.kids p,
#top_contents .group_list li.kengai p,
#top_contents .group_list li.overseas p {color:#000;}

#top_contents .group_list li.moegi a span,
#top_contents .group_list li.kids a span {color:#000;}

@media screen and (min-width:1301px){
#top_main {background-size:100%; background-position:center -200px;}
}

@media screen and (max-width:1300px){
#top_main {background-size:120%; background-position:center -170px;}
}

@media screen and (max-width:1000px){
#top_main {background-size:150%; background-position:-240px -170px;}
#main_copy {top:180px; left:20px;}
}

/*--------------------------------------------------------------------------------------------
　　タブレット・スマホ
--------------------------------------------------------------------------------------------*/
@media screen and (max-width:768px){
#top_main {background-size:180%; background-position:-400px -160px;}
#top_main img, #top_contents img {width:100%;}
#main_copy {top:100px; left:20px;}
#top_main .bnr_area {width:90%;}
#top_contents {width:90%;}

#top_contents .picup .text {padding:5.3% 4%;}

#top_contents .group_list li {margin:0 0 4% 0; padding:2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:auto;}
#top_contents .group_list li a {height:auto; padding:0;}
#top_contents .group_list li a .text {padding:4% 2%;}
#top_contents .group_list li a .one_line{padding:4%;}
#top_contents .group_list li a .tmb {width:100%; padding:3% 0; margin:0 auto; height:auto; float:none;}
#top_contents .group_list li a img {width:100%; padding:0;}
#top_contents .group_list li a .division {font-size:16px; font-weight:bold; line-height: 1.4;}
#top_contents .group_list li a .disc {margin-top:2%;}
#top_contents .group_list li a span {display:block; margin:0;}
}

@media screen and (max-width:740px){
#top_main {
	width:100%;
	background-position:60% top;
	background-size:100%;
	padding:0;
	margin-bottom:0;
}
#top_main .inner {
	height:290px;
	margin-bottom:260px;
	padding:0;
}
#main_copy {top:100px; width:60%;}
#top_main .bnr_area {margin:260px auto 0 auto;}

#top_contents {width:90%; padding-top: 330px;}
#top_contents .picup .item {width:32%; margin-right:2%;}
#top_contents .picup .item p.title {font-size:16px; letter-spacing:0;}
#top_contents .picup .text {height:auto; padding:4%;}
#top_contents .picup .text p {font-size:13px;}

#top_contents .picup a {text-decoration:none;}
#top_contents .picup .item {width:100%; float:none; margin:0 0 4% 0;}
#top_contents .picup .item#p_message {background:#8FC232;}
#top_contents .picup .item#p_strengths {background:#F7B53E;}
#top_contents .picup .item#p_department {background:#2DA9DE;}
#top_contents .picup .item img {width:40%; float:left;}
#top_contents .picup .item .text {width:54%; float:right;}
}


@media screen and (max-width:640px){
#top_main {
	background-size:160%;
}
#top_main .inner {
	height:340px;
	margin-bottom:8%;
}
#main_copy /*{top:160px; left:10px; width:80%;}*/{top:120px; left:10px; width:80%;}
#top_contents {padding-top: 0;}
#top_contents .g_nav_sp {display:block; margin-bottom:6%;}
#top_contents .g_nav_sp li {float:left; border:1px solid #CCC; width:31.3%; margin:0 2% 2% 0;}
#top_contents .g_nav_sp li:nth-child(3n) {margin:0 0 2% 0;}
#top_contents .g_nav_sp li a {display:block; padding:50px 0 5px 0; text-decoration:none; font-size:11px; color:#000; text-align:center;}
#top_contents .g_nav_sp li.nav1 a {background:url(../images/common/nav_1.png) no-repeat center 5px;}
#top_contents .g_nav_sp li.nav2 a {background:url(../images/common/nav_2.png) no-repeat center 5px;}
#top_contents .g_nav_sp li.nav3 a {background:url(../images/common/nav_3.png) no-repeat center 5px;}
#top_contents .g_nav_sp li.nav4 a {background:url(../images/common/nav_4.png) no-repeat center 5px;}
#top_contents .g_nav_sp li.nav5 a {background:url(../images/common/nav_5.png) no-repeat center 5px;}
#top_contents .g_nav_sp li.nav6 a {background:url(../images/common/nav_6.png) no-repeat center 5px;}

#top_main .bnr_area {display:none;}
#top_contents .bnr_area {display:block; margin-bottom:10%;}
#top_contents .bnr_area img {margin-bottom: 4%;}
#top_contents .picup .item {margin:0 0 6% 0;}
#top_contents .picup .item img {width:100%; float:none;}
#top_contents .picup .item .text {width:auto; float:none;}

#top_contents .group_list li {width:100%; float:none;}
}