@charset "utf-8";
/* ===============================================================================
 * KOZA 001 TOP
 * =============================================================================== */
.kozaTop .koza-main-box .boxinner {
  background: url(/koza/049/images/main.png) no-repeat right top;
  -webkit-background-size: auto 100%;
       -o-background-size: auto 100%;
          background-size: auto 100%;
}

.koza-main-box .koza-summary-box .btn-view a span sup {
    vertical-align: top;
    font-size: 0.6em;
}

.koza-section .subtxt {
    color: #fff;
    background-color: #1c4282;
    padding: 6px 10px;
    border-radius: 26px;
}

.koza-section .job-list {
  background-color: #e9eef6;
  padding: 15px 45px;
}
.koza-section .job-list li {
  font-weight: bold;
}
.winSP .koza-section .job-list {
  padding: 10px 20px;
}

.koza-section .colLBL {color: #057dca;}

.koza-section .arr {
  background: url(/koza/049/images/arr.png) no-repeat center bottom;
  padding-bottom: 92px;
  margin-bottom: 30px;
  font-size: 24px;
}
.winSP .koza-section .arr {
  background: url(/koza/049/images/arr.png) no-repeat center bottom;
  -webkit-background-size: auto;
       -o-background-size: auto;
          background-size: auto;
}

/* ===============================================================================
 * /koza/025/exam/
 * =============================================================================== */

.koza-contents .blue-box {
    width: auto;
}

.koza-tbl {
    margin: 0 auto;
}
.koza-tbl.col5ch th, 
.koza-tbl.col5ch td {
    width: 20%;
    vertical-align: middle;
}
.koza-tbl.col4ch th, 
.koza-tbl.col4ch td {
    width: 25%;
    vertical-align: middle;
}
.koza-tbl.BLU tr:first-child th{
	font-weight:bold;
}
.koza-tbl.col3ch th {
    width: 26%;
    vertical-align: middle;
}
.koza-tbl.col3ch td {
    width: 39%;
    vertical-align: middle;
}
.koza-tbl th {
    text-align: center;
}
.koza-tbl .isSPn th, 
.koza-tbl th.isSPn {
    background: #f0f4fb;
}
.koza-tbl .wht {
    background: #FFF;
}
.winSP .koza-tbl td,
.winSP .koza-tbl.col6 td {
    background: #FFF;
}
.winSP .koza-tbl.BLU th,
.winSP .koza-tbl.BLU.col6 th {
    background: #90acd8;
}
.winSP .koza-tbl th, 
.winSP .koza-tbl td {
    vertical-align: top;
}
.winSP .koza-tbl.col3ch span.ttl {
    text-align: center;
}
.winSP .koza-tbl {
  font-size: 12px;
  font-size: 1.2rem;
  white-space:nowrap;
}
@media screen and (max-width:490px) { 
.winSP .koza-section .x_data_area {
    width: 100%;
    overflow: hidden;
}
.winSP .koza-section .x_data_area .x_scroll_box {
  overflow-x: scroll;
}
}

/* ===============================================================================
 * /koza/025/exam/
 * =============================================================================== */
.koza-contents .koza-exam {
  margin-top: 40px;
}
.koza-contents .colORG {color: #be5516;}
.koza-contents .colRED {color: #ce0000;}

.koza-contents .koza-exam-box {
  border: 1px solid #90acd8;
  display:table;
  table-layout:fixed;
  width: 90%;
  margin: 0 auto;
}
.koza-contents .koza-exam-box .koza-flow-ttl {
  width: 15%;
  display: table-cell;
  vertical-align: middle;
  background: #e3ebf8;
  border-right: 1px solid #90acd8;
  padding: 15px 5px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  text-align: center;
  font-weight: bold;
  color: #142f5c;
}
.koza-contents .koza-exam-box .koza-flow-ttl > span {
  background: #fff;
  display: inline-block;
  padding: 6px 15px;
  margin-top: 15px;
}
.koza-contents .koza-exam-box .koza-flow-body {
  width: 85%;
  display: table-cell;
  vertical-align: middle;
  padding: 15px 15px;
}
.koza-contents .koza-exam-arrow {
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
/*  padding-left: 80px;*/
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 8%;
}
.koza-contents .koza-exam-arrow:before {
  content: "\e900";
  font-family: iconset;
  font-weight: bold;
  line-height: 1;
  font-size: 60px;
  font-size: 6rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -30px;
  margin-left: -80px;
  color: #EDCF68;
}
.koza-contents .koza-exam-arrow .koza-exam-taisaku {
  width: 80%;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #dfc87b;
  background-color: #faf5e4;
}
.winSP .koza-contents .koza-exam-arrow .koza-exam-taisaku {
  padding: 10px;
}

.koza-book {
  margin: 20px 10%;
}
.koza-book .button {
    background-color: #b0436a;
    box-shadow: 0 2px 0 0 #6b1f3a;
    color: #fff;
}
.koza-book .button:hover {
    background-color: #6b1f3a;
}

.winSP .koza-contents .koza-exam {
  margin-top: 20px;
}
.winSP .koza-contents .koza-exam-box {
  display: block;
}
.winSP .koza-contents .koza-exam-box .koza-flow-ttl {
  width: 100%;
  display: block;
  padding: 7px 2%;
  border-right: 0;
  border-bottom: 1px solid #cb9c1f;
  font-size: 14px;
  font-size: 1.4rem;
}
.winSP .koza-contents .koza-exam-box .koza-flow-ttl > span {
  margin: 0 5px;
  padding: 2px 10px;
  font-size: 13px;
  font-size: 1.3rem;
}
.winSP .koza-contents .koza-exam-box .koza-flow-body {
  width: 100%;
  display: block;
  padding: 10px 3%;
}
.winSP .koza-contents .koza-exam-arrow {
  margin: 15px 0;
  font-size: 14px;
  font-size: 1.4rem;
/*  padding-left: 50px;*/
  margin-left: 0;
}
.winSP .koza-contents .koza-exam-arrow:before {
  font-size: 35px;
  font-size: 3.5rem;
  margin-left: -15px;
  margin-top: -15px;
}

.isDeviceTB .koza-contents .koza-exam-box .koza-flow-ttl {
  font-size: 15px;
  font-size: 1.5rem;
}

/**/
.text_area{
	margin:30px auto;
	padding:0;
}
.text_area .text_box{
	margin:0;
	padding:0;
	width:61%;
	display:inline-block;
}
.text_area .img_box{
	width:35%;
	display:inline-block;
	margin:0 0 0 2%;
	padding:0;
	vertical-align:top;
}
.koza-contents .koza-section#koza-exam-03 b{
    color: #142f5c;
}

/*#koza-exam-03 .koza-tbl.BLU .bg {
    background: #FFF;
}*/

#koza-exam-04  ul.koza_text_list{
  counter-reset: item;
  list-style-type: none;
}
#koza-exam-04  ul.koza_text_list li{
  text-indent: -1em;
  padding-left: 1em;
  padding-top:.5em;
  padding-bottom:.5em;
}
#koza-exam-04  ul.koza_text_list li:before {
  content:'・';

}
.koza-exam_box{
	background:#e9eef6;
	padding:3%;
	margin:20px auto 0;
	width:90%;
	}
.koza-exam_box p{
	font-size:16px;
	font-size:1.6rem;
	margin:0;
}
.koza-exam_box p span{
	color:#004fa0;
	font-weight:bold;
}
.koza_flow{
	width:63%;
	margin:20px auto;
	padding:0;
}
.koza_flow .koza_flow_box{
	margin:10px auto 30px;
	
}
/*.koza_flow .koza_flow_box.arr {
    background: url(/koza/032/images/arr.png) no-repeat center bottom;
    padding-bottom: 92px;
    margin-bottom: 30px;
    font-size: 24px;
}*/
.koza_flow .koza_flow_box h3{
	padding:5px;
	font-size:24px;
	font-size:2.4rem;
	text-align:center;
	margin-bottom:20px;
	color:#FFF;
}
.koza_flow .koza_flow_box:first-of-type h3{
	background:#28a7e1;
	color:#FFF;
}


.koza_flow .koza_flow_box:nth-child(n + 2):not(:nth-child(n + 5)) h3{
	background:#2c5395;
}
.koza_flow .koza_flow_box:nth-of-type(5) h3{
	background:#8562a8;
}
.koza_flow .koza_flow_box h4{
	font-size:20px;
	font-size:2.0rem;
	color:#5172aa;
	font-weight:bold;
}
.koza_flow .koza_flow_box p{
	font-size:16px;
	font-size:1.6rem;
	margin:0;
	padding:0;
}
.koza_flow .koza_flow_box .img,.learning_box .secondary_box img{
	margin-top:40px;
	text-align:center;
}
.koza_flow .koza_flow_box .point_box{
	background:#e9eef6;
	padding:20px;
	margin:20px auto 0;
}
.koza_flow .koza_flow_box .point_box h5{
	font-size:16px;
	font-size:1.6rem;
}
.koza_flow .koza_flow_box .point_box dl{
	margin:0;
	padding:0 0 30px;
	display:flex;
    flex-wrap: wrap;
	font-size:16px;
	font-size:1.6rem;
}
.koza_flow .koza_flow_box .point_box dt{
    width: 18%;
    padding: 5px 10px;
	font-weight:bold;
}
.koza_flow .koza_flow_box .point_box dd{
	padding: 5px 0;
    margin: 0;
    width: 82%;
	font-weight:bold;
}
.koza_flow .koza_flow_box .point_box dd span{
	display:block;
    padding-left: 1em;

} 
.koza_flow .koza_flow_box .point_box dd p{
	font-weight:normal;
}


.koza_flow .koza_flow_box .point_box dd p:before {
    content: "\02192";
    margin: 0px 0px 0px 0;
	float:left;
}
.koza_flow .koza_flow_box .point_box .btn-view,.learning_box .btn-view{
    /*white-space: nowrap;*/
	white-space: normal;
	text-align:center;
	margin: 0 auto 10px;
}
.koza_flow .koza_flow_box .point_box .btn-view a,.learning_box .btn-view a {
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    background: #b0436a;
    border-radius: 5px;
    box-shadow: 0px 2px 0px 0px #6b1f3a;
    color: #fff;
    line-height: 1.3;
    text-decoration: none;
    text-align: center;
}
.koza_flow .koza_flow_box .point_box .btn-view a:hover,.learning_box .btn-view a:hover{
	background: #6b1f3a;
	box-shadow: 0px 2px 0px 0px #511228
}
.koza_flow .koza_flow_box .point_box .btn-view a:before ,.learning_box .btn-view a:before{
	border:none;
}
.koza_flow .koza_flow_box .point_box .btn-view a span.ico ,.learning_box .btn-view a span.ico{
    padding: 12px 15px 10px 48px;
    text-align: left;
    position: relative;
}
.koza_flow .koza_flow_box .point_box .btn-view a span.ico:before,.learning_box .btn-view a span.ico:before {
    content: "";
    background: url(/koza/cmn/images/ico_book_WHT.png) repeat 0 0;
    width: 30px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -11px;
}
.koza_flow .koza_flow_box .point_box .btn-view a span ,.learning_box .btn-view a span{
    display: inline-block;
}
.learning_box{
	width:83%;
	margin:auto;
	padding-bottom:70px;
}
.learning_box .balloon{
  /*position: relative;
  display: inline-block;
  margin: 1.5em 0;
 
  max-width: 100%;
  color: #555;
  background: #FFF;
  border-bottom: solid 1px #c1c1c1;
  box-sizing: border-box;
  filter: drop-shadow(1px 4px 3px rgba(0,0,0,0.2));*/
  /*box-shadow: 10px 10px;
  box-shadow: 1px 4px 3px rgba(0,0,0,0.6);
  box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.6);
  box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.6) inset;*/
  padding: 15px 0 50px;
  width:100%;
  text-align:center;
   background: url(/koza/051/images/balloon_bg.png) no-repeat bottom center;
   background-size: contain;
}



/*.learning_box .balloon:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.learning_box .balloon:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 1px solid transparent;
  border-top: 1px solid #c1c1c1;
  z-index: 1;
}*/

.learning_box .balloon h2 {
  margin: 0;
  padding: 0;
  font-size:30px;
  font-size:3.0rem;
  color:#525252;
  font-weight:bold;
}
.start_box{
	margin:20px auto 0;
	padding:3.5%;
	border:#bbbbbb solid 1px;
	width:76%;
	font-size:0;
}
.start_box .book_img{
	margin:0;
	padding:0;
	display:inline-block;
	width:29%;
	vertical-align:middle;
}
.start_box .book_text{
	margin:0;
	padding:0 0 0 5%;
	display:inline-block;
	width:71%;
	vertical-align:middle;
}

.start_box .book_text .ico_text{
	background:#b0436a;
	font-size:14px;
	font-size:1.4rem;
	color:#FFF;
	padding:5px;
	display: inline-block;
	margin-bottom:15px;
}
.start_box .book_text h3{
	margin:0 0 20px 0;
	padding:0;
	font-size:0;
	line-height:1.2;
}
.start_box .book_text h3 span.text{
	font-size:20px;
	font-size:2.0rem;
	color:#0066cc;
	display:inline-block;
	vertical-align:middle;
	padding-right:20px;
	width:85%;
}
.start_box .book_text h3 span.ico{
	display:inline-block;
	vertical-align:middle;
	width:15%;
}
.start_box .book_text .start_text{
	font-size:16px;
	font-size:1.6rem;
}

.start_box .book_text .start_text2 {
	font-size:16px;
	font-size:1.6rem;
	color:#0066CC;
}

.start_box .book_text .btn_start{
	white-space: nowrap;
	text-align:left;
	margin: 20px auto 10px;
}


.start_box .book_text .btn_start a {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    background: #b0436a;
    border-radius: 5px;
    box-shadow: 0px 2px 0px 0px #6b1f3a;
    color: #fff;
    line-height: 1.3;
    text-decoration: none;
    text-align: center;
	position:relative;
	width:70%;
	padding:10px;
	
}
.start_box .book_text .btn_start a:hover {
	background: #6b1f3a;
	box-shadow: 0px 2px 0px 0px #511228
}
.start_box .book_text .btn_start a:before {
	position: absolute;
    top: 50%;
    right: 5%;
    display: inline-block;
	vertical-align:middle;
    content: "";
    width: 6px;
    height: 6px;
    margin-top: -4px;
    margin-right: 0;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);	
}
.movie_box{
	margin:0 auto;
	padding:3.5%;
	width:76%;
	font-size:0;
}
.movie_box .book_img{
	margin:0;
	padding:0;
	display:inline-block;
	width:29%;
	vertical-align:top;
}


.movie_box .book_movie{
	margin:0;
	padding:0 0 0 2%;
	display:inline-block;
	width:71%;
	vertical-align:middle;
}
.movie_box h3{
	font-size:18px;
	font-size:1.8rem;
	color:#5172aa;
	font-weight:bold;
	padding-bottom:40px;
}
.learning_box .secondary_box{
	margin:0 auto;
	width:86%;
	padding-bottom:45px;	
}
.learning_box .secondary_box h4{
	margin:0;
	padding:0;
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
}
.learning_box .intro_box{
	padding-bottom:45px;
}
.learning_box .secondary_box h5{
	color:#5172aa;
	margin:0;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
}
.sp-block{
	display:none;
}
.koza-contents .koza-section b{
	/*font-weight:bold;*/
	color:#000;
}
.koza-contents .koza-section h4 b{
	color:#b0436a;
}
.koza-contents .koza-section b.col_pink {color:#b0436a;}
#koza-exam-04.koza-section .section p span {color:#004fa0;}
#l_01 .link_text{
    font-size: 16px;
    font-size: 1.6rem;
    text-align: right;
    width: 76%;
	margin:10px auto;
}
#l_01 .link_text a{ 
    color: #2a6be3;
	text-decoration:none;
	text-decoration:underline;
}
#l_01 .link_text a:hover{
	color:#003;
}
#m02 .text_area h4{
	color:#FFF;
	font-size:16px;
	font-size:1.6rem;
	
}
#m02 .text_area h4 span{
	background:#af436b;
	padding:5px 10px;
}
#m02 .text_wrap{
     margin: 0;
    padding: 0;
    width: 61%;
    display: inline-block;
}
#m02 .text_wrap .text_area:first-of-type{
	margin-top:5px;
   
}
#m02 .text_area .text_box{
	width:100%;
	background:#e9eef6;
	margin-top:15px;
	padding:20px 30px;
}
#m02 .text_area .text_box p{
	font-size:16px;
	font-size:1.6rem;
}
#m02 .img_box{
	 width: 35%;
    display: inline-block;
    margin: 5% 0 0 2%;
    padding: 0;
    vertical-align: top;
}
#career-area .koza-section .merit_box{
	border:#af436b solid 1px;
	padding:1em 2em;
	margin-bottom:70px;
}
#career-area .koza-section .merit_box h3{
	color:#af436b;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
}
#career-area .koza-section .merit_box ul{
	margin:0;
	padding:0;
}
#career-area .koza-section .merit_box ul li{
	 padding-left: 1em;
    text-indent: -1em;
	font-size:18px;
	color:#000;
}

#career-area .koza-section .merit_box ul li:before {
    content: "●";
	color:#af436b;
    margin: 0px 0px 0px 0;
}
#job-area h3{
	margin-bottom:20px;
}
#job-area #job01 .text_area:nth-of-type(2){
	margin-top:-90px;
}
#job-area #job01 .text_area:nth-of-type(4){
	margin-top:-100px;
}
.koza-main-box .koza-summary-box .caption{
	text-shadow: 0 0 2px #fff, 2px 0 2px #fff, 0 2px 2px #fff, -2px 0 2px #fff, 0 -2px 2px #fff;
}
.koza-tbl.col4ch td span{
	display:block;
	font-size:12px;
	font-size:1.2rem;
}
#koza-exam-03 .koza-tbl {
    width: 70%;
    margin: 0 auto;
}
#koza-exam-03 .koza-tbl.BLU span{
	font-weight: bold;
}
#koza-exam-03 .koza-tbl.BLU tr:nth-of-type(5) td:first-of-type {
    font-weight: bold;
}
#koza-exam-01 .s_text{
	width:90%;
	text-align:left;
	margin:5px auto;
	font-size:14px;
	font-size:1.4rem;
}
.secondary_box .img{
	text-align:center;
}
.learning_box#l_02 .secondary_box .page_img img{
	margin-top:20px;
}
.learning_box#l_02 .secondary_box .img img{
	margin-top:20px;
}
.pc_block{
	display: block;
}
.isDeviceTB .pc_block{
	display:none;
}
.winSP .pc_block{
	display:none;
}
@media only screen and (min-width: 981px) and (max-width: 1300px) {
.winPC .koza_flow .koza_flow_box .point_box dt{
	width: 100%;
	padding-top:0;
	padding-bottom:0;
}
.winPC .koza_flow .koza_flow_box .point_box dd{
	width: 100%;
	padding-left:10px;
}
}
/*.isDeviceTB */
.isDeviceTB .koza_flow{
	width:85%;
}
.isDeviceTB .koza-exam_box{
	width:90%;
}
.isDeviceTB .koza_flow .koza_flow_box .point_box dt{
	width: 28%;
	padding:5px 0;
}
.isDeviceTB .koza_flow .koza_flow_box .point_box dd{
	width: 72%;
}
.isDeviceTB .koza_flow .koza_flow_box .point_box .btn-view, .learning_box .btn-view{
	white-space: normal;
}
.isDeviceTB .start_box{
	width:100%;
}
.isDeviceTB .movie_box{
	width:100%;
}
.isDeviceTB .learning_box .secondary_box{
	width:100%;
}
.isDeviceTB #job-area #job01 .text_area:nth-of-type(2){
	margin-top:0;
}
.isDeviceTB #job-area #job01 .text_area:nth-of-type(4){
	margin-top:0;
}
.isDeviceTB #m02 .text_area h4{
   background: #af436b;
   padding: 5px 10px;
}
.isDeviceTB #m02 .text_area h4 span {
    background:none;
    padding: 0;
}
.isDeviceTB #koza-exam-03 .koza-tbl{
	width:100%;
}
.isDeviceTB #koza-exam-01 .s_text{
	width:100%;
}

/*.winSP*/
.winSP .text_area .text_box{
	margin:0 auto;
	width:100%;
	display:block;
}
.winSP .text_area .img_box{
	display:block;
	margin:0 auto 2%;
	text-align:center;
	width:50%;
}
.winSP #koza-exam-03 .koza-tbl.BLU tr.isSPtbr:nth-of-type(2) th{
	background:#0068b7;
	color:#FFF;
}
/*.winSP #koza-exam-03 .koza-tbl.BLU tr.isSPtbr:nth-of-type(3) th,.winSP #koza-exam-03 .koza-tbl.BLU tr.isSPtbr:nth-of-type(9) th ,.winSP #koza-exam-03 .koza-tbl.BLU tr.isSPtbr:nth-of-type(20) th,
.winSP #koza-exam-03 .koza-tbl.BLU tr.isSPtbr:nth-of-type(27) th ,.winSP #koza-exam-03 .koza-tbl.BLU tr.isSPtbr:nth-of-type(32) th{
	background:#e1e1e1;
}
.winSP #koza-exam-03 .koza-tbl.BLU tr.isSPtbr:nth-of-type(4) th ,.winSP #koza-exam-03 .koza-tbl.BLU tr.isSPtbr:nth-of-type(10) th ,.winSP #koza-exam-03 .koza-tbl.BLU tr.isSPtbr:nth-of-type(21) th,
.winSP #koza-exam-03 .koza-tbl.BLU tr.isSPtbr:nth-of-type(28) th ,.winSP #koza-exam-03 .koza-tbl.BLU tr.isSPtbr:nth-of-type(33) th{
	background:#FFF;
}

.winSP #koza-exam-03 .koza-tbl.BLU tr.isSPtbr:nth-of-type(34) td{
	background:#f0f4fb;
}
.winSP #koza-exam-03 .koza-tbl.BLU th{
    background: #AAC3EB;
}	
.winSP #koza-exam-03 .koza-tbl.BLU tr.sp-block{
	display:block !important;
	margin-bottom:30px;
	border:none;
}*/
.winSP #koza-exam-03 .koza-tbl.BLU tr:nth-of-type(5) td{
	background:#f0f4fb;
}
.winSP #koza-exam-03 .koza-tbl.BLU tr:nth-of-type(5) td:first-of-type{
	font-weight:bold;
}
.winSP #koza-exam-03 .koza-tbl.BLU tr:nth-of-type(6) td:first-of-type{
	font-weight:bold;
}
.winSP #koza-exam-03 .koza-tbl.BLU span{
	font-weight:bold;
}
.winSP #koza-exam-03 .koza-tbl.BLU tr th:last-of-type{
	display:none;
}
.winSP #koza-exam-03 .koza-tbl.BLU tr:nth-of-type(2) td:last-of-type{
	display:none;
}
.winSP .koza-exam_box{
	width:100%;
}
.winSP .koza_flow{
	width:100%;
}
.winSP .koza_flow .koza_flow_box .point_box dt{
	width: 28%;
	padding:5px 0;
}
.winSP .koza_flow .koza_flow_box .point_box dd{
	width: 72%;
}
.winSP .learning_box{
	width:100%;
}
.winSP .movie_box{
	width:100%;
}
.winSP .start_box{
	width:100%;
}
.winSP .start_box .book_img{
	display:block;
	width:50%;
	text-align:center;
	margin:0 auto 30px;
}
.winSP .start_box .book_text{
	display:block;
	width:100%;
	padding:0;
}

.winSP .learning_box .secondary_box{
	display:block;
	width:95%;
}

.winSP .start_box .book_text .ico_text{
	font-size:3vw;
}
.winSP .start_box .book_text h3 span.text{
	padding-right:0px;
	width:88%;
	font-size: 5vw;
}
.winSP .start_box .book_text h3 span.ico{
	width:12%;
}
.winSP .start_box .book_text .btn_start a{
	width:100%;
}
.winSP .koza_flow .koza_flow_box .point_box .btn-view, .learning_box .btn-view{
	white-space: normal;
}
	
.winSP .learning_box .balloon{
	background-size: auto;
}
.winSP .koza-main-nav .koza-nav li br{
	display:none;
}
.winSP #job-area #job01 .text_area:nth-of-type(2){
	margin-top:0;
}
.winSP #job-area #job01 .text_area:nth-of-type(4){
	margin-top:0;
}
.winSP #m02 .text_wrap{
	width:100%;
}
.winSP #m02 .img_box {
    width: 50%;
    display: block;
    margin: 0 auto;
	text-align:center;
}
.winSP #m02 .text_wrap .text_area:last-of-type{
	margin-bottom:0;
}
.winSP #m02 .text_area h4{
   background: #af436b;
   padding: 5px 10px;
}
.winSP #m02 .text_area h4 span {
    background:none;
    padding: 0;
}
.winSP #m02 .text_area .text_box{
	    padding: 20px 15px;
}

.winSP #koza-exam-03 .koza-tbl{
	width:100%;
}
.winSP #koza-exam-01 .s_text{
	width:100%;
}
.winSP #l_01 .link_text{
    width: 100%;

}