@charset "utf-8";

body {
	background:#FFF;
	font-size:120%;
    margin: 0 auto;
    padding: 0px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  }

.bg_main {
	background: #fbfbfb url("../img/main_img_bg.jpg") no-repeat;
    position: relative;
    width: 100%;
    margin: 0 auto;
    background-position-x: center;
    max-width: 2000px;
}

main img{
    margin: 0 auto;
}

input[type=checkbox] {
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
	margin-right: 5px;
}
input[type="image"]:hover,
.img_btn:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
}
dd input:last-child,
label:last-child{
	margin-right: 0px;
}
label{
	margin-right: 10px;
	font-size: 12px;
}

.cv-btn{
	margin: 30px 0;
	padding: 0;
}

.cv-btn input{
	margin: 0 auto;
	display: block;
}

.box1 {
    text-align: center!important;
    font-size: 1.7rem;
    font-weight: bold;
    background: #f7f7f7;
    padding: 20px;
    margin: 40px 0;
}
.read_txt{
	text-align: center;
    font-size: 200%;
    font-weight: bold;
    color: #0d8e86;
    line-height: 1.5;
	margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
	.bg_main {
		background-position-x: 77%;
	}
	dd label:after {
		left: 75%;
	}
	.read_txt {
		font-size: 130%;
	}
}


.h2_tit {
	font-size: 40px;
	line-height: 1.6;
	color: #fff;
	text-align: center;
	font-weight: 600;
	line-height: 1.2;
	padding: 50px 0;
}
.h2_tit.bg-grd{
	color: #fff;
	padding: 30px 0 40px!important;
}
.bg-grd .h2_tit{
	padding: 50px 0 0;
}

.h2_tit img{
	max-width: 100%;
	width: inherit;
}

.h2_tit span {
	font-size: 80%;
	line-height: 1.5;
    display: inline-block;
}
.h2_tit span.yel{
	font-size: inherit;
}
.h3_tit {
	font-size: 24px;
	line-height: 1.6;
	color: #656053;
	text-align: center;
	font-family: 'Spartan', sans-serif;
	font-weight: 600;
}

.lead_txt {
	font-size: 24px;
	font-weight: bold;
}


.tit_d01 {
	background: #02a7d0;
	padding: 50px 4%;
}
.tit_d01-2 {
	background: #f3c11d;
	padding: 50px 4%;
	color: #FFF;
}

.tit_d01-3 {
	background: #943d3d url(../img/h2.jpg) no-repeat;
	background-size: cover;
	background-position-x: center;
    background-blend-mode: color-burn;
	padding: 50px 4%;
	color: #FFF;
}
.num_box {
    width: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.num_tit {
    width: calc(100% - 60px);
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    font-size: 28px;
    line-height: 1.6;
    color: #02a7d0;
    font-weight: 600;
    margin: 0 0 30px 0;
}

@media screen and (max-width: 768px) {
	.tit_d01 {
		padding: 5% 4%;	
	}	
  .h2_tit {
      font-size: 150%;
  }
.h2_tit span {
    font-size: 80%;
}
  .h3_tit {
      font-size: 18px;
  }

  .lead_txt {
      font-size: 16px;
  }
}


.tit_d03 {
	padding: 50px 4% 30px;
	text-align: center;
}
.tit_d03 .h3_tit:after {
  content: "";
  display: block;
  height: 2px;
	width: 100px;
	margin: 20px auto;
  background: #656053;
}

.cv_block01 {
	background: #fff;
	background-size: cover;		
	background-position-x: center;
    padding: 30px 0 20px;
}
.cv_block01 .cv_tit img{
	margin: 0 auto;
}
.cv_block02 {
	background: #232017 url(../img/bg_no1.jpg) no-repeat;
    background-size: cover;
    background-position-x: 50%;
    padding: 70px 0;
}

.cv_block03 {
	background: #f1f7f7;
	background-size: cover;		
	background-position-x: center;
    padding: 60px 0 30px;
}
.online .cv_block03{
    padding: 0;
}
.cv_block04 {
	background: #232017 url(../img/bg_receipt_area.jpg) no-repeat;
	background-size: cover;		
	background-position-x: center;
    padding: 70px 0;
}
.cv_block05 {
	background: #02a7d0 url("../img/bg_seminar.jpg") no-repeat;
	background-blend-mode: multiply;
    background-position-x: 21%;
    background-position-y: 34%;
    padding: 50px 0;
}
.cv_block06 {
	background: #305a88;
	background-size: cover;		
	background-position-x: center;
    padding: 30px 0;
}
.cv_block07 {
	background-color: #fbfbfb;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23c4c4c4' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: repeat;
    padding: 30px 0;
}
.cv_block .cv_tit {
	max-width: 800px;
	margin: 0 auto;
    color: #fff;
}
.cv_block .cv_tit h2{
	padding-bottom: 0!important;
}
.cv_block .cv_tit img{
	max-width: 700px;
	margin: 0 auto 4%;
}
.cv_block02 .cv_tit img{
	max-width: 600px;
	margin: 0 auto;
}
.cv_block05 .cv_tit img{
	max-width: 700px;
	margin: 0 auto;
}
.cv_block06 .cv_tit img{
	max-width: 400px;
	margin: 0 auto;
}
.cv_block07 .cv_tit img{
	margin: 0 auto;
}
.cv_block .cv_tit p{
	margin: 4% auto 0;
}

.cv_block .cv_tit2 {
	max-width: 700px;
	margin: 0 auto;
}

.form2 .form_d01 {
	margin: 30px auto 40px;
	background: #fff;
}

.form_d01 {
    background: rgba(255,255,255,.9);
    margin: 0 auto;
    max-width: 800px;
    box-shadow: 1px 1px 10px 2px rgb(0 0 0 / 30%);
}
.form-area{
	background-color: #f1f7f7;
}
.form_area {
    padding: 40px;
    margin: 0 auto;
}

.cv_block2 {
	background: #232017 url(../img/bg_cv_area2.png) no-repeat;
	background-size: contain;	
	padding: 70px 0;	
}

#main_img .wrap1000 {
	padding: 0;
}
.wrap1000 {
	padding:5vw
}

.df_style.txt_box{
	padding: 0 30px 30px 0;
	width: 60%;
}
.df_style h4{
    padding: 11px;
    font-weight: bold;
    color: #FFF;
	margin: 0 0 10px;
}
.df_style h4:first-of-type{
    background: #ef534f;
}
.df_style h4:nth-of-type(2){
    background: #ff8c52;
}
.df_style h4:nth-of-type(3){
    background: #ffc850;
}
.one-colum_style.txt_box{
	padding: 0 30px 30px 0;
	width: 100%;
}

#sct01-1 {
	background: #f6f7f7;
}
#sct01-1 .s01_img01 {
	max-width: 400px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.cv_block .cv_tit,
 	.cv_block .cv_tit2 {
		padding: 0 4%;
 	}
	.cv_block01 p img{
		width: 30%;
	}
	.cv_block02 p img {
		width: 30%;
	}
	.cv_block05 .cv_tit img{
		max-width: 70%!important;
	}
	.form_d01 {
    	margin: 4%;
	}
	.form_area {
		padding: 20px;
	}
	#sct01-1 {
      	padding: 2% 0 6%;
	}
	#sct01-1 .txt_box p {
		text-align: center;
	}
	.item .img_box,
	.item-2 .img_box {
		width: 100%;
	}
	.df_style.txt_box,
	.left-imgbox .df_style.txt_box,
	#school .left-imgbox .df_style.txt_box{
		padding: 0!important;
		width: 100%!important;
	}
	.one-colum_style.txt_box {
		padding: 0;
		width: 100%;
		margin: 0;
	}
	.cv_block .cv_tit img {
		max-width: 100%;
	}
}


.img_l_box {
	width: 40%;
	margin-bottom: 0 !important;
}
.textbox_01 {
	width: 60%;
	position: relative;
	margin: 0 0 0 auto;
	padding: 40px 4%;
}
.textbox_l .textbox_01 {
	padding-left: 8%;
}
.textbox_r .textbox_01 {
	padding-right: 8%;	
}

.textbox_l {
	flex-flow: row-reverse;
}

.txt_toku {
	font-weight: 600;
	font-family: 'Spartan', sans-serif;
	position: relative;
	margin: 0 !important;
}
.txt_toku:after {
	content: "";
	width: 100px;
	height: 1px;
	background: #222;
	display: inline-block;
	position: absolute;
	top: 14px;
	margin-left: 10px;
}

#sct02 h3 {
	color: #0c8e86;
	margin: 10px 0 20px 0;
	font-size: 24px;
}
.textbox_l p,
.textbox_r p{
	margin-bottom: 20px;
}
.bg_03 .img_l_box{
	background: url(../img/img_s02_bg1.jpg) no-repeat;
	background-position: calc(170px - -65%);
	background-size: cover;
}
.bg_03,
.bg_05{
	background: #fff;
}
.bg_04 {
	background: #f6f7f7;
}
.bg_04 .img_l_box{
	background: url(../img/img_s02_bg2.jpg) no-repeat;
	background-position: calc(453px - -71%);
	background-size: cover;
}
.bg_05 .img_l_box{
	background: url(../img/img_s02_bg3.jpg) no-repeat;
	background-position: calc(50px - -65%);
	background-size: cover;
}
#sct03 .txt_box table{
	max-width: 70%;
    margin: 0 auto 20px;
}
#sct03 .txt_box table th{
	vertical-align: middle;
}

#sct05 {
}

#sct06 {
	padding: 0;
}
.service01_wrap,
.service03_wrap {
	background: #fff;
}
.service01_wrap img{
	background: #f7f7f7;
    padding: 20px;
    margin: 0 0 20px 0;
}

.h3_tit01 {
	color: #0c8e86;
	font-size: 24px;
	margin: 0 0 30px 0;
}

.font-strong {
	font-size: 20px;
	color: #0c8e86;
}
.sub_txt_01 {
	font-size: 18px;
	font-weight: 600;
	position: relative;
    width: 280px;
    margin: 0 auto;
	font-family: 'Spartan', sans-serif;
}
.sub_txt_01:after,
.sub_txt_01:before {
	position: absolute;
	display: inline-block;
	content: "";
	width: 70px;
	height: 1px;
	background: #222;
}

.sub_txt_01:after {
	right: 0;
	top: 18px;
}
.sub_txt_01:before {
	left: 0;
	top: 18px;
}

.step_wrap01 li {
	background: #f7f7f7;
	padding: 2% 4%;
	border: 1px solid #fff;
	margin-bottom: 20px;
}
.step_wrap01 li:last-child {
	margin-bottom: 0;
}
.step_wrap01 li p {
	margin-bottom: 20px;
}
.item_bg02 .step_wrap01 li {
	background: #fff;
}


.step_wrap01 h4 {
	margin-bottom: 10px;
}
.step_wrap01 h4 span {
    background: #02a7d0;
    color: #FFF;
    font-family: 'Spartan', sans-serif;
    font-weight: 600;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 35px;
    border-radius: 15px;
    display: inline-block;
    margin-right: 10px;
}
#sct07 .btn01 {
	padding: 4% 0 6% 0;
}
#sct07 >.wrap1000 {
	padding: 5% 0 0;
}
.h2_tit_01 {
	color: #292929;
	font-size: 30px;
	margin: 0px 0 40px 0;
	text-align: center;
}
.cv_block .h2_tit_01 {
	color: #292929;
	text-align: center;
}
.h2_tit_01 span{
	color: #02a7d0;
	font-size: 120%;
}
.h2_tit_01:after {
  content: "";
  display: block;
  height: 3px;
	width: 80px;
	margin: 10px auto 20px;
  background: #02a7d0;
}
#sct07 .num_tit {
	color: #f3c11d;
}

#sct04 .bg_02 {
	background: url("../img/bg_changing.jpg") no-repeat;
	background-size: cover;	
	padding: 50px 0 30px 0;
	background-position-x: 60%;
}


#sct08 .bg_01 {
	background: url("../img/bg_joining.jpg") no-repeat;
	background-size: cover;	
	padding: 50px 0 30px 0;
	background-position-x: right;
}

#sct09 .wrap1800 {
	background: url(../img/bg_osusume.jpg) no-repeat;
	background-size: cover;	
	padding: 150px 0 130px 0;
	background-position-x: 40%;
}

#sct11 .wrap1000 {
}
#sct12 .wrap1000 {
}
#sct12 .h2_tit {
	padding: 40px 0 30px;
}

#sct07 h2,
#sct12 h2 {
	font-size: 35px;
	padding: 20px 0 0;
}
#sct12 .pos_wrap {
	position: relative;
	max-width: 700px;
	margin: 0 auto;
}
#sct12 .pos01 {
	position: absolute;
	left: -5%;
	top: -47%;
}
#sct07 .font01,
#sct12 .font01 {
	font-size: 25px;
	line-height: 1.3;
}
#sct07 .font02,
#sct12 .font02 {
	font-size: 16px; 
	margin-bottom: 20px;
}
#sct07 .font03,
#sct12 .font03 {
	font-size: 26px; 
	line-height: 1.3;
}



#sct13 {
	background: #292929;
	padding-bottom: 5%;
}
  #sct13 h4 span {
	  font-size: 24px;
  }
@media screen and (max-width: 1330px) {
	.bg_03 .img_l_box {
		background-position: 61%;
	}
	.bg_04 .img_l_box {
		background-position: 36%;
	}
	.bg_05 .img_l_box {
		background-position: 68%;
	}
}
@media screen and (max-width: 768px) {
	.h2_tit_01 {
		color: #292929;
		font-size: 26px;
		margin: 20px 0 40px 0;
		text-align: center;
	}
	#sct01 .wrap1000 {
		padding: 40px 4%;
	}	

	#sct03 .txt_box table {
		max-width: 100%;
		margin: 0 auto 20px;
	}
	#sct03 .txt_box table th {
		width: 30%;
	}
	#sct03 .txt_box table .f150{
		font-size: 120%;
	}
	.bg_03 .img_l_box,
	.bg_04 .img_l_box,
	.bg_05 .img_l_box{
		background: inherit;
		padding: 30px 0;
	}	
	#sct04 .bg_02 {
		background-size: 200%;
		padding: 50px 0 30px 0;
		background-position-x: 90%;
		background-position-y: bottom;
	}
	#sct05 {
		padding: 0 0 20px 0;
	}
	#sct08 .bg_01 {
		background-size: 200%;
		background-position-x: right;
		background-position-y: bottom;
	}
  #sct09 {
      padding: 0;	
  }
	#sct09 .wrap1800 {
		background-position-x: 80%;
	}
	#sct11 p {
		padding: 10px;
	}
	#sct13 .wrap1800 {
		background-position-x: 40%;
	}
	.cv_block {
		padding: 30px 0;
	}
	.cv_block2 {
		padding: 30px 0 0;
	}
	.cv_tit2 {
		margin: 0 20px;
	}
	.textbox_r .textbox_01,
	.textbox_l .textbox_01 {
		width: 100%;
		padding: 5%;
	}
	.img_l_box {
		width: 100%;
	}
	.textbox_01 br {
		display: none;
	}
	.sub_txt_01 {
		text-align: center !important;
	}
    #sct12 .pos01 {
        position: absolute;
        left: 35%;
        top: -40%;
        max-width: 90px;
        display: block;
    }
	#sct07 .num_tit {
		margin-bottom: 20px;
	}
	
	#sct07 .num_tit br {
		display: none;
	}
	#sct11 .wrap1000 {
		padding: 0;
	}
}


#sct03 h2 {

}



#sct05 h3 {
	margin: 6px 0 25px 0;
}
#sct05 .c_box {
	max-width: 800px;
	padding: 40px;
	margin: 0 auto;
	background: #FFF;
}

@media screen and (max-width: 768px) {
  #sct05 .c_box {
      padding: 30px 4%;
      margin: 0 4%;
  }
	#sct04 .read_txt {
		font-size: 20px;
		padding: 0 4%;
	}

}

#sct06 .img_txt {	
	margin: 40px auto 0;	
}
#sct06 .txt_box {
}
#sct06 .wrap1000 {
	padding: 80px 0 60px;
}


#sct07 .lead_txt {
	margin: 40px 0 20px;
}
#sct07 .img_txt {
	margin: 40px auto;
	max-width: 800px;
}

.cl_green {
	color: #0c8e86;
}
.cl_blue {
    color: #308dbd;
}
.check_list_wrap {
	max-width: 100%;
    margin: 0 auto;
    padding: 30px;
    background-color: #fbfbfb;
	color: #292929;
}
.cv_block .check_list_wrap {
    margin: 0;
}

.check_list_wrap li {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 2px dashed #CCC;
	position: relative;
	padding: 10px 0 10px 65px;
	line-height: 1.5;
}

.check_list_wrap li:before {
	content: "";
	display: inline-block;
	width: 60px;
	height: 30px;
	background: url(../img/icon_check.png) no-repeat center;
	background-size: 30px auto;
	position: absolute;
	left: 0;
}
.blackboard li:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 30px;
    background: url(../img/icon_check02.png) no-repeat center;
    background-size: 30px auto;
    position: absolute;
    left: 0;
}
@media screen and (max-width: 768px) {
	.img_txt{
		margin-right: 20px!important;
		margin-left: 20px!important;
	}
	#sct05 h3 br {
		display: none;
	}
	#sct06 .wrap1000 {
		 padding:5% 4%;
	}
	#sct06 .txt_box {
		 margin-bottom: 0;
	}
	#sct08 .txt_box {
    	padding: 0 0 40px;
	}
	#sct08 .lead_txt {
		margin: 20px 4%;
	}
	.check_list_wrap li {
		font-size: 16px;
	}
	#sct09 .position_01 {
		position: relative;
		max-width: 700px;
		left: 3%;
	}
}
@media screen and (max-width: 768px) {
  #sct09 .position_01 {
      position: static;
      padding: 0 4%;
	  margin: 0 auto;
  }
	#sct09 .wrap1800 {
		background-size: cover;
		padding: 40px 0;
		background-position-y: bottom;
		background-position-x: 22%;
	}
}

#sct10 .position_01 {
	position: relative;
	max-width: 760px;
}

#sct13 .wrap1000{
	padding: 70px 0 10px;
}
#sct13 .position_01 {
	position: relative;
	max-width: 700px;
	left: 3%;
}
#sct13 .img_txt {
	margin: 40px auto;
	max-width: 800px;
}

@media screen and (max-width: 768px) {
  #sct13 .position_01 {
      position: static;
      padding: 0 4%;
	  margin: 0 auto;
  }
	#sct13 .wrap1000 {
		padding: 5% 4% 2%;
	}
}

#sct14 table {
  border: solid 1px #ccc;
}
#sct14 .tbl-r02 th {
  background: #eeeeee;
  border: solid 1px #ccc;
  padding: 10px;
	width: 160px;
	text-align: center;
}
#sct14 .tbl-r02 td {
  background: #fff;
  border: solid 1px #ccc;
  padding: 20px;
}
 
.paymentTable{
	margin-top:10px;
	font-size:0.9em;}

.paymentTable img{
    margin: 0;
    display: inherit;
	width: inherit;
}
.paymentTable ul{
    padding: 0;
}
.paymentTable>tbody>tr>th{
	color:#535353;
	/*text-shadow:0 -1px 0 rgba(67,67,67,0.5);*/
	background-color:#FBFBFB;}
.paymentTable,.paymentTable table{
	width:100%;
	border-collapse:collapse;
	background-color:#fff}
.paymentTable li{
	list-style:none}
.paymentTable,.paymentTable th,.paymentTable td{
	box-sizing:border-box;
	border:solid 1px #D9D9D9;}
.paymentTable th,.paymentTable td{
	padding:20px;
	word-wrap:break-word;}
.paymentTable thead,.paymentTable th{
	background-color:#ddd;}
.paymentTable thead{
	text-align:center;}
.paymentTable th{
	width:200px;
	vertical-align:top;}
.paymentTable table,.paymentTable table th,.paymentTable table td{
	border:solid 1px #b2b2b2}
.paymentTable table th,.paymentTable table td{
	padding:10px;}
.paymentTable table th{
	width:170px;
	vertical-align:middle;}
.paymentTable .course-real,.paymentTable .course-real .pattern_index{
	color:#fff;
	background-color:#84BA43;}
.paymentTable .course-online,.paymentTable .course-online .pattern_index{
	color:#fff;
	background-color:#EA8C24;}
.paymentTable ol li{
	list-style-type:decimal;
	list-style-position:inside;}
.payment_howto .pattern {
    box-sizing: border-box;
    border-left: solid 1px #d9dad9;
    border-right: solid 1px #d9dad9;
    border-bottom: solid 1px #d9dbd9;
}
.payment_howto .pattern p,.payment_howto .pattern li{
	margin-bottom:2px;}
.payment_howto .pattern_index{
	padding:10px;
	color:#fff;
	text-align:center;
	background-color:#a3232b;}
.payment_howto .pattern_content{
	padding:10px;}
.payment_howto .price .price_content,.payment_howto .price .price_example{
	color:#cd0000;}
.payment_howto .price .price_content{
	font-weight:bold;}
.payment_howto .price .price_content p,.payment_howto .price .price_content img{
	display:inline-block;
	vertical-align:middle;}
.payment_howto .price .price_num{
	font-size:1rem;}
.payment_howto .price .price_num div{
	border-bottom:solid 1px #efefef;
	padding-bottom: 20px;
}
.payment_howto .price .price_example{
	font-size:small;}
.payment_howto .price small{
	font-weight:lighter;}
.payment_howto .payment_attention{
	padding:10px;
	margin-top:0px;
	border-radius:2px;
	font-size:.717em;
	background-color:#fdfdfd;}
.payment_caution{
	font-size:.9em;}
.payment_caution td>dl>dt{
	border-top:solid 1px #bbb;}
.payment_caution dt,.payment_caution dd,.payment_caution blockquote{
	padding:5px;}
.payment_caution blockquote,.payment_caution address{
	margin-bottom:1em;
	background-color:#efefef;}
.payment_caution dt{
	text-align:center;
	background-color:#ccc;}
.payment_caution dd{
	margin-left:0;}
.payment_caution dd>div{
	margin-bottom:1em;
	padding:5px;}
.payment_caution address{
	font-size:.9em;
	position:relative;}
.payment_caution address li{
	margin:5px 0;}
.payment_caution address span{
	width:70px;
	margin-right:3px;
	background-color:#fff;
	display:inline-block;
	text-align:center;}
.payment_caution address:before{
	content:"";
	height:0;
	width:0;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:-10px;
	left:0;
	right:0;
	border:solid 5px transparent;
	border-bottom:solid #ccc 5px;}
.payment_attention{
	padding-left:1em;
	text-indent:-1em;}
.payment_attention li:before{
	margin-right:2px;
	content:"窶ｻ";}
.price {
	margin-bottom: 20px;
}
.iframe-box1 iframe {
    width: 100%;
    border: 1px solid #d9dbd9;
}
.df_th{
	text-align: center;
}
.df_td{
	min-height: 250px;
}
.df_th,
.df_td{
	display: block;
	width: 100%!important;
	font-size: 120%;
}
.df_td .f80{
	font-size: 65%;
    line-height: 2em;
    display: block;
}
.cta-box li{
	width: 48%;
	margin: 20px 0;
}
.cta-box li:first-child{
	margin-right: 20px;
}
.cta-box li img,
.cta-box li a {
    margin-bottom: 20px;
}
.cta-box li a:last-child{
    margin-bottom: 0px;
}

#sct15 .wrap1000 {
	padding: 60px 4%;
}

.voice_box2 {
    border: 1px solid #b5b5b5;
    background: #fff;
    position: relative;
    padding: 3%;
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
}
.message {
	display: block;
    background: linear-gradient(
90deg, transparent 0%, transparent 50%, #fff 0%, #fff 100%), linear-gradient(
180deg, #ccc 1px, transparent 1px);
    background-size: 8px 100%, 100% 2.5em;
	padding: 20px 0 40px;
    margin: 0 20px 20px;
	background-position-y: -1px;
}
.message:first-of-type{
	padding: 20px 20px 50px;
	margin: 20px;
}
.message p {
	line-height: 2.5em;
	margin-top: 20px;
}

.message .pen img {
	max-width: 70%;
}
.message .photo{
    float: right;
    padding-bottom: 1%;
    margin: 0%;
    max-width: 100%;
	width: 400px;
	text-align: right;
}
.message .photo img{
	width: 400px;
	margin: 0;
}
.message .pen,
.message span{
    float: right;
    padding-bottom: 1%;
    margin-top: 0%;
    margin-bottom: 1%;
    max-width: 100%;
	width: 180px;
	text-align: right;
}

#message .bg-w > img{
	padding: 0 6%;
}


@media screen and (max-width: 768px) {
	.photo.sp_area{
		padding: 40px 0 0;
	}
	#sct14 {
		padding-bottom: 6%;
	}	
  #sct14 .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  #sct14 .tbl-r02 {
    width: 100%;
  }
  #sct14 .tbl-r02 th,
  #sct14 .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
	.check_list_wrap {
		margin: 0;
		padding: 4% 5%;
	}
	
	.cta-box li {
		width: 100%;
		margin: 20px 0 40px 0;
	}
	.paymentTable th {
		width: 20%;
	}
	
}


@media screen and (max-width: 580px) {
	.paymentTable th {
		width: 24%;
		font-size: 12px;
		padding: 10px;
	}
	#sct12 .pos01 {
	top: -36%;
	}
	.clum3-1 li {
		width: 100%;
		margin: 0;
	}
	.clum3-1 li:last-child {
		margin-bottom: 0;
	}
}