/*! ---------------------------------------------------------------
Site Name: Sumisei After School Project
Author: Sai Company
Author URI: http://www.saicompany.jp/
License: http://www.saicompany.jp/
Stylesheet: Top Stylesheet
Constitution: 
	00  General
	01  Slider
	02  News
	03  About
	04  Channel
	05  Splash

Comments: 
--------------------------------------------------------------- */

.content {
  overflow: hidden;
  width: 100%;
}

.mainSliderWrap {
  position: relative;
  background: #f3efe1;
}

.mainSlider-content {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.mainSlider {
  margin: 0 auto;
  padding: 40px 0 36px;
}

.mainSlider .slider-thumb {
  overflow: hidden;
  width: 780px;
  height: 440px;
}

.mainSlider .slider-thumb img {
  width: 100%;
  height: auto;
}

.mainSlider .slick-list {
  overflow: visible;
}

.mainSlider .slick-slide a {
  display: block;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
  color: #fff;
}

.mainSlider .slick-slide a:hover {
  opacity: .8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.mainSlider .slick-slide a:hover .mainSliderItem-ttl {
  text-decoration: none;
}

.mainSlider .slick-slide .mainSliderItem {
  position: relative;
  margin: 0 30px;
}

.mainSlider .slick-slide .mainSlier-txtArea {
  position: absolute;
  width: 100%;
}

.mainSlider .slick-slide .mainSlider-bal {
  position: absolute;
}

.mainSlider .slick-slide .mainSlider_normal {
  width: 780px;
  height: 440px;
  border: 10px solid #f56e00;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlier-txtArea {
  bottom: 0;
  left: 0;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlier-txtAreaInner {
  padding: 20px 28px 20px;
  background: rgba(0,0,0,0.4);
}

.mainSlider .slick-slide .mainSlider_normal .mainSliderItem-ttl {
  font-family: '秀英丸ゴシック B';
  font-size: 143%;
  margin-bottom: 9px;
  text-decoration: underline;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlider-cate {
  font-size: 85.7%;
  line-height: 24px;
  display: inline-block;
  width: 90px;
  height: 24px;
  margin-right: 10px;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlider-cate.cate_program {
  display: none;
  text-align: center;
  background: url(../img/top/slider_cate_pgm.png) 0 0 no-repeat;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlider-cate.cate_download {
  text-align: center;
  background: url(../img/top/slider_cate_tool.png) 0 0 no-repeat;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlider-cate.cate_study {
  text-align: center;
  background: url(../img/top/slider_cate_study.png) 0 0 no-repeat;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlider-cate.cate_play {
  text-align: center;
  background: url(../img/top/slider_cate_play.png) 0 0 no-repeat;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlider-cate.cate_life {
  width: 56px;
  padding-left: 34px;
  background: url(../img/top/slider_cate_life.png) 0 0 no-repeat;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlider-cate.cate_health {
  width: 50px;
  padding-left: 40px;
  background: url(../img/top/slider_cate_health.png) 0 0 no-repeat;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlider-cate.cate_future {
  width: 52px;
  padding-left: 38px;
  background: url(../img/top/slider_cate_future.png) 0 0 no-repeat;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlider-cate.cate_dream {
  width: 48px;
  padding-left: 42px;
  background: url(../img/top/slider_cate_dream.png) 0 0 no-repeat;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlider-cate.cate_online {
  width: 92px;
  padding-left: 0;
  background: #41bdce;
  border-radius: 24px;
  text-align: center;
}
.mainSlider .slick-slide .mainSlider_normal .mainSlider-cate.cate_online-houmon {
  width: 112px;
  padding-left: 0;
  background: #22943a;
  border-radius: 24px;
  text-align: center;
}
.mainSlider .slick-slide .mainSlider_normal .mainSlider-cate.cate_houmon {
  width: 62px;
  padding-left: 0;
  background: #22943a;
  border-radius: 24px;
  text-align: center;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlider-txt_date {
  font-size: 85.7%;
  line-height: 1;
  display: inline-block;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlider-txt_dtl {
  line-height: 1;
  margin-top: 14px;
}

.mainSlider .slick-slide .mainSlider_normal .mainSlider-bal {
  top: -102px;
  left: -30px;
}

.mainSlider .slick-slide .mainSlider_recruit {
  width: 800px;
  height: 460px;
}

.mainSlider .slick-slide .mainSlider_recruit .mainSlier-txtArea {
  top: 0;
  left: 0;
  height: 460px;
}

.mainSlider .slick-slide .mainSlider_recruit .mainSlier-txtAreaInner {
  padding: 39px 0 0;
  text-align: center;
}

.mainSlider .slick-slide .mainSlider_recruit .mainSliderItem-ttl {
  margin-bottom: 78px;
}

.mainSlider .slick-slide .mainSlider_recruit .mainSliderItem-ttl img {
  margin: 0 auto;
}

.mainSlider .slick-slide .mainSlider_recruit .mainSlider-txt_dtl {
  font-size: 128.6%;
  display: inline-block;
  text-decoration: none;
}

.mainSlider .slick-slide .mainSlider_recruit .mainSlider-txt_date {
  line-height: 1;
  display: inline-block;
  margin-top: 20px;
  padding: 8px 40px;
  text-decoration: none;
  border: 1px dotted #fff;
  border-radius: 15px;
}

.mainSlider .slick-slide .mainSlider_recruit .mainSlider-btn p {
  font-size: 85.7%;
  line-height: 36px;
  display: inline-block;
  width: 223px;
  height: 36px;
  margin-top: 85px;
  padding: 0 20px;
  text-decoration: none;
  color: #fff;
  border-radius: 20px;
  background: #15378e;
}

.mainSlider .slick-slide .mainSlider_recruit .mainSlider-btn p span {
  padding: 1px 0 1px 24px;
  background: url(../img/share/ico_btn_arrow.png) 0 center no-repeat;
}

.mainSlider .slick-slide .mainSlider_recruit .mainSlider-bal {
  top: -9px;
  left: -10px;
}

/* ↓10周年スライドここから */

.mainSlider .slick-slide .mainSlider_10th {
  width: 800px;
  height: 460px;
  background: #e60012;
}

.mainSlider .slick-slide .mainSlider_10th .mainSlier-txtArea {
  top: 0;
  left: 0;
  height: 460px;
  box-sizing: border-box;
  padding: 10px;
}

.mainSlider .slick-slide .mainSlider_10th .mainSlier-txtAreaInner {
  text-align: center;
  background: #fff url(../img/top/slider_10th_pat.png) repeat center center;
  height: 440px;
  border-radius: 5px;
  position: relative;
}

.mainSlider .slick-slide .mainSlider_10th .mainSlider-btn {
	position: absolute;
	bottom: 43px;
	left: 0;
	width: 100%;
}

.mainSlider .slick-slide .mainSlider_10th .mainSlider-btn p {
  font-size: 85.7%;
  line-height: 34px;
  display: inline-block;
  width: 223px;
  height: 36px;
  margin-top: 85px;
  padding: 0 20px;
  text-decoration: none;
  color: #e60012;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e60012;
  box-sizing: border-box;
}

.mainSlider .slick-slide .mainSlider_10th .mainSlider-btn p span {
  padding: 1px 0 1px 24px;
  background: url(../img/share/ico_btn_arrow_red.png) 0 center no-repeat;
}

.mainSlider .slick-slide .mainSlider_10th .mainSlider-badge {
	position: absolute;
  top: -25px;
  right: 85px;
}

/* ↑10周年スライドここまで */

.mainSliderNav {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 896px;
  margin-left: -448px;
  margin-top: -18px;
}

.mainSliderNav p {
  position: absolute;
  top: 0;
}

.mainSliderNav .prevArrow {
  left: 0;
}

.mainSliderNav .nextArrow {
  right: 0;
}

.mainSliderNav img:hover {
  cursor: pointer;
}

.mainSlider-ttl {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -480px;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.mainSlider-ttl img {
  position: absolute;
  top: 18px;
  left: 113px;
}

#news {
  background: #fff url(../img/top/news_bg.png) 0 top repeat-x;
}

#news .inner {
  position: relative;
  padding: 11px 0 68px;
}

.news-pickup {
  float: left;
  width: 232px;
  padding: 40px 0 0 30px;
}

.news-pickup .news-pickupImg {
  position: relative;
  width: 232px;
  height: 221px;
  background: url(../img/top/news_pick_mask.png) 0 0 no-repeat;
}

.news-pickup .news-pickupImg a {
  display: block;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.news-pickup .news-pickupImg a:hover {
  opacity: .7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

.news-pickup .thumb-mask {
  z-index: 1;
  top: 33px;
  left: 26px;
  width: 180px;
  height: 180px;
  border-radius: 90px;
}

.news-pickup .news-pickupTxt {
  margin-top: 10px;
  text-align: center;
}

.news-pickup .news-pickupTxt a {
  font-family: '秀英丸ゴシック B';
  font-size: 100%;
  display: block;
}

.news-pickup .news-pickupTxt .update {
  font-size: 71.4%;
  display: inline-block;
}

.news-listBlock {
  width: 614px;
  padding: 70px 0 12px 220px;
  position: relative;
}

.news-listBlock .news-ttl {
  font-family: '秀英丸ゴシック B';
  font-size: 30px;
  position: absolute;
  top: 140px;
  left: 20px;
  color: #000;
}

.news-listBlock .news-list {
  padding: 0;
}

.news-listBlock li {
  padding: 11px 0 13px;
  list-style-type: none;
  border-bottom: 1px solid #f3efe3;
}

.news-listBlock .news-txt {
  font-family: '秀英丸ゴシック B';
  font-size: 85.7%;
  display: block;
}

.news-listBlock .news-cate {
  margin-right: 10px;
}

.news-listBlock .news-cate a {
  font-size: 71.4%;
  color: #4d4e53;
}

.news-listBlock .update {
  font-size: 71.4%;
}

.news-listBlock .news-btn_viewList {
  margin-top: 21px;
}

.news-imgBg {
  position: absolute;
  right: -20px;
  bottom: 46px;
}

#news .bnr {
	margin-top: -20px;
	text-align: center;
	padding-bottom: 80px;
}

#news .bnr a {
	display: inline-block;
	text-decoration: none;
}


#about .about-ttl {
	text-align: center;
}


#aboutPgm {
  padding: 80px 0 85px;
  background: #f3efe3;
  text-align: center;
}

.aboutPgm-ttlWrap {
  margin-bottom: 77px;
}
.aboutPgm-ttlWrap .about-ttl {
		width: 343px;
		height: 46px;
		margin: 0 auto 46px;
		line-height: 46px;
		color: #fff;
		background: #f56e00;
		border-radius: 30px;
  font-family: '秀英丸ゴシック B';
  font-size: 100%;
}

#aboutPgm .cont-program {
	position: relative;
}
#aboutPgm .cont-program .inr {
	width: 960px;
	position: relative;
	margin: 0 auto 50px;
	padding: 0 0 67px;
	background: #fff;
	border-radius: 10px;
}
#aboutPgm .cont-program .inr img.fkds {
	position: absolute;
	top: 46px;
	left: 150px;
}
#aboutPgm .cont-program .inr .fig01 {
	position: absolute;
	top: -36px;
	left: -18px;
}
#aboutPgm .cont-program .inr .fig02 {
	position: absolute;
	top: -52px;
	right: -22px;
}
#aboutPgm .cont-program .inr .fig03 {
	position: absolute;
	bottom: -25px;
	left: -42px;
}
#aboutPgm .cont-program .inr .fig04 {
	position: absolute;
	bottom: 18px;
	right: -44px;
}
#aboutPgm .cont-program h2 {
	margin: 0 0 0px 0;
	position: relative;
	top: -20px;
}
#aboutPgm .cont-program p.lead {
	margin: -4px 0 230px;
	font-family: '秀英丸ゴシック B';
	font-size: 114.3%;
	line-height: 2;
}
#aboutPgm .cont-program p.lead span {
	display: inline-block;
	margin-right: 4px;
	padding: 0px 11px;
	color: #fff;
	border-radius: 30px;
}
#aboutPgm .cont-program p.lead span.life {
	background: #d3188c;
}
#aboutPgm .cont-program p.lead span.health {
	background: #22943a;
}
#aboutPgm .cont-program p.lead span.future {
	background: #115fad;
	margin-right: 8px;
}

#aboutPgm .cont-program p.sub-lead {
	margin-bottom: 15px;
}
#aboutPgm .cont-program p.label {
	margin-bottom: 30px;
}

#aboutPgm .cont-program p.anno {
	margin: -30px 0 16px;
	font-size: 85.7%;
}

#aboutPgm .cont-program ul.list {
	margin: 0 0 0px 70px;
	text-align: left;
}
#aboutPgm .cont-program ul.list li {
	display: inline-block;
	width: 215px;
	height: 54px;
	box-sizing: border-box;
	padding-left: 40px;
	position: relative;
	vertical-align: top;
	line-height: 1.4;
}
#aboutPgm .cont-program ul.list li span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	box-sizing: border-box;
	padding-top: 1px;
	text-align: center;
}
#aboutPgm .cont-program ul.list li span {
	background: #f56e00;
}
#aboutPgm .cont-program ul.list li a {
	font-size: 85.7%;
	color: #4d4e53;
	position: relative;
	top: 3px;
}
#aboutPgm .cont-program ul.list li.line2 a {
	top: -6px;
}

#aboutPgm .cont-program p.btn a {
	font-size: 114.3%;
	height: 50px;
	line-height: 50px;
	padding: 0 70px;
	border-radius: 30px;
}

#aboutPgm .cont-program .aboutPgm-calousel {
	width: 100%;
	position: absolute;
	top: 306px;
}

.aboutPgm-calousel a {
  color: fff;
}
.aboutPgm-calousel a:hover .aboutPgm-dtl {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
}
.aboutPgm-calouselItem {
  position: relative;
  margin: 0 5px;
}
.aboutPgm-calousel .aboutPgm-dtl {
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  width: 300px;
  height: 170px;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
  text-align: center;
  opacity: 0;
  background: url(../img/top/op_bg.png) 0 0 repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.aboutPgm-calousel .aboutPgm-dtlInner {
  display: table-cell;
  height: 170px;
  vertical-align: middle;
}
.aboutPgm-calousel .aboutPgm-ttl {
  font-family: '秀英丸ゴシック B';
  color: #fff;
}
.aboutPgm-calousel .aboutPgm-cat {
  font-family: '秀英丸ゴシック B';
  font-size: 85.7%;
  line-height: 24px;
  display: inline-block;
  height: 24px;
  margin-top: 14px;
  padding: 0 0 0 28px;
  color: #fff;
}
.aboutPgm-calousel .aboutPgm-cat.cat_life {
  width: 130px;
  background: url(../img/top/pgm_cate_l.png) 0 0 no-repeat;
}
.aboutPgm-calousel .aboutPgm-cat.cat_health {
  width: 130px;
  background: url(../img/top/pgm_cate_h.png) 0 0 no-repeat;
}
.aboutPgm-calousel .aboutPgm-cat.cat_future {
  width: 130px;
  background: url(../img/top/pgm_cate_f.png) 0 0 no-repeat;
}
.aboutPgm-calousel .aboutPgm-cat.cat_dream {
  width: 150px;
  background: url(../img/top/pgm_cate_d.png) 0 0 no-repeat;
}


#aboutPgm .wrap-study-net {
	width: 960px;
	margin: 0 auto;
}

#aboutPgm .wrap-study-net .cont-box {
	background: #fff;
	border-radius: 10px;
	padding: 0 0 70px;
	position: relative;
}
#aboutPgm .wrap-study-net .cont-box p.lead {
	margin-bottom: 32px;
 font-family: '秀英丸ゴシック B';
 line-height: 2;
}
#aboutPgm .wrap-study-net .cont-box .btn a {
	font-size: 114.3%;
	height: 50px;
	line-height: 50px;
	padding: 0 70px;
	border-radius: 30px;
}

#aboutPgm .wrap-study-net .cont-study h2 {
	position: relative;
	top: -23px;
	margin-bottom: 3px;
}
#aboutPgm .wrap-study-net .cont-study img.fig {
	position: absolute;
	top: -36px;
	right: 55px;
	width: 156px;
}
#aboutPgm .wrap-study-net .cont-study img.fkds {
	position: absolute;
	top: 35px;
	left: 170px;
}

#aboutPgm .wrap-study-net .cont-net {
	width: 720px;
	margin: 80px auto 0;
	padding: 55px 0 50px;
}
#aboutPgm .wrap-study-net .cont-net h2 {
	margin-bottom: 20px;
}
#aboutPgm .wrap-study-net .cont-net p.lead {
	margin-bottom: 18px;
}
#aboutPgm .wrap-study-net .cont-net img.fig {
	position: absolute;
	top: -47px;
	right: -45px;
}
#aboutPgm .wrap-study-net .cont-net img.fkds {
	position: absolute;
	top: 16px;
	left: -42px;
}
#aboutPgm .wrap-study-net .cont-net img.plus {
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: -20px;
}




#aboutGame {
  position: relative;
  padding: 78px 0 0;
  background: #fff;
}

#aboutGame img.fkds {
  position: absolute;
  top: 242px;
  right: 274px;
}

#aboutGame .deco {
  position: absolute;
}

.aboutGame-list {
  position: relative;
  margin-top: 18px;
}

.aboutGame-list a {
  color: fff;
}

.aboutGame-list a:hover .aboutGame-dtl {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
}

.aboutGame-list .aboutGame-listInner {
  position: relative;
  left: 50%;
  width: 1308px;
  margin-left: -654px;
  text-align: center;
}

.aboutGame-list .aboutGame-item {
  position: relative;
  display: inline-block;
  margin: 0 3px 0 4px;
  border: 1px solid #f56e00;
}

.aboutGame-list .aboutGame-dtl {
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  width: 209px;
  height: 139px;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
  text-align: center;
  opacity: 0;
  background: url(../img/top/op_bg.png) 0 0 repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.aboutGame-list .aboutGame-dtlInner {
  display: table-cell;
  height: 139px;
  vertical-align: middle;
}

.aboutGame-list .aboutGame-ttl {
  font-family: '秀英丸ゴシック B';
  color: #fff;
}

.aboutGame-list .aboutGame-cate {
  font-family: '秀英丸ゴシック B';
  font-size: 85.7%;
  margin-top: 4px;
  color: #fff;
}

.aboutGame-list .deco {
  top: -91px;
  left: 50%;
  margin-left: -110.5px;
}

.aboutGame-content {
  position: relative;
  padding-bottom: 58px;
}

.aboutGame-content .deco {
  right: -21px;
  bottom: 0;
}

.aboutGame-txt {
  font-family: '秀英丸ゴシック B';
  margin-top: 30px;
  text-align: center;
}

.aboutGame-btn_dtl {
  margin-top: 40px;
  text-align: center;
}

.aboutGame-btn_dtl a {
  font-size: 114.3%;
  height: 50px;
  line-height: 50px;
  padding: 0 70px;
  border-radius: 30px;
}

#tool {
  position: relative;
  padding: 80px 0 80px;
  background: #f3efe3;
}

#tool img.fkds {
  position: absolute;
  top: 234px;
  left: calc( 50% - 513px );
}

.tool-list .md-list-round-item {
  padding-right: 15px;
}

.tool-list .md-list-round-item:nth-child(5n) {
  padding-right: 0;
}

.tool-txt {
  font-family: '秀英丸ゴシック B';
  margin-top: 30px;
  text-align: center;
}

.tool-btn_dtl {
  margin-top: 25px;
  text-align: center;
}

.tool-btn_dtl a {
  font-size: 114.3%;
  height: 50px;
  line-height: 50px;
  padding: 0 70px;
  border-radius: 30px;
}

#channel {
  padding: 63px 0 0;
  background: #fff;
}

.channel-list {
  margin-top: 50px;
  padding: 0;
}

.channel-list li {
  float: left;
  width: 210px;
  margin-right: 40px;
  list-style-type: none;
}

.channel-list li.lastChild {
  margin-right: 0;
}

.channel-list li .channel-movie a img {
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.channel-list li .channel-movie a:hover img {
  opacity: .8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.channel-list li .channel-cate {
  display: inline-block;
  margin-top: 10px;
  padding: 0 15px;
  border-radius: 10px;
}

.channel-list li .channel-cate a {
  font-size: 71.4%;
  line-height: 20px;
  display: block;
  height: 20px;
  text-decoration: none;
  color: #fff;
}

.channel-list li .channel-cate.cate-pgm {
  background: #8cc800;
}

.channel-list li .channel-cate.cate-life {
  background: #d3188c;
}

.channel-list li .channel-cate.cate-health {
  background: #22943a;
}

.channel-list li .channel-cate.cate-future {
  background: #115fad;
}

.channel-list li .channel-cate.cate-dream {
  background: #924898;
}

.channel-list li .channel-cate.cate-game {
  background: #8cc800;
}

.channel-list li .channel-cate.cate-tool {
  background: #ecd406;
}

.channel-list li .channel-ttl {
  display: block;
  margin-top: 5px;
}

.channel-list li .channel-ttl a {
  font-family: '秀英丸ゴシック B';
  font-size: 85.7%;
  color: #4d4e53;
}

.channel-btn_dtl {
  margin-top: 37px;
  text-align: center;
}

.splash {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}

.modal-content {
  position: fixed;
  z-index: 4;
  top: 50%;
  left: 50%;
  width: 900px;
  height: 670px;
  margin-top: -335px;
  margin-left: -450px;
  border-radius: 10px;
  background: #f3efe3 url(../img/top/modal_main.png?2025) no-repeat center top;
}
.moda-img_deco01 {
  position: absolute;
  top: -27px;
  left: -23px;
}
.modal-txt {
	margin: 400px 0 30px;
  font-family: '秀英丸ゴシック B';
  font-size: 114.3%;
  padding-top: 30px;
  text-align: center;
}
.modal-txt_date {
  font-size: 12px;
  padding-top: 20px;
  text-align: center;
}
.modal-txt_date em {
  font-family: '秀英丸ゴシック B';
  font-size: 14px;
  font-style: normal;
}
.modla-btn {
  text-align: center;
}
.modla-btn a {
		height: 50px;
  padding: 0 90px;
  font-size: 14px;
  border-radius: 30px;
  line-height: 50px;
}
.modal-btn_close {
  position: absolute;
  top: -23px;
  right: -21px;
}
.modal-btn_close img {
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.modal-btn_close a:hover img {
  opacity: .8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.modal-overlay {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background: url(../img/top/modal_bg.png) 0 0 repeat;
}

.sec_apply {
  margin-top: 0;
}