@charset "UTF-8";
/***************** SERVICE COMMON *****************/ 
.schedule_list {
    width: 100%;
    background: #FFF;
}
.schedule_list dt {
    width: 25%;
    text-align: center;
    float: left;
    clear: left;
    padding: 1% 0;
}
.schedule_list dd {
    width: 75%;
    float: left;
    padding: 1% 0;
}
.schedule_list ul { width: 100%;}
.schedule_list li {
    width: 90%;
    float: none;
    padding: 1% 5%;
}

.schedule_list .bg_gray {
    background: #e3e7e8;
}
.schedule_list .txt_S {
    margin-top: 5px;
}
.schedule_list small {
    font-size: 0.7rem;
}

.service_voice .img_box {
    text-align: center;
}

.detail_table {
    width: 85%;
    margin: 30px auto 50px;
}
.detail_table dt {
    width: 20%;
    float: left;
    padding: 1% 2.5%;
    clear: left;
}

.detail_table dd {
    width: 70%;
    float: left;
    padding: 1% 2.5%;
}


/* 20260530 ADD */
.intro_box h4 {
    text-align: left;
    margin-bottom: 1.5rem;
}

.notice_box dt {
    font-weight: bold;
}
.notice_box dd {
    margin-bottom: 1.5rem;
    padding-left: 1.0rem;
    box-sizing: border-box;
    
}
.notice_box dd p {
    margin-bottom: 0;
}

small {
    font-size: 0.7rem;
}

hr {
    margin: 2rem auto;
    padding: 0;
    width: 80%;
    height: 1px;
}

.intro_ttl {
    font-size: 1.2rem;
    margin:1.5rem auto 1.5rem auto;
    letter-spacing: 2px;
    font-weight: 500;
}

.indent_list_box {
    padding: 0 2%;
    box-sizing: border-box;
    margin-bottom: 1.5rem;
}

/***************** 養成講座 *****************/ 

.point_box {
    position: relative;
    width: 100%;
    padding-bottom: 60%;
    margin-top: 3%;
}
.point_box li { 
    position: absolute;
}
.point_box li img { width: 95%;}

.point_box .box1 {
    top: -15%;
    left: 0%;
}
.point_box .box2 {
    top: 38%;
    left: 0;
}
.point_box .box3 {
    top: 52%;
    left: 23%;
}
.point_box .box4{
    top: 2%;
    left: 32%;
}
.point_box .box5{
    top: -18%;
    right: 0%;
}
.point_box .box6{
    top: 25%;
    right: 0%;
}
.point_box .box7 {
    top: 50%;
    right: 0%;
}

.btn_list_box a {
    color: #FFF;
}
.btn_list_box li {
    padding:1% 2%;
    width: 18%;
    margin: 10px 1%;
    float: left;
}
.btn_list_box span {
    float: right;
    font-size: 80%;
}
.btn_list_box .btn_designW a {
    color: #00709e;
}

.service_lesson {
    margin: 80px auto; 
}

.lesson_point {
    width: 70%;
    margin: 30px auto 50px;
    padding: 3% 10%;
    font-size: 18px;
}
.lesson_point li {
    margin-bottom: 10px;
    background: url("../img/common/icon_square.png") no-repeat;
    padding-left: 30px;
}

.lesson_txt_box {
    width: 470px;
}

.lesson_img_box {
    width: 500px;
}

.service_lesson .bg_beige {
    background: #f8f8f8;
    width: 90%;
    padding: 3% 5%;
    position: relative;
}

.service_lesson .bg_white {
    background: #FFF;
    width: 90%;
    padding: 3% 5%;
    position: relative;
}
.recommend_box p {
    width: 90%;
    padding: 0 5%;
}

.service_lesson_end {
    margin: 40px auto; 
}
.service_lesson_end .lesson_img_box {
    margin-top: -140px;
}


.item {
    font-size: 18px;
    margin-bottom: 10px;
}

#flow strong { color: #000;}

.flow_list  {
    margin: 30px auto 3.0rem;
}
.flow_list li {
    padding:1% 2%;
    width: 19%;
    margin: 10px 1%;
    float: left;
}
.flow_ttl {
    background: #CCC;
    text-align: center;
    margin-bottom: 10px;
    padding: 2px 0;
}


.bxslider_voice .list_voice {
    width: 100%;
    margin: auto;
}

.bxslider_voice .list_voice img {
    display: inline;
}

/***************** 連続講座 *****************/ 
.continous_page h3 {
    margin: 30px auto;
}


.point_continous_box {
    position: relative;
    width: 100%;
    padding-bottom: 75%;
    margin-top: 3%;
}
.point_continous_box li { 
    position: absolute;
}
.point_continous_box li img { width: 95%;}

.point_continous_box .box1 {
    top: 15%;
    left: 0%;
}
.point_continous_box .box2 {
    top: 0%;
    left: 27%;
}
.point_continous_box .box3 {
    top: 10%;
    left: 51%;
}
.point_continous_box .box4 {
    top: 0%;
    left: 75%;
}
.point_continous_box .box5 {
    top: 45%;
    left: 13%;
}
.point_continous_box .box6 {
    top: 40%;
    left: 41%;
}
.point_continous_box .box7 {
    top: 35%;
    left: 72%;
}
.point_continous_box .box8 {
    top: 75%;
    left: 0%;
}
.point_continous_box .box9 {
    top: 75%;
    left: 30%;
}
.point_continous_box .box10 {
    top: 70%;
    left: 65%;
}

/***************** 対面コンサル *****************/ 
.service_box {
    width: 470px;
    margin: 30px 15px;
    float: left;
}
.service_point {
    width: 50%;
    background: linear-gradient(45deg, #f6f3ef 0%, #FFF 100%);
    float: left;
    padding: 3% 0;
}
.service_point li {
    padding: 0 5%;
}
.point_ttl {
    font-size: 18px;
    margin:10px auto 18px auto;
    font-weight: 600;
}


/***************** VOICDE INDEX  *****************/ 
#voice .pager_box {
    clear: both;
}

.list_voice .txt_voice {
    color: #338db1;
    text-align: center;
    font-size: 13px;
    letter-spacing: 5px;
}

.list_voice {
    width: 30%;
    margin: 80px 5% 80px auto;
    float: left;
    text-align: center;
}
#voice ul:nth-child(3n) { margin-right: 0;}

.list_voice .tn {
    width: 80%;
    text-align: center;
    margin:10px auto;
}

.list_voice .tn img { width: 100%; height: auto;}

.list_voice li {
    margin-bottom: 10px;
}

.list_voice .ttl_voice {
    font-size: 24px;
    letter-spacing: 5px;
}
.list_voice .ttl_voice span {
    font-size: 70%;
}

.list_voice img:hover {
transform: translateX(5px);
-webkit-transition: all .2s;
transition: all .2s;
}



/***************** VOICDE DETAIL  *****************/ 
.voice_detail {
    margin: 80px auto;
}

.voice_detail strong {
    /*background:rgba(227,239,246,0.40);
    display: inline;*/
}

.voice_txt_box {
    width: 60%;
    margin-right: 5%;
    float: left;
    clear: left;
    text-align: justify;
}


.voice_profile .list_voice {
    width: 35%;
    float: right;
    margin: auto;
    text-align: center;
}

.voice_profile .btn_designA {
    margin: 7px auto 0;
}

.voice_txt_box p {
	margin-bottom: 1.5rem;
}

.voice_txt_box .txt_bold {
	font-weight: 600;
	font-size: 1.0rem;
	padding-bottom: 8px;
	margin-top: 3rem;
	border-bottom: dotted 2px rgba(51,141,177,1.00);
}


/***************** MEDIA INDEX  *****************/ 

.list_voice .btn_designA {
    width: 100%!important;
}


@media screen and (max-width: 767px) {
    
/***************** 養成講座 *****************/ 
.point_box {
    position: relative;
    width: 100%;
    padding-bottom: 120%;
    margin-top: 25%;
    margin-bottom: 15%;
}
.point_box li { width: 50%;}
    
.point_box .box1 {
    top: -18%;
    left: 0%;
    width: 55%;
}
.point_box .box2 {
    top: 48%;
    left: 0;
}
.point_box .box3 {
    top: 75%;
    left: 15%;
}
.point_box .box4{
    top: 8%;
    left: 20%;
    width: 70%;
}
.point_box .box5{
    top: -15%;
    right: 0%;
}
.point_box .box6{
    top: 60%;
    right: 5%;
}
.point_box .box7 {
    top: 80%;
    right: 0%;
}
.btn_list_box li {
    padding:1% 2%;
    width: 44%;
    margin: 10px 1%;
    float: left;
}
.btn_list_box li {
    font-size: 80%;
}

.btn_list_box .btn_designW a {
    color: #00709e;
}
    
.lesson_point {
    width: 80%;
    margin: 30px auto 30px;
    padding: 5% 10%;
    font-size: 18px;
    font-size: 110%;
}

.lesson_txt_box {
    width: 100%;
}

.lesson_img_box {
    width: 100%;
}
.service_lesson {
    margin: 15px auto; 
}

.service_lesson_end .lesson_img_box {
    margin-top: 0;
}
    
.service_lesson .bg_beige {
    background: #f8f8f8;
    width: 90%;
    padding: 5%;
    position: relative;
}

.service_lesson .bg_white {
    background: #FFF;
    width: 90%;
    padding: 5%;
    position: relative;
}
    
.flow_list li {
    padding:1% 2%;
    width: 44%;
    margin: 10px 1%;
    float: left;
}
.flow_list  {
    margin: 30px auto;
}
    
.bxslider_voice .list_voice {
    width: 75%;
    margin: auto;
}
    
/* 202605 ADD */
    
.indent_list_box {
    padding: 0 0 0 5%;
    box-sizing: border-box;
}
    
    
/***************** 連続講座 *****************/ 

.point_continous_box {
    position: relative;
    width: 100%;
    padding-bottom: 180%;
    margin-top: 3%;
}
.point_continous_box li { 
    position: absolute;
}
.point_continous_box li img { width: 60%;}

.point_continous_box .box3 img,
.point_continous_box .box5 img,
.point_continous_box .box7 img,
    .point_continous_box .box10 img{ width: 80%;}
    
.point_continous_box .box1 img,
.point_continous_box .box1 img,
.point_continous_box .box1 img { width: 45%;}
    
.point_continous_box .box1 {
    top: 5%;
    left: 0%;
}
.point_continous_box .box2 {
    top: 3%;
    left: 32%;
}
.point_continous_box .box3 {
    top: 15%;
    left: 52%;
}
.point_continous_box .box4 {
    top: 25%;
    left: 2%;
}
.point_continous_box .box5 {
    top: 28%;
    left: 48%;
}
.point_continous_box .box6 {
    top: 45%;
    left: 8%;
}
.point_continous_box .box7 {
    top: 50%;
    left: 60%;
}
.point_continous_box .box8 {
    top: 66%;
    left: 0%;
}
.point_continous_box .box9 {
    top: 75%;
    left: 35%;
}
.point_continous_box .box10 {
    top: 65%;
    left: 60%;
}

/***************** 対面コンサル *****************/ 
.service_box {
    width: 47%;
    margin: 30px 1.5%;
    float: left;
}
.service_point {
    width: 100%;
    float: none;
    margin:0 auto 30px 0;
}
.point_no {
    width: 90%;
    text-align: center;
}
    .point_no img { width: 30%;}

  /***************** SERVICE COMMON*****************/   

.schedule_list dt {
    width: 100%;
    text-align: center;
    float: none;
    clear: left;
    padding: 2% 0;
}
.schedule_list dd {
    width: 100%;
    float: left;
    text-align: center;
    padding: 2% 0;
}
.schedule_list li {
    width: 90%;
    float: none;
    padding: 2% 5%;
}  
    
.detail_table {
    width: 100%;
    margin: 30px auto;
}
.detail_table dt {
    width: 20%;
    float: left;
    padding: 1% 2.5%;
    clear: left;
}

.detail_table dd {
    width: 70%;
    float: left;
    padding: 1% 2.5%;
    
}
    
/***************** VOICDE INDEX  *****************/ 
.list_voice .txt_voice {
    font-size: 10px;
    letter-spacing: 2px;
}

.list_voice {
    width: 80%;
    margin: 80px auto 80px auto;
    float: none;
}
.list_voice .tn img { width: 100%; height: auto;}
#voice ul:nth-child(3n) { margin-right: auto;}
.list_voice .ttl_voice {
    font-size: 20px;
    letter-spacing: 3px;
}
.list_voice .ttl_voice span {
    font-size: 70%;
}
.list_voice img { width: 100%; height: 100%;}
 
.list_voice .tn {
    width: 100%;
    text-align: center;
}

    
/***************** VOICDE DETAIL  *****************/ 
.voice_detail {
    margin: 40px auto;
}

.voice_txt_box {
    width: 100%;
    margin-right: 0%;
    float: none;
    clear: both;
}

.voice_profile .list_voice {
    width: 80%;
    float: none;
    margin: 80px auto 0;
    text-align: center;
}
    
    /***************** MEDIA INDEX  *****************/ 

.list_voice .btn_designA {
    width: 80%!important;
}

    
}