@charset "Shift_JIS";

main img {
	width:100%;
	height:auto;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
/* CSS */
#wrapper {
	padding-bottom: 0;
	line-height: 1.4;
}
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
.smpnone,.spnone{display:none;}

#pastlist {margin: 1%!important;}
h1 {
	margin: 1% 2%;
    font-size: 12px;
}
.lp-item.item01,
.lp-item.item02,
.lp-item.item03 {
	width:96%;
    border: 2px solid #11228c;
	margin:auto
}
.lp-btn{font-size:14px;}

/*btn*/
.btn{
	width: 100%;
    margin: 3% 0;
    padding: 0;
}
.btn01,
.btn02{
	width: 90%;
    margin: 0 auto 3%;
}

/*qa*/
#qanda_box{margin: 5% 0;}
#qanda_box h2 {
    font-size: 20px;
    font-weight: bold;
    color: #df345f;
    text-align: center;
}
#qanda_box > div {margin: 2%;}
#qanda_box > div:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#qanda_box div > div {
	padding: 10px;
	margin-bottom: 2%;
	background: #fff;
}
#qanda_box b.qaicon {
	background: #282da5;
	font-size: 14px;
	margin: 0 2% 1% 0;
	color: #FFF;
	width: 15%;
	text-align: center;
	float: left;
}
#qanda_box h3 {
	font-size: 14px;
	margin: 0 0 2% 0;
	color: #282da5;
	line-height: 1.6;
	text-align: left;
	font-weight: bold;
	position: relative;
	box-sizing: border-box;
}
#qanda_box > div p span{
	width: 83%;
	float:left;
	display:block;
}
#qanda_box > div p {
	font-size: 14px;
	line-height: 1.6;
}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {
	padding-bottom: 0;
	line-height: 1.231;
}
#dirPathBlock,
h1,
#anchorLinkBlock{
	width: 100%;
	max-width:950px;
	min-width:760px;
	margin: auto;
}


/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
.pcnone{display:none;}

#pastlist {padding: 0;}
h1 {margin-bottom:1%;}
#Foot {
	position: relative;
	font: 12px/1.231 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}
.mb_3{display:block;}
.lp-area {
	width: 950px;
	margin: 0 auto 50px auto;
}
.lp-area .bar,
.lp-area .lp-read,
.lp-area .btn,
.lp-area .btn01,
.lp-area .btn02,
.lp-area .title,
.lp-area .text {margin: 0;}
.lp-visual {position: relative;}
.lp-visual .btn01 {
	position: absolute;
	left: 10px;
	bottom: 40px;
	background: url(../images/btn01_bg.png) no-repeat left top;
}
.lp-visual .btn02 {
	position: absolute;
	right: 0;
	bottom: 20px;
	background: url(../images/campaign_btn01_bg.png) no-repeat left top;
}
.lp-visual a img {
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.lp-visual a:hover img {
	filter: alpha(opacity=00);
	-moz-opacity:0.00;
	opacity:0.00;
}
.lp-item {clear: both;}
.lp-item:before { content:""; display:table;}
.lp-item:after { content:""; display:table; clear:both;}
.lp-item { zoom:1;}
.lp-item .text {
	float: left;
	width: 49%;
}
.text.img2{display:flex;}
.lp-btn {background: url(../images/btn02_bg.png) no-repeat left top;}
.lp-btn a img {
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.lp-btn a:hover img {
	filter: alpha(opacity=00);
	-moz-opacity:0.00;
	opacity:0.00;
}
.item02 {position: relative;}
.item02 .btn {
	position: absolute;
	left: 35px;
	bottom: 8px;
}
.item01 .btn a {
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.item01 .btn a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
.line_img {
	border-left: 2px solid #11228C;
	border-right: 2px solid #11228C;
}
.item01 .btnAll {
	position: absolute;
	left: 80px;
	bottom: 30px;
}
.item01 .btnAll a {
	width: 600px;
    display: block;
    padding: 15px;
    font-size: 20px;
    color: #FFF;
    background: url(//www.nta.co.jp/student/cp/02/images/im_arrow.png) no-repeat #0087d5 97% 50%;
    background-size: 18px auto;
    margin: 0 0 0 0;
    text-align: center;
    margin: 0 100px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border-bottom: 5px solid rgba(0,0,0,0.2);
}
.btnAll a:hover{
	text-decoration:none!important;
	opacity: 0.8 ;
	transition: 0.2s ;
}
.lp-item.item01 a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
}

/*add20180403*/
.column2Area{width:100%;}
div.btn_pink{
	width: 40%;
    margin: 2% 0 0 27%;
    text-align: center;
    background-color: #df3560;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div.btn_gray{
	width: 40%;
    float: left;
    margin: 2% 2.5% 0;
    text-align: center;
    background-color: #808080;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div.btn_gray a{
    color: #FFF;
    font-size: 20px;
	text-decoration:none!important;
}
div.btn_pink:hover{opacity:0.8;}
div.btn_pink a{
    color: #FFF;
    font-size: 20px;
	text-decoration:none!important;
}
.contInner02{
	border-radius:20px;
	box-shadow:0px 0px 12px -3px;
	width:100%;
	margin:10px auto 30px;
}
.contInner02 h2{
	color:#0065d6!important;
	text-align:center;
}
.column2Area img{
	display:block;
	margin:0 auto;
}
.innertext01{
    width: 90%;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: center;
}

/*20180809*/
.lp-item.item01,
.lp-item.item02,
.lp-item.item03 {border: 2px solid #11228c;}

/*qa*/
#qanda_box{margin: 5% 0;}
#qanda_box h2 {
    font-size: 28px;
    font-weight: bold;
    color: #df345f;
    text-align: center;
}
#qanda_box > div {margin: 2% 0;}
#qanda_box > div:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#qanda_box > div > div {
	padding: 10px;
	margin-bottom: 3%;
	background: #fff;
}
#qanda_box b.qaicon {
	background: #282da5;
	font-size: 18px;
	margin: 0 1% 1% 0;
	color: #FFF;
	width: 28px;
	height: 28px;
	text-align: center;
	float: left;
}
#qanda_box h3 {
	font-size: 18px;
	margin: 0 0 1% 0;
	padding-right: 24px;
	color: #282da5;
	line-height: 1.6;
	width: 96%;
	text-align: left;
	font-weight: bold;
	position: relative;
	box-sizing: border-box;
}
#qanda_box > div p span{
	width: 96%;
	float:left;
	display:block;
}
#qanda_box > div p {
	font-size: 16px;
	line-height: 1.6;
}
}