@charset "utf-8";
/* 共通パーツ */

/* ----------------------------------------
 smartphone 
------------------------------------------- */

.img img {
    width: 100%;
}

/* ----- カウンセリング予約 ----- */
.bnr_reserve {
    margin-bottom:10px;
    padding:15px 10px 0;
    background-color:#E8F4FE;
    border:4px solid #001A4B;
}
.bnr_reserve .img {
    margin: 5px auto 0;
    max-width: 200px;
}
.bnr_reserve .txt {
    width:100%;
    font-size:12px;
    line-height:1.5;
    padding: 5px;
    text-align: left;
    box-sizing: border-box;
}

.bnr_reserve .txt p,
.bnr_request p{
    font-size:14px;
    line-height: 1.6;
}

.bnr_reserve .conv {
    margin:0 0 5px;
    text-align: center !important;
}

.btn_mailcounsel{
    display: block;
    margin: 0 auto;
    padding: 6px 0;
    box-sizing: border-box;
    width: 244px;
    background: #FFF;
    border: 2px solid #f98019;
    border-radius: 3px;
    color: #f97200 !important;
    font-size: 14px;
    font-weight:bold;
    text-decoration: none !important;
    width:90%;
}

.cvbtn_box{
    text-align:center;
    margin:0 0 20px;
}

.cvreserve_area{
    margin: 0 0 5px;
}


/* ----- 資料請求 、セミナー　----- */
.bnr_request {
    margin-bottom:10px;
    padding:15px 10px 0;
    background-color:#E8F4FE;
    border:4px solid #001A4B;
}
.bnr_request .img {
    margin: 5px auto 0;
    max-width: 200px;
}
.bnr_request .txt {
    width:100%;
    padding: 5px;
    font-size:12px;
    line-height:1.5;
    text-align:left;
    box-sizing: border-box;
}
.bnr_request .conv {
    margin-top:0px;
    text-align:center;
}
.bnr_request .conv img.btn_request {
    margin-left:0px;
}

.bnr_request .conv img.btn_request, .bnr_reserve .conv img.btn_reserve {
    margin: 5px 8px;
    width: 240px;
}

.ttl_cvbox{
    margin: 0 0 5px;
    color:#001A4B;
    font-weight: bold;
    text-align: center;
    /*position:  relative;
     padding:5px;
    box-sizing: border-box;
    border-radius:4px;
    background: #FFF;*/
}


/*.ttl_cvbox:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 6px solid #daedf7;
}*/

.sp_disp_none{display:none;}

.cvbtn_box .btn_counsel {
    box-shadow:rgb(251, 130, 0) 0px 0px 0px 1px inset,0px 1px 1px rgba(255,255,255,0.8) inset;
    background: rgb(253,135,0);
    background: -moz-linear-gradient(top,  rgba(253,135,0,1) 0%, rgba(251,92,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,135,0,1)), color-stop(100%,rgba(251,92,0,1)));
    background: -webkit-linear-gradient(top,  rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8700', endColorstr='#fb5c00',GradientType=0 );
    overflow: hidden;
    height: 54px;
    border-radius: 4px;
    width:90%;
    min-width: 244px;
    margin: 0 auto 10px auto;
    float:none;
}

.cvbtn_box .btn_counsel a {
    display:block;
    padding:13px 3px 0 0;
    background-size: 39px auto;
    overflow: hidden;
    position: relative;
    color: #FFFFFF !important;
    font-size: 22px;
    font-size:1.4rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    line-height: 1.2;
    height: 54px;
    vertical-align:middle;
    box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    background-image:none;
}

.cvbtn_box .btn_counsel a:after {
    position:absolute;
    content:" ";
    width:50px;
    height:50px;
    display:block;
    background-position:right 4px bottom 14px;
    background: url(/img/parts/btn_counselBg.png) no-repeat;
    bottom:1px;
    right:1px;
}

.cvbtn_box .btn_ribbon {
    background: #e5006a none repeat scroll 0 0;
    border: 2px solid #fdc244;
    color: #fff;
    display: block;
    font-size: 13px;
    left: -40px;
    padding: 3px 0 3px 4px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 6px;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);  
    -moz-transform: rotate(315deg);  
    width: 100px;
}

.cvmailcounsel_area{
    clear:both;
}

/* ----------------------------------------------------------
　・留学について知ろう
　・成功する留学だからできること　2016/3/14追加　　　　　
---------------------------------------------------------- */
/*-- 留学について知ろう --*/
.know_box{
    margin:0 0 15px;
}

.know_box.other_county + .know_box {
    margin-top: -2%;
}

.know_box > p,
.Ability_box p{
    background-color: #001a4b;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    padding: 4px 8px 5px;
    margin: 0 0 8px;
}

.other_county .doc_txtlink_2 p,
.other_county .doc_txtlink_3 p,
.other_county .doc_txtlink_4 p {
    font-size: 0.875rem;
}

.other_county img.flag {
    width: 25px;
    display: block;
    margin-right: 5px;
}

ul.know_link{
    margin: 8px 0 0;
}
ul.know_link li {
    /* width: 96%; */
    background-color: #f5f5f5;
    border-radius: 6px;
    margin:0 auto 5px;
}
ul.know_link li a {
    background-image:url(/img/com_btn/next_arrow.png);
    background-position: 4% 50%;
    background-repeat: no-repeat;
    background-size: 10px 17px;
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    padding: 0 0 5px 40px;
    text-decoration: none;
}
ul.know_link li a span{
    font-size: 10px;
    margin: 0 0 3px;
    color:#00b5d4;
}

/*-- 成功する留学だからできること --*/
.Ability_box{
    margin:0 0 15px;
}
ul.Ability_link {
    margin:0 0 0 8px;
}
ul.Ability_link li{
    float: left;
    background:url(/img/com_btn/next_arrow_s.png) no-repeat;
    background-position: 1% 50%;
    margin: 0 0 6px;
}
ul.Ability_link li a{
    margin: 0 15px 0 0;
    padding: 0 0 0 12px;
    font-size: 14px;
}


/* ----------------------------------------
　留学費用パーツ
---------------------------------------- */
.parts_info{
    margin-bottom:3px;
}

.parts_info_ttl {
    display: block;
    position: relative;
    background: #ff4da0;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    margin: 0 0 10px;
    padding: 8px 10px !important;
    font-size: 1rem;
    max-width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.parts_info_ttl:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 6px solid #ff4da0;
}

.parts_info_main{
    margin:0 auto;
    width:96%;
    font-size:0;
}

.parts_info_main > .parts_info_img{
    display:inline-block;
    width:20%;
    padding:3px 8px 7px 0;
    vertical-align:top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.parts_info_main > .parts_info_list{
    display:inline-block;
        width: 78%;
}

.parts_info_main > .parts_info_list > li{
    position: relative;
    font-size: 1rem;
    line-height: 1.3;
    padding: 0 0 7px 0;
    font-weight:bold;
}

.parts_info_main > .parts_info_list > li > a{
    padding: 0 0 0 13px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.parts_info_main > .parts_info_list > li:before {
    position: absolute;
    display: block;
    content: "";
    top: 6px;
    left: 0;
    width: 3px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 3px solid #ff4da0;
    border-radius: 50px;
}

.parts_info_main > .parts_info_list > li > a{
    text-decoration:underline;
}

/* 無料通話アイコン*/
.conv a{
    display:block;
    text-decoration:none !important;
}
.ico_freecall {
    background: #e5006a;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-style: normal;
    font-weight:bold;
    line-height: 1.2;
    margin: 0 7px 0 0;
    padding: 6px 8px;
    width: 24px;
    position:relative;
}

.ico_freecall:after {
    border-color: transparent transparent transparent #e5006a;
    border-style: solid;
    border-width: 5px 8px;
    content: "";
    left: 94%;
    margin-top: -4px;
    position: absolute;
    top: 50%;
}

.freecall_number{
    font-size: 26px;
    font-weight:bold;
    color:#e5006a;
}



/* ---------------------------------------------------------
 smartphone / tablet  480px - 767px
---------------------------------------------------------- */
@media print, screen and (min-width:480px) {
.bnr_reserve .txt {
    text-align: center;
}
.bnr_request .txt {
    text-align:center;
}

ul.know_link li {
    border-radius: 6px;
    float: left;
    margin: 0 5px 0 0;
    width: 48%;
}

.btn_mailcounsel{
    padding: 11px 0;
    font-size: 16px;
    box-sizing:border-box;
}


}

/* ---------------------------------------------------------
 tablet 769px - 889px
---------------------------------------------------------- */
@media print, screen and (min-width:769px) {

/* ----- カウンセリング予約 ----- */
.formlink a:hover {
    opacity:0.7;
}
.bnr_reserve {
    margin-bottom:20px;
    padding:10px 20px 10px;
}
.bnr_reserve .img {
    float:left;
}
.bnr_reserve .txt {
    width:70%;
    padding:0;
    font-size:14px;
    line-height:1.8;
    float:right;
    text-align:left;
}
    
.bnr_reserve .conv img.btn_reserve {
    margin-left: 8px;
}

.cvtel_area{
    margin-top:5px;
}

.reserve_tel{
    margin: 0 10px 0 0;
}

.ttl_cvbox{
    font-size:12px !important;
    line-height: 1.5;
}
.cvtel_area .ttl_cvbox{
    text-align:center;
}

.cvreserve_area{
    float:left;
}

.cvmailcounsel_area{
    clear:none;
    float:right;
}

.btn_mailcounsel{
    width: 244px;
    height: 54px;
    padding: 11px 0 0;
    font-size: 16px;
}



/* ----- 資料請求 、セミナー　----- */
.bnr_request {
    margin-bottom:20px;
    padding:10px 20px 10px;
}
.bnr_request .img {
    float:left;
}
.bnr_request .txt {
    width:70%;
    padding:5px 0 0 0;
    font-size:14px;
    line-height:1.8;
    float:right;
    text-align:left;
}
.bnr_request .conv {
    margin-top:10px;
    text-align:right;
}
.bnr_request .conv img.btn_request {
    margin-left:20px;
}

/*-- pagetop --*/
p#pagetop {
    font-size: 12px;
    margin: 15px auto;
    text-align: right;
}

/* ----------------------------------------------------------
　・留学について知ろう
　・成功する留学だからできること　2016/3/14追加　　　　　
---------------------------------------------------------- */
/*-- 留学について知ろう --*/
.know_box{
    margin: 20px 0;
}
.know_box > p,
.Ability_box p{
    font-size: 17px;
    padding: 8px 12px 10px;
    /* margin: 8px 0; */
}

ul.know_link{
    margin: 10px 0 0;
}
ul.know_link li {
    float: left;
    width: 48.3%;
    border-radius: 6px;
}
ul.know_link li.purpose_li{
    margin: 0 12px 0 0;
}
ul.know_link li a {
    background-image:url(/img/com_btn/next_arrow.png);
    background-position: 4% 50%;
    background-repeat: no-repeat;
    background-size: 10px 17px;
    color: #000 !important;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    padding: 0 0 5px 40px;
    text-decoration: none !important;
}
ul.know_link li a span{
    font-size: 11.5px;
    margin: 0 0 3px;
}

}

/* ---------------------------------------------------------
 desktop 1024x - 
---------------------------------------------------------- */
@media print, screen and (min-width:1024px) {

.bnr_reserve .txt {
    width: 520px;
}
.bnr_request .txt {
    width:520px;
}

/*.cvbtn_box .btn_counsel:hover {
    box-shadow:#F9A12C 0px 0px 0px 1px inset,0px 1px 1px rgba(255,255,255,0.8) inset;
background: #f9a12c;
background: -moz-linear-gradient(top,  #f9a12c 1%, #fcbe53 100%); 
background: -webkit-linear-gradient(top,  #f9a12c 1%,#fcbe53 100%);
background: linear-gradient(to bottom,  #f9a12c 1%,#fcbe53 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a12c', endColorstr='#fcbe53',GradientType=0 );
    overflow: hidden;
    height: 54px;
    border-radius: 4px;
}*/

/* ----------------------------------------
　留学費用パーツ
---------------------------------------- */
.parts_info{
    margin-bottom:10px;
    border-radius:4px;
    padding:10px;
    background: url(/siru/scholarship/img/border_1px.gif) repeat #ffd4e8;
}

.parts_info_ttl {
    border-radius:4px;
    font-size: 18px;
}

.parts_info_main{
    margin:0 auto;
    padding:15px;
    font-size:0;
    background:#FFF;
}

.parts_info_main > .parts_info_img{
    width:25%;
    padding:3px 10px 0 0;
}

.parts_info_main > .parts_info_list{
    width:75%;
}

.parts_info_main > .parts_info_list > li{
    padding: 0 0 7px 13px;
    font-size: 16px;
    line-height: 1.3;
}

.parts_info_main > .parts_info_list > li > a {
    padding: 0 0 0 5px;
}

.parts_info_main > .parts_info_list > li:before {
    top: 50%;
    margin: -9px 0 0 0;
    width: 4px;
    height: 4px;
    border: 4px solid #ff4da0;
}

.parts_info_main > .parts_info_list > li > a:hover{
    text-decoration:none;
}











}