@charset 'UTF-8';

/* **********************************************************************
*
*       Title:   Site-Shokunin CMS block.css
*       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
*
********************************************************************** */

/* フォント設定
======================================================= */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:700');

/* Windows */
@font-face {
        font-family: YuGothicM;
        font-weight: normal;
        src: local('YuGothic-Medium'), /* Mediumを明示的に指定 */
                local('Yu Gothic Medium'), /* Chrome用 */
                local('YuGothic-Regular');
        /* Windows8.1ではMediumがないのでRegularを指定 */
}

@font-face {
        font-family: YuGothicM;
        font-weight: bold;
        src: local('YoGothic-Bold'), /* Boldはそのまま */
                local('Yu Gothic Bold'); /* Chrome用 */
}

html { font-size: 62.5%; }

html,
body {
        font: 1.0rem;
        font-family: 'Roboto', "YuGothicM", "Yu Gothic", YuGothic, 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif';
}

/* トップスライドショースタイル設定
======================================================= */
#top-a {
        width: 100%;
        height: 450px;
        position: relative;
        overflow: hidden;
        margin: 0 auto 40px;
}

#top-a .wrap_mv {
        width: 1400px;
        margin: 0 auto;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        position: absolute;
        height: 450px;
        left: 50%;
        margin-left: -700px;
}

.mv_txt {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 37px;
        font-size: 3.7rem;
        font-weight: 700;
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
        font-style: italic;
        line-height: 1.7;
}

.mv_txt .txt_red {
        font-size: 43px;
        font-size: 4.3rem;
        line-height: 1;
}

.mv_left {
        padding-top: 60px;
        text-align: center;
        margin-right: 40px;
}

.mv_left .slid_btn a {
        background: #e84018 url(../img/ico_arw_l.png) no-repeat 270px center;
        border-radius: 30px;
        padding: 22px 0;
        line-height: 1;
        text-align: center;
        margin: 35px auto 0;
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
        width: 300px;
        display: block;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}

.mv_left .slid_btn a:hover {
        opacity: 0.7;
        text-decoration: none;
}

#bxslider {
        width: 680px;
        position: relative;
        margin: 0;
        padding: 0;
        overflow: hidden;
}

#bxslider ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: left;
}

#bxslider li .block {
        position: relative;
}

#bxslider ul li img {
        width: 100%;
        height: auto;
}

#bxslider li .slid_txt {
        position: absolute;
        left: 100px;
        right: 100px;
        bottom: 40px;
        background: rgba(0,0,0,0.5);
        border-radius: 25px;
        padding: 20px 30px;
        text-align: center;
}

#bxslider li .slid_txt p {
        color: #fff;
}

#bxslider li .slid_txt p:first-of-type {
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: bold;
}

#bxslider li .slid_txt p:nth-of-type(2) {
        font-size: 14px;
        font-size: 1.4rem;
        border-top: 1px solid #fff;
        padding-top: 10px;
        margin: 10px 20px 0;
}

#bxslider li .slid_txt a {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        background: url(../img/ico_arw_blue.png) no-repeat right center;
        padding-right: 18px;
}

#bxslider .bx-controls-direction a {
        display: block;
        overflow: hidden;
        width: 40px;
        height: 0 !important;
        margin: 0;
        padding-top: 63px;
        outline: medium none;
}
#bxslider .bx-prev {
        position: absolute;
        z-index: 100;
        top: 42%;
        left: 1px;
        width: 40px;
        height: 63px;
        background: url(../img/arw_slide_l.png) no-repeat scroll 0 0;
}
#bxslider .bx-next {
        position: absolute;
        z-index: 100;
        top: 42%;
        right: 1px;
        width: 40px;
        height: 63px;
        background: url(../img/arw_slide_r.png) no-repeat scroll 0 0;
}
#bxslider .bx-controls .bx-pager {
        position: absolute;
        bottom: 16px;
        right: 100px;
        left: 100px;    
        height: 15px;
        margin: 0;
        padding: 0;
        list-style: outside none none;
        text-align: center;
}
#bxslider .bx-controls .bx-pager-item {
        display: inline;
}
#bxslider .bx-controls .bx-pager-item a {
        display: inline-block;
        overflow: hidden;
        width: 12px;
        height: 0 !important;
        margin: 0 4px;
        padding-top: 12px;
        outline: medium none;
}
html.ie #bxslider .bx-controls .bx-pager-item a {
        display: inline;
}
#bxslider .bx-controls .bx-pager-item a {
        background: url(../img/main_list.png) no-repeat 0 0;
}
#bxslider .bx-controls .bx-pager-item a.active {
        background: url(../img/main_list_on.png) no-repeat 0 0;
}

/*横幅対応*/
@media (max-width: 1400px) {
        .mv_left {
                padding-top: 65px;
                margin: 0 20px;
        }   

        .mv_txt {
                font-size: 32px;
                font-size: 3.2rem;
        }
        .mv_txt .txt_red {
                font-size: 34px;
                font-size: 3.4rem;
        }

        #bxslider {
                width: 470px;
        }

        #bxslider ul li img {
                width: 100%;
                height: 450px;
                object-fit: cover;
        }

        #bxslider li .slid_txt {
                padding: 20px;
                right: 40px;
                left: 40px;
        }
}



/* トップ見出し設定
======================================================= */

#top h2 {
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: normal;
        margin: 0 0 13px;
        background: none;
        padding: 0;
        color: #e23838;        /* [6. トップページ見出し設定]　文字色 */
        border: none;
}



/* トップblock設定
======================================================= */
#top .more_red {
        margin: 0 auto;
}

#top .more_red a {
        background: #e84018 url(../img/ico_arw_l.png) no-repeat 330px center;
        border-radius: 30px;
        padding: 22px 0;
        line-height: 1;
        text-align: center;
        margin: 0 auto;
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
        width: 360px;
        display: block;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}

#top .more_red a:hover {
        opacity: 0.7;
        text-decoration: none;
}

#top-b {
        width: 980px;
        margin: 0 auto 120px;
}

#top-c .block {
        width: 980px;
        margin: 0 auto;
}

#top-b .jisseki {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
}

#top-b .block {
        width: 300px;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}
#top-b .block a.inner_link { 
        background: url(../img/ico_blank.png) no-repeat left center;
        background-size: auto 12px;
        padding-left: 18px;
}
#top-b .block:not(:first-of-type):hover {
        cursor: pointer;
        opacity: 0.6;
}

#top-b .block h2 {
        font-size: 28px;
        font-size: 2.8rem;
        font-weight: bold;
        color: #333;
}

#top-b .block .lbl {
        color: #fff;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;
        border-radius: 5px;
        display: inline-block;
        padding: 5px 32px;
        line-height: 1;
        margin-bottom: 10px;
}

#top-b .block .lbl_unyu { background: #7bbb41; } /*運輸・物流*/
#top-b .block .lbl_service { background: #de50a2; } /*その他サービス*/
#top-b .block .lbl_kyouiku { background: #e28514; } /*教育・人材*/
#top-b .block .lbl_info { background: #20518c; } /*情報通信*/
#top-b .block .lbl_kensetsu { background: #378044; } /*建設・不動産*/
#top-b .block .lbl_iryou { background: #1dc3c9; } /*医療*/
#top-b .block .lbl_seizou { background: #6e6e6e; } /*製造*/
#top-b .block .lbl_inshoku { background: #d94830; } /*飲食業*/
#top-b .block .lbl_samurai { background: #adab12; } /*士業*/

#top-b .block p:nth-of-type(2) img {
        border: solid 1px #e3e3e3;
}

#top-b .block p:nth-of-type(3) {
        margin: 10px 0 5px;
}

#top-b .block p:nth-of-type(3):hover a {
        text-decoration: none;
}

#top-b .block p:nth-of-type(4) {
        font-size: 14px;
        font-size: 1.4rem;
}

.wrap_chosen_reason {
        width: 980px;
        margin: 0 auto 120px;
}

#top .wrap_chosen_reason h2 {
        font-size: 32px;
        font-size: 3.2rem;
        font-weight: bold;
        color: #333;
}

.wrap_chosen_reason h2,
.wrap_chosen_reason > p {
        text-align: center;
}

.chosen_reason {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin-top: 34px;
}

/*.chosen_reason a {
display: block;
width: 240px;
padding: 20px 30px;
color: #333333;
margin-bottom: 40px;
}

.chosen_reason a p:first-of-type {
font-size: 20px;
font-size: 2.0rem;
font-weight: bold;
text-align: center;
position: relative;
padding-bottom: 20px;
line-height: 1;
margin-bottom: 10px;
}

.chosen_reason a p:first-of-type:after {
display: inline-block;
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 40px;
height: 2px;
background-color: #e84018;
}

.chosen_reason a p:nth-of-type(3) {
font-size: 14px;
font-size: 1.4rem;
margin-top: 10px;
}

.chosen_reason a:hover {
text-decoration: none;
}*/

.chosen_reason .more {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        color: #fff;
        background: #656565 url(../img/arw_fmenu.png) no-repeat 160px center;
        border-radius: 20px;
        padding: 13px 0;
        line-height: 1;
        text-align: center;
        margin: 20px auto 0;
        width: 180px;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}

/*.chosen_reason a:hover .more {
background: #e84018 url(../img/arw_fmenu.png) no-repeat 160px center;
}*/

/*-----------リンク無し実装ここから-----------*/
.chosen_reason div {
        display: block;
        width: 240px;
        padding: 20px 30px;
        color: #333333;
        margin-bottom: 40px;
}

.chosen_reason div .tit {
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: bold;
        text-align: center;
        position: relative;
        padding-bottom: 20px;
        line-height: 1;
        margin-bottom: 20px;
}

.chosen_reason div .tit:after {
        display: inline-block;
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 40px;
        height: 2px;
        background-color: #e84018;
}

.chosen_reason div p:nth-of-type(3) {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 10px;
}

/*-----------リンク無し実装ここまで-----------*/

.wrap_cms {
        width: 980px;
        margin: 0 auto 120px;
}

#top .wrap_cms h2 {
        font-size: 32px;
        font-size: 3.2rem;
        font-weight: bold;
        color: #333;
}

.wrap_cms h2,
.wrap_cms > p {
        text-align: center;
}

.wrap_cms .cms {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin-top: 64px;
}

.wrap_cms .cms div {
        width: 160px;
        text-align: center;
        margin: 0 30px 60px 0;
}

.wrap_cms .cms div:nth-of-type(5),
.wrap_cms .cms div:nth-of-type(10) {
        margin-right: 0;
}

.wrap_cms .cms div p:first-of-type {
        margin-bottom: 10px;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
}

.wrap_cms .cms p {
        font-size: 14px;
        font-size: 1.4rem;
}

.wrap_updateinfo {
        width: 980px;
        margin: 0 auto 80px;
}

#top .wrap_updateinfo h2 {
        font-size: 32px;
        font-size: 3.2rem;
        font-weight: bold;
        color: #333;
}

.wrap_updateinfo h2,
.wrap_updateinfo > p {
        text-align: center;
}

.updateinfo {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between; 
        margin-top: 60px;
}

.updateinfo > div {
        width: 300px;
}

.updateinfo .blog > div:first-of-type {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        align-items: center;
}

.updateinfo .blog a {
        -webkit-transition: 0.2s;
        transition: 0.2s;    
}

.updateinfo .blog a:hover {
        text-decoration: none;
        opacity: 0.7;
}

.updateinfo .blog ul {
        height: 260px;
        overflow-y: scroll;
        padding: 0;
        margin: 16px 0 0;
}

.updateinfo .blog ul li {
        list-style-type: none;
        margin: 0 10px 14px 0;
}

.updateinfo .blog ul p,
.updateinfo .blog ul a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2; 
}

.updateinfo .blog div:first-of-type p:first-of-type {
        font-size: 20px;
        font-size: 2.0rem;
        background: url(../img/ico_blog.png) no-repeat left center;    
        padding-left: 36px;
        margin-right: auto;
}

.updateinfo .blog div:first-of-type .topiclist {
        background: #e84018 url(../img/arw_fmenu.png) no-repeat 90% center;
        background-size: 4px 8px;
        color: #fff;
        border-radius: 20px;    
        font-size: 12px;
        font-size: 1.2rem;
        padding: 0px 21px 2px 13px;
}

/*重要なお知らせ*/
.important_news {
        margin: 0 auto 80px;
        background: #FFEEEA;
        width: 900px;
        padding: 20px 40px 16px;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-align: start;
        align-items: flex-start;
}

.important_news .tit {
        background: url(../img/ico_tag.png) no-repeat left center;
        font-weight: bold;
        margin-right: 80px;
        padding-left: 36px;
}

.important_news a {
      background: url(../img/ico_arw_blue.png) no-repeat right 46%;
      background-size: auto 12px;
      padding-right: 15px;
      font-size: 19px;
      font-size: 1.9rem;
      display: inline-block;
      margin-top: 4px;
}


/* 下層block設定
======================================================= */

.wrap_un .block,
.wrap_contact .block {
        margin: 0 0 40px;
}


/* バナー設定
======================================================= */

ul.bnr {
        float: right;
        width: 230px;
        margin: 0;
        padding: 0;
        list-style-type: none;
}

ul.bnr li {
        line-height: 1;
        margin: 0 0 20px;
        padding: 0;
}


/* パーツテンプレート設定
======================================================= */

/* 管理画面ブロック幅 */
#tinymce .box_column01 {
        width: 980px;
}


/* 共通 */

.box_column01 .col {
        float: left;
}

.box_column01 .img {
        margin: 0 0 10px;
}

.box_column01 .link {
        margin: 0 0 5px;
        padding: 0 0 0 16px;
        background: url(../img/arw.png) no-repeat 0 .4em;  

}

/* 3列_テキスト下 */
.box_column01.col3 .col {
        width: 300px;
        margin: 0 0 0 40px;
}

.box_column01.col3 .col:first-child {
        margin: 0;
}


/* 3列_テキスト下 */
.box_column01.col4 .col {
        width: 230px;
        margin: 0 0 0 20px;
}

.box_column01.col4 .col:first-child {
        margin: 0;
}

/* 3列_テキスト下 下層ページ */
.col3.under .col {
        width: 226px;
        margin: 0 0 0 21px;
}


/* 1列_テキスト右 */
.box_column01.col1 .col {
        float: none;
}

.box_column01.col1 .img {
        font-size: 12px;
        font-size: 1.2rem;
        float: left;
        width: 480px;
        margin: 0;
}

.box_column01.col1 .inner {
        float: right;
        width: 480px;
}

.box_column01.col1 .img img {
        margin: 0 0 12px;
}

/* 1列_テキスト右（下層） */
.col1.under .img,
.col1.under .inner {
        width: 350px;
}


/* 2列_テキスト下 */
.box_column01.col2_image_none {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -moz-box;
        width: 100%;
}

.box_column01.col2_image_none .col {
        float: none;
        width: 468px;
        margin: 0 0 0 40px;
        border: 1px solid #e6e6e6;
}
.ie .box_column01.col2_image_none .col,
.ie7 .box_column01.col2_image_none .col,
.ie8 .box_column01.col2_image_none .col,
.ie9 .box_column01.col2_image_none .col {
        float: left;
}

.box_column01.col2_image_none .col:first-child {
        margin: 0;
}

.box_column01.col2_image_none .inner {
        padding: 14px 19px;
}

.col2_image_none.under .col {
        float: none;
        width: 348px;
        margin: 0 0 0 20px;
        border: 1px solid #e6e6e6;
}

/* 2列_テキスト下 */
.box_column01.col2l .col {
        width: 350px;
        margin: 0 0 0 20px;
}

.box_column01.col2l .col:first-child {
        margin: 0;
}

/* 2列_テキスト右 */
.box_column01.col2 {
        margin: 0 0 0px;
}

.box_column01.col2 .col {
        width: 460px;
        margin: 0 0 0 50px;
}

.box_column01.col2 .col:first-child {
        margin: 0;
}

.box_column01.col2 .col .img {
        float: left;
        width: 90px;
        margin-bottom: 0;
}

.box_column01.col2 .col .inner {
        float: right;
        width: 300px;
}

/* 2列_テキスト右 下層 */
.col2.under .col {
        width: 350px;
        margin: 0 0 0 20px;
}
.col2.under .col .img {
        float: left;
        width: 120px;
        margin-bottom: 0;
}
.col2.under .col .inner {
        float: right;
        width: 210px;
}
.col4.under .col {
        width: 165px;
        margin: 0 0 0 20px;
}


/* ボタン */

.box_colum_btn {
        clear: both;
        margin: 0 0 0;
        text-align: center;
}

.box_colum_btn a {
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        border: 1px solid #e23838;      /* [18. CVエリア設定]　ボタン枠線色 */
        background: #e23838;        /* [18. CVエリア設定]　ボタン背景色 */
        padding: 19px 47px 18px;
}

.box_colum_btn a span {
        padding: 0 0 0 16px;
        background: url(../img/arw_w.png) no-repeat 0 .3em; 

}

.ie8 .box_colum_btn a span {
        background: url(../img/arw_w.png) no-repeat 0 50%;
}

.box_colum_btn a:link,
.box_colum_btn a:visited {
        text-decoration: none;
        color: #ffffff;        /* [18. CVエリア設定]　ボタン文字色 */
}

.box_colum_btn a:hover {
        text-decoration: underline;
}

/* alink */
ul.alink {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
ul.alink li a span {
        padding: 0 0 0 24px;
        background: url(../img/arw_down.png) no-repeat 0 5px; 

}


/* 中央揃え */

.bnr_center {
        width: 1000px;
        position: relative;
        overflow: hidden;
}
.bnr_center.under {
        width: 740px;
}
#tinymce .bnr_center.under {
        width: 746px;
}

.bnr_center ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        position: relative;
        left: 50%;
        float: left;
}

.bnr_center li {
        position: relative;
        left: -50%;
        float: left;
        margin: 0 20px 0 0;
}

/* 165センター */

.bnr_center.bnr_165 {
        width: 740px;
}


/* link_text_lr
======================================================= */

.link_text_lr .link_text_l {
        float: left;
        width: 345px;
}

.link_text_lr .link_text_r {
        float: right;
        width: 345px;
}

.link_text_lr a {
        display: table;
        *display: block;
        width: 315px;
        padding: 14px;
        border: 1px solid #e6e6e6;
        font-size: 14px;
        font-size: 1.4rem;
}

.link_text_lr a span {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        width: 174px;
        padding: 0 20px 0 21px;
        background: url(../img/arw.png) no-repeat 0 50%;
}

.link_text_lr .link_text_r a span {
        padding: 0 0 0 41px;
        background: url(../img/arw.png) no-repeat 20px 50%;
}

.link_text_lr a img {
        display: table-cell;
        vertical-align: middle;
        width: 100px;
}

.ie .link_text_l img {
        float: right;
}
.ie .link_text_l span {
        float: left;
}
.ie .link_text_r img {
        float: left;
}


/* FAQ
======================================================= */

/* ページ内リンク */

.alink_faq ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

.alink_faq ul li {
        margin: 0 0 15px;
        padding: 0 0 0 40px;    
        position: relative;
}

.alink_faq ul li:before {
        content: "Q";
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        font-weight: normal;
        font-size: 16px;
        font-size: 1.6rem;
        width: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #00cbce;
        display: inline-block;
}


/* 開閉あり */
.faq_block:nth-last-of-type(2),
.faq_block:last-of-type {
        margin-bottom: 40px;
}

.faq_open {
        border: 1px solid #ccc;
        padding: 10px;
        margin-bottom: 20px;
}

.faq_open .faq_q {
        margin: 0;
        padding: 0 0 0 45px;
        position: relative;
        font-weight: bold;
        min-height: 30px;
        cursor: pointer;
}

.faq_open .faq_q p:first-child:before {
        content: "Q";
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        font-weight: normal;
        font-size: 16px;
        font-size: 1.6rem;
        width: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #00cbce;
        display: inline-block;
}

.faq_open .faq_q p:first-child:hover {
        color: #e84018;
}

.faq_open .faq_a {
        margin: 10px 0 0;
        padding: 10px 0 0 40px;
        position: relative;
        display: none;
        border-top: 1px solid #ccc;
}

.faq_open .faq_a p:first-child:before {
        content: "A";
        position: absolute;
        top: 10px;
        left: 0;
        color: #fff;
        font-weight: normal;
        font-size: 16px;
        font-size: 1.6rem;
        width: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #e84018;
        display: inline-block;
}


/* お問い合わせ・資料請求設定
======================================================= */

.f_contact {
        width: 740px;
        position: relative;
        overflow: hidden;
        margin: 0 auto;
}

.f_contact .f_contact_in {
        margin: 0;
        padding: 0;
        list-style-type: none;
        position: relative;
        left: 50%;
        float: left;
}

.f_contact .f_contact_in > div {
        position: relative;
        left: -50%;
        float: left;
        margin: 0 20px 0 0;
        width: 678px;
        padding: 20px;
        border: 1px solid #e6e6e6;
}

.f_contact .f_contact_in .fcon {
        text-align: center;
}

.f_contact .fcon .tit {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        margin: 0 0 20px;
        line-height: 1;
}

.f_contact .fcon .tel {
        float: left;
        width: 320px;
        margin: 0 0 0px;
        padding: 7px 0 0 0;
        line-height: 1;
}
.f_contact .fcon .box_colum_btn {
        float: right;
        margin: 0;
        clear: none;
}
.f_contact .fcon .box_colum_btn a {
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        padding: 10px 38px 10px;
}

.f_contact .fcon .box_colum_btn a span {
        padding: 0 0 0 16px;
        background: url(../img/arw_w.png) no-repeat 0 .3em; 

}

.ie8 .f_contact .fcon .box_colum_btn a span {
        background: url(../img/arw_w.png) no-repeat 0 50%;
}

.f_contact .fcon .box_colum_btn a:link,
.f_contact .fcon .box_colum_btn a:visited {
        text-decoration: none;
}

.f_contact .fcon .box_colum_btn a:hover {
        text-decoration: underline;
}



/* BLOCK内スタイル設定
======================================================= */

span.texts {
        font-size: 12px;
        font-size: 1.2rem;
}
span.textn {
}
span.textl {
        font-size: 18px;
        font-size: 1.8rem;
}
span.textll {
        font-size: 20px;
        font-size: 2.0rem;
}
span.textxl {
        font-size: 24px;
        font-size: 2.4rem;
}
span.textxxl {
        font-size: 28px;
        font-size: 2.8rem;
}

.txt_red { color: #e84018; }
.txt_blue { color: #527fd8; }
.txt_grey { color: #8a8a8a; }
.txt_navyblue { color: #000077; }

table {
        width: 100%;
        border-collapse: collapse;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 10px;
}

table.nbr,
table.tbr table.nbr {
        border-collapse: collapse;
        border-top: none;
        border-left: none;
}

table.nbr th,
table.tbr table.nbr th {
        padding: 0;
        border-right: none;
        border-bottom: none;
}

table.nbr td,
table.tbr table.nbr td {
        padding: 0;
        text-align: left;
        border-right: none;
        border-bottom: none;
}

table.tbr,
table.nbr table.tbr {
        border-collapse: collapse;
        border-top: 1px solid #e4e4e4;    /* [15. 表組み設定]　枠線色 */
        border-left: 1px solid #e4e4e4;    /* [15. 表組み設定]　枠線色 */
}

table.tbr th,
table.nbr table.tbr th {
        padding: 12px 10px;
        line-height: 1.5;
        text-align: center;
        color: #333;    /* [15. 表組み設定]　th文字色 */
        border-right: 1px solid #e4e4e4;    /* [15. 表組み設定]　枠線色 */
        border-bottom: 1px solid #e4e4e4;    /* [15. 表組み設定]　枠線色 */
        background: #f6f6f6;    /* [15. 表組み設定]　th背景色 */
}

table.tbr td,
table.nbr table.tbr td {
        padding: 12px 10px;
        text-align: left;
        line-height: 1.5;
        border-right: 1px solid #e4e4e4;    /* [15. 表組み設定]　枠線色 */
        border-bottom: 1px solid #e4e4e4;    /* [15. 表組み設定]　枠線色 */
}

img {
        line-height: 1;
        vertical-align: top;
        border: 0;
}

.photo-r {
        font-size: 10px;
        font-size: 1.0rem;
        float: right;
        margin: 0 0 10px 48px;
        text-align: left;
}

.photo-l {
        font-size: 10px;
        font-size: 1.0rem;
        float: left;
        margin: 3px 15px 10px 0;
        text-align: left;
}

.photo-c {
        font-size: 10px;
        font-size: 1.0rem;
        margin: 3px auto 10px;
}

.photo-r img,
.photo-l img,
.photo-c img {
        margin-bottom: 5px;
}

iframe {
        border: none;
}


/* リンク定義
======================================================= */

ul.link_un {
        margin: 5px 0;
        padding: 0;
        list-style-type: none;
}

ul.link_un li {
        margin: 0 0 5px;
}

.arw a {
        padding: 0 0 0 16px;
        background: url(../img/arw.png) no-repeat 0 .2em;
}

.blank a {
        padding: 0 0 0 16px;
        background: url(../img/ico_blank.png) no-repeat 0 5px;
}

.pdf a {
        padding: 0 0 0 21px;
        background: url(../img/ico_pdf.png) no-repeat 0 2px;
}


/* 引用定義
======================================================= */

blockquote {
        padding: 15px 25px;
        border: 5px solid #dbdbdb;
        margin-bottom: 14px;
}


/* 各ページパーツ設定
======================================================= */

/*チェック見出し*/
.block .check {
        background: url(../img/ico_check.png) no-repeat left 60%;
        font-weight: bold;
        border: none;
        font-size: 20px;
        font-size: 2.0rem;
        margin: 0 0 20px;
        padding: 0 0 0 32px;
        line-height: 1.3;
}

/* 選ばれる理由 */
/*サイト職人CMSとは*/
.cms_flexaround {
        display: -webkit-box;
        display: flex;
        justify-content: space-around;
}

.cms_flexaround p {
        text-align: center;
}

.cms_flow {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: start;
        align-items: flex-start;
}

.cms_flow .cms_flow_l {
        width: 510px;
}

.cms_flow .cms_flow_r {
        padding: 20px;
        margin-left: 20px;
        width: 330px;
        background: #efefef;
}

.cms_flow .cms_flow_r div:not(:last-of-type) {
        margin-bottom: 10px;
}

.cms_flow .cms_flow_r div:first-of-type {
        background: url(../img/ico_plus.png) no-repeat center bottom;
        padding-bottom: 30px;
}

.cms_flow .cms_flow_r div:nth-of-type(2) {
        background: url(../img/ico_flow_arw.png) no-repeat center bottom;
        padding-bottom: 25px;
}

.cms_flow .cms_flow_r p {
        font-size: 14px;
        font-size: 1.4rem;
}

.cms_flow .cms_flow_r .cms_flow_title {
        border: solid 2px #8a8a8a;
        background: #fff;
        text-align: center;
        font-weight: bold;
        margin-bottom: 8px;
        padding: 5px;
        font-size: 16px;
        font-size: 1.6rem;
}

.cms_flow .cms_flow_r .cms_flow_title_red {
        border: solid 2px #e84018;
        background: #e84018;
        text-align: center;
        font-weight: bold;
        margin-bottom: 8px;
        padding: 5px;
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
}

.cms_seo {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: start;
        align-items: flex-start;
        margin-bottom: 20px;
}

.cms_seo .cms_seo_l {
        width: 340px;
        margin-right: 20px;
}

.cms_seo .cms_seo_l > p {
        font-size: 14px;
        font-size: 1.4rem;
}

.cms_seo .cms_seo_ul {
        background: #fffbdf;
        padding: 15px;
        margin-bottom: 5px;
}

.cms_seo .cms_seo_ul > p {
        text-align: center;
        font-weight: bold;
}

.cms_seo .cms_seo_ul ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}

.cms_seo .cms_seo_ul li p {
        display: inline;
        font-size: 14px;
        font-size: 1.4rem;
}

.cms_seo .cms_seo_ul li p .txt_red,
.cms_seo .cms_seo_ul li p:first-of-type {
        font-weight: bold;
}

.cms_seo .cms_seo_r {
        width: 510px;
}

/*スマートフォン対応*/
.cms_about_function {
        display: -webkit-box;
        display: flex;
}

.cms_about_function .sp_l h4 {
        font-size: 20px;
        font-size: 2.0rem;
        display: block;
        background: url(../img/ico_check.png) no-repeat left 60%;
        padding-left: 32px;
        margin-bottom: 8px;
}

.cms_about_function .sp_r {
        margin-left: 36px;
}

.about_company {
        font-weight: bold;
        text-align: center;
        border: solid 10px #efefef;
        padding: 20px 15px;
}

.about_btn {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        list-style-type: none;
}

.about_btn li:first-of-type {
        margin-right: 30px;
}

.about_btn a {
        background: #e84018 url(../img/ico_arw_l.png) no-repeat 330px center;
        border-radius: 30px;
        padding: 22px 0;
        line-height: 1;
        text-align: center;
        margin: 0 auto;
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
        width: 360px;
        display: block;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}

.about_btn a:hover {
        opacity: 0.7;
        text-decoration: none;
}


/*CMSとは*/
.what_cms_pic {
        text-align: center;
}

.what_cms_pic p {
        font-size: 12px;
        font-size: 1.2rem;
}

/*スマートフォン対応*/
.cms_function {
        display: -webkit-box;
        display: flex;
}

.cms_function .sp_l {
        margin-right: 20px;
}

.cms_function .sp_r h4 {
        font-size: 20px;
        font-size: 2.0rem;
        display: block;
        background: url(../img/ico_check.png) no-repeat left 60%;
        padding-left: 32px;
}

/*他社サービスとの比較*/
table.tbr th.tbl_highlight {
        background-color: #ffa593;
}

table.tbr td.tbl_highlight {
        background-color: #fff6f1;
}

/*機能*/
.about_server {
        text-align: center;
        margin-bottom: 20px;
}

.about_server p:first-of-type {
        margin-bottom: 10px;
}

.about_server p {
        font-size: 12px;
        font-size: 1.2rem;
}

.update {
        display: -webkit-box;
        display: flex;
        padding: 10px 0;
        border-bottom: dotted 1px #dbdbdb;
}

.update:last-of-type {
        border-bottom: none;
}

.update > div:first-of-type {
        width: 200px;
        margin-right: 20px;
        text-align: center;
}

.update > div:last-of-type {
        width: 660px;
}

/*料金*/

.initial_cost {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        flex-wrap: wrap;
}

.initial_cost > div {
        text-align: center;
        padding: 0 10px;
        width: 272px;
        position: relative;
}

.initial_cost > div:not(:last-of-type) {
        border-right: solid 1px #d9d9d9;
}

.initial_cost .summary {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;
        text-align: left;
        margin-bottom: 8px;
}
.initial_cost .full_order .summary { color: #8a7727; }
.initial_cost .design_order .summary { color: #7990bd; }
.initial_cost .semi_order .summary { color: #6dba8f; }
.initial_cost .quick_order .summary { color: #d97878; }

.initial_cost .plan_name {
        font-weight: bold;
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 4px;
}

.initial_cost .price {
        font-weight: bold;
        font-size: 36px;
        font-size: 3.6rem;
        color: #e84018;
        line-height: 1;
        margin-bottom: 6px;
}

.initial_cost .tax_price {
        font-weight: bold;
        margin-bottom: 12px;
}

.initial_cost .choose_number {
        font-size: 1.3rem;
}

.initial_cost .installments {
        line-height: 1.2;
        margin-bottom: 6px;
}

.initial_cost .installments span {
        font-weight: bold;
        color: #e84018;
        font-size: 20px;
        font-size: 2.0rem;
}

.initial_cost .delivery_date {
        margin-top: 16px;
        color: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        padding: 2px 20px 0;
        display: inline-block;
}
.initial_cost  .full_order  .delivery_date { background-color: #b2a054; }
.initial_cost  .design_order  .delivery_date { background-color: #7990bd; }
.initial_cost  .semi_order  .delivery_date { background-color: #6dba8f; }
.initial_cost  .quick_order  .delivery_date { background-color: #d97878; }

.initial_cost .more_btn a {
        border-radius: 25px;
        padding: 16px 0;
        line-height: 1;
        text-align: center;
        margin: 16px auto 0;
        color: #fff;
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold;
        display: block;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}

.initial_cost .more_btn a:hover {
        opacity: 0.7;
        text-decoration: none;
}

.initial_cost .full_order .more_btn a {
        background: #b2a054 url(../img/arw_fmenu.png) no-repeat 94% center;
}

.initial_cost .design_order .more_btn a {
        background: #7990bd url(../img/arw_fmenu.png) no-repeat 94% center;
}

.initial_cost .semi_order .more_btn a {
        background: #6dba8f url(../img/arw_fmenu.png) no-repeat 94% center;
}

.initial_cost .quick_order .more_btn a {
        background: #d97878 url(../img/arw_fmenu.png) no-repeat 94% center;
}

.initial_cost .work_content {
        margin: 20px 0 0;
}

.initial_cost .work_content p:first-of-type {
        font-weight: bold;
        border-bottom: solid 1px #ddd;
}

.initial_cost .work_content ul {
        text-align: left;
        margin: 10px 0 10px 10px;
        font-size: 14px;
        font-size: 1.4rem;
}

/*.initial_cost .youi {
        font-size: 13px;
        font-size: 1.3rem;
        background: #efefef;
        text-align: left;
        padding: 10px;
        margin-top: 20px;
        position: absolute;
        bottom: 0;
        right: 10px;
        left: 10px;
}
*/
.initial_cost + p {
        text-align: center;
        border: solid 1px #d9d9d9;
        padding: 10px;
        margin-top: 20px;
}

ul.note {
        list-style-type: none;
        margin: 0;
        padding: 0;
}

ul.note li {
        padding-left: 1em;
        text-indent: -1em;
}

ul.note li:not(:last-of-type) {
        margin-bottom: 3px;
}

ul.note02 {
        list-style-type: none;
        margin: 0 0 20px;
        padding: 15px;
        background: #f6f6f6;
        font-size: 14px;
        width: 380px;
}

ul.note02 li {
        padding-left: 1em;
        text-indent: -1em;
}

ul.note02 li:not(:last-of-type) {
        margin-bottom: 3px;
}

ul.note02 span {
        margin-right: 5px;
}

.plan_case {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        justify-content: center;

}

.plan_case .problem p {
        text-align: center;
}

.plan_case > p {
        margin: 50px 10px 0;
}

.plan_case .cost {
        width: 360px;
        border: 1px solid #e4e4e4;
        padding: 20px;
}

.plan_case .cost div {
        display: -webkit-box;
        display: flex; 
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        align-items: flex-start;
        flex-wrap: wrap;
}

.plan_case .cost div p:first-of-type {
        background: #e84018;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        font-size: 1.3rem;
        padding: 0 10px;
}

.plan_case .cost div p {
        text-align: right;
}

.plan_case .cost .sum {
        border-top: 1px solid #e4e4e4;
        text-align: right;
        margin-top: 5px;
}

.plan_case .cost .sum:not(:last-of-type) {
        margin-bottom: 15px;
}



/*各オーダープラン*/
.plan_work {
        border: 1px solid #d2d2d2;
        padding: 10px 15px;
}

.thumblist {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        list-style-type: none;
        margin: 0 37px;
        padding: 0;
}

.thumblist img {
        /*
        border: 1px solid #d2d2d2;
        */
}

.thumblist li {
        width: 145px;
        margin: 0 20px 30px 0;
}

.thumblist li:nth-of-type(5n) {
        margin-right: 0;
}

.thumblist li p {
        text-align: center;
}

.thumblist li p:nth-of-type(2) {
        /*
        font-weight: bold;
        padding: 2px 5px;
        */ 
        text-align: left;
        padding: 2px 5px 2px 18px;
        font-size: 13px;
        font-size: 1.3rem;
        background: url(../img/ico_blank.png) no-repeat left 7px;
}
/*
.thumblist li p:nth-of-type(3) {
font-size: 13px;
font-size: 1.3rem;
padding: 2px 5px 2px 18px;
background: url(../img/ico_blank.png) no-repeat left 7px;
text-align: left;
}
*/

.quick_thumblist {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        list-style-type: none;
        margin: 5px 0 0;
        padding: 0;
}

.quick_thumblist img {
        border: 1px solid #d2d2d2;
}

.quick_thumblist li {
        width: 122px;
        margin: 0 20px 0 0;
}

.quick_thumblist li:last-of-type {
        margin-right: 0;
}

.quick_thumblist li p:nth-of-type(2) {
        padding: 2px 5px 2px 18px;
        background: url(../img/ico_blank.png) no-repeat left center;
        font-size: 14px;
        font-size: 1.4rem;
}

.workflow {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
}

.workflow > div:first-of-type {
        color: #fff;
        width: 180px;
        text-align: center;
        font-weight: bold;
        position: relative;
        margin-bottom: 30px;
        padding: 10px;
}

.workflow > div:first-of-type:after {
        display: block;
        content: '';
        position: absolute;
        bottom: -30px;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 100px 0 100px;
}

.flow_arw_c {
        color: #fff;
        background: #f38383;
        width: 200px;
}

.flow_arw_c:after {
        border-color: #f38383 transparent transparent transparent;
}

.flow_arw_o {
        color: #fff;
        background: #7896d1;
        width: 200px;
}

.flow_arw_o:after {
        border-color: #7896d1 transparent transparent transparent;
}

.workflow > div:nth-of-type(2) {
        width: 660px;
        margin-left: 20px;
}

.workflow .check_item:not(:last-of-type) {
        margin-bottom: 20px;
}

.workflow .check_item .check {
        margin-bottom: 8px!important;
}

.workflow .grey {
        margin-top: 6px;
        padding: 6px;
        background: #f5f5f5;
}

/*制作実績*/
.dounyu_jirei ul {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        list-style-type: none;
        margin: 0;
        padding: 0;
}

.dounyu_jirei li {
        margin-right: 10px;
        margin-bottom: 10px;
}

.dounyu_jirei li a {
        display: block;
        margin: 0;
        padding-left: 20px;
        background: url(../img/ico_arw_blue_btm.png) no-repeat 14px center;
        padding: 8px 20px 8px 40px;
        border: 1px solid #dbdbdb;
        border-radius: 6px;
}

.wrap_jirei_ex {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        flex-wrap: wrap;
}

.wrap_jirei_ex .jirei_pic {
        margin-right: 20px;
}

.wrap_jirei_ex .jirei_ex {
        display: -webkit-box;
        display: flex;
        width: 420px;
}

.wrap_jirei_ex .jirei_ex:not(:nth-child(-n+2)) {
        margin-top: 30px;
}

.jirei_ex .jirei_txt p {
        font-size: 12px;
        font-size: 1.2rem;
}

.jirei_ex .jirei_txt p:first-of-type {
        color: #fff;
        font-weight: bold;
        width: 180px;
        text-align: center;
        margin-bottom: 10px;
}

.jirei_ex .jirei_txt .full_order { background-color: #b2a054; }
.jirei_ex .jirei_txt .design_order { background-color: #7990bd; }
.jirei_ex .jirei_txt .semi_order { background-color: #6dba8f; }
.jirei_ex .jirei_txt .quick_order { background-color: #d97878; }

.jirei_ex .jirei_txt p:not(.interview) a,
.jirei_ex .jirei_txt .no_link {
        font-size: 14px;
        font-size: 1.4rem;
}

.jirei_ex .jirei_txt p:not(.interview) .inner_link { 
        background: url(../img/ico_blank.png) no-repeat left center;
        background-size: auto 12px;
        padding-left: 18px;
}

.jirei_ex .jirei_txt .interview {
        margin-top: 10px;
}

.jirei_ex .jirei_txt .interview a {
        color: #fff;
        background: #e84018 url(../img/ico_interview.png) no-repeat 20px center;
        background-size: auto 18px;
        padding: 5px 20px 5px 50px;
        font-weight: bold;
        text-align: center;
        display: inline-block;
        border-radius: 8px;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}

.jirei_ex .jirei_txt .interview a:hover {
        opacity: 0.7;
        text-decoration: none;
}

.wrap_case {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
}

.wrap_case > div:last-of-type {
        width: 420px;
        margin-left: 20px;
}

.case_thumb {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
}

.case_data {
        background: #f6f6f6;
}

.case_data .inner ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}

.case_data > p:first-of-type {
        background: #646464;
        color: #fff;
        font-size: 14px;
        padding: 2px 10px;
}

.case_data .inner {
        padding: 8px 10px;
}

.case_data .inner li {
        background: url(../img/ico_check.png) 0 3px no-repeat;
        margin: 0 0 3px 0;
        padding: 0 0 0 28px;
        background-size: auto 18px;
}

.kadai, .sisaku {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: start;
        align-items: flex-start;
}

.kadai {
        margin-bottom: 10px;
        padding-bottom: 38px;
        position: relative;
}

.kadai:after {
        background: url(../img/ico_case_arw.png) center center no-repeat;
        display: inline-block;
        content: '';
        position: absolute;
        width: 64px;
        height: 28px;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
}

.kadai > div,
.sisaku > div {
        width: 800px;
        margin: 0 0 0 20px;
}

.kadai > p:first-of-type {
        background-color: #00cbce;
        color: #fff;
        width: 60px;
        text-align: center;
}

.kadai ul {
        margin: 0 0 0 10px;
        font-size: 16px;
        font-size: 1.6rem;
}

.sisaku > p:first-of-type {
        background-color: #e84018;
        color: #fff;
        width: 60px;
        text-align: center;
}

.interview_btn {
        text-align: center;
}

.interview_btn a {
        background: #e84018;
        color: #fff;
        display: inline-block;
        text-align: center;
        border-radius: 30px;
        padding: 12px 100px;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}

.interview_btn a span {
        background: url(../img/ico_interview.png) left center no-repeat;
        padding-left: 34px;
}

.interview_btn a:hover {
        text-decoration: none;
        opacity: 0.7;
}


/*制作実績トップ*/
.solution_col2,
.solution_col3 {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 50px;
}

.solution_col2 div {
        width: 420px;
        margin-right: 40px;
        cursor: default;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}

.solution_col2 div:nth-of-type(2n) {
        margin: 0;
}

.solution_col2 div:nth-of-type(n+3) {
        margin-top: 50px;
}

.solution_col3 div {
        width: 276px;
        margin-right: 26px;
        cursor: default;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}
.solution_col2 div:has(a),
.solution_col3 div:has(a) {
        cursor: pointer;
}

.solution_col3 div:nth-of-type(3n) {
        margin: 0;
}

.solution_col3 div:nth-of-type(n+4) {
        margin-top: 50px;
}

.solution_col2 div:has(a):hover,
.solution_col3 div:has(a):hover {
        opacity: 0.6;
}

.solution_col2 div:hover a,
.solution_col3 div:hover a {
        text-decoration: underline;
}

.solution_col2 img,
.solution_col3 img {
        border: solid 1px #e3e3e3;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}

.solution_col2 .name,
.solution_col3 .name {
        margin: 8px 0 0;
}
.solution_col2 .name a.inner_link,
.solution_col3 .name a.inner_link { 
        background: url(../img/ico_blank.png) no-repeat left center;
        background-size: auto 12px;
        padding-left: 18px;
}
.solution_other_ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
}

.solution_other_ul li {
        margin: 0 16px 16px 0;
}

.solution_other_ul a {
        display: block;
        margin: 0;
        padding-left: 20px;
        background: url(../img/ico_arw_blue.png) no-repeat 14px center;
        background-size: auto 12px;
        padding: 8px 14px 8px 26px;
        border: 1px solid #dbdbdb;
        border-radius: 6px;
}


/*お客様の声*/
.interview {
        display: -webkit-box;
        display: flex;
}

.interview .interview_l {
        margin-right: 20px;
}

.interview .interview_r .interview_r_txt {
        margin-bottom: 5px;
}

.interview .interview_v {
        display: -webkit-box;
        display: flex;
        margin-bottom: 5px;
}

.interview .interview_v a {
        display: block;
        margin-right: 10px;
}

.interview .interview_link {
        background: url(../img/ico_arw_blue.png) no-repeat left center;
        background-size: auto 12px;
        padding-left: 15px;
}

.interview_aboutbox {
        background: #f5f5eb;
        padding: 15px;
}

.interview_flexbetween {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        text-align: center;
}

.interview_flexcenter {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
}

.interview_flexcenter div:not(:last-of-type) {
        margin-right: 20px;
}

.cap_c,.cap_l {
        font-size: 11px;
        font-size: 1.1rem;
}

.voicebox {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: start;
        align-items: flex-start;
}

.voicebox .voice_l {
        position: relative;
        margin-right: 20px;
}

.voicebox .voice_l a {
        display: block;
        border: solid 1px #d4d4d4;
        position: relative;
        padding: 20px;
}

.voicebox .voice_l .eyes {
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 20px;
        height: 20px;
}

.voicebox .voice_l .eyes img {
        width: 20px;
        height: 20px;
}

.voicebox .voice_r p:first-of-type {
        color: #fff;
        font-weight: bold;
        width: 160px;
        text-align: center;
        margin-bottom: 10px;
        font-size: 12px;
}

.voicebox .voice_r .full_order { background-color: #b2a054; }
.voicebox .voice_r .design_order { background-color: #7990bd; }
.voicebox .voice_r .semi_order { background-color: #6dba8f; }
.voicebox .voice_r .quick_order { background-color: #d97878; }
.voicebox .voice_r .outer_order { background-color: #86a45b; }

.voicebox .voice_r p:nth-of-type(2) {
        margin-bottom: 5px;
}

.voicebox .voice_r a {
        background: url(../img/ico_arw_blue.png) no-repeat left center;
        background-size: auto 12px;
        padding-left: 15px;
}


.voice_text {
        background-color: #f6f6f6;
}

.voice_text .inner {
        padding: 20px;
}

.un_voice .inner {
        padding: 90px 35px 50px 35px;
        text-align: center;
}

.un_voice_btm {
        background: url("../img/board_bottom.gif") no-repeat scroll center bottom transparent;
}

.un_voice_top {
        background: url("../img/board_top.gif") no-repeat scroll center 0px transparent;
}

.un_voice {
        background: url("../img/board_middle.gif") repeat-y scroll center 0px transparent;
}

/*会社情報*/
.map_alink {
        background: url(../img/ico_arw_blue_btm.png) no-repeat 0 center;
        padding-left: 18px;
}

#partner_list ul {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#partner_list li {
        margin: 0 16px 0 0;
}

#partner_list li p {
        float: left;
        text-align: left;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.4;
}

#partner_list li .txt {
        width: 170px;
        padding: 0 0 0 3px;
}

#partner_list li .txt02 {
        width: 80px;
        padding: 5px 0 0 3px;
}

.philosophy p,
.philosophy ul {
        text-align: center;
        background: #f2f2f2;
        width: 620px;
        padding: 20px;
        margin: 0 auto;
        font-size: 20px;
        font-size: 2.0rem;
}

.philosophy ul {
        text-align: left;
        padding: 20px 20px 20px 60px;
        width: 580px;
}

/*パートナー制度*/
.partner_gray {
        margin-top: 20px;
        padding: 15px 25px;
        border: 5px solid #dbdbdb;
        margin-bottom: 14px;
        text-align: center;
}

.partner_flow {
        margin-top: 10px;
        display: -webkit-box;
        display: flex;
}

.partner_flow p {
        width: 33.333%;
        text-align: center;
}

.partner_btn a {
        background: #e84018 url(../img/ico_arw_l.png) no-repeat 500px center;
        border-radius: 30px;
        padding: 22px 0;
        line-height: 1;
        text-align: center;
        margin: 35px auto 0;
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
        width: 600px;
        display: block;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}

.partner_btn a:hover {
        opacity: 0.7;
        text-decoration: none;
}

/*出張デモ*/
.demo {
        background: #FFEEEA;
        padding: 20px; 
}

/* 採用サイト制作サービスのご案内
======================================================= */


.rs_wrapper {
        color: #333;
        font: 16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3','Hiragino Sans','Noto Sans JP',sans-serif;
        margin: 0 auto;
}

.rs_wrapper .rs_main {
        width: 980px;
        margin: 0 auto 140px;
        padding-top: 60px;
        text-align: center;
        overflow: hidden;
}

.rs_wrapper .rs_block {
        margin: 0 auto 120px;
}

.rs_block p {
        line-height: 1.8;
}

/* pagenav */

.rs_pagenav {
        margin: 0 -20px 100px 0;
        padding: 0;
        list-style: none;
}

.rs_pagenav li {
        width: 180px;
        float: left;
        margin-right: 20px;
}

.rs_pagenav li a {
        display: block;
        border: 1px solid #09539f;
        color: #09539f;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        text-align: center;
        background: url(../img/arw_down_b.png) no-repeat left 50% bottom 5px;
        padding: 12px 0 15px;
        transition: .3s opacity;
}

.rs_pagenav li a:hover {
        text-decoration: none;
        opacity: .8;
}

.rs_wrapper h2 {
        font-size: 34px;
        text-align: center;
        margin: 0 0 28px;
        line-height: 1.2;
}

.rs_wrapper .rs_main h2 .lead {
        letter-spacing: 0.1em;
}

.rs_wrapper h2 #plan {
        font-size: 30px;
        font-size: 3.0rem;
}

.rs_wrapper .tal {
        text-align: left;
}

.rs_wrapper .w980 {
        width: 980px;
        background: #fff;
}

#footer_top .sns_btn.sns_btn2 {
        width: 62px;
}

/* main visual */

#rs_mainvisual {
        margin: 0 auto;
        background: url(../img/bg_rs_main.jpg) no-repeat 50% 0;
        background-size: cover;
}

#rs_mainvisual .inner {
        width: 980px;
        margin: 0 auto;
        position: relative;
        height: 530px;
}


#rs_mainvisual .inner p,
#rs_mainvisual .inner h1 {
        position: absolute;
}

#rs_mainvisual .inner p:nth-of-type(1) {
        top: 105px;
        left: 11px;
}

#rs_mainvisual .inner h1 {
        top: 169px;
        left: 0;
}

#rs_mainvisual .inner p:nth-of-type(2) {
        top: 158px;
        right: 0;
}

#rs_mainvisual .inner p:nth-of-type(3) {
        bottom: 71px;
        left: 74px;
}

/* 採用サイト制作のポイント */

.rs_point ul {
        margin: 52px 0 -50px -30px;
        padding: 10px 0 0;
        list-style: none;
        overflow: hidden;
}

.rs_point ul li {
        width: 475px;
        box-sizing: border-box;
        border: 1px solid #dadde1;
        float: left;
        margin: 0 0 50px 30px;
        padding: 39px 30px 34px;
        position: relative;
        text-align: center;
}

.rs_point ul li::after {
        content: "";
        display: block;
        width: 64px;
        height: 78px;
        position: absolute;
        top: -10px;
        left: -1px;
}

.rs_point ul li.point01::after {
        background: url(../img/ico_rs_01.png) no-repeat;
        background-size: contain;
}

.rs_point ul li.point02::after {
        background: url(../img/ico_rs_02.png) no-repeat;
        background-size: contain;
}

.rs_point ul li.point03::after {
        background: url(../img/ico_rs_03.png) no-repeat;
        background-size: contain;
}

.rs_point ul li.point04::after {
        background: url(../img/ico_rs_04.png) no-repeat;
        background-size: contain;
}

.rs_point ul li.point05::after {
        background: url(../img/ico_rs_05.png) no-repeat;
        background-size: contain;
}

.rs_point ul li.point06::after {
        background: url(../img/ico_rs_06.png) no-repeat;
        background-size: contain;
}

.rs_point ul li.point07::after {
        background: url(../img/ico_rs_07.png) no-repeat;
        background-size: contain;
}

.rs_point ul li.point08::after {
        background: url(../img/ico_rs_08.png) no-repeat;
        background-size: contain;
}

.rs_point ul li .tit {
        font-size: 20px;
        color: #09539f;
        line-height: 1;
        font-weight: bold;
        margin: 0 0 29px;
}

.rs_point ul li .img {
        margin: 0 0 23px;
}

.rs_point ul li .txt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.8;
        text-align: left;
}

/* お客様事例 */

.rs_works {
        text-align: left;
        margin: 54px -40px -33px 0;
        padding: 0;
        list-style: none;
}

.rs_works li {
        width: 300px;
        float: left;
        margin: 0 40px 33px 0;
}

.rs_block .rs_works .tag {
        width: 120px;
        background: #0a53a0;
        color: #fff;
        display: block;
        padding: 0.5px 0;
        margin: 0 0 10px;
        font-size: 12px;
        font-size: 1.2rem;
        text-align: center;
}

.rs_works .img {
        margin-bottom: 11px;
}

.rs_works .img a {
        transition: .3s opacity;
}

.rs_works .img a:hover {
        opacity: .5;
}

.rs_works .txt {
        font-weight: bold;
}

.rs_block .tag.manufacture {
        background: #848484;
}

.rs_block .tag.shop {
        background: #cd9c3f;
}

.rs_block .tag.sightseeing {
        background: #c8200f;
}

.rs_block .tag.education {
        background: #e67d00;
}

.rs_block .tag.finance {
        background: #2b5bb5;
}

.rs_block .tag.transport {
        background: #80bd0a;
}

.rs_block .tag.realestate {
        background: #4c834d;
}

.rs_block .tag.hospital {
        background: #1da79c;
}

.rs_block .tag.info {
        background: #0ba4da;
}

.rs_block .tag.lawyer {
        background: #8f38b7;
}

.rs_block .tag.service {
        background: #e874b3;
}

.rs_block .tag.npo {
        background: #009999;
}

/* お客様インタビュー */

.rs_interview{
        margin: 50px 0 0;
        padding: 0;
        list-style: none;
        width: 860px;
}

.rs_interview li{
        margin: 0 0 30px;
        padding: 32px 366px 39px 39px;
        border: 1px solid #dadde1;
        box-sizing: border-box;
        text-align: left;
        position: relative;
}

.rs_interview li .tit{
        margin: 0 0 8px;
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 1.8;
        font-weight: bold;
}

.rs_interview li .txt,
.rs_interview li .more {
        line-height: 1.8;
}

.rs_interview li .more {
        margin-bottom: 28px;
}

.rs_interview li .more a {
        text-decoration: underline;
}

.rs_interview li .more a:hover {
        text-decoration: none;
}

.rs_interview li .img_block {
        position: absolute;
        top: 39px;
        right: 39px;
}

.rs_interview li .img_block .img {
        margin-bottom: 16px;
}

.rs_interview li .img_block .txt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8;
}

.rs_interview li .btn{
        width: 220px;
        height: 45px;
        margin: 0 auto;
        font-size: 14px;
        text-align: center;
}

.rs_interview li .btn a{
        display: block;
        line-height: 45px;
        color: #fff;
        background: #09539f;
        text-decoration: none;
        transition: 0.2s;
}

.rs_interview li .btn a:hover{
        opacity: 0.7;
}

.rs_interview li .btn a span{
        padding-right: 18px;
        background: url(../img/arw_btn.png) 100% 50% no-repeat;
        background-size: 4px auto;
}

/* 採用サイト公開までの流れ */

.rs_flow {
        min-height: 1710px;
        background: url(../img/bg_rs_flow.gif) no-repeat 60px 114px;
        text-align: left;
        position: relative;
        margin: 26px 0 0;
}

.rs_flow > div {
        position: absolute;
        width: 550px;
        clear: both;
        box-sizing: border-box;
        padding: 40px 0 0 148px;
}

.rs_flow > div:nth-of-type(odd) {
        left: 0;
}

.rs_flow > div:nth-of-type(even) {
        right: 0;
}

.rs_flow > div:nth-of-type(1) {
        top: 0;
}

.rs_flow > div:nth-of-type(2) {
        top: 185px;
}

.rs_flow > div:nth-of-type(3) {
        top: 398px;
}

.rs_flow > div:nth-of-type(4) {
        top: 600px;
}

.rs_flow > div:nth-of-type(5) {
        top: 843px;
}

.rs_flow > div:nth-of-type(6) {
        top: 1077px;
}

.rs_flow > div:nth-of-type(7) {
        top: 1318px;
}

.rs_flow > div:nth-of-type(8) {
        top: 1520px;
}

.rs_flow .img {
        position: absolute;
        top: 0;
        left: 0;
}

.rs_flow .tit {
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: bold;
        margin-bottom: 10px;
}

.rs_flow .tit img {
        margin: 0 16px 2px 0;
        vertical-align: middle;
}

.rs_flow .txt {
        line-height: 1.8;
}

.rs_flow .btn {
        margin-top: 2px;
}

.rs_flow .btn a {
        display: block;
        width: 220px;
        background: #229bd2 url(../img/arw_btn.png) no-repeat right 10px top 50%;
        background-size: 4px auto;
        color: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        text-align: center;
        transition: .3s opacity;
        padding: 2.5px 0;
}

.rs_flow .btn a:hover {
        text-decoration: none;
        opacity: .8;
}

.rs_flow .flow_btn {
        position: absolute;
        top: 740px;
        left: 176px;
        background: #e84017;
        width: 200px;
        box-sizing: border-box;
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        padding: 7px 0;
}

.rs_flow .flow_btn.end {
        top: 1659px;
        left: 176px;
        font-size: 20px;
        font-size: 2.0rem;
        padding: 5px 0 5px 18px;
}

.rs_flow .flow_btn.end::before {
        content: "";
        display: block;
        background: url(../img/img_rs_flow_done.png) no-repeat 0 0;
        width: 136px;
        height: 80px;
        position: absolute;
        left: -90px;
        bottom: 0;
}

/* 料金プラン */

.rs_plan {
        float: right;
        text-align: left;
        margin: 24px 0 0;
}

.rs_plan .col {
        width: 250px;
        box-sizing: border-box;
        float: left;
        padding-top: 20px;
        border-radius: 8px 8px 0 0;
        overflow: hidden;
}

.rs_plan .col:first-child {
        margin-right: -1px;
}
.rs_plan .col.col_design {
        margin-right: -1px;
        position: relative;
        padding-top: 0;
}

.rs_plan .col.col_design .inner::after {
        content: "";
        display: block;
        position: absolute;
        top: -1px;
        left: -1px;
        width: 49px;
        height: 49px;
        background: url(../img/bg_rs_plan.png) no-repeat 0 0;
}

.rs_plan .col .inner {
        border: 1px solid #dadde1;
        border-bottom: none;
        border-radius: 8px 8px 0 0;
        overflow: hidden;
        height: 100%;
}

.rs_plan .col.col_design .inner {
        border: 1px solid #08539f;
        border-bottom: 0;
}

.rs_plan .col .tit {
        background: #f2f3f5;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        text-align: center;
        padding: 13px 0;
        border-bottom: 1px solid #dadde1;
}
.rs_plan .col.col_design .tit {
        background: #08539f;
        color: #fff;
        font-weight: bold;
        padding: 23px 0 24px;
        border-bottom: none;
}

.rs_plan .col ul.txt {
        margin: 15px 20px 17px 30px;
}

.rs_plan .col ul.txt li {
        line-height: 1.8;
}

table.rs_tbr {
        border: 1px solid #dadde1;
        border-top: none;
        margin-bottom: 58px;
}


table.rs_tbr tbody tr:nth-last-child(-n+2) {
        border-top: 1px solid #dadde1;
}

table.rs_tbr tbody tr:first-child th {
        border-top: 1px solid #dadde1;
}

table.rs_tbr tbody tr:first-child td {
        border-top: 1px solid #fff;
}

table.rs_tbr tbody tr.bg_blue {
        background: #f2f3f5;
}

table.rs_tbr tbody tr th {
        font-weight: bold;
        text-align: left;
        background: none;
        border: none;
        border-right: 1px solid #dadde1;
        padding: 6px 20px 5px;
}

table.rs_tbr tbody tr td {
        width: 249px;
        box-sizing: border-box;
        border: none;
        text-align: center;
        padding: 5px 20px;
}

table.rs_tbr tbody tr td span.txts {
        font-size: 12px;
        font-size: 1.2rem;
}

table.rs_tbr tbody tr td span.txtxs {
        font-size: 10px;
        font-size: 1.0rem;
        display: block;
}

table.rs_tbr tbody tr td span.color_r {
        color: #dd4b39
}

table.rs_tbr tbody tr.tar td {
        text-align: right;
}

table.rs_tbr tbody tr td:nth-child(3) {
        width: 249px;
        border-left: 1px solid #07539f;
        border-right: 1px solid #07539f;
}

table.rs_tbr tbody tr:last-child td:nth-child(3) {
        border-bottom: 1px solid #07539f;
}

.btn_rs_form a {
        display: block;
        width: 462px;
        margin: 0 auto;
        font-size: 20px;
        font-size: 2.0rem;
        color: #fff;
        font-weight: bold;
        background: #e84018 url(../img/arw_btn.png) no-repeat right 32px top 50%;
        border-radius: 35px;
        transition: .2s opacity;
        padding: 20px 0;
        letter-spacing: 0.1rem;
}

.btn_rs_form a:hover {
        opacity: 0.7;
        text-decoration: none;
}

/* win　*/

.win .rs_wrapper {
        font: 16px 'メイリオ',sans-serif;
}

.win .rs_flow .flow_btn {
        padding: 9px 0 5px;
}

.win .rs_flow .flow_btn.end {
        padding: 7px 0 3px 18px;
}

.win .rs_plan .col .tit {
        padding: 15px 0 11px;
}

.win .rs_plan .col.col_design .tit {
        padding: 25px 0 22px;
}

.win .btn_rs_form a {
        padding: 21px 0 18px;
}

/* 採用サイト制作サービスのご案内 下層
======================================================= */

#rs_un_mainvisual {
        margin: 0 auto 60px;
        background: url(../img/bg_rs_main.jpg) no-repeat 50% 0;
        background-size: cover;
}

#rs_un_mainvisual .inner {
        width: 980px;
        margin: 0 auto;
        position: relative;
        height: 240px;
}

#rs_un_mainvisual .inner p,
#rs_un_mainvisual .inner h1 {
        position: absolute;
}


#rs_un_mainvisual .inner p img,
#rs_un_mainvisual .inner h1 img {
        width: 100%;
        height: auto;
}

#rs_un_mainvisual .inner p:nth-of-type(1) {
        width: 487px;
        top: 25px;
        left: 2px;
}

#rs_un_mainvisual .inner h1 {
        width: 480px;
        top: 79px;
        left: -16px;
}

#rs_un_mainvisual .inner p:nth-of-type(2) {
        width: 265px;
        top: 20px;
        right: 0;
}

#rs_un_mainvisual .inner p:nth-of-type(3) {
        bottom: 0;
        right: 242px;
}

.rs_un_main {
        width: 980px;
        margin: 0 auto;
        text-align: left;
        padding-top: 15px;
}

.rs_un_main .breadcrumb {
        display: block;
        margin: 0 0 60px;
        padding: 0;
        list-style: none;
}

.rs_un_main .breadcrumb li {
        float: left;
        font-size: 12px;
        font-size: 1.2rem;
}

.rs_un_main .breadcrumb li img {
        vertical-align: baseline;
}

.rs_un_main .rs_block {
        margin-bottom: 80px;
}

.rs_un_main .company_name {
        text-align: center;
        margin: 0 auto;
}

.rs_un_main .company_name .inner {
        text-align: left;
        display: inline-block;
}

.rs_un_main .company_name p {
        font-size: 20px;
        padding-bottom: 8px;
        display: inline-block;
        line-height: 1.2;
}

.rs_wrapper .rs_un_main .company_name h2 {
        font-size: 34px;
        font-weight: normal;
        text-align: left;
        margin: 0 0 39px;
        display: inline-block;
        line-height: 1.2;
}

.rs_un_main .img_area {
        text-align: center;
        margin-bottom: 92px;
}

.rs_un_main .img_area .img + p {
        margin: 25px 0 0;
        font-size: 18px;
        font-size: 1.8rem;
}

.rs_un_main .img_area .tag {
        display: inline-block;
        font-size: 12px;
        padding: 0 15px;
        line-height: 20px;
        color: #fff;
        margin: 0 20px 0 0;
        vertical-align: middle;
}

.rs_un_main .img_area a {
        color: #333;
        font-size: 15px;
        text-decoration: none;
}

.rs_un_main .img_area a:hover {
        text-decoration: underline;
}

.rs_un_main .img_area .blank a {
        padding: 0 18px 0 0;
        background: url(../img/ico_exlink.gif) no-repeat right 0 top 50%;
}

.rs_un_main .task {
        margin-bottom: 63px;
        position: relative;
}

.rs_un_main .task .left,
.rs_un_main .measure .left {
        width: 133px;
        float: left;
}

.rs_un_main .task .right,
.rs_un_main .measure .right {
        width: 800px;
        float: right;
}

.rs_un_main .task .tit {
        width: 133px;
        text-align: center;
        background: #de4b39;
        color: #fff;
}

.rs_un_main .measure .tit {
        width: 133px;
        text-align: center;
        background: #084d96;
        color: #fff;
}

.rs_un_main .task ul,
.rs_un_main .measure ul {
        margin: 0;
}

.rs_un_main .task li,
.rs_un_main .measure li {
        font-size: 16px;
        line-height: 1.8;
}

.rs_un_main .task::after {
        content: "";
        display: block;
        width: 34px;
        height: 50px;
        background: url(../img/ico_rs_arw_down.png) no-repeat 50% 50%;
        background-size: contain;
        position: absolute;
        bottom: -57px;
        left: 50px;
}

.rs_un_main .comment {
        border: 1px solid #dadde1;
        padding: 56px 25px 34px;
        position: relative;
        margin: 75px 0 58px;
        page-break-before: always;
}

.rs_un_main .comment .tit {
        position: absolute;
        top: -9px;
        left: -1px;
        background: #09539f;
        color: #fff;
        width: 243px;
        text-align: center;
        padding: 6px 0;
}

.rs_un_main .comment .tit:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -9px;
        border-top: 10px solid #09539f;
        border-bottom: 10px solid transparent;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
}

.rs_un_main .comment .txt {
        margin-bottom: 20px;
}

.rs_un_main .rs_contact {
        margin-bottom: 80px;
}

.box_flex{
        display: table;
        margin: 0 auto 30px;
        border-collapse: separate;
        border-spacing: 20px 0;
}

.box_flex .txt{
        display: table-cell;
        vertical-align: middle;
        max-width: 260px;
        font-size: 14px;
        text-align: left;
}

.box_flex .img{
        display: table-cell;
        vertical-align: middle;
        line-height: 0;
}


/*下層*/
.colum_area .txt_area{
        float: left;
        width: 506px;
}

.colum_area .txt_area .tit{
        margin: 0 0 40px;
        font-size: 24px;
        font-weight: bold;
}

.colum_area .box_flex{
        margin: 0;
        padding: 20px 0px;
        border: 1px solid #dadde1;
        border-spacing: 10px 0;
}

.colum_area .box_flex .txt{
        width: 300px;
        font-size: 16px;
}

.colum_area .box_flex .img{
        width: 180px;
}

.colum_area .img_area{
        float: right;
        margin: 0;
}

.colum_area .img_area .cap{
        border: 1px solid #dadde1;
}

.rs_un_main .quote{
        padding: 40px;
        background: #f1f2f6;
}

.rs_un_main .qa_tit{
        position: relative;
        margin: 0 0 40px;
        padding-left: 50px;
        font-weight: bold;
}

.rs_un_main .qa_tit::before{
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top:50%;
        width: 40px;
        height: 2px;
        margin-top: -1px;
        background: #101010;
}

/* win　*/

.win .rs_un_main .task .tit,
.win .rs_un_main .measure .tit {
        padding: 3px 0 0;
}

.win .rs_un_main .comment .tit {
        padding: 7px 0 4px;
}

/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
        _::-webkit-full-page-media, _:future, :root .rs_un_main .task .tit {
                padding: 3px 0 0;
        }

        _::-webkit-full-page-media, _:future, :root .rs_un_main .measure .tit {
                padding: 3px 0 0;
        }

        _::-webkit-full-page-media, _:future, :root .win .rs_un_main .comment .tit {
                padding: 7px 0 4px;
        }
}

/* LP共通（分割払いLPベース）
======================================================= */

/* common */

.lp_wrapper {
        color: #333;
        font: 16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3','Hiragino Sans','Noto Sans JP',sans-serif;
        margin: 0 auto;
}

.lp_wrapper .lp_main {
        width: 980px;
        margin: 0 auto;
}

.lp_wrapper .lp_block {
        margin: 0 auto 120px;
}

.lp_wrapper h2 {
        color: #000;
        font-size: 34px;
        font-size: 3.4rem;
        line-height: 1.8;
        font-weight: bold;
        letter-spacing: 0.1em;
        text-align: center;
        margin: 0 0 40px;
}

.lp_wrapper p {
        line-height: 1.8;
}

.lp_wrapper .btn a {
        display: block;
        width: 439px;
        box-sizing: border-box;
        margin: 0 auto;
        background: #fa6341 url(../img/arw_btn.png) no-repeat right 32px top 50%;
        border-radius: 40px;
        color: #fff;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: bold;
        padding: 22px 0;
        text-align: center;
        transition: opacity .3s;
}

.lp_wrapper .btn a:hover {
        text-decoration: none;
        opacity: .7;
}

/* １つでも当てはまる方はご一読ください。 */

.lp_checklist {
        margin: 13px 0 0;
        padding: 0;
        list-style: none;
}

.lp_checklist li {
        padding: 17px 0 16px 32px;
        position: relative;
        border-bottom: 1px solid #e1dcd7;
}

.lp_checklist li::before {
        content: "";
        display: block;
        width: 16px;
        height: 12px;
        background: url(../img/ico_im_check.gif) no-repeat 0 0;
        position: absolute;
        left: 0;
        top: 23px;
}

/* 成果を出されたお客様の声 */

.lp_voice {
        margin: 53px 0 -35px;
        padding: 0;
        list-style: none;
}

.lp_voice li {
        width: 475px;
        box-sizing: border-box;
        float: left;
        margin: 0 30px 50px 0;
}

.lp_voice li:nth-child(even) {
        margin: 0 0 50px;
}

.lp_voice li .txtbox {
        background: #fcede1;
        width: 455px;
        box-sizing: border-box;
        margin: -20px auto 0;
        position: relative;
        padding: 34px 40px 34px;
}

.lp_voice li .txtbox::before {
        content: "";
        display: block;
        width: 38px;
        height: 33px;
        background: url(../img/ico_dq_l.png) no-repeat 0 0;
        position: absolute;
        top: -10px;
        left: 14px;
}

.lp_voice li .txtbox::after {
        content: "";
        display: block;
        width: 38px;
        height: 33px;
        background: url(../img/ico_dq_r.png) no-repeat 0 0;
        position: absolute;
        bottom: -10px;
        right: 20px;
}

.lp_voice li .txtbox .txt {
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: bold;
        margin: 0 0 8px;
}
.lp_voice li .txtbox .namebox p {
        color: #444;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5;
        text-align: right;
}

.lp_voice li .txtbox .namebox br {
        display: none;
}

/* デザイン＆制作実績 */

.lp_works {
        margin: 50px 0 -35px;
        padding: 0;
        list-style: none;
}

.lp_works li {
        width: 300px;
        box-sizing: border-box;
        float: left;
        margin: 0 40px 35px 0;
        font-weight: bold;
}

.lp_works li:nth-child(3n) {
        margin: 0 0 30px 0;
}

.lp_works li .img {
        margin: 0 0 10px;
}

.lp_works li a {
        transition: opacity .3s;
}

.lp_works li a:hover {
        opacity: .5;
}

/* 当企画の特長 */
.lp_chara {
        margin: 0 0 160px;
        padding: 0;
        list-style: none;
}

.lp_chara li {
        width: 300px;
        float: left;
        margin: 0 40px 43px 0;
        position: relative;
}

.lp_chara li:nth-child(3n) {
        margin: 0 0 35px 0;
}

.lp_chara li .img {
        margin: 0 0 15px;
}

.lp_chara li::before {
        content: "";
        display: block;
        width: 43px;
        height: 43px;
        position: absolute;
        top: -6px;
        left: 6px;
}

/* ご相談から公開までの流れ */

.lp_flow {
        text-align: left;
        position: relative;
}

.lp_flow > div {
        position: absolute;
        width: 550px;
        clear: both;
        box-sizing: border-box;
        padding: 40px 0 0 148px;
}

.lp_flow .img {
        position: absolute;
        top: 0;
        left: 0;
}

.lp_flow .tit {
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: bold;
        margin-bottom: 10px;
}

.lp_flow .tit img {
        margin: 0 16px 2px 0;
        vertical-align: middle;
}

.lp_flow .txt {
        line-height: 1.8;
}

.lp_flow .btn {
        margin-top: 2px;
}

.lp_flow .btn a {
        width: 220px;
        border-radius: 15px;
        font-size: 14px;
        font-size: 1.4rem;
        transition: .3s opacity;
        padding: 2.5px 0 !important;
        margin: 8px 0 0;
}

.lp_flow .btn a:hover {
        text-decoration: none;
        opacity: .8;
}

.lp_flow .flow_btn {
        width: 200px;
        box-sizing: border-box;
        text-align: center;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        padding: 5px 0;
        background: #fff;
}

.lp_flow .flow_btn.end {
        width: 230px;
        text-align: right;
        font-size: 20px;
        font-size: 2.0rem;
        padding: 5px 48px 5px 0;
}

.lp_flow .flow_btn.end::before {
        content: "";
        display: block;
        background: url(../img/img_rs_flow_done.png) no-repeat 0 0;
        width: 136px;
        height: 80px;
        position: absolute;
        left: -30px;
        bottom: -2px;
}

/* im_footcv */
.lp_footcv {
        padding: 90px 0 100px;
}

.lp_footcv  p {
        color: #000;
}

.lp_footcv .inner {
        width: 980px;
        margin: 0 auto;
}

.lp_footcv .profbox {
        background: #fff;
        padding: 38px 40px 34px;
        margin: 30px 0 35px;
}

.lp_footcv .profbox br {
        display: none;
}

.lp_footcv .txtbox p {
        color: #444;
        font-size: 14px;
        font-size: 1.4rem;
}
.lp_footcv .txtbox .name {
        margin-bottom: 10px;
}

.lp_footcv .profbox .img {
        float: left;
}

.lp_footcv .profbox .txtbox {
        width: 740px;
        float: right;
}

.lp_footcv .btn{
        margin-top: 35px;
}

/* win　*/

.win .lp_wrapper {
        font: 16px 'メイリオ',sans-serif;
}

.win .lp_wrapper .btn a {
        padding: 24px 0 20px;
}

.win .lp_flow .flow_btn {
        padding: 6px 0 4px;
}

.win .lp_flow .flow_btn.end {
        padding: 6px 48px 4px 0;
}

/* 分割払いWeb制作サービスLP
======================================================= */

.im_wrapper p strong {
        background: linear-gradient(transparent 50%, #ffdaaa 50%);
}

.im_wrapper .indent {
        font-size: 14px;
        font-size: 1.4rem;
}

/* mainvisual（価格） */

.imk_mainvisual {
        margin: 0 auto 135px;
        background: url(../img/bg_imk_main.jpg) no-repeat left 50% bottom 24%;
        background-size: cover;
        position: relative;
}

.imk_mainvisual .inner {
        width: 980px;
        margin: 0 auto;
        padding: 128px 0 147px;
        text-align: center;
        position: relative;
}

.imk_mainvisual .inner p:first-child {
        margin-bottom: 59px;
        line-height: 0;
}

.imk_mainvisual h1 {
        margin-bottom: 60px;
}
/* mainvisual（成果） */

.ims_mainvisual {
        margin: 0 auto 135px;
        background: url(../img/bg_imk_main.jpg) no-repeat left 50% bottom 24%;
        background-size: cover;
        position: relative;
}

.ims_mainvisual .inner {
        width: 980px;
        margin: 0 auto;
        padding: 130px 0 147px;
        text-align: center;
        position: relative;
}

.ims_mainvisual .inner p:first-child {
        margin-bottom: 43px;
        line-height: 0;
}

.ims_mainvisual h1 {
        margin-bottom: 40px;
}

.ims_mainvisual .inner p:nth-child(3) {
        margin-bottom: 52px;
        line-height: 0;
}

/* 成果を出されたお客様の声 */

.im_wrapper .lp_voice li {
        transition: opacity .3s;
}

.im_wrapper .lp_voice li:hover {
        cursor: pointer;
        opacity: .7;
}

/* 当企画の特長 */

.im_wrapper .lp_chara li:nth-child(1)::before { background: url(../img/ico_im_num01.gif) no-repeat 0 0; }
.im_wrapper .lp_chara li:nth-child(2)::before { background: url(../img/ico_im_num02.gif) no-repeat 0 0; }
.im_wrapper .lp_chara li:nth-child(3)::before { background: url(../img/ico_im_num03.gif) no-repeat 0 0; }
.im_wrapper .lp_chara li:nth-child(4)::before { background: url(../img/ico_im_num04.gif) no-repeat 0 0; }
.im_wrapper .lp_chara li:nth-child(5)::before { background: url(../img/ico_im_num05.gif) no-repeat 0 0; }
.im_wrapper .lp_chara li:nth-child(6)::before { background: url(../img/ico_im_num06.gif) no-repeat 0 0; }
.im_wrapper .lp_chara li:nth-child(7)::before { background: url(../img/ico_im_num07.gif) no-repeat 0 0; }
.im_wrapper .lp_chara li:nth-child(8)::before { background: url(../img/ico_im_num08.gif) no-repeat 0 0; }
.im_wrapper .lp_chara li:nth-child(9)::before { background: url(../img/ico_im_num09.gif) no-repeat 0 0; }

/* ご相談から公開までの流れ */

.lp_flow.im_flow {
        min-height: 2280px;
        background: url(../img/bg_im_flow.gif) no-repeat 60px 102px;
        text-align: left;
        margin: -28px 0 0;
}

.lp_flow.im_flow > div:nth-of-type(odd) {
        left: 0;
}

.lp_flow.im_flow > div:nth-of-type(even) {
        right: 0;
}

.lp_flow.im_flow > div:nth-of-type(1) {        top: 0px; }
.lp_flow.im_flow > div:nth-of-type(2) {        top: 220px; }
.lp_flow.im_flow > div:nth-of-type(3) {        top: 432px; }
.lp_flow.im_flow > div:nth-of-type(4) {        top: 636px; }
.lp_flow.im_flow > div:nth-of-type(5) {        top: 848px; }
.lp_flow.im_flow > div:nth-of-type(6) {        top: 1109px; }
.lp_flow.im_flow > div:nth-of-type(7) {        top: 1350px; }
.lp_flow.im_flow > div:nth-of-type(8) {        top: 1554px; }
.lp_flow.im_flow > div:nth-of-type(9) {        top: 1709px; }
.lp_flow.im_flow > div:nth-of-type(10) { top: 1913px; }
.lp_flow.im_flow > div:nth-of-type(11) { top: 2126px; }

.lp_flow.im_flow .btn a {
        background: #fa6341 url(../img/arw_btn.png) no-repeat right 10px top 50%;
        background-size: 4px auto;
}

.lp_flow.im_flow .flow_btn {
        position: absolute;
        top: 358px;
        left: 176px;
        border: 2px solid #fa6341;
        color: #fa6341;
}

.lp_flow.im_flow .flow_btn.end {
        top: 2051px;
        left: 176px;
}

/* im_footcv */
.im_wrapper .lp_footcv {
        background: #fcede1;
}

/* 小規模事業者持続化補助金LP
======================================================= */

.jh_wrapper .btn a {
        background: #5ea600 url(../img/arw_btn.png) no-repeat right 32px top 50%;
}

.jh_wrapper strong {
        background: linear-gradient(transparent 50%, #d5f29d 50%);
}

/* mainvisual */

.jh_mainvisual {
        margin: 0 auto 135px;
        background: #f1fae1 url(../img/bg_jh_main01.jpg) no-repeat 0 0;
        background-size: auto 100%;
        position: relative;
}

.jh_mainvisual::before {
        content: "";
        display: block;
        background: url(../img/bg_jh_main02.jpg) no-repeat right 0;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
}

@media screen and (max-width:1480px) {
        .jh_mainvisual {
                background-position: -150px 0;
        }
        .jh_mainvisual::before {
                background-position: right -100px top 0;
        }
}

@media screen and (max-width:1200px) {
        .jh_mainvisual {
                background-position: -240px 0;
        }
        .jh_mainvisual::before {
                background-position: right -210px top 0;
        }
}

.jh_mainvisual .inner {
        width: 980px;
        margin: 0 auto;
        padding: 89px 0 91px;
        text-align: center;
        position: relative;
}

.jh_mainvisual .inner p:first-child {
        margin-bottom: 50px;
        line-height: 0;
}

.jh_mainvisual h1 {
        margin-bottom: 44px;
}

.jh_mainvisual .inner p:nth-child(3) {
        font-size: 25px;
        font-size: 2.5rem;
        color: #e84018;
        font-weight: bold;
}

.jh_mainvisual .inner .btn {
        margin-top: 16px;
}


/* checklist */

.jh_wrapper .lp_checklist {
        margin-bottom: 32px;
}

.jh_wrapper .lp_checklist li {
        border-bottom: 1px solid #ccc;
}

.jh_wrapper .lp_checklist li::before {
        background: url(../img/ico_jh_check.gif) no-repeat 0 0;
}

/* table */
.jh_wrapper .tit_tbr {
        font-weight: bold;
}

.jh_wrapper .tbr {
        margin: 15px 0 24px;
        font-size: 15px;
        font-size: 1.5rem;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
}

.jh_wrapper .tbr th {
        background: #f1fae1;
        width: 400px;
        text-align: left;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
}

.jh_wrapper .tbr td {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
}

/* list */

.jh_list {
        line-height: 1.8;
}

/* 成果を出されたお客様の声 */
.lp_voice li {
        position: relative;
}

.jh_wrapper .lp_voice li {
        transition: opacity .3s;
}

.jh_wrapper .lp_voice li:hover {
        cursor: pointer;
        opacity: .7;
}

.lp_voice .jh_pdf {
        position: absolute;
        top: 228px;
        right: 10px;
}

.jh_wrapper .lp_voice li .txtbox {
        background: #f1fae1;
}

.jh_wrapper .lp_voice li .txtbox::before {
        background: url(../img/ico_jh_dq_l.png) no-repeat 0 0;
}

.jh_wrapper .lp_voice li .txtbox::after {
        background: url(../img/ico_jh_dq_r.png) no-repeat 0 0;
}

/* 当企画の特長 */

.jh_wrapper .lp_chara li:nth-child(1)::before { background: url(../img/ico_jh_num01.gif) no-repeat 0 0; }
.jh_wrapper .lp_chara li:nth-child(2)::before { background: url(../img/ico_jh_num02.gif) no-repeat 0 0; }
.jh_wrapper .lp_chara li:nth-child(3)::before { background: url(../img/ico_jh_num03.gif) no-repeat 0 0; }
.jh_wrapper .lp_chara li:nth-child(4)::before { background: url(../img/ico_jh_num04.gif) no-repeat 0 0; }
.jh_wrapper .lp_chara li:nth-child(5)::before { background: url(../img/ico_jh_num05.gif) no-repeat 0 0; }
.jh_wrapper .lp_chara li:nth-child(6)::before { background: url(../img/ico_jh_num06.gif) no-repeat 0 0; }
.jh_wrapper .lp_chara li:nth-child(7)::before { background: url(../img/ico_jh_num07.gif) no-repeat 0 0; }
.jh_wrapper .lp_chara li:nth-child(8)::before { background: url(../img/ico_jh_num08.gif) no-repeat 0 0; }
.jh_wrapper .lp_chara li:nth-child(9)::before { background: url(../img/ico_jh_num09.gif) no-repeat 0 0; }

/* ご相談から公開までの流れ */

.lp_flow.jh_flow {
        min-height: 2570px;
        background: url(../img/bg_jh_flow.gif) no-repeat 60px 98px;
        text-align: left;
        margin: -28px 0 0;
}

.lp_flow.jh_flow > div:nth-of-type(odd) {
        left: 0;
}

.lp_flow.jh_flow > div:nth-of-type(even) {
        right: 0;
}

.lp_flow.jh_flow > div:nth-of-type(1) {        top: 0px; }
.lp_flow.jh_flow > div:nth-of-type(2) {        top: 220px; }
.lp_flow.jh_flow > div:nth-of-type(3) {        top: 426px; }
.lp_flow.jh_flow > div:nth-of-type(4) {        top: 657px; }
.lp_flow.jh_flow > div:nth-of-type(5) {        top: 812px; }
.lp_flow.jh_flow > div:nth-of-type(6) {        top: 1016px; }
.lp_flow.jh_flow > div:nth-of-type(7) {        top: 1257px; }
.lp_flow.jh_flow > div:nth-of-type(8) {        top: 1517px; }
.lp_flow.jh_flow > div:nth-of-type(9) {        top: 1711px; }
.lp_flow.jh_flow > div:nth-of-type(10) { top: 1915px; }
.lp_flow.jh_flow > div:nth-of-type(11) { top: 2128px; }
.lp_flow.jh_flow > div:nth-of-type(12) { top: 2368px; }

.lp_flow.jh_flow .btn a {
        background: #5ea600 url(../img/arw_btn.png) no-repeat right 10px top 50%;
        background-size: 4px auto;
}

.lp_flow.jh_flow .flow_btn {
        position: absolute;
        top: 355px;
        left: 176px;
        border: 2px solid #5ea600;
        color: #5ea600;
}

.lp_flow.jh_flow .flow_btn.end {
        top: 2046px;
        left: 176px;
}

.lp_flow.jh_flow p.flow_btn:nth-of-type(3) {
        top: 2305px;
}

.lp_flow.jh_flow p.flow_btn:nth-of-type(4) {
        top: 2523px;
}

/* im_footcv */
.jh_wrapper .lp_footcv {
        background: #f1fae1;
}

.jh_wrapper .lp_footcv .profbox {
    padding: 35px 40px;
}

.jh_wrapper .lp_footcv .profbox .img {
    margin: 7px 0;
}

.lp_footcv .fc_red {
        color: #e84018;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        margin: 37px 0 0;
}

.jh_wrapper .lp_footcv .btn {
        margin-top: 12px;
}


/* ユーザー専用サポートページ
======================================================= */

body.user_top .main .block {
        margin: 0 0 20px;
}

body.user_top .usertop_mb {
        margin: 0 0 50px;
}

body.user .main .block h2{
        font-size: 28px;
        font-size: 2.8rem;
}

body.user .faq_block + h2{
        margin-top: 50px;
}

/* よくあるご質問 */

body.user .faq_block:nth-last-of-type(2),
body.user .faq_block:last-of-type {
        margin-bottom: 0px;
}

body.user .faq_open .faq_q{
        cursor: default;
}

body.user .faq_block .faq_open .faq_q{
        cursor: pointer;
}

#tinymce .faq_open .faq_a {
        display: block !important;
}

body.user .faq_open a {
        color: #333;
        text-decoration: none;
}

body.user .faq_open a:hover {
        color: #e84018;
}

body.user .faq_open {
        margin-bottom: 0;
}

body.user .faq_block .faq_open {
        margin-bottom: 20px;
}

/* バージョンの確認方法について */
.usertop_tit_group{
        position: relative;
}

.usertop_confirm{
        position: absolute;
        z-index: 1;
        top: 9px;
        left: 254px;
}

.usertop_confirm a{
        display: block;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 2.0;
        padding: 0 0 0 30px;
        background: url(../img/ico_information.png) 0 50% no-repeat;
}

body.user.version{
        min-width: 0;
}

body.user.version .wrap_h1{
        display: block;
        width: 100%;
}

body.user.version .wrap_under_headline h1{
        font-size: 18px;
        font-size: 1.8rem;
        padding: 20px 3%;
}

body.user.version .wrapper,
body.user.version footer .foot_in{
        width: 94%;
        margin: 0 auto;
}

body.user.version .wrapper .main{
        width: 100%;
}

body.user.version .foot_logo{
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: start;
        -webkit-box-align: start;
        align-items: start;
}

body.user.version .foot_logo p{
        margin: 0 0 0 20px;
}

body.user.version .foot_logo p:first-child{
        margin: 0;
}

body.user.version .foot_logo .logo_wl{
        width: 85px;
}

body.user.version .foot_logo .logo_ss{
        width: 100px;
}

body.user.version .foot_logo img{
        width: 100%;
        height: auto;
}

/* 使い方マニュアル */
.usertop_manual dl{
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: start;
        align-items: center;
        margin: 0 0 20px;
        padding: 0 0 21px;
        background-image: linear-gradient(to right, #dbdbdb, #dbdbdb 4px, transparent 4px, transparent 6px);
        background-size: 6px 1px;
        background-position: 0 bottom;
        background-repeat: repeat-x;
}

.usertop_manual dt{
        width: 220px;
        padding: 0 0 0 20px;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
}

.usertop_manual dd .about_btn li:first-of-type {
        margin-right: 20px;
}

.usertop_manual dd .about_btn a{
        background: #e84018 url(/common/img/ico_arw_l.png) no-repeat 272px center;
        width: 300px;
}

.usertop_manual dd .about_btn a.blank{
        background: #e84018 url(../img/ico_blank_w.png) no-repeat 269px center;
}


/* お問い合わせ */
.user_cv{
        padding: 28px 0 41px;
        background: #f2f2f2;
        text-align: center;
}

body.user .main .block .user_cv h2{
        font-weight: bold;
        margin: 0 0 14px;
        padding: 0;
        border-bottom: 0;
}

.user_cv .txt{
        margin: 0 0 23px;
}

.user_cv .foot_cv_contact{
        width: 740px;
        margin: 0 auto;
}

.user_cv .foot_cv_contact p:first-of-type,
.user_cv .foot_cv_contact p:nth-of-type(2) {
        width: calc(50% - 10px);
}

.user_cv .foot_cv_contact p:first-of-type a,
.user_cv .foot_cv_contact p:last-of-type a {
        background: #229ad2;
        font-size: 16px;
        font-size: 1.6rem;
        height: 60px;
}

.user_cv .foot_cv_contact p:first-of-type a span,
.user_cv .foot_cv_contact p:last-of-type a span {
        position: relative;
        left: auto;
        top: auto;
        display: inline-block;
        background: url(../img/ico_operation.png) no-repeat 0 center;
        padding: 0 0 0 32px;
        line-height: 60px;
}

.user_cv .foot_cv_contact p:last-of-type a span {
        background: url(../img/ico_contract.png) no-repeat 2px center;
}

a.user_confirm{
        display: inline-block;
        padding: 0 0 0 30px;
        background: url(../img/ico_information.png) 0 50% no-repeat;
}

select + a.user_confirm{
        margin: 0 0 0 10px;
}

/* 相談窓口予約カレンダー */
.foot_consultation {
        text-align: center;
}
.foot_consultation a,
.foot_consultation a:visited {
        display: block;
        width: 500px;
        margin: 0 auto;
        border-radius: 30px;
        padding: 16px 0;
        background: #229ad2;
        font-size: 16px;
        font-size: 1.6rem;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        transition: .2s;
}
.foot_consultation a span {
        background: url(../../img/ico_calendar.png) 0 0 no-repeat;
        padding: 5px 0 5px 40px;
}
.foot_consultation a:hover {
        opacity: .7;
        transition: .2s;
}


/* お問い合わせ設定
======================================================= */

/* お問い合わせ table */

form table.tbr {
        width: 100%;
}

form table.tbr th {
        width: 30%;
        text-align: left;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 20px 10px;
}

form table.tbr td {
        width: 70%;
        text-align: left;
        padding: 20px 10px;
}

form table.tbr span {
        float: right;
        color: #fff;
        font-size: 12px;
        font-size: 1.2rem;
        background: #c00;
        padding: 2px 7px;
}

form ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

form input,
form select,
form label {
        padding: 5px;
        font-size: 1.6rem;
        vertical-align: middle;
}

form textarea {
        width: 90%;
        padding: 5px;
        font-size: 1.6rem;
        vertical-align: middle;
        resize: vertical;
}

form input[type="text"] {
        width: 85%;
}

form input[type="tel"] {
        width: 20%;
}
*#tel1,
*#tel2,
*#tel3,
*#zip1 {
        width: 20%;
}
*#zip2 {
        width: 30%;
}

form input[type="radio"],
form input[type="checkbox"] {
        width: 20px;
        height: 20px;
}


form ul.list_inline li {
        float: left;
        margin: 0 30px 0 0;
}

form ul.list_inline li input[type="checkbox"] {
        margin: 0 5px 0 0;
}

dl.subform {
        width: 100%;
        margin: 0 0 10px;
        padding: 0;
}

dl.subform dt {
        float: left;
        width: 23%;
        padding: 9px 0 0;
}
dl.subform dd {
        float: left;
        width: 77%;
}


form .agree_box {
        padding: 20px 10px;
        text-align: center;
        border: 1px solid #e6e6e6;
        font-size: 18px;
        font-size: 1.8rem;
}

form .agree_box input[type="checkbox"] {
        margin: 0 10px 0 0;
}

/*フォーム*/
.telbox {
        display: -webkit-box;
        display: flex;
        margin-bottom: 20px;
}

.telbox .h_tel {
        margin-right: 30px;
}

.telbox .h_tel span {
        background: url(../img/ico_tel.png) left center no-repeat;
        padding-left: 27px;
        font-weight: bold;
        font-size: 30px;
        font-size: 3.0rem;
        color: #e84018;
        line-height: 1.2;
}

.telbox .h_tel em {
        display: block;
        font-size: 12px;
        font-size: 1.2rem;
        padding-left: 30px;
        color: #333;
        font-weight: bold;
}

.form_flow {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
}

.form_flow p {
        width: 200px;
        line-height: 50px;
        background-color: #efefef;
        padding: 0 10px;
        font-weight: bold;
        position: relative;
        margin-right: 25px;
}

.form_flow p:after {
        border-style: solid;
        border-width: 25px 0 25px 25px;
        border-color: transparent transparent transparent #efefef;
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        right: -25px;
        top: 0;
}

.form_flow p span {
        background-color: #e84018;
        color: #fff;
        font-size: 12px;
        font-size: 1.2rem;
        padding: 4px 20px;
        line-height: 1;
        margin-right: 20px;
}

.form_flow .select_flow {
        background-color: #e84018;
        color: #fff;
}

.form_flow .select_flow:after {
        border-style: solid;
        border-width: 25px 0 25px 25px;
        border-color: transparent transparent transparent #e84018;
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        right: -25px;
        top: 0;
}

.form_flow .select_flow span {
        background-color: #fff;
        color: #333;
}

.form_flow p:last-of-type {
        width: 225px;
}

.form_flow p:last-of-type:after {
        border-style: initial;
        border-width: initial;
        border-color: initial;
        position: initial;
        content: initial;
        width: initial;
        height: initial;
        right: initial;
        top: initial;
}

form input.btn,
form input.input_b {
        background: #e84018 url(../img/ico_arw_l.png) no-repeat 500px center;
        border-radius: 30px;
        padding: 22px 0;
        line-height: 1;
        text-align: center;
        margin: 35px auto 0;
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
        width: 600px;
        display: block;
        border: none;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}

form input.btn:hover,
form input.input_b:hover {
        opacity: 0.7;
        text-decoration: none;
}

.recaptcha_cover{
    max-height: 78px;
    overflow: hidden;
    margin: 0 0 30px;
}

.recaptcha_cover .g-recaptcha {
    margin: 0 auto;
    width: 302px;
}

form input[disabled]{
    background: #dcdcdc;
}

form p.back {
        margin: 30px 0 0;
        text-align: center;
}

form p.back a {
        padding: 0 0 0 21px;
        background: url(../img/arw.png) no-repeat 0 .2em;
}

.main .block .form_trigger {
        border: solid 1px #dbdbdb;
        padding: 15px 15px 15px 55px;
        background: url(../img/ico_plus_red.png) no-repeat 15px center;
        cursor: pointer;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}

.main .block .form_trigger:hover,
.main .block .form_trigger.minus:hover {
        background-color: #f6f6f6;
}

.main .block .form_trigger.minus {
        background: url(../img/ico_minus_red.png) no-repeat 15px center;
}

.main .block .form_trigger + div {
        display: none;
}

.form_consultation_heading {
    font-weight: bold;
    margin: 20px 0 2px;
}

.form_consultation_ul li {
    margin: 4px 0;
}

.form_consultation_ul ul {
    margin-left: 12px;
}

.form_consultation_ul label input {
    margin-right: 8px;
}

.form_kikkake_ul li {
    margin: 4px 0;
}

.form_kikkake_ul label {
    width: 120px;
    display: inline-block;
}

.form_kikkake_ul input[type="radio"] {
    margin-right: 8px;
}

.form_kikkake_ul input[type="text"] {
    margin: 0 4px;
}



/* お問い合わせ error */

.err_block {
        clear: both;
        margin-bottom: 17px;
        padding: 12px;
        background: #ffe8e8;
}

.err_block p {
        color: #f00;
}

.err_block p.err_tit {
        font-weight: bold;
        margin: 0 0 5px;
        padding: 2px 0 2px 10px;
        color: #fff;
        background: #f00;
}

label.error {
        border: 1px solid #ff8383;
        background: #ffe8e8;
        display: inline-block;
}

input.error {
        border: 1px solid #ff8383;
        background: #ffe8e8;
}

select.error {
        border: 1px solid #ff8383;
        background: #ffe8e8;
}

textarea.error {
        border: 1px solid #ff8383;
        background: #ffe8e8;
}

fieldset {
        display: inline;
        padding: 3px;
}

fieldset.error {
        background: #ffe8e8;
}

#form_flow {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#form_flow li {
        float: left;
        width: 202px;
        list-style-type: none;
}

#form_flow li.arw {
        width: 57px;
        padding: 7px 0 0;
        text-align: center;
}

#form_flow li .inner {
        padding: 5px 0;
        text-align: center;
        border: 1px solid #d2d2d2;
}


/* 真ん中
======================================================= */

.tal {
        text-align: left !important;
}

.tac {
        text-align: center !important;
}

.tar {
        text-align: right !important;
}


/* TOPへ戻る
======================================================= */

.top_back {
        clear: both;
        padding: 30px 0;
        text-align: center;
}

.top_back a {
        padding: 0 15px;
}


/* 汎用スタイル設定
======================================================= */

.tac { text-align: center; }
.tal { text-align: left; }
.ter { text-align: right; }

.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }

.pc_none { display: none; }
.clearfix {
        zoom: 1;
}
.clearfix:after {
        display: block;
        clear: both;
        content: '';
}
*:after {
        display: block;
        clear: both;
}

/* ちらつき防止
======================================================= */

.overimg {
        box-shadow: #fff 0 0 0;
}

.overimg:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        background: #fff¥9;
}