@charset "utf-8";
body{
    font-size                : 16px;
    font-family              : 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    line-height              : 1.75;
    color                    : #555;
    letter-spacing           : -0.001em;
    -webkit-text-size-adjust : 100%;
}
h1, h2, h3, h4, h5, h6{
    font-family : 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.clearfix:after{
    content : "";
    display : block;
    clear   : both;
}
.clearfix{
    *zoom : 1;
}
.border-box{
    box-sizing : border-box;
}
h1, h2, h3, h4, h5, h6, aside, details, figcaption, figure, footer, header, main, menu, nav, summary,
section, article, input, textarea, div, span, ul, li, a{
    box-sizing : border-box;
}
h2{
    font-size : 2.7rem;
}
.pc{

}
.tab{
    display : none;
}
.phone{
    display : none;
}
a{
    color           : #555;
    text-decoration : none;
}
a:hover{
    color : #f00;
}
ul, li{
    margin          : 0;
    padding         : 0;
    list-style-type : none;
}
.middle{
    /*  対象物にwidth,heightを指定 */
    margin   : auto;
    position : absolute;
    top      : 0;
    bottom   : 0;
    right    : 0;
    left     : 0;
}
.aligncenter{
    display : block;
    margin  : 0 auto;
}
.alignright{
    float : right;
}
.alignleft{
    float : left;
}
.clear{
    clear : both;
}
.relative{
    position : relative;
}
.absolute{
    position : absolute;
}
.page-cheack{
    /*border-left  : 1px solid;*/
    /*border-right : 1px solid;*/
}
/*
    custom.css 無効化
*/
#content h2,
#content h3{
    padding       : 0;
    background    : none;
    border-bottom : none;
}
#content h2{
    color : #287ae9;
}
#content h3{
    color : #333;
}
#content h2::before,
#content h3::before{
    content : none;
    display : none;
}
/*
   / custom.css 無効化
*/
.title{
    font-weight   : 600;
    line-height   : 1.2;
    text-align    : center;
    color         : #287ae9;
    margin-bottom : 40px;
}
.first-block__title{
    line-height   : 1;
    margin-bottom : 40px;
}
.second-block__title{
    margin-bottom : 16px;
}
.title-small{
    font-size : 1.5rem;
    bottom    : 6px;
}
.m80{
    margin-top    : 40px;
    margin-bottom : 40px;
}
.contact.m80{
    margin-top  : -70px;
    padding-top : 80px;
}
.contact #form-area dl dd,
.contact #form-area dl dt{
    padding : 20px;
}
.contact #form-area dl dd input{
    margin-bottom : 0;
}
#form-area .vertical-item:last-of-type label{
    margin-bottom : 0;
}
.first-cnt{
    margin-top : 50px;
}
.m16b{
    margin-bottom : 10px;
}
.first-cnt-p{
    font-size   : 23px;
    font-weight : bold;
}
i.fa.fa-chevron-circle-right,
i.fa.fa-info-circle{
    margin-right : 8px;
}
i.fa.fa-chevron-circle-right{
    color : #ff5523;
}
i.fa.fa-info-circle{
    color : #287ae9;
}
.second-cnt-inner-left{
    bottom   : 4px;
    position : relative;
}
.second-cnt-h4{
    font-size   : 20px;
    font-weight : bold;
    text-align  : center;
    margin-top  : 20px;
}
.second-cnt-h4-orange{
    color       : #ff5523;
    font-size   : 24px;
    line-height : 1.1;
}
.se-fpone-logo{
    padding-bottom : 10px;
    padding-right  : 8px;
}
.second-cnt-h3,
.third-cnt-h3,
.profile-h3,
.seminar-detail-h3{
    font-size   : 26px;
    font-weight : bold;
}
.third-cnt .row .row {
    display: flex;          
    justify-content: center;
    align-items: center;    
}
.third-cnt + .bannar-wrapper{
    margin-bottom : 0;
    margin-top    : -30px;
}
.feedback + .bannar-wrapper{
    margin-bottom : -10px;
    margin-top    : -10px;
}
.bannar-wrapper a{
    display : block;
}
/* fukidashi_1 */
.fukidashi-li{
    border         : 4px solid #ff5523;
    border-radius  : 20px;
    margin-bottom  : 40px;
    padding-bottom : 0px;
    padding-top    : 10px;
    position       : relative;
    font-size      : 16px;
    font-weight    : bold;
    display: inline-block;
    width: 100%;
    background-color: #eee;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #eee), color-stop(0.30, #fff));
    background: -webkit-linear-gradient(top, #fff 30%, #eee 88%);
    background: -moz-linear-gradient(top, #fff 30%, #eee 88%);
    background: -o-linear-gradient(top, #fff 30%, #eee 88%);
    background: -ms-linear-gradient(top, #fff 30%, #eee 88%);
    background: linear-gradient(to bottom, #fff 30%, #eee 88%);
}
.fukidashi-li p.fukidashi-step {
    width: 20%;
    text-align     : center;
    font-size: 1.7em;
}
.fukidashi-li p.fukidashi-step span {
    font-size      : 2em;
}
.fukidashi-li p.fukidashi-body {
    width: 55%;
    text-align     : left;
}
.fukidashi-li p.fukidashi-body span{
    font-size      : 2em;
    color          : #287ae9;
}
.fukidashi-li p.fukidashi-image {
    width           : 20%;
    margin-right    : 3%;
}
.fukidashi-li:after, .fukidashi-li:before{
    top            : 100%;
    left           : 50%;
    border         : solid transparent;
    content        : " ";
    height         : 0;
    width          : 0;
    position       : absolute;
    pointer-events : none;
}
.fukidashi-li:after{
    border-color     : rgba(136, 183, 213, 0);
    border-top-color : #eee;
    border-width     : 20px;
    margin-left      : -20px;
}
.fukidashi-li:before{
    border-color     : rgba(194, 225, 245, 0);
    border-top-color : #ff5523;
    border-width     : 26px;
    margin-left      : -26px;
}
.fukidashi-li:last-child:after{
    border: none;
}
.fukidashi-li:last-child:before{
    border: none;
}
/* / fukidashi_1 */
/* fukidashi_2 */
.feedback-cnt:after, .feedback-cnt:before{
    bottom         : 100%;
    left           : 50%;
    border         : solid transparent;
    content        : " ";
    height         : 0;
    width          : 0;
    position       : absolute;
    pointer-events : none;
}
.feedback-cnt:after{
    border-color        : rgba(136, 183, 213, 0);
    border-bottom-color : #023880;
    border-width        : 20px;
    margin-left         : -20px;
}
.feedback-cnt:before{
    border-color        : rgba(194, 225, 245, 0);
    border-bottom-color : #023880;
    border-width        : 20px;
    margin-left         : -20px;
}
/* /fukidashi_2 */
.feedback-title-img{
    margin-bottom : 32px;
}
.feedback-cnt{
    background-color : #023880;
    height           : 140px;
    margin-bottom    : 16px;
    margin-top       : 26px;
    padding          : 16px;
    display          : table;
    width            : 100%;
    position         : relative;
    border           : 4px solid #023880;
}
.feedback-cnt > p{
    color          : #fff;
    font-weight    : bold;
    text-align     : left;
    display        : table-cell;
    vertical-align : middle;
}
.customer-name{
    color       : #ff0101;
    font-size   : 19px;
    font-weight : bold;
    line-height : 1.3;
}
.history{

}
.customer-info{
    border  : 2px solid #ccc;
    padding : 10px;
}
.profile-detail-h4{
    font-weight : bold;
}
.profile-detail-h4 > span{
    font-size : 17px;
    position  : relative;
    top       : 2px;
}
.seminar-detail-wrapper{
    margin-top : 40px;
}
.seminar-datail__item{
    font-size   : 22px;
    font-weight : bold;
}
.seminar-detail{
    border  : 3px solid #075cd2;
    padding : 32px;
}
.seminar-datail{
    margin-bottom : 12px;
}
#form-area .free, #form-area .must{
    font-weight : bold;
}
#form-area dl{
    border : none;
}
#form-area{
    border : 1px solid #ebebeb;
}
.mw_wp_form.mw_wp_form_input{
}
.breadcrumbs{
    margin    : 20px auto 16px !important;
    max-width : 1080px;
    padding   : 0;
    width     : 970px !important;
}
.site-main{
    min-height : 570px !important;
}
.fs12-red{
    color : red;
}
@media screen and (max-width : 1200px){
    .breadcrumbs{
        width : 80% !important;
    }
}
@media screen and (max-width : 960px){
    .pc{
        display : none;
    }
    .phone{
        display : block;
    }
    /* fukidashi_1 */
    .fukidashi-li p.fukidashi-step {
        width: 90%;
        margin: 0 5%;
        font-size: 1.2em;
    }
    .fukidashi-li p.fukidashi-step span {
        font-size      : 2em;
    }
    .fukidashi-li p.fukidashi-body {
        width: 90%;
        margin: 0.5em 5%;
        text-align     : center;
    }
    .fukidashi-li p.fukidashi-image {
        display:none;
    }

}
@media screen and (max-width : 640px){
    #content h2{
        font-size : 26px;
    }
    .title{
        margin-bottom : 20px;
    }
    .title-small{
        bottom    : 2px;
        font-size : 16px;
    }
    .first-block__title,
    .second-block__title{
        margin-bottom : 20px;
    }
    .first-cnt-p{
        font-size     : 19px;
        margin-bottom : 6px;
        text-align    : center;
        line-height   : 1.3;
    }
    .m80{
        margin-bottom : 0;
        margin-top    : 20px;
    }
    .first-cnt{
        margin-top : 30px;
    }
    .third-cnt.m80{
        margin-top : 50px;
    }
    .second-cnt-h3,
    .third-cnt-h3,
    .profile-h3,
    .seminar-detail-h3{
        font-size : 21px;
    }
    .second-cnt-h4-orange{
        font-size : 21px;
    }
    .second-cnt-h4{
        margin-bottom : 16px;
    }
    .m16b{
        margin-bottom : 30px;
    }
    .third-cnt .row .row {
      display: block;          
    }
    .third-cnt-h3{
        margin-bottom : 3px;
    }
    .third-cnt + .bannar-wrapper{
        margin-bottom : 0px;
        margin-top    : -10px;
    }
    .fukidashi-li{
        font-size     : 19px;
        padding-left  : 20px;
        padding-right : 20px;
    }
    .feedback-title-img{
        margin-bottom : 16px;
    }
    .customer-name{
        font-size : 16px;
    }
    .feedback + .bannar-wrapper{
        margin-bottom : -10px;
        margin-top    : -10px;
    }
    .history{
        font-size : 14px;
    }
    .feedback-cnt-outer{
        margin-bottom : 12px;
    }
    .profile-detail-h4{
        font-size   : 22px;
        line-height : 1.5;
    }
    .profile-detail-h4 > span{
        font-size : 14px;
        left      : 3px;
        top       : 4px;
    }
    .seminar-detail{
        padding : 10px;
    }
    .contact #form-area dl dd,
    .contact #form-area dl dt{
        padding : 10px;
    }
    .breadcrumbs{
        width : 95% !important;
    }
}
@media screen and (max-width : 400px){
    .title-small{
        bottom : 2px;
    }
    #content h2{
        font-size : 21px;
    }
    .second-cnt-h3,
    .third-cnt-h3,
    .profile-h3,
    .seminar-detail-h3{
        font-size : 18px;
    }
}