/* =========================================================
   セクションコメントブロック
========================================================= */

/* サブ・セクションコメントブロック
--------------------------- */

/*
 * グループコメントブロック
 * 複数行になるドキュメントや説明の際に最適
 */


/* 基本コメント */


/* =========================================================
   共通
========================================================= */
p {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

.bold {
    font-weight: bold;
}

/* margin */
.mt0{margin-top: 0!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}
.mt50{margin-top: 50px!important;}

.mb0{margin-bottom: 0!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb35{margin-bottom: 35px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}
.mb50{margin-bottom: 50px!important;}


/* padding */
.pt0{padding-top: 0!important;}
.pt5{padding-top: 5px!important;}
.pt10{padding-top: 10px!important;}
.pt15{padding-top: 15px!important;}
.pt20{padding-top: 20px!important;}
.pt25{padding-top: 25px!important;}
.pt30{padding-top: 30px!important;}
.pt35{padding-top: 35px!important;}
.pt40{padding-top: 40px!important;}
.pt45{padding-top: 45px!important;}
.pt50{padding-top: 50px!important;}

.pb0{padding-bottom: 0!important;}
.pb5{padding-bottom: 5px!important;}
.pb10{padding-bottom: 10px!important;}
.pb15{padding-bottom: 15px!important;}
.pb20{padding-bottom: 20px!important;}
.pb25{padding-bottom: 25px!important;}
.pb30{padding-bottom: 30px!important;}
.pb35{padding-bottom: 35px!important;}
.pb40{padding-bottom: 40px!important;}
.pb45{padding-bottom: 45px!important;}
.pb50{padding-bottom: 50px!important;}

/* =========================================================
   共通
========================================================= */
#oneway {
    width: 980px;
    margin: 0 auto;
    /* padding-top: 13px; */

    position: relative;

    text-align: left;
    color: #505050;
}
#oneway article {
    margin:0 auto 80px;
}
#onewayMain .mainImgWrap {
    margin:0 0 15px;
    position: relative;
}

#onewayMain .mainImgWrap > img {
    width:100%;
}
#onewayMain .mainImgWrap h1 {
    position: absolute;
    top: 53px;
    left: 50px;
    font-weight: bold;
    line-height: 55px;
}
#onewayMain .mainImgWrap h1 img {
    max-width:100%;
}

#onewayMain .mainImgWrap h1 .is24px {
    color:#37b48c;
    font-size: 24px;
}

#onewayMain .mainImgWrap h1 .\--isTc-is24px {
    font-size: 29px;
}

#onewayMain .mainImgWrap h1 .\--isEn-is24px {
    font-size: 32px;
}

#onewayMain .mainImgWrap h1 .\--isKr-is24px {
    font-size: 28px;
}

#onewayMain .mainImgWrap h1 .isGreenBack {
    color: #fff;
    font-size: 40px;
    background-color: #37b48c;
    line-height: 42px;
    height: 42px;
    display: inline-block;
    padding: 5px 4px;
    margin-right: 2px;
    margin-top: 3px;
}

#onewayMain .mainImgWrap h1 .\--isTc-isGreenBack {
    font-size: 50px;
    margin-top: -7px;
    height: 50px;
    padding-top: 4px;
}

#onewayMain .mainImgWrap h1 .\--isEn-isGreenBack {
    font-size: 36px;
    line-height: 35px;
    padding: 4px 9px 0;
    background-color: unset;
}

#onewayMain .mainImgWrap h1 .\--isKr-isGreenBack {
    background-color:unset;
    margin-right: unset;
    margin-top: 3px;
    margin-left: 6px;
    padding: 1px 4px;
}

#onewayMain .mainImgWrap h1 .is30px {
    color:#37b48c;
    font-size: 30px;
}
#onewayMain .mainImgWrap h1 .isBlack {
    color: #333333;
    font-size: 40px;
}

#onewayMain .mainImgWrap h1 .\--isTc-isBlack {
    font-size: 35px;
}

#onewayMain .mainImgWrap h1 .\--isEn-isBlack {
    font-size: 45px;
}

#oneway p {
    margin:0 0 1em;
}
#oneway p.notes {
    font-size:90%;
    color:#7d7d7d;
}
#oneway .h2Wrap {
    width: 100%;
    margin:0 0 30px;
    padding:5px 0;
    display: table;

    background:url(../images/bg_oneway_stripeGreen.jpg) repeat;

}
#oneway .h2Wrap h2 {
    padding: 5px 10px 0 20px;

    display: table-cell;
    vertical-align: middle;

    font-size:142%;
    font-weight: bold;
    color:#ffffff;
}
#oneway .h2Wrap .iconBox {
    width:80px;
    display: table-cell;

    text-align: center;
    vertical-align: middle;
    line-height: 0;
}
#onewayFree > p {
    text-align: center;
}
#onewayFree h3 {
    margin:0 0 36px;

    font-size: 178%;
    font-weight: bold;
    color:#1c7063;
    text-align: center;
}
#onewayFree .freeList {
    overflow: hidden;
}
#onewayFree .freeList li {
    width:300px;
    margin:0 40px 0 0;
    float:left;
}
#onewayFree .freeList li.lastChild {
    margin:0;
}
#onewayFree .freeList li .subtitle {
    text-align: center;
    font-size: 128%;
    font-weight: bold;
    color:#1c7063;
}
#onewayFree .imgBox {
    margin:0 0 30px;
    text-align: center;
}
#onewayFree .imgBox img {
    max-width: 100%;
}
#onewayExample article {
    margin:0 0 50px;
}
#onewayExample .exampleList {
    margin:25px 0 0;
}
#onewayExample .exampleList li {
    margin:0 0 30px;
    overflow: hidden;
}
#onewayExample .exampleList li .imgBox {
    width:340px;
    float:left;
}
#onewayExample .exampleList li .imgBox img {
    width:100%;
}
#onewayExample .exampleList li .contBox {
    width:610px;
    min-height: 210px;
    float:right;

    position: relative;
}
#onewayExample .exampleList li .contBox h3 {
    padding:5px 0 5px 50px;

    border-bottom:dotted 1px #2c9070;

    background:url(../images/ico_oneway_carGreen.png) no-repeat center left;
    font-weight: bold;
}
#onewayExample .exampleList li .contBox .search {
    position: absolute;
    right: 0;
    bottom: 0;

    color:#2068b7;
    cursor: pointer;
}

#onewayExample .exampleList li p{
    margin: 0.8em 0 1em 0;
}

#onewayUse article {
    margin:0 0 40px;
}
#onewayUse .useList li {
    background:url(../images/bg_oneway_bar.jpg) repeat-y 40px 0px;
    overflow: hidden;
}
#onewayUse .useList li.lastChild {
    background:none;
}
#onewayUse .useList li .stepBox {
    width:90px;
    margin:0 20px 0 0;
    float:left;
}
#onewayUse .useList li .contBox {
    width:870px;
    float:right;
}
#onewayUse .useList li .contBox h3 {
    margin: 0 0 30px;

    font-size: 120%;
    font-weight: bold;
    color: #37b48c;
    line-height: 2;
}
#onewayUse .useList li .contBox .imgBox {
    margin:0 0 50px;
}
#onewayUse .useList li .contBox .imgBox img {
    border:solid 3px #dee5e3;
    box-sizing: border-box;
    width: 87%;
    object-fit: contain;
}
#onewayQa .qaList {
    margin:25px 0 0;
}
#onewayQa .qaList li {
    margin:0 0 40px;
    line-height: 1.6;
}
#onewayQa .qaList li .question {
    padding:0 0 10px;

    background:url(../images/ui_border.png) no-repeat left bottom;
    overflow: hidden;
}
#onewayQa .qaList li .question .iconBox {
    width:40px;
    margin:0 15px 0 0;
    float:left;
}
#onewayQa .qaList li .question .contBox {
    width:925px;
    margin:12px 0 0;
    float:right;

    font-weight: bold;
    color:#013893;
}
#onewayQa .qaList li .answer {
    margin:15px 0 0;
    overflow: hidden;
}

#onewayQa .qaList li .answer .iconBox {
    width:40px;
    margin:0 15px 0 0;
    float:left;
}
#onewayQa .qaList li .answer .\--isTc-contBox {
    width:925px;
    float:right;
    margin-top:7px;
}



#onewayQa .onewayBtnArea {
    margin:0 0 80px;
    text-align: center;
}
#onewayQa .onewayBtnArea .btnWrap p {
    margin:0 0 25px;
    font-weight: bold;
    font-size:128%;
}
#onewayQa .onewayBtnArea .btnWrap a {
    display: block;
}


.pl-button__link {
    display: inline-block;
    position: relative;
    width: 620px;
    line-height: 50px;
    border-radius: 4px;
    /* background: #f27b11; */
    -webkit-box-shadow: #d8670b 0 4px 0, rgba(0,0,0,0.2) 0 3px 3px;
    box-shadow: #d8670b 0 4px 0, rgba(0,0,0,0.2) 0 3px 3px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
    margin: 0 auto;
    font-feature-settings: 'pkna';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}




/* 20181003 */
/* =========================================================
   コンテンツボックス内の検索ボタン
========================================================= */
/* button
--------------------------- */
.pl-button {
    margin: 20px auto 0;
    text-align: center;
}

.pl-button__link {
    position: relative;
    width: 620px;
    line-height: 50px;
    border-radius: 4px;
    background: #f27b11;
    -webkit-box-shadow: #d8670b 0 4px 0, rgba(0,0,0,0.2) 0 3px 3px;
    box-shadow: #d8670b 0 4px 0, rgba(0,0,0,0.2) 0 3px 3px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
    margin: 0 auto;
    -webkit-font-feature-settings: 'pkna';
    font-feature-settings: 'pkna';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.pl-button__link::after {
    content: '＞';
    position: absolute;
    right: 20px;
    top: 0;
}
.pl-button__link:link,
.pl-button__link:visited {
    color: #fff;
}

.pl-button__link:hover {
    text-decoration: none;
    position: relative;
    top: -1px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1),rgba(255,255,255,0));
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.1),rgba(255,255,255,0));
    -webkit-box-shadow: #d8670b 0 4px 0, #f27b11 0 4px 10px;
    box-shadow: #d8670b 0 4px 0, #f27b11 0 4px 10px;
}

a.pl-button__link.\--isLineTwo {
    line-height: 1.3;
    padding: 8px 0;
}

a.pl-button__link.\--isLineTwo::after {
    top: 20px;
}

/* 20231020 */
/* =========================================================
   人気のコース　追加分
========================================================= */

/* .pl-button {
    margin: 0 0 25px;
    font-weight: bold;
    font-size: 128%;
} */

.pl-button .pl-button__link__page {
    position: relative;
    width: 500;
    border-radius: 4px;
    background: #f27b11;
    -webkit-box-shadow: #d8670b 0 4px 0, rgba(0,0,0,0.2) 0 3px 3px;
    box-shadow: #d8670b 0 4px 0, rgba(0,0,0,0.2) 0 3px 3px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
    margin: 0 auto;
    -webkit-font-feature-settings: 'pkna';
    font-feature-settings: 'pkna';
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    padding: 15px 50px 15px 30px;
    margin-top: 30px;
}

.pl-button .pl-button__link__page:hover {
    text-decoration: none;
    position: relative;
    top: -1px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1),rgba(255,255,255,0));
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.1),rgba(255,255,255,0));
    -webkit-box-shadow: #d8670b 0 4px 0, #f27b11 0 4px 10px;
    box-shadow: #d8670b 0 4px 0, #f27b11 0 4px 10px;
}


.pl-button .pl-button__link__page::after {
    content: "";
    width: 12px;
    height: 12px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -12px;
    transform: rotate(135deg);
}

.pl-button .pl-button__link__page.right::after {
    content: "";
    width: 12px;
    height: 12px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -12px;
    transform: rotate(45deg);
}

#popularcourse .coursetitle {
    font-weight: bold;
    font-size: 20px;
    margin-top: 30px;
}

#popularcourse .contBox {
    margin-top: 50px;
}

#popularcourse .contBox h3 {
    padding: 5px 0 5px 50px;
    border-bottom: dotted 1px #2c9070;
    background: url(../images/ico_oneway_carGreen.png) no-repeat center left;
    font-weight: bold;
    font-size: 22px;
}

.pl-button.right .pl-button__link__page::after {
    content: "";
    width: 12px;
    height: 12px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -8px;
    transform: rotate(45deg);
}

#popularcourse .contBox .coursedetailwrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#popularcourse .contBox .coursedetailwrapper .arrow {
    width: 80px;
    object-fit: contain;
    margin-top: 50px;
}

#popularcourse .contBox .coursedetail {
    position: relative;
    margin-top: 70px;
}

#popularcourse .contBox .coursedetail p {
    border: 3px solid #36B189;
    background: #fff;
    padding: 10px 20px;
    text-align: center;
    font-size: 17px;
    position: absolute;
    color: #36B189;
    font-weight: bold;
    top: -60px;
    left: -40px;
}

#popularcourse .contBox .coursedetail img {
    width: 400px;
    object-fit: contain;
}

#popularcourse .contBox p {
    margin-top: 30px;
}