/* contact application */


.application-form input{
	font-weight: 500;
	color: #192740;
}
#radio-box .subText{
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	margin-top: 10px;
}


.txt-orange{
    color: #F69226;
}
.txt-green{
    color: #008D1B;
}
.txt-blue{
    color: #387EF0;
}

.main-news{
    background: #EFF8FD;
}

.content-post{
	margin: auto;
}

.post-type-archive-download .voice__list .voice__item .lay-bg{
	position: relative;
    padding-bottom: 70.6%;
}
.post-type-archive-download .voice__list .voice__item .lay-bg img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
}

.post-type-archive-showcase .voice__list .voice__item .lay-bg{
	position: relative;
    padding-bottom: 66.6%;
}
.post-type-archive-showcase .voice__list .voice__item .lay-bg img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
}

.box-video{
    position: fixed;
    bottom: 38px;
    left: -320px;
    width: 280px;
    background: #fff;
    border: 2px solid #387ef0;
    border-radius: 10px;
    padding: 20px;
    transition: all 400ms 0s ease;
    z-index: 998;
}
.box-video.is-close{
    left: -320px !important;
}
.box-video .close-box{
    position: absolute;
    top: -19px;
    right: -24px;
    border-radius: 50%;
    display: flex;
    cursor: pointer;
}
.box-video .title{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}
.box-video .title .logo-box{
    width: 45%;
    fill: #5791cd;
}
.box-video .title .ttl-content{
    width: 55%;
    padding-left: 15px;
}
.box-video .title .ttl-content .ttl{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}
.box-video .thumbnail-video{
    margin-bottom: 10px;
}
.box-video .link-open{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #387ef0;
    background-color: #387ef0;
    border-radius: 25px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    height: 50px;
    transition: .4s;
    opacity: 1;
}
.box-video .link-open:hover{
    background: #fff;
    color: #387ef0;
    opacity: 1;
}
.box-video .link-open svg circle{
    fill: #fff;
    transition: .4s;
}
.box-video .link-open svg{
    margin-left: 10px;
}
.box-video .link-open svg polygon,
.box-video .link-open svg path{
    fill: #387ef0;
    transition: .4s;
}
.box-video .link-open:hover svg circle{
    fill: #387ef0;
}
.box-video .link-open:hover svg polygon,
.box-video .link-open:hover svg path{
    fill: #fff;
}


#popup-video{
    position: fixed;
    bottom: 0rem;
    left: 0rem;
    z-index: 10000;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    display: none;
}
#popup-video.is-open{
    display: block;
}
#popup-video .content{
    display: flex;
    align-items: center;
    height: 100%;
}
#popup-video .content-popup{
    width: 100%;
    max-width: 740px;
    margin: auto;
    padding: 0px 20px;
    position: relative;
}
#popup-video .video{
    position: relative;
    width: 100%;
    padding-bottom: 56%;
}
#popup-video .video iframe{
    position: absolute;
    width: 100%;
    height: 100%;
}
#popup-video .title-video{
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    margin-top: 25px;
}
#popup-video .title-video a{
    color: #fff;
    padding-left: 20px;
}
#popup-video .close-box{
    position: absolute;
    top: -20px;
    right: -3px;
    border-radius: 50%;
    display: flex;
    box-shadow: 4px 4px 12px rgba(0,0,0,.20);
    cursor: pointer;
    z-index: 99;
}
#popup-video .content-popup .item-link{
    text-align: center;
    margin-top: 40px;
}
#popup-video .content-popup .item-link a{
    font-size: 14px;
    line-height: 21px;
    display: inline-block;
    background: #F69226;
    color: #fff;
    padding: 6px 27px;
    border-radius: 20px;
    border: 1px solid #F69226;
    transition: .3s;
}


.content-block .seminar-publish{
	padding-top: 60px;
}
.content-block .list-postSeminar{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 16px;
	row-gap: 30px;
}
.content-block .list-postSeminar .item-postSeminar .text{
	font-size: 18px;
    line-height: 28px;
}
.content-block .list-postSeminar .item-postSeminar .img-post{
	width: 38%;
}
.content-block .list-postSeminar .item-postSeminar .info-item {
    width: 62%;
    padding: 16px;
}
.content-block .list-postSeminar .item-postSeminar .title{
	font-size: 12px;
    line-height: 19px;
}
.content-block .list-postSeminar .item-postSeminar .time-new{
	padding-left: 0;
}
.content-block  .list-postSeminar .item-postSeminar .time-new:before{
	display: none;
}
.content-block .list-postSeminar .item-postSeminar{
	min-height: 142px;
	margin-bottom: 0;
}
.content-block .seminar-publish .header-block{
	margin-bottom: 30px;
	position: relative;
}
.content-block .seminar-publish .header-block .heading {
	font-size: 20px;
    line-height: 30px;
    color: #192740;
	display: inline-block;
}
















@media (max-width: 767px) {
    
    
    #radio-box .subText{
    	font-size: 15px;
    	line-height: 30px;
    }
    

    #popup-video .title-video a{
        display: block;
    }


    .box-video{
        width: calc(100% - 30px);
        left: 50% !important;
        border: 2px solid #387ef0;
        border-radius: 10px;
        padding: 10px;
        bottom: -300px;
        max-width: 400px;
        transform: translateX(-50%);
    }
    .box-video .open-link.sp-link{
        display: none;
    }
    .box-video .content{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .box-video .content .thumbnail-video{
        width: 49%;
        margin-bottom: 0px;
        padding-left: 0px;
    }
    .box-video .content .title{
        width: 47%;
        margin-right: 4%;
        margin-bottom: 0px;
    }
    .box-video .title .ttl-content {
        width: 100%;
        padding-left: 0;
    }
    .box-video .content .title .image{
        display: block;
        margin-bottom: 10px;
    }
    .box-video .title .ttl-content .ttl {
        font-size: 11px;
        line-height: 14px;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .box-video .title .logo-box{
        width: 40%;
    }
    .box-video .ttl-content .open-link{
        display: block;
    }
    .box-video .link-open{
        height: 30px;
        font-size: 10px;
        line-height: 24px;
    }
    .box-video .link-open svg{
        width: 12px !important;
        height: 12px !important;
        margin-left: 7px;
    }
    .box-video .close-box{
        width: 30px;
        height: 30px;
        top: -16px;
        right: -14px;
    }
    #popup-video .title-video{
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px;
    }
    .box-video.is-close{
        left: 10px !important;
        bottom: -300px !important;
    }


	.content-block .seminar-publish{
		position: relative;
		margin-left: -20px;
		margin-right: -20px;
	}
	.content-block .list-postSeminar {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		column-gap: 0;
		row-gap: 20px;
	}
	.content-block .list-postSeminar .item-postSeminar {
		min-height: 110px;
		margin-bottom: 0;
	}
	.content-block .list-postSeminar .item-postSeminar .date-time{
		padding-left: 0 !important;
	}
	.content-block .seminar-publish .header-block{
		margin-bottom: 30px;
		text-align: center;
		position: relative;
	}
	.content-block .seminar-publish .header-block .heading{
		font-size: 16px;
		line-height: 23px;
		color: #192740;
		background: #EFF8FD;
		position: relative;
		z-index: 1;
		display: inline-block;
		padding: 0 20px;
	}
	.content-block .seminar-publish .header-block:after{
		content:"";
		position: absolute;
		width: 100%;
		height: 1px;
		background: #707070;
		top: 50%;
		left: 0;
	}
	

}




.page-id-1745 .box-video,
.page-id-1638 .box-video{
    display: none;
}

/*concept*/
/*=========================================*/

#concept-page{
    background: #EFF8FD;
}

.mvPage-header{
    background-image: url("/wp-content/uploads/goodjob_pic_mvPage_pc.png");
    background-position: center;
    background-size: cover;
}
.mvPage-header .txt-jp{
    display: block;
    font-size: 35px;
    line-height: 50px;
    font-weight: 500;
    letter-spacing: 1.8px;
    margin-bottom: 25px;
}
.mvPage-header .mvPage-tll{
    text-align: center;
    color: #fff;
    padding: 36px 20px 59px;
}
.mvPage-header .text{
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 2px;
    display: block;
}


#concept-page .concept-banner{
    padding-top: 50px;
}
#concept-page .concept-banner .img-banner{
    text-align: center;
}
#concept-page .concept-banner .image{
    display: block;
    text-align: center;
}
#concept-page .concept-banner .image img{
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
}

#concept-page .info-conceptBanner .list-info{
    max-width: 994px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px dotted #707070;
    padding-bottom: 56px;
}
#concept-page .info-conceptBanner .item-info{
    width: 33.33%;
    text-align: center;
}
#concept-page .info-conceptBanner .item-info .box-txt{
    margin-bottom: 10px;
}
#concept-page .info-conceptBanner .item-info .box-txt span{
    display: flex;
    width: 98px;
    height: 98px;
    align-items: center;
    justify-content: center;
    background: #008D1B;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    margin: auto;
}
#concept-page .info-conceptBanner .item-info:nth-child(2) .box-txt span{
    background: #F69226;
}
#concept-page .info-conceptBanner .item-info:nth-child(3) .box-txt span{
    background: #387EF0;
}
#concept-page .info-conceptBanner .item-info .ttl{
    font-size: 16px;
    line-height: 30px;
    color: #192740;
    letter-spacing: 1px;
    margin-bottom: 4px;
}
#concept-page .info-conceptBanner .item-info .text{
    font-size: 16px;
    line-height: 30px;
}
#concept-page .info-conceptBanner {
    position: relative;
    margin-top: -49px;
    margin-bottom: 56px;
}


#concept-page .concept-talk{
    max-width: 792px;
    margin: auto;
}
#concept-page .concept-talk .item-talk .text{
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.8px;
    margin-bottom: 30px;
}
#concept-page .concept-talk .item-talk .text:last-child{
    margin-bottom: 0;
}
#concept-page .concept-talk .item-talk .ttl{
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 1.1px;
    margin-bottom: 33px;
}
#concept-page .concept-talk .item-talk{
    margin-bottom: 57px;
}
#concept-page .concept-talk .item-talk:last-child{
    margin-bottom: 0;
}
#concept-page .concept-talk-block{
    max-width: 994px;
    margin: 0 auto 92px;
    border-bottom: 1px solid #707070;
    padding-bottom: 86px;
}





/*contact-banner*/
/*=====================================*/
.contact-banner{
    background-image: url("/wp-content/uploads/goodjob_bg_contact_pc.png");
    background-size: cover;
    background-position: center;
    padding-top: 34px;
    padding-bottom: 33px;
}
.contact-banner .ttl{
    font-size: 35px;
    line-height: 50px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1.8px;
    margin-bottom: 15px;
}
.contact-banner .sub-ttl{
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 19px;
}
.contact-banner .content{
    display: flex;
    flex-wrap: wrap;
    max-width: 994px;
    margin: auto;
}
.contact-banner .info-contact{
    width: 71%;
    padding-top: 28px;
}
.contact-banner .image-content{
    width: 29%;
    text-align: right;
    padding-left: 20px;
}
.contact-banner .btn-content{
    display: flex;
    flex-wrap: wrap;
}
.contact-banner .btn-content .btn-mail,
.price-service .btn-mail{
    display: flex;
    flex-wrap: wrap;
    width: 43%;
    margin-right: 16px;
    background: #F69226;
    border-radius: 10px;
    color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    height: 78px;
}
.contact-banner .btn-content .btn-mail img,
.price-service .btn-mail img{
    margin-right: 10px;
}
.contact-banner .btn-content .btn-mail .txt-ttl,
.price-service .btn-mail .txt-ttl{
    width: 100%;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 1px;
    align-items: center;
    padding-right: 6px;
    padding-top: 17px;
}
.contact-banner .btn-content .btn-mail .sub-text,
.price-service .btn-mail .sub-text{
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    letter-spacing: 0.6px;
}


.contact-banner .btn-content .btn-tel{
    width: calc(100% - 43% - 16px);
    background: #fff;
    border-radius: 10px;
    height: 78px;
    border: 2px solid #F69226;
    color: #F69226;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.contact-banner .btn-content .btn-tel .txt-ttl{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    font-size: 30px;
    line-height: 20px;
    align-items: center;
    letter-spacing: 1.2px;
    padding-top: 14px;
    margin-bottom: 11px;
}
.contact-banner .btn-content .btn-tel .ttl01{
    font-size: 18px;
    display: flex;
    align-items: center;
    padding-right: 10px;
}
.contact-banner .btn-content .btn-tel .ttl01 img{
    margin-right: 8px;
}
.contact-banner .btn-content .btn-tel .sub-text{
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    text-align: center;
    letter-spacing: 0.6px;
}



/*Column page*/
/*================================================*/
#column-page{
    background: #EFF8FD;
    padding-top: 70px;
    padding-bottom: 110px;
}
.page-main{
    display: flex;
    flex-wrap: wrap;
}
.page-main .header-block{
    margin-bottom: 23px;
}
.page-main .header-block .heading{
    font-size: 20px;
    line-height: 30px;
    color: #192740;
    font-weight: 500;
    position: relative;
    padding-left: 17px;
    letter-spacing: 1px;
}
.page-main .header-block .heading:before{
    content: "";
    position: absolute;
    border-left: 5px solid #387EF0;
    height: 28px;
    top: 2px;
    left: 0;
}
.page-main .header-block .heading .post-number{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background: #387EF0;
    border-radius: 7px;
    padding: 0 5px;
    margin-left: 13px;
    position: relative;
    top: -1px;
}
.load-more{
    text-align: right;
}
.load-more .btn-view-more{
    font-size: 14px;
    line-height: 23px;
    color: #387EF0;
    font-weight: 500;
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: .3s;
}
.load-more .btn-view-more:hover{
    opacity: .7;
}
.load-more .btn-view-more:after{
    content: "";
    position: absolute;
    width:0px;
    height:0px;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 10px solid #387EF0;
    left: -15px;
    top: 6px;
}
.load-more .btn-view-more .img-load{
    width: 20px;
    position: absolute;
    right: -25px;
    top: 1px;
    display: none;
}
.load-more .btn-view-more.is-unClick{
    pointer-events: none;
}








.page-main .content-main{
    width: calc(100% - 288px - 38px);
    margin-right: 38px;
}
.page-main .content-sidebar{
    width: 288px;
}
.page-main .list-post{
    display: flex;
    flex-wrap: wrap;
}
.page-main .list-post .item-post{
    width: 31.8%;
    margin-right: 2.3%;
    margin-bottom: 34px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.page-main .list-post .item-post:nth-child(3n){
    margin-right: 0;
}
.page-main .list-post .item-post .img-post{
    position: relative;
    padding-bottom: 60%;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.page-main .list-post .item-post .img-post img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.page-main .list-post .item-post .txt-new{
    display: inline-block;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    background: #FF0000;
    border-radius: 3px;
    padding: 0 6px;
    font-weight: 500;
    margin-right: 17px;
}
.page-main .list-post .item-post .date-time{
    font-size: 12px;
    line-height: 20px;
    color: #387EF0;
    font-weight: 500;
    letter-spacing: 0.7px;
}
.page-main .list-post .item-post .time-new{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 9px;
}
.page-main .list-post .item-post .info-item{
    padding: 13px 12px 17px 18px;
}
.page-main .list-post .item-post .title{
    font-size: 18px;
    line-height: 26px;
    color: #192740;
    letter-spacing: 0.8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.banner-border{
    border-radius: 10px;
    overflow: hidden;
}
.sidebar-column .ttlcomp-03{
    font-size: 20px;
    line-height: 30px;
    color: #192740;
    font-weight: 500;
    position: relative;
    padding-left: 14px;
    letter-spacing: 1px;
    margin-bottom: 21px !important;
}
.sidebar-column .ttlcomp-03:before{
    content: "";
    position: absolute;
    border-left: 5px solid #387EF0;
    height: 28px;
    top: 2px;
    left: 0;
}
.sidebar-column .item-ranking .img{
    display: block;
    border: 1px solid #9B9B9B;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    padding-bottom: 54%;
    margin-bottom: 8px;
}
.sidebar-column .item-ranking .img img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.sidebar-column .item-ranking:nth-child(n+4) .img{
    display: none;
}
.sidebar-column .list-ranking{
    counter-reset: section;
    margin-bottom: 30px;
}
.sidebar-column .item-ranking{
    position: relative;
    overflow: visible;
    margin-bottom: 26px;
}
.sidebar-column .item-ranking:before{
    display: flex;
    position: absolute;
    top: -13px;
    left: -12px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    /*font-family: "Roboto", sans-serif;*/
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: white;
    content: counters(section, ".");
    counter-increment: section;
    background: #666666;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    z-index: 9;
}
.sidebar-column .item-ranking:nth-child(1):before{
    background: #D5B404;
}
.sidebar-column .item-ranking:nth-child(2):before{
    background: #B7B7B7;
}
.sidebar-column .item-ranking:nth-child(3):before{
    background: #B97A05;
}
.sidebar-column .item-ranking .text{
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.6px;
}

.sidebar-column .item-ranking:nth-child(n+4):before{
    position: static;
}
.sidebar-column .item-ranking:nth-child(n+4){
    display: flex;
    flex-wrap: wrap;
}
.sidebar-column .item-ranking:nth-child(n+4) a{
    width: calc(100% - 44px);
    padding-left: 8px;
}



/*news page*/
/*=====================================*/
#news-page{
    background: #EFF8FD;
    padding-top: 80px;
    padding-bottom: 95px;
}
#news-page .content-post{
    width: 100%;
}
.list-post-news{
    margin-bottom: 14px;
}
.list-post-news .item-post-news{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    margin-bottom: 28px;
    position: relative;
}
.list-post-news .item-post-news:last-child{
    margin-bottom: 0;
}
.list-post-news .item-post-news a{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 17px 80px 19px 28px;
}
.list-post-news .item-post-news .time-news{
    width: 138px;
}
.list-post-news .item-post-news .date-time{
    font-size: 20px;
    line-height: 34px;
    color: #387EF0;
    font-weight: 500;
    letter-spacing: 1.2px;
}
.list-post-news .item-post-news .tag{
    width: 111px;
    text-align: center;
    margin-top: 3px;
}
.list-post-news .item-post-news .tag span{
    background: #387EF0;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    line-height: 30px;
    display: block;
}
.list-post-news .item-post-news .info-item{
    width: calc(100% - 111px - 138px);
    padding-left: 20px;
}
.list-post-news .item-post-news .title{
    font-size: 20px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: 1.2px;
}
.list-post-news .item-post-news i{
    position: absolute;
    top: 50%;
    right: 36px;
    transform: translateY(-50%);
    font-size: 30px;
    color: #387EF0;
    transition: .3s;
}
.list-post-news .item-post-news:hover i{
    right: 20px;
}

#news-page .load-more .btn-view-more{
    letter-spacing: 0.7px;
}

/*news single*/
#news-single{
    padding-bottom: 55px;
}
#news-single .manual-single__detail p{
    margin-bottom: 0px !important;
}
#news-single .manual-single .tag{
    background: #387EF0;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    line-height: 30px;
    display: block;
    width: 111px;
    text-align: center;
    margin-left: 20px;
}
#news-single .manual-single{
    margin-bottom: 75px;
}



/*service page*/
/*==================================*/
.service-page{
    background: #EFF8FD;
    padding-top: 40px;
    padding-bottom: 105px;
}
.service-page .service-inner{
    max-width: 864px;
    margin: auto;
    padding: 0 20px;
}
.service-page .heading-block{
    text-align: center;
    width: 100%;
}
.service-page .heading-block span{
    display: inline-block;
    font-size: 20px;
    line-height: 29px;
    color: #387EF0;
    font-weight: 500;
    position: relative;
    border-bottom: 5px solid #387EF0;
    letter-spacing: 1px;
    padding: 0 4px 8px;
}
.service-page .content{
    padding: 32px 54px;
}





.boxshadow-blue{
    box-shadow: 0 0 20px rgba(103,173,244,.20);
}
.service-page .boxshadow-blue{
    background: #fff;
    border-radius: 10px;
}
.service-page .tabs-block{
    margin-bottom: 24px;
}
.service-page .tabs-block .item-tab a{
    display: block;
    background: #fff;
    border: 2px solid #387EF0;
    border-radius: 10px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #387EF0;
    font-weight: 500;
    padding: 4px 0;
}
.service-page .tabs-block .list-tab{
    display: flex;
    flex-wrap: wrap;
}
.service-page .tabs-block .item-tab{
    width: 31.66%;
    margin-right: 2.5%;
    margin-bottom: 16px;
}
.service-page .tabs-block .item-tab:nth-child(3n){
    margin-right: 0;
}

.service-page .what-is{
    margin-bottom: 42px;
}
.service-page .what-is .text{
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 13px;
}
.service-page .what-is .heading-block{
    margin-bottom: 21px;
}
.service-page .what-is h3.txt03{
    font-size: 26px;
    line-height: 38px;
    color: #387EF0;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1.2px;
    margin-bottom: 12px;
}
.service-page .what-is .video-content{
    width: 90%;
    margin: auto;
    max-width: 590px;
    border-radius: 10px;
    overflow: hidden;
}



.service-page .reasons-block .heading-block{
    margin-bottom: 43px;
}
.service-page .reasons-block .item-reasons{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 34px;
}
.service-page .reasons-block .item-reasons:last-child{
    margin-bottom: 0;
}
.service-page .reasons-block .item-reasons .ttl{
    font-size: 20px;
    line-height: 29px;
    color: #387EF0;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.service-page .reasons-block .item-reasons .text{
    font-size: 16px;
    line-height: 26px;
}
.service-page .reasons-block .item-reasons .text-info{
    width: 73.6%;
    padding-right: 40px;
    padding-top: 10px;
}
.service-page .reasons-block .item-reasons .image{
    width: 26.4%;
}
.service-page .reasons-block .item-reasons .image img{
    width: 100%;
}
.service-page .reasons-block .list-reasons-block{
    margin-bottom: 32px;
}
.service-page .reasons-block .list-checkBox{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.service-page .reasons-block .list-checkBox:nth-child(2){
    align-items: center;
}
.service-page .reasons-block .list-checkBox .title{
    width: 120px;
}
.service-page .reasons-block .list-checkBox .item02{
    width: 45%;
    padding-left: 34px;
}
.service-page .reasons-block .list-checkBox .item03{
    width: calc(55% - 120px);
    padding-left: 19px;
}
.service-page .reasons-block .item-check{
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    position: relative;
    text-indent: -14px;
    padding-left: 14px;
}
.service-page .reasons-block .list-checkBox .title .txt{
    display: flex;
    height: 120px;
    align-items: center;
    justify-content: center;
    border: 1px solid #387EF0;
    border-radius: 50%;
    font-size: 16px;
    line-height: 24px;
    color: #387EF0;
    font-weight: 500;
    text-align: center;
}
.service-page .reasons-block .checkBox-content{
    border-bottom: 1px solid #707070;
}
.service-page .reasons-block .service-different{
    padding-top: 21px;
}
.service-page .reasons-block .service-different .ttl03{
    font-size: 20px;
    line-height: 29px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.service-page .reasons-block .service-different .sub-ttl{
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 41px;
}
.service-page .reasons-block .box-table-service{
    margin: 0 7px;
}
.service-page .reasons-block .box-table-service .table tr td{
    font-size: 10px;
    line-height: 14px;
    vertical-align: middle;
    height: 90px;
}
.service-page .reasons-block .box-table-service .table tr td:first-of-type,
.service-page .reasons-block .box-table-service .table tr:nth-child(2) td:nth-child(2){
    font-size: 12px;
    line-height: 26px;
    padding-left: 10px;
}
.service-page .reasons-block .box-table-service .icon-table{
    font-size: 16px;
    margin-bottom: 4px;
}
.service-page .reasons-block .box-table-service .table tr th{
    height: 70px;
    vertical-align: middle;
    font-size: 16px;
}
.service-page .reasons-block .content{
    padding-bottom: 54px;
}
.service-page .reasons-block{
    margin-bottom: 50px;
}


.service-page .overview-block .item-overview .top-point{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #F5F4F4;
    border-radius: 15px;
    cursor: pointer;
    position: relative;
    padding: 14px 16px;
    min-height: 94px;
    transition: .3s;
}
.service-page .overview-block .item-overview .top-point:hover{
    opacity: .7;
}
.service-page .overview-block .heading-block{
    margin-bottom: 43px;
}
.service-page .overview-block .item-overview .top-point .t1{
    font-size: 20px;
    line-height: 30px;
    width: 100px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
}
.service-page .overview-block .item-overview .top-point .ttl{
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    padding-left: 30px;
    letter-spacing: 0.8px;
    width: calc(100% - 100px);
    padding-right: 160px;
}
.service-page .overview-block .item-overview .top-point .image{
    position: absolute;
    right: 75px;
    bottom: 0;
    pointer-events: none;
}
.service-page .overview-block .item-overview .info-content{
    display: none;
}
.service-page .overview-block .item-overview {
    margin-bottom: 39.5px;
}
.service-page .overview-block .item-overview:last-child{
    margin-bottom: 0;
}
.service-page .overview-block .item-overview .top-point i{
    position: absolute;
    font-size: 30px;
    line-height: 30px;
    right: 37px;
    color: #387EF0;
    top: calc(54% - 15px);
    transition: .3s;
}
.service-page .overview-block .item-overview .top-point.is-active i{
    transform: rotate(-180deg);
}

.service-page .overview-block .item-overview .info-content .info-ttl{
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #387EF0;
    font-weight: 500;
    margin: 33px auto 10px;
    letter-spacing: 1px;
}
.service-page .overview-block .item-overview .info-content .text{
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 13px;
}
.service-page .overview-block .item-overview .info-content .item-banner .image{
    display: none;
}
.service-page .overview-block .item-overview .info-content .banner-info{
    position: relative;
    border: 1px solid #387EF0;
    border-radius: 15px;
    overflow: hidden;
}
.service-page .overview-block .item-overview .info-content .list-banner{
    position: absolute;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.service-page .overview-block .item-overview .info-content .item-banner{
    width: 50%;
    text-align: center;
    padding-top: 15px;
}
.service-page .overview-block .item-overview .info-content .item-banner .box-ttl{
    margin-bottom: 4px;
}
.service-page .overview-block .item-overview .info-content .item-banner .box-ttl span{
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    font-weight: 500;
    background: #9B9B9B;
    border-radius: 16px;
    padding: 4px 9px;
    display: inline-block;
    letter-spacing: 0.8px;
}
.service-page .overview-block .item-overview .info-content .item-banner:nth-child(2) .box-ttl span{
    background: #387EF0;
}
.service-page .overview-block .item-overview .info-content .item-banner .txt{
    font-size: 14px;
    line-height: 26px;
}
.service-page .overview-block .item-overview .info-content .video-banner{
    text-align: center;
    width: 90%;
    margin: 38px auto 0;
    max-width: 590px;
    cursor: pointer;
}
.service-page .overview-block .content{
    padding-bottom: 50px;
}
.service-page .overview-block{
    margin-bottom: 40px;
}


.service-page .what-goodjob{
    padding: 0;
    margin-bottom: 43px;
}
.service-page .what-goodjob .heading-block{
    margin-bottom: 25px;
}
.service-page .what-goodjob .content{
    padding: 32px 16px;
}
.service-page .what-goodjob .list-what-goodjob .item-what-goodjob{
    width: 25% !important;
}
.service-page .what-goodjob .more-page{
    width: 100%;
    margin-top: 11px;
    margin-bottom: 3px;
}
.service-page .price-service .btn-mail{
	margin:auto;
}


.service-page .price-service .price-list{
    display: flex;
    flex-wrap: wrap;
	justify-content:center;
	margin-bottom:20px;
}
.service-page .price-service .heading-block{
    margin-bottom: 30px;
}
.service-page .price-service .left-content{
    width: 36%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-right: 15px;
}
.service-page .price-service .ttl-box span{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #192740;
    display: inline-block;
    padding: 8px 17px;
    border: 1px solid #192740;
    border-radius: 7px;
}
.service-page .price-service .left-content .text{
    font-size: 60px;
    line-height: 30px;
    margin-left: 15px;
}
.service-page .price-service .left-content .text span{
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    display: inline-block;
    position: relative;
    top: -2px;
    right: -6px;
}


.service-page .price-service .right-content{
    width: 64%;
    padding-left: 4px;
    display: flex;
    flex-wrap: wrap;
}
.service-page .price-service .right-content .ttl-box span{
    padding: 8px 10px;
    letter-spacing: 0.8px;
}
.service-page .price-service .right-content .ttl-right{
    display: flex;
    flex-wrap: wrap;
    padding-right: 19px;
}
.service-page .price-service .right-content .ttl-right .t2{
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: center;
    padding-left: 18px;
    position: relative;
    top: -6px;
}
.service-page .price-service .right-content .text{
    font-size: 60px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 3px;
}
.service-page .price-service .right-content .text span{
    font-size: 20px;
    line-height: 30px;
    display: inline-block;
    position: relative;
    font-weight: bold;
    top: -3px;
    padding-left: 1px;
}
.service-page .price-service .right-content .txt-note{
    width: 100%;
    text-align: right;
    font-size: 12px;
    line-height: 16px;
    padding-right: 63px;
    letter-spacing: 0.6px;
    padding-top: 8px;
    margin-bottom: -3px;
}
.service-page .price-service{
    margin-bottom: 40px;
}



.service-page .voices-introducing .heading-block{
    margin-bottom: 30px;
}
.service-page .voices-introducing .list-voice{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 26px;
}
.service-page .voices-introducing .item-voice{
    width: 31.26%;
    margin-right: 3.1%;
}
.service-page .voices-introducing .item-voice:nth-child(3n){
    margin-right: 0;
}
.service-page .voices-introducing .item-voice .text{
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 1.1px;
    position: relative;
    margin-right: -10px;
}
.service-page .voices-introducing .item-voice .text span{
    font-weight: bold;
}
.service-page .voices-introducing .item-voice .image{
    display: block;
    margin-bottom: 14px;
}
.service-page .voices-introducing .item-voice .image img{
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(0,0,0,.42);
    width: 100%;
}
.service-page .voices-introducing .item-voice .image-logo{
    position: relative;
    padding-bottom: 40%;
}
.service-page .voices-introducing .item-voice .image-logo img{
    position: absolute;
    width: 80%;
    max-width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}




/*Seminar*/
/*========================================*/
#seminar-template{
    background: #EFF8FD;
    overflow: hidden;
}


.seminar-block .slider-inner{
    width: 41%;
    margin: auto;
}
.seminar-block .slick-list{
    overflow: visible;
}
.seminar-block .item-image-slider a {
    display: block;
}
.item-image-slider:nth-child(n+2){
    display: none;
}
.seminar-block .slick-initialized .slick-slide{
    display: block;
}
.seminar-block .item-image-slider a img{
    width: 100%;
}
.seminar-block .slick-dots{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    bottom: -35px;
    width: 100%;
    z-index: 9;
}
.seminar-block .slick-dots li{
    width: auto;
    margin: 0 10px;
}
.seminar-block .slick-dots button{
    font-size: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: #D1D1D1;
    border-radius: 50%;
    transition: .2s;
}
.seminar-block .slick-dots .slick-active button,
.seminar-block .slick-dots li:hover button{
    background: #6B8EC9;
}
.seminar-block .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 44px;
    color: #fff;
    display: flex !important;
    width: 40px;
    height: 40px;
    justify-content: center;
    z-index: 9;
    transition: .2s;
}
.seminar-block .slick-arrow:hover{
    color: #6B8EC9;
}
.seminar-block .slick-arrow.slick-next{
    right: -40px;
}
.seminar-block .slick-arrow.slick-prev{
    left: -40px;
}



#seminar-page{
    padding-top: 108px;
    padding-bottom: 80px;
}
.seminar-private{
    padding-top: 60px;
}
.category-seminar .seminar-private{
    padding-bottom: 60px;
}
#seminar-template.seminar-archive .seminar-private{
    padding-top: 0;
    padding-bottom: 60px;
}
.list-postSeminar .item-postSeminar{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    margin-bottom: 20px;
    position: relative;
}
.list-postSeminar .item-postSeminar a{
    display: flex;
    flex-wrap: wrap;
	height: 100%;
}
.list-postSeminar .item-postSeminar .img-post{
    width: 34.7%;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
}
.list-postSeminar .item-postSeminar .img-post .image{
    position: relative;
    padding-bottom: 62.8%;
    height: 100%;
}
.list-postSeminar .item-postSeminar .img-post .image img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list-postSeminar .item-postSeminar .info-item{
    width: 65.3%;
    padding: 25px 50px 20px 38px;
}
.list-postSeminar .item-postSeminar .txt-new{
    position: absolute;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    background: #FF0000;
    width: 46px;
    text-align: center;
    border-radius: 3px;
    padding-bottom: 2px;
    top: -10px;
    left: -10px;
    z-index: 2;
}
.list-postSeminar .item-postSeminar .txt-new.new-sp{
    display: none;
}
.list-postSeminar .item-postSeminar .date-time{
    font-size: 12px;
    line-height: 18px;
    color: #387EF0;
    font-weight: 500;
    letter-spacing: 0.6px;
    margin-bottom: 5px;
}
.list-postSeminar .item-postSeminar .title{
    font-size: 15px;
    line-height: 21px;
    color: #387EF0;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: 0.75px;
    text-indent: -9px;
}
.list-postSeminar .item-postSeminar .time-new{
    position: relative;
    padding-left: 19px;
    margin-bottom: 12px;
}
.list-postSeminar .item-postSeminar .time-new:before{
    content: "";
    position: absolute;
    border-left: 4px solid #387EF0;
    height: calc(100% - 4px);
    top: 4px;
    left: 0;
}
.list-postSeminar .item-postSeminar .text{
    font-size: 22px;
    line-height: 32px;
    color: #666666;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: 1px;
}
.list-postSeminar .item-postSeminar .text img{
    display: none;
}
.sidebar-column .post-ranking .item-ranking {
    display: flex;
    flex-wrap: wrap;
}
.sidebar-column .post-ranking .item-ranking:before {
    position: static;
}
.sidebar-column .post-ranking .item-ranking a {
    width: calc(100% - 44px);
    padding-left: 8px;
}
.sidebar-column .post-ranking .item-ranking .text{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.seminar-single-content {
    color: #192740;
    margin-top: 16px;
}
.seminar-single-content .description{
    margin-bottom: 35px;
}
.seminar-single-content .description p{
    font-size: 20px;
    line-height: 36px;
    color: #192740;
    letter-spacing: 2px;
}
.seminar-single-content .theme{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.seminar-single-content .theme .ttl{
    width: 110px;
    height: 110px;
    border: 1px solid #387EF0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 34px;
    color: #387EF0;
    font-weight: 500;
}
.seminar-single-content .theme .info{
    width: calc(100% - 110px);
    padding-left: 48px;
}
.seminar-single-content .theme .info p{
    font-size: 20px;
    line-height: 36px;
    color: #387EF0;
    font-weight: 500;
    letter-spacing: 2px;
}

.seminar-single-content .item-info-seminar{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.seminar-single-content .item-info-seminar .ttl{
    width: 150px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 1.5px;
}
.seminar-single-content .item-info-seminar .info{
    width: calc(100% - 150px);
    padding-left: 8px;
}
.seminar-single-content .item-info-seminar .info p{
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 1.8px;
}
.seminar-single-content .item-info-seminar.remarks .info p{
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 1.6px;
    font-weight: 400;
    margin-bottom: 8px;
}
.seminar-single-content .item-info-seminar.remarks .info p a{
    color: #387EF0;
}
.seminar-single-content .item-info-seminar.remarks .info p:last-child{
    margin-bottom: 0;
}
.seminar-single-content .item-info-seminar.capacity{
    margin-bottom: 23px;
}
.seminar-single-content .item-info-seminar.remarks .info p.text-light{
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
    letter-spacing: 1.4px;
}
.seminar-single-content .item-info-seminar.remarks{
    margin-bottom: 36px;
}
.seminar-single-content .item-info-seminar.link-apply{
    align-items: center;
}
.seminar-single-content .item-info-seminar .info.more-page{
    text-align: left;
}


.header-entry-seminar .title-top{
    display: flex;
    flex-wrap: wrap;
}
.header-entry-seminar .title-top .ttl{
    display: flex;
    font-size: 16px;
    line-height: 30px;
    color: #387EF0;
    border: 1px solid #387EF0;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 30px;
    margin-right: 15px;
}
.header-entry-seminar .title-top .date-time{
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 10px;
}
.header-entry-seminar .title-top .date-time .text{
    font-size: 24px;
    line-height: 35px;
    color: #192740;
    font-weight: 500;
}
.header-entry-seminar .title-top .target .text{
    font-size: 20px;
    line-height: 30px;
    color: #192740;
    font-weight: 500;
}
.header-entry-seminar .title-top .target{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.header-entry-seminar{
    position: relative;
    padding-left: 37px;
    margin-bottom: 20px;
}
.header-entry-seminar:before{
    content: "";
    position: absolute;
    height: 93%;
    border-left: 11px solid #387EF0;
    top: 3px;
    left: 0;
}
.seminar-post .content-post .img-feature{
    overflow: hidden;
    border-radius: 10px;
}

.seminarLink{
	padding-top: 40px;
}
.seminarLink .btn-link{
	color: #fff;
	background-color: #f69203;
	width: 100%;
	max-width: 380px;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	height: 66px;
	border-radius: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}



/*download page*/
/*===========================================*/
.single-download .sec-mv-news{
    display: none;
}
.single-download  .page-newssingle_index .content-block{
    padding-top: 10px;
}
.download-page .manual-single{
    /*display: grid;*/
    /*grid-template-columns: repeat(2, 1fr);*/
    /*column-gap: 60px;*/
    display: flex;
    flex-wrap: wrap;
    padding: 40px 60px;
}
/*.download-page .manual-single .header-top{*/
/*    width: 100%;*/
/*    margin-bottom: 30px;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/
.download-page .download-left{
    width: 40%;
}
.download-page .download-right{
    width: 60%;
    padding-left: 60px;
}
.download-page .manual-single .status{
    margin-bottom: 6px;
}
.download-page .download_box{
    flex-wrap: wrap;
}
.download-page .download_box img{
    width: 100%;
    margin-bottom: 25px;
    box-shadow: 0 5px 10px rgba(0,0,0,.20);
}
.download-page .download_box .download_content {
    width: 100%;
    font-size: 14px;
    line-height: 28px;
}
.download-page .manual-single .heading-detail{
    margin-bottom: 30px;
    line-height: 42px;
}
.download-page .contact-form.-wide {
    padding: 0;
}
.download-page .contact-form.-wide br{
    display: none;
}
.download-page .contact-note{
    margin-bottom: 15px;
}
.download-page .manual-single__detail p{
    /*font-size: 20px;*/
    line-height: 26px;
    margin-bottom: 0 !important;
}
.download-page .contact-form .item .form{
    width: 100%;
}
.download-page .contact-form .item .ttl{
    width: 100%;
    margin-bottom: 5px;
}
.download-page .contact-form .item .ttl label {
    display: flex;
    align-items: center;
}
.download-page .contact-form .item .ttl .note{
    position: static;
    transform: unset;
    margin-left: 10px;
}
.download-page .contact-form .item{
    padding: 0;
    border-bottom: 0;
    align-content: flex-start;
    min-height: auto;
    margin-bottom: 15px;
}
.download-page .contact-form .md-btn{
    font-size: 18px;
    height: 56px;
    max-width: 360px;
}
.download-page .contact-form .check-item label{
    margin-left: 8px;
    width: 26px;
    display: inline-block;
    padding: 0;
}
.download-page .contact-form .contact__detail {
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
}
.download-page .contact-form .check-item{
    margin-bottom: 25px;
}
.download-page .pure-input{
    position: relative;
    font-size: 15px;
    text-align: center;
}
.download-page .pure-input .mwform-checkbox-field-text{
    font-size: 0;
    position: absolute;
    width: calc(100% - 64px);
    height: 100%;
    top: 0;
    left: 64px;
    padding: 0;
}
.download-page .pure-input a{
    position: relative;
    z-index: 2;
}







@media (max-width: 1280px) {


    /*Column page*/
    /*=====================================*/
    .page-main .list-post .item-post{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 25px;
    }
    .page-main .list-post .item-post:nth-child(3n){
        margin-right: 4%;
    }
    .page-main .list-post .item-post:nth-child(2n){
        margin-right: 0 !important;
    }
    .support .voice__detail {
        margin-top: -10px;
    }



    /*seminar-page*/
    .list-postSeminar .item-postSeminar .info-item{
        padding: 15px 30px 10px 30px;
    }
    .list-postSeminar .item-postSeminar .text{
        font-size: 16px;
        line-height: 24px;
    }
    .list-postSeminar .item-postSeminar .title{
        font-size: 14px;
    }
    .list-postSeminar .item-postSeminar .date-time{
        margin-bottom: 0;
    }
    .list-postSeminar .item-postSeminar .time-new:before{
        height: calc(100% - 7px);
    }


    /*download page*/
    /*=================================*/
    .download-page .pure-input{
        font-size: 13px;
    }
    .download-page .manual-single{
        padding: 40px;
    }
    .download-page .download-right{
        padding-left: 40px;
    }
    .download-page .contact-form .item .ttl{
        font-size: 14px;
    }
    .download-page .manual-single .heading-detail {
        margin-bottom: 25px;
        line-height: 32px;
        font-size: 26px;
    }








}




@media (max-width: 1023px) {



    /*concept-page*/
    /*===================================*/
    #concept-page .info-conceptBanner .item-info .ttl{
        font-size: 14px;
    }
    #concept-page .info-conceptBanner .item-info .text {
        font-size: 14px;
        line-height: 30px;
    }



    .contact-banner{
        padding-bottom: 50px;
    }
    .contact-banner .btn-content .btn-mail{
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0;
    }
    .contact-banner .btn-content .btn-tel{
        width: 100%;
    }
    .contact-banner .info-contact {
        width: 60%;
        padding-top: 28px;
    }
    .contact-banner .image-content {
        width: 40%;
        text-align: center;
        padding: 0 20px;
    }
    .contact-banner .content{
        align-items: center;
    }
    .contact-banner .sub-ttl {
        font-size: 16px;
        line-height: 30px;
    }
    .contact-banner .ttl{
        font-size: 28px;
        line-height: 50px;
    }



    /*Column page*/
    /*==========================================*/
    .page-main .content-main {
        width: 66%;
        margin-right: 30px;
    }
    .page-main .content-sidebar{
        width: calc(34% - 30px);
    }
    .page-main .list-post .item-post .title{
        font-size: 14px;
        line-height: 23px;
    }
    .sidebar-column .ttlcomp-03,
    .page-main .header-block .heading{
        font-size: 16px;
    }
    .page-main .header-block .heading .post-number{
        font-size: 14px;
        line-height: 26px;
    }
    .page-main .header-block .heading:before,
    .sidebar-column .ttlcomp-03:before{
        height: 22px;
        top: 4px;
    }
    .sidebar-column .item-ranking:before{
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
    .sidebar-column .item-ranking .text {
        font-size: 13px;
        line-height: 21px;
    }
    .sidebar-column .item-ranking:nth-child(n+4) a {
        width: calc(100% - 36px);
    }
    .page-main .list-post .item-post .txt-new{
        font-size: 13px;
        line-height: 19px;
        margin-right: 10px;
    }
    .page-main .list-post .item-post .info-item{
        padding: 13px 12px 17px 15px;
    }


    /*service page*/
    /*=================================*/
    .service-page .content{
        padding: 35px 30px;
    }



    /*seminar-page*/
    .list-postSeminar .item-postSeminar .info-item {
        padding: 10px 20px;
    }
    .list-postSeminar .item-postSeminar .title {
        font-size: 12px;
        line-height: 19px;
        text-indent: -7px;
    }
    .list-postSeminar .item-postSeminar .text {
        font-size: 13px;
        line-height: 20px;
    }
    .list-postSeminar .item-postSeminar .time-new{
        margin-bottom: 6px;
        padding-left: 15px;
    }



    .header-entry-seminar .title-top .ttl {
        display: flex;
        font-size: 13px;
        line-height: 20px;
        color: #387EF0;
        border: 1px solid #387EF0;
        border-radius: 6px;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 28px;
        margin-right: 12px;
    }
    .header-entry-seminar .title-top .date-time .text {
        font-size: 18px;
        line-height: 30px;
        color: #192740;
        font-weight: 500;
    }
    .header-entry-seminar .title-top .target .text {
        font-size: 16px;
        line-height: 30px;
        color: #192740;
        font-weight: 500;
    }
    .manual-single .heading-detail {
        font-size: 24px;
        font-weight: 500;
        line-height: 38px;
        color: #387EF0;
    }
    .header-entry-seminar{
        padding-left: 30px;
    }
    .seminar-single-content .description p {
        font-size: 16px;
        line-height: 30px;
        color: #192740;
        letter-spacing: 1px;
    }
    .seminar-single-content .item-info-seminar .info p {
        font-size: 16px;
        line-height: 30px;
        font-weight: 500;
        letter-spacing: 1px;
    }
    .seminar-single-content .item-info-seminar.remarks .info p{
        font-size: 14px;
        line-height: 26px;
    }
    .seminar-single-content .item-info-seminar.remarks .info p.text-light {
        font-size: 13px;
        line-height: 24px;
        letter-spacing: 1.2px;
    }
    .seminar-single-content .theme .info p{
        font-size: 18px;
    }



    /*download page*/
    /*===================================*/
    .single-download .page-newssingle_index .content-block {
        padding-top: 0;
    }
    .download-page .manual-single {
        padding: 30px;
    }
    .download-page .download_box .download_content {
        font-size: 14px;
        line-height: 24px;
    }
    .download-page .contact-form .item{
        margin-bottom: 10px;
    }
    .download-page .contact-form .md-btn{
        font-size: 16px;
    }
    .download-page .contact-form .item .ttl .note,
    .download-page .contact-form .check-item .note{
        font-size: 12px;
    }
    .download-page .download-left {
        width: 50%;
        padding-right: 15px;
    }
    .download-page .download-right {
        padding-left: 15px;
        width: 50%;
    }
    .download-page .contact-form .check-item {
        margin-bottom: 20px;
    }
    .download-page .pure-input .mwform-checkbox-field-text:before{
        width: 20px;
        height: 20px;
    }
    .download-page .pure-input input[type="checkbox"] + .mwform-checkbox-field-text:after{
        top: 14px;
    }





}









@media (max-width: 767px) {

    body:not(.home) #header-menu {
        box-shadow: 0 3px 6px rgba(0,0,0,.36);
    }


    .mvPage-header{
        background-image: url("/wp-content/uploads/goodjob_pic_mvPage_sp-1.png");
        background-size: cover;
    }
    .mvPage-header .mvPage-tll {
        padding: 20px 20px 21px;
    }
    .mvPage-header .txt-jp{
        font-size: 23px;
        line-height: 34px;
        letter-spacing: 1.2px;
        margin-bottom: 5px;
    }
    .mvPage-header .text {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 1.6px;
        display: block;
    }



    /*concept-page*/
    /*=======================================*/
    #concept-page .concept-banner {
        padding-top: 20px;
    }

    #concept-page .info-conceptBanner .item-info{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        text-align: left;
        margin-bottom: 20px;
    }
    #concept-page .info-conceptBanner .item-info:last-child{
        margin-bottom: 0;
    }
    #concept-page .info-conceptBanner .item-info .box-txt {
        margin-bottom: 0;
        width: 80px;
    }
    #concept-page .info-conceptBanner .item-info .txt-info{
        width: calc(100% - 80px);
        padding-left: 10px;
    }
    #concept-page .info-conceptBanner .item-info .box-txt span {
        display: flex;
        width: 80px;
        height: 80px;
        align-items: center;
        justify-content: center;
        background: #008D1B;
        border: 2px solid #fff;
        border-radius: 50%;
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        margin: auto;
    }
    #concept-page .info-conceptBanner{
        margin-top: 20px;
        margin-bottom: 28px;
    }
    #concept-page .info-conceptBanner .item-info .ttl {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.8px;
        margin-bottom: 6px;
    }
    #concept-page .info-conceptBanner .item-info .text {
        font-size: 16px;
        line-height: 23px;
        letter-spacing: 0.8px;
    }
    #concept-page .info-conceptBanner .list-info{
        padding-bottom: 34px;
    }
    #concept-page .concept-talk-block {
        margin: 0 auto 50px;
        border-bottom: 2px dotted #707070;
        padding-bottom: 46px;
    }


    .contact-banner .info-contact {
        width: 100%;
        padding-top: 0;
    }
    .contact-banner {
        background-image: url("/wp-content/uploads/goodjob_bg_contact_sp.png");
        background-size: cover;
        background-position: center;
        padding-top: 32px;
        padding-bottom: 35px;
    }
    .contact-banner .btn-content .btn-tel{
        height: auto;
    }
    .contact-banner .ttl {
        font-size: 26px;
        line-height: 34px;
        text-align: center;
        letter-spacing: 1.3px;
        margin-bottom: 8px;
    }
    .contact-banner .sub-ttl{
        text-align: center;
        letter-spacing: 1.6px;
        margin-bottom: 18px;
    }
    .contact-banner .info-contact .image{
        text-align: center;
        margin-bottom: 20px;
    }
    .contact-banner .btn-content{
        max-width: 300px;
        margin: auto;
    }
    .contact-banner .btn-content .btn-mail .txt-ttl {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 1px;
        padding-right: 0px;
        padding-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .contact-banner .btn-content .btn-tel .ttl01 {
        font-size: 16px;
        display: flex;
        align-items: center;
        padding-right: 10px;
        margin-bottom: 13px;
    }
    .contact-banner .btn-content .btn-tel .sub-text {
        font-size: 12px;
        line-height: 18px;
        width: 100%;
        text-align: center;
        letter-spacing: 0.6px;
        margin-bottom: 10px;
    }
    .contact-banner .btn-content .btn-tel .txt-ttl {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        font-size: 28px;
        line-height: 20px;
        align-items: center;
        letter-spacing: 1.2px;
        padding-top: 10px;
        margin-bottom: 9px;
    }


    /*Column page*/
    /*====================================*/
    #column-template .mvPage-header .mvPage-tll{
        padding: 31px 20px 15px;
    }
    #column-template .mvPage-header .info-sp .text-info{
        font-size: 14px;
        line-height: 24px;
        color: #fff;
        width: 63%;
        border-top: 1px solid #fff;
        padding-top: 15px;
        padding-left: 5px;
        letter-spacing: 1.2px;
    }
    #column-template .mvPage-header .info-sp{
        display: flex;
        flex-wrap: wrap;
        padding: 0 20px 21px;
        max-width: 400px;
        margin: auto;
    }
    #column-template .mvPage-header .image{
        display: block;
        width: 37%;
        position: relative;
        right: -8px;
    }



    #column-page{
        padding-top: 25px;
        padding-bottom: 35px;
    }
    .page-main .header-block {
        margin-bottom: 20px;
    }
    .page-main .content-main{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .page-main .content-sidebar {
        width: 100%;
    }
    .page-main .list-post .item-post {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 20px;
        border-radius: 5px;
    }
    .page-main .list-post .item-post a{
        display: flex;
        flex-wrap: wrap;
    }
    .page-main .list-post .item-post .img-post{
        width: 45%;
        padding-bottom: 36%;
        border-radius: 5px 0 0 5px;
    }
    .page-main .list-post .item-post .info-item{
        width: 55%;
        padding: 8px 10px;
    }
    .page-main .list-post .item-post .title {
        font-size: 14px;
        line-height: 20px;
        line-clamp: 4;
        -webkit-line-clamp: 4;
    }
    .page-main .list-post .item-post .txt-new {
        font-size: 12px;
        line-height: 16px;
        margin-right: 0;
        order: 2;
        padding: 0 4px;
        margin-left: 8px;
    }
    .page-main .list-post .item-post .date-time {
        font-size: 12px;
        line-height: 20px;
        color: #387EF0;
        font-weight: 500;
        letter-spacing: 0.7px;
        order: 1;
        padding-left: 6px;
        position: relative;
    }
    .page-main .list-post .item-post .date-time:before{
        content: "";
        position: absolute;
        border-left: 2px solid #387EF0;
        height: 15px;
        top: 3px;
        left: 0;
    }
    .page-main .list-post .item-post .time-new{
        margin-bottom: 2px;
    }
    .page-main .header-block .heading:before,
    .sidebar-column .ttlcomp-03:before{
        border-left: 3px solid #387EF0;
        height: 21px;
        top: 5px;
    }
    .page-main .header-block .heading{
        padding-left: 10px;
    }
    .page-main .header-block .heading .post-number {
        font-size: 15px;
        line-height: 23px;
        padding: 0 8px;
        margin-left: 10px;
    }
    .load-more {
        text-align: center;
        padding-left: 12px;
    }
    .sidebar-column .ttlcomp-03{
        padding-left: 10px;
    }
    .sidebar-column .item-ranking:before {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }
    .sidebar-column .item-ranking .text {
        font-size: 15px;
        line-height: 24px;
    }
    .sidebar-column .item-ranking{
        margin-bottom: 20px;
    }
    .sidebar-column .item-ranking:nth-child(n+4) a {
        width: calc(100% - 44px);
        padding-left: 10px;
    }
    .banner-border{
        max-width: 400px;
        margin: auto;
        border-radius: 5px;
    }
    .sidebar-column .item-ranking .img{
        padding-bottom: 40%;
    }



    /*News post*/
    /*=====================================*/
    .mvPage-header{
        min-height: 123px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #news-page{
        padding-top: 31px;
        padding-bottom: 40px;
    }
    .list-post-news .item-post-news .info-item {
        width: 100%;
        padding-left: 0;
    }
    .list-post-news .item-post-news .title {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 1.2px;
    }
    .list-post-news .item-post-news .date-time {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.8px;
    }
    .list-post-news .item-post-news .time-news {
        width: 86px;
    }
    .list-post-news .item-post-news .tag span {
        background: #387EF0;
        color: #fff;
        border-radius: 5px;
        font-size: 12px;
        line-height: 20px;
        display: block;
    }
    .list-post-news .item-post-news .tag{
        width: 72px;
        margin-top: 0px;
    }
    .list-post-news .item-post-news a{
        padding: 10px 40px 10px 14px;
    }
    .list-post-news .item-post-news i{
        right: 18px;
        font-size: 26px;
    }
    .list-post-news .item-post-news:hover i{
        right: 10px;
    }
    .list-post-news .item-post-news{
        margin-bottom: 18px;
    }



    /*service page*/
    /*=======================================*/
    .mvPage-header .mvPage-tll{
        padding: 26px 20px 29px;
    }
    .service-page{
        padding-top: 21px;
        padding-bottom: 70px;
    }


    .service-page .tabs-block .item-tab {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
        box-shadow: 0 0 10px rgba(103,173,244,.20);
    }
    .service-page .tabs-block .item-tab:nth-child(3n){
        margin-right: 3%;
    }
    .service-page .tabs-block .item-tab:nth-child(2n){
        margin-right: 0;
    }
    .service-page .tabs-block .item-tab a {
        display: flex;
        border: 0;
        border-radius: 5px;
        font-size: 12px;
        line-height: 20px;
        padding: 0;
        height: 36px;
        align-items: center;
        justify-content: center;
    }
    .service-page .tabs-block {
        margin-bottom: 18px;
    }
    .service-page .content {
        padding: 16px 19px;
    }
    .service-page .heading-block span {
        display: inline-block;
        font-size: 20px;
        line-height: 30px;
        color: #387EF0;
        font-weight: 500;
        position: relative;
        border-bottom: 5px solid #387EF0;
        letter-spacing: 1px;
        padding: 0 0px 4px;
    }
    .service-page .content {
        padding: 16px 19px 23px;
    }


    .service-page .what-is .heading-block {
        margin-bottom: 16px;
    }
    .service-page .what-is .text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 18px;
        letter-spacing: 1px;
    }
    .service-page .what-is h3.txt03 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 1.2px;
        margin-bottom: 15px;
    }
    .service-page .what-is .video-content{
        width: 100%;
    }
    .service-page .what-is {
        margin-bottom: 30px;
    }


    .service-page .reasons-block .heading-block {
        margin-bottom: 23px;
    }
    .service-page .reasons-block .content {
        padding-bottom: 54px;
        padding-top: 30px;
    }
    .service-page .reasons-block .item-reasons .text-info {
        width: 100%;
        padding-right: 0;
        padding-top: 0;
        margin-bottom: 13px;
    }
    .service-page .reasons-block .item-reasons .image {
        width: 100%;
        border-radius: 5px;
        overflow: hidden;
        border: 1px solid #9B9B9B;
    }
    .service-page .reasons-block .item-reasons .ttl {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0.8px;
        margin-bottom: 6px;
    }
    .service-page .reasons-block .item-reasons .text {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.6px;
    }
    .service-page .reasons-block .item-reasons{
        margin-bottom: 23px;
    }
    .service-page .reasons-block .list-checkBox .title .txt {
        display: block;
        height: auto;
        border: 0;
        border-radius: 0;
        text-align: left;
        padding-left: 15px;
        letter-spacing: 1px;
        position: relative;
        margin-bottom: 9px;
    }
    .service-page .reasons-block .list-reasons-block {
        margin-bottom: 14px;
    }
    .service-page .reasons-block .list-checkBox .title {
        width: 100%;
    }
    .service-page .reasons-block .list-checkBox .title .txt:before{
        content: "●";
        position: absolute;
        top: 0;
        left: 0;
        font-size: 16px;
        line-height: 24px;
        color: #387EF0;
        font-weight: 500;
    }
    .service-page .reasons-block .list-checkBox .item02,
    .service-page .reasons-block .list-checkBox .item03{
        width: 100%;
        padding-left: 0px;
        position: relative;
        margin-left: -1px;
    }
    .service-page .reasons-block .item-check {
        font-size: 13px;
        line-height: 22px;
        text-indent: -14px;
        padding-left: 14px;
    }
    .service-page .reasons-block .list-checkBox{
        margin-bottom: 12px;
    }
    .service-page .reasons-block .service-different .sub-ttl {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 30px;
        letter-spacing: 0.8px;
    }
    .service-page .reasons-block .service-different {
        padding-top: 24px;
    }
    .service-page .reasons-block .service-different .ttl03{
        text-align: center;
        margin-bottom: 14px;
    }
    .service-page .reasons-block .service-different .ttl03 span{
        border-bottom: 5px solid #387EF0;
        display: inline-block;
        padding-bottom: 10px;
    }
    .service-page .reasons-block .box-table-service .table tr td.fixed{
        width: 100px;
    }
    .service-page .reasons-block .box-table-service .table tr th:first-of-type {
        width: 80px;
    }
    .service-page .reasons-block {
        margin-bottom: 30px;
    }

    .service-page .overview-block .heading-block {
        margin-bottom: 25px;
    }
    .service-page .overview-block .item-overview .top-point .t1 {
        font-size: 12px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        font-weight: 500;
        letter-spacing: 1px;
    }
    .service-page .overview-block .item-overview .top-point .ttl {
        font-size: 14px;
        line-height: 20px;
        padding-left: 0;
        letter-spacing: 0.8px;
        width: 100%;
        padding-right: 100px;
    }
    .service-page .overview-block .item-overview .top-point {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        background: #F5F4F4;
        border-radius: 5px;
        cursor: pointer;
        position: relative;
        padding: 3px 12px 7px;
        min-height: 94px;
        transition: .3s;
    }
    .service-page .overview-block .item-overview .top-point .image {
        right: 36px;
    }
    .service-page .overview-block .item-overview .info-content .text {
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        letter-spacing: 0.6px;
        margin-bottom: 14px;
    }
    .service-page .overview-block .item-overview .info-content .info-ttl {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #387EF0;
        font-weight: 500;
        margin: 17px auto 6px;
        letter-spacing: 0.8px;
    }
    .service-page .overview-block .item-overview .image-bg{
        display: none;
    }
    .service-page .overview-block .item-overview .info-content .list-banner {
        position: static;
        display: block;
    }
    .service-page .overview-block .item-overview .info-content .item-banner .image{
        display: block;
    }
    .service-page .overview-block .item-overview .info-content .item-banner .image img{
        border: 1px solid #387EF0;
        border-radius: 15px;
        width: 86%;
    }
    .service-page .overview-block .item-overview .info-content .banner-info{
        border-radius: 0;
        border: 0;
    }
    .service-page .overview-block .item-overview .info-content .item-banner {
        width: 100%;
        text-align: center;
        padding-top: 0;
        margin-bottom: 33px;
        position: relative;
    }
    .service-page .overview-block .item-overview .info-content .item-banner .txt{
        margin-bottom: 8px;
    }
    .service-page .overview-block .item-overview .top-point i {
        position: absolute;
        font-size: 24px;
        line-height: 30px;
        right: 15px;
        color: #387EF0;
        top: calc(50% - 15px);
        transition: .3s;
    }
    .service-page .overview-block .item-overview .info-content .item-banner:nth-child(1):after{
        content: "\f0d7";
        position: absolute;
        font-family: "Font Awesome 6 Free";
        font-weight: bold;
        font-size: 28px;
        color: #387EF0;
        left: 50%;
        transform: translateX(-50%);
        bottom: -30px;
    }
    .service-page .overview-block .item-overview .info-content .item-banner:last-child{
        margin-bottom: 0;
    }
    .service-page .overview-block .item-overview {
        margin-bottom: 37px;
    }
    .service-page .overview-block .item-overview .info-content .video-banner {
        text-align: center;
        width: 100%;
        margin: 20px auto 0;
        max-width: 100%;
    }
    .service-page .overview-block .content {
        padding-bottom: 20px;
    }
    .service-page .what-goodjob .list-what-goodjob .item-what-goodjob {
        width: 50% !important;
    }
    .service-page .what-goodjob .content {
        padding: 16px 16px 25px;
    }
    .service-page .what-goodjob .heading-block {
        margin-bottom: 6px;
    }
    .service-page .what-goodjob .list-what-goodjob .item-what-goodjob:nth-child(n+3) {
        padding: 20px 5px 7px;
    }
    .service-page .what-goodjob .more-page .btn-white{
        font-size: 14px;
        max-width: 220px;
    }
    .service-page .what-goodjob .list-what-goodjob .item-what-goodjob:after{
        top: 10px;
        height: calc(100% - 20px);
    }


    .service-page .price-service .left-content {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-right: 0;
        margin-bottom: 15px;
    }
    .service-page .price-service .right-content {
        width: 100%;
        padding-left: 0;
    }
    .service-page .price-service .heading-block {
        margin-bottom: 35px;
    }
    .service-page .price-service .price-list{
        padding-left: 4px;
        max-width: 350px;
        margin: auto;
    }
    .service-page .price-service .left-content .text{
        margin-left: 20px;
    }
    .service-page .price-service .right-content .ttl-right{
        padding-right: 0;
        width: 100%;
        align-items: center;
        margin-bottom: 19px;
    }
    .service-page .price-service .right-content .ttl-right .t2 {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: left;
        padding-left: 12px;
        position: relative;
        top: 0;
        width: calc(100% - 108px);
    }
    .service-page .price-service .right-content .text{
        padding-left: 17px;
        text-align: center;
        width: 100%;
    }
    .service-page .price-service .right-content .txt-note {
        width: 100%;
        text-align: center;
        font-size: 12px;
        line-height: 16px;
        padding-right: 0;
        letter-spacing: 0.6px;
        padding-top: 19px;
        margin-bottom: 0;
        padding-left: 6px;
    }
    .service-page .price-service {
        margin-bottom: 30px;
    }
    .service-page .price-service .ttl-box span{
        width: 108px;
    }

    .service-page .voices-introducing .item-voice {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .service-page .voices-introducing .item-voice .text{
        margin-right: -10px;
        margin-left: -10px;
    }
    .service-page .voices-introducing .heading-block {
        margin-bottom: 19px;
    }
    .service-page .voices-introducing .item-voice .image{
        margin-bottom: 10px;
    }
    .service-page .voices-introducing .list-voice{
        margin-bottom: 0;
    }
    .service-page .voices-introducing .more-page .btn-white{
        font-size: 14px;
        max-width: 220px;
    }
    .service-page .voices-introducing .content{
        padding-bottom: 35px;
    }



    /*seminar-template*/
    #seminar-page {
        padding-top: 68px;
        padding-bottom: 50px;
    }
	.seminar-archive #seminar-page{
		padding-top: 40px;
	}
    #seminar-template .mvPage-header .mvPage-tll {
        padding: 21px 20px 20px;
    }
    .seminar-block .slider-inner {
        width: 89.5%;
        margin: auto;
    }
    .seminar-block .slick-dots{
        bottom: -32px;
    }

    .list-postSeminar .item-postSeminar .img-post {
        width: 44.5%;
        border-radius: 5px 0 0 5px;
    }
    .list-postSeminar .item-postSeminar .info-item{
        width: 55.5%;
        padding: 16px 10px 10px 20px;
    }
    .list-postSeminar .item-postSeminar .text{
        display: none;
    }
    .list-postSeminar .item-postSeminar .time-new {
        padding-left: 0;
        margin-bottom: 0;
    }
    .list-postSeminar .item-postSeminar .img-post .image {
        padding-bottom: 64.8%;
    }
    .list-postSeminar .item-postSeminar{
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .list-postSeminar .item-postSeminar .date-time {
        margin-bottom: 8px;
        padding-left: 10px;
        font-size: 15px;
        line-height: 20px;
    }
    .list-postSeminar .item-postSeminar .time-new:before {
        height: 16px;
        border-left-width: 3px;
        top: 3px;
    }
    .list-postSeminar .item-postSeminar .title {
        font-size: 16px;
        line-height: 28px;
        text-indent: -8px;
        -webkit-line-clamp: 3;
    }
    .list-postSeminar .item-postSeminar .txt-new.new-sp {
        display: inline-block;
        position: static;
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 1px;
        width: 44px;
        margin-left: 10px;
        letter-spacing: 0;
    }
    .list-postSeminar .item-postSeminar .txt-new.new-pc{
        display: none;
    }


    #seminar-page .seminar-publish{
        padding-bottom: 25px;
    }
    .page-main .content-main{
        margin-bottom: 50px;
    }





    .header-entry-seminar .title-top .date-time {
        display: flex;
        align-items: center;
        margin-right: 0;
        margin-bottom: 7px;
        width: 100%;
    }
    .header-entry-seminar .title-top .date-time .text {
        font-size: 16px;
        line-height: 24px;
    }
    .header-entry-seminar .title-top .ttl {
        display: inline-block;
        font-size: 12px;
        line-height: 18px;
        border-radius: 5px;
        width: auto;
        height: auto;
        margin-right: 10px;
        padding: 0 10px 1px;
    }
    .header-entry-seminar .title-top .target .text {
        font-size: 15px;
        line-height: 21px;
    }
    .manual-single .heading-detail {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        color: #387EF0;
    }
    .header-entry-seminar .title-top .target{
        margin-bottom: 8px;
    }
    .header-entry-seminar:before {
        height: 97%;
        border-left: 5px solid #387EF0;
        top: 2px;
    }
    .header-entry-seminar {
        padding-left: 15px;
        margin-bottom: 13px;
    }
    .manual-single .title-post-img {
        position: absolute;
        top: -12px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 5;
        width: 90%;
        max-width: 291px;
        display: flex;
    }
    .seminar-single-content .description p {
        font-size: 15px;
        line-height: 24px;
        color: #192740;
        letter-spacing: 1px;
    }

    .seminar-post{
        padding: 42px 20px 0;
    }
    .seminar-single-content .theme .ttl {
        width: auto;
        height: 21px;
        border: 1px solid #387EF0;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 17px;
        color: #387EF0;
        font-weight: 500;
        padding: 0 8px;
        margin-bottom: 10px;
    }
    .seminar-single-content .theme .info {
        width: 100%;
        padding-left: 0;
    }
    .seminar-single-content .theme .info p {
        font-size: 16px;
        line-height: 28px;
    }
    .seminar-single-content .description {
        margin-bottom: 18px;
    }
    .seminar-single-content .item-info-seminar .ttl {
        width: 70px;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 1.2px;
    }
    .seminar-single-content .item-info-seminar .info {
        width: calc(100% - 70px);
        padding-left: 8px;
        position: relative;
        margin-top: -3px;
    }
    .seminar-single-content .item-info-seminar .info p {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 1px;
    }
    .seminar-single-content .item-info-seminar{
        margin-bottom: 12px;
    }
    .seminar-single-content .item-info-seminar.remarks .info{
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }
    .seminar-single-content .item-info-seminar.capacity {
        margin-bottom: 16px;
    }
    .seminar-single-content .item-info-seminar.remarks .info p {
        font-size: 15px;
        line-height: 24px;
        color: #666666;
    }
    .seminar-single-content .item-info-seminar.remarks .info p.text-light {
        font-size: 12px;
        line-height: 18px;
    }
    .seminar-single-content .theme{
        margin-bottom: 21px;
    }
    .seminar-single-content .item-info-seminar.link-apply .ttl{
        width: 115px;
    }
    .seminar-single-content .item-info-seminar .info.more-page {
        text-align: left;
        width: calc(100% - 115px);
    }
    .seminar-single-content .more-page .btn-white{
        font-size: 14px;
        line-height: 20px;
        padding: 9px 5px;
        text-align: center;
    }
    .seminar-single-content .item-info-seminar:last-child{
        margin-bottom: 0;
    }



    /*download page*/
    /*===================================*/
    .download-page .download-left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .download-page .download-right {
        padding-left: 0;
        width: 100%;
    }
    .download-page .manual-single .heading-detail {
        margin-bottom: 20px;
        line-height: 30px;
        font-size: 18px;
    }
    .download-page .pure-input .mwform-checkbox-field-text{
        left: 60px;
    }

















}

.page-id-294 .ttl.title_first {
    top: 0px;
}

.ttl.title_first {
    top: 58px;
}

@media(max-width:768px){
	.ttl.title_first {
    top: 0;
}
	.page-id-294 #price-plan-item {
    width: 100%;
}
	.price-service .btn-mail {
    width: 100%;
}

.service-page .price-service .price-list {
    max-width: 100%;
    margin-bottom: 10px;
}
}



@media (max-width: 550px) {
	.service-page .price-service .heading-block {
    margin-bottom: 15px;
}
	.price-service .price-list p {
    font-size: 13px;
}

    .list-postSeminar .item-postSeminar .info-item{
        padding: 6px 10px 6px 14px;
    }
    .list-postSeminar .item-postSeminar .title {
        font-size: 14px;
        line-height: 20px;
        text-indent: -8px;
        -webkit-line-clamp: 3;
    }
    .list-postSeminar .item-postSeminar .date-time{
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 3px;
        padding-left: 7px;
    }
    .list-postSeminar .item-postSeminar .time-new:before {
        height: 15px;
        border-left-width: 2px;
        top: 1.5px;
    }
    .list-postSeminar .item-postSeminar .txt-new.new-sp {
        font-size: 12px;
        line-height: 15px;
        padding-bottom: 1px;
        width: 34px;
        letter-spacing: 0;
        margin-left: 5px;
    }




}
@media (max-width: 414px){
		.service-page .price-service .price-list p {
    font-size: 12px;
}
}


#price-plan-item {
    width: 100%;
}

#price-plan-item .mwform-radio-field {
    width: 260px;
    margin: 0 auto;
    display: block;
    position: relative;
    left: 40px;
}
#contact-form-saki .application-form-box .item {
	    justify-content: start;
    align-items: flex-start;
}





.page-id-294 #price-plan-item {
    width: 100%;
}

#price-plan-item .title_option{
	top:-30px
}

.input-error {
  border: 1px solid red;
  background-color: #ffecec;
}

#price-plan-item #payment_destination .application-form {
	border-top: none
}
#payment_destination_2 .application-form {
border-top: none
}

@media(max-width:768px){
	#price-plan-item .title_option{
	top:30px
}
}