@charset "UTF-8";

body {-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

.font-en {
    font-family: quicksand,Arial,Helvetica,sans-serif;
}

.l-section:nth-child(n+2) {
    margin-top: 60px;
}

.l-section._border:nth-child(n+2) {
    margin-top: 60px;
    padding-top: 30px;
    border-top: 2px solid #DCD8D8;
}

.l-section._border_lage:nth-child(n+2) {
    margin-top: 80px;
    padding-top: 70px;
    border-top: 2px solid #DCD8D8;
}

.l-padding {
    position: relative;
    z-index: 1;
}

.l-padding._top {
    padding-top: 45px;
}

.l-padding._bottom {
    padding-bottom: 72px;
}

.l-container {
    min-width: 320px;
}

.l-inner {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.l-inner._max {
    max-width: 1200px;
}

.l-inner .l-inner {
    padding-left: 0;
    padding-right: 0;
}

.l-column:after {
    content: " ";
    display: block;
    clear: both;
}

.l-column > li {
    float: left;
}

.c-mv {
    background-color: #1C224C;
}

@media screen and (min-width:769px){
    .c-mv {
        margin-top:90px;
        position:relative;

    } 

    .c-mv .l-inner._max {
        height:270px;
        display: flex;
        align-items: center;
    }
}

.c-mv__bg {
    position: relative;
    max-width: 1580px;
    margin: 0 auto;
    /* padding: 100px 0 60px; */
    z-index: 1;
}
.c-mv__bg:before {
    /* 追記 */
    content:"";
    position: absolute;
    top:0;
    left:0;
    display: block;
    width:100%;
    height:100%;
    background:rgb(33, 33, 66);
    opacity:0.65;
    z-index:1;
}

.c-mv__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit:cover";
    z-index: -1;
}

.c-mv__text {
    display: inline-block;
    min-width: 600px;
    padding: 15px 20px 20px 0px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.2em;
    /* background-color: rgba(255, 255, 255, 0.85); */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2;

    top:-0.5em;
}

@media screen and (max-width:1240px){
    .c-mv__text {
        padding-left: 20px;
    }
}

.c-mv__subtitle {
    /* 修正前 */
    margin-bottom: 5px;
    font-size: 26px;
    font-size: 1.625rem;
    color: #888888;
}
.c-mv__subtitle {
    /* 修正後 */
    margin-bottom: 5px;
    font-size: 26px;
    font-size: 1.1rem;
    color: #fff;
    font-weight:300;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.c-mv__heading {
    /* 修正前 */
    font-size: 2.2rem;
    color: #1C224C;
    text-indent: -0.1rem;
}

.c-mv__heading {
    /* 修正後 */
    font-size: 1.8rem;
    letter-spacing: -0.05rem;
    color: #fff;
}

.c-heading {
    margin-bottom: 33px;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.2;
}

.c-heading__title {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: 700;
    color: #111111;
}

.c-heading__subtitle {
    margin-top: 10px;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
    color: #888888;
}

.c-heading2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

.c-heading2__main {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    padding-right: 6.3em;
    font-weight: 700;
}

.c-heading2__main:after {
    content: "\ff1e\ff1e";
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 46px;
    font-size: 2.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.2em;
    color: #CCCCCC;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

.c-heading2__main:hover {
    text-decoration: none;
}

#telework .c-heading {
    position: relative;
    max-width: 1100px;
    margin: 0 auto 20px;
    padding: 30px 0 30px 30px;
    z-index: 1;
    text-align: left;
}
#telework .c-heading .telework-header img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
}
#telework .c-heading .c-mv__text {
    display: inline-block;
    min-width: 550px;
    padding: 15px 20px 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.2em;
    background-color: rgba(255, 255, 255, 0.85);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#telework .c-heading .c-mv__text .c-mv__subtitle {
    margin: 10px 0 0;
    font-size: 1.4rem;
}

html[data-whatintent="mouse"] .c-heading2__main:hover:after {
    color: #111111;
}

.c-heading2__title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.2;
    color: #111111;
}

.c-heading2__subtitle {
    font-size: 20px;
    font-size: 1.25rem;
    color: #888888;
    letter-spacing: 0.1em;
}

.c-heading2__sub {
    padding-left: 40px;
    font-size: 16px;
    font-size: 1rem;
}

.c-heading3 {
    margin-bottom: 20px;
}

.c-heading3__title {
    font-size: 28px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #111111;
    line-height: 1.57143;
    letter-spacing: 0.1em;
}

.c-heading3__title.form {
    /*font-size: 1.75rem;
    letter-spacing: 0.1em;*/
    text-align: center;
    margin-bottom: 15px;
}

.c-heading3__subtitle {
    margin-top: 3px;
    font-size: 16px;
    font-size: 1rem;
}

.c-heading3__subtitle.form {
    text-align: center;
    line-height: 1.5;
}

.small.form {
	font-size: 0.875rem;
    margin-top: 15px;
    text-align: center;
}

.c-heading3._center {
    text-align: center;
}

.c-button {
    position: relative;
    display: inline-block;
    max-width: 100%;
    margin: 0;
    border: 2px solid;
    border-radius: 0;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.16667;
    -webkit-transition: color 0.5s, opacity 0.5s, border-color 0.5s, background-color 0.5s, outline-offset 0.5s;
    transition: color 0.5s, opacity 0.5s, border-color 0.5s, background-color 0.5s, outline-offset 0.5s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.c-button_wrapper._align_center {
    text-align: center;
}

.c-button_wrapper._margin_top {
    margin-top: 66px;
}

.c-button_wrapper._margin_top-middle {
    margin-top: 50px;
}

.c-button_wrapper._margin_top-small {
    margin-top: 30px;
}

.c-button_wrapper ._margin_bottom-small {
    margin-bottom: 10px;
}

.c-button:hover {
    text-decoration: none;
}

.c-button._radius {
    border-radius: 1000px;
}

.c-button._t_small {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
}

.c-button._w_fluid {
    width: 100%;
}

.c-button._w_regular {
    width: 417px;
}

.c-button._w_small {
    width: 253px;
}

.c-button._h_regular,
.c-button._h_small,
.c-button._h_min {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.c-button._h_regular {
    height: 65px;
}

.c-button._h_small {
    height: 48px;
}

.c-button._h_min {
    height: 30px;
}

.c-button._icon_arrow:after,
.c-button._icon_plus:before {
    /*アイコン共通のCSS*/
}

.c-button._icon_arrow:after {
    margin-top: 2px;
    margin-left: 15px;
    content: "\f105";
    height: 1em;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    vertical-align: middle;
    font-weight: 900;
}

.c-button._icon_plus:before {
    margin-top: -2px;
    margin-right: 12px;
    content: "\f055";
    height: 1em;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    vertical-align: middle;
    font-weight: 900;
}

.c-button._bg_primary {
    border-color: #1C224C;
    color: #fff;
    background-color: #1C224C;
}

html[data-whatintent="mouse"] .c-button._bg_primary:hover {
    opacity: 0.85;
}

.c-button._bg_secondary {
    border-color: #1C224C;
    color: #fff;
    background-color: #1C224C;
}

html[data-whatintent="mouse"] .c-button._bg_secondary:hover {
    border-color: #333333;
    background-color: #333333;
}

.c-button._bg_red {
    border-color: #A70909;
    color: #fff;
    background-color: #A70909;
}

.c-button._bg_close {
    border-color: #A70909;
    color: #A70909;
    background-color: #EBEBEB;
}

.c-bg._pale {
    background-color: #F7F7F7;
}

.c-lede {
    margin-bottom: 30px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    text-align: center;
}

.c-card {
    display: block;
    max-width: 417px;
    margin: 0 auto;
    background-color: #fff;
    font-size: 16px;
    font-size: 1rem;
}

.c-card:hover {
    text-decoration: none;
}

.c-card__thumbnail {
    position: relative;
    padding-bottom: 62.35294%;
}

.c-card__thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit:cover";
}

.c-card__body {
    padding: 23px 13px 10px;
}

.c-card__title {
    margin-bottom: 8px;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
}

.c-card__desc {
    line-height: 1.375;
}

.c-card__info {
    border-top: 1px solid #DCD8D8;
    margin-top: 6px;
    padding-top: 6px;
}

.c-card__more {
    margin-top: 13px;
    text-align: right;
}

.c-card._bg_pale {
    background-color: #F7F7F7;
}

.c-card._sp_horizon {
    position: relative;
}

.c-strong {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
}



.c-bread {
    padding: 13px 0;
}

.c-bread__list {
    word-break: break-all;
}

.c-bread__list > li {
    display: inline;
    margin-right: 0.2em;
}

.c-bread__list > li + li:before {
    content: "\FF1E";
    /*	content: ">";*/
}

/*pagetop*/

.c-pagetop {
    padding-top: 20px;
    padding-bottom: 112px;
    font-size: 24px;
    font-size: 1.5rem;
    color: #333333;
    background: #F7F7F7;
    text-align: center;
    display: none;
}

.c-pagetop a {
    display: inline-block;
    max-width: 100%;
    width: 800px;
    padding: 10px 0;
    border: 1px solid;
    text-align: center;
    background-color: #fff;
}

.c-pagetop a:hover {
    text-decoration: none;
}

html[data-whatintent="mouse"] .c-pagetop a:hover {
    opacity: 0.6;
}

.c-pagetop .fas {
    margin-right: 20px;
}

.c-table {
    width: 100%;
}

.c-table__scroll {
    overflow-x: scroll;
}

.c-table__scroll_txt {
    display: none;
}

.c-table th {
    background: #EBEBEB;
    border: 1px solid #707070;
    padding: 15px;
    text-align: center;
    font-weight: bold;
}
#service .price .c-table th {
    background: #23396f;
    color: #fff;
    border: 1px solid #dedede;
    padding: 10px 15px;
    font-size: 1rem;
    font-weight: 500;
    vertical-align: middle;
}
#service .price .c-table th span {
    background: yellow;
    color: #333;
    font-size: 0.85rem;
    padding: 0 5px;
}

.c-table td {
    background: #fff;
    border: 1px solid #707070;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#service .price .c-table td {
	padding: 10px;
    border: 1px solid #dedede;
}
#service .price .c-table td:first-child {
    background: #e0edf3;
}
#service .c-table td.u-bold {
    background: #e8e8e8;
}

.c-table td ul li {
    line-height: 1.4;
    padding-left: 1em;
    text-indent: -1em;
}
#service .price .c-table td ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    background-color: #7489b4;
    border-radius: 50%;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.c-table td ul li + li {
    margin-top: 4px;
}

.c-pagenav__plan {
    overflow: hidden;
    border: 1px solid #333333;
    margin: 0 0 80px;
}

.c-pagenav__plan dt {
    background: #333333;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    padding: 10px 20px;
    line-height: 1;
}

.c-pagenav__plan dd a {
    display: block;
    padding: 0 20px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    text-align: left;
}

.c-h2__level4 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: bold;
}
#service .c-h2__level4 {
    font-size: 2.2rem;
}

.c-h2__sub {
    padding: 15px;
    font-size: 18px;
    font-size: 1.125rem;
    background: #fff;
}
#service .c-h2__sub {
    padding: 15px 30px;
}

.c-h3__section {
    margin-top: 60px;
}

.c-h3__level4 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: bold;
}

.c-h3__pickup {
    padding: 0 40px;
    background: #fff;
    counter-reset: number 0;
}

.c-h3__pickup .box {
    overflow: hidden;
    padding: 40px 0;
    position: relative;
    border-bottom: 1px solid #DCD8D8;
}
#service .c-h3__pickup .box {
    display: flex;
    justify-content: center;
}

.c-h3__pickup .box::before {
    counter-increment: number 1;
    content: counter(number, decimal-leading-zero) " ";
    position: absolute;
    top: 25px;
    right: 0;
    font-size: 52px;
    font-size: 3.25rem;
    font-weight: bold;
    color: #EBEBEB;
    line-height: 1;
    font-family: "Roboto", sans-serif;
}

.c-h3__pickup .box:last-child {
    border-bottom: none;
}

.c-h3__pickup .box .img {
    float: left;
    width: 36%;
}
#service .c-h3__pickup .box .img {
    float: none;
    width: auto;
    margin-top: 10px;
}

.c-h3__pickup .box .txt {
    width: 62%;
    float: right;
}
#service .c-h3__pickup .box .txt {
    width: auto;
    float: none;
    margin-left: 20px;
}

.c-h3__pickup .box .txt dt {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 5px;
    padding-right: 60px;
}
#service .c-h3__pickup .box .txt dd.website {
    display: flex;
}
#service .c-h3__pickup .box .txt dd ul.pc {
    display: block;
}

#service .c-h3__pickup a.lp-link  {
	display: block;
    text-align: right;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: underline;
    padding: 10px 0 20px;
}
#service .c-h3__pickup a.lp-link:hover  {
    text-decoration: none;
}

@media screen and (max-width:768px){
    #service .c-h3__pickup .box {
    	display: block;
	}
	#service .c-h3__pickup .box .txt {
    	margin-left: 0;
	}
    #service .c-h3__pickup .box .txt dd ul.pc {
    	display: none;
    } 
}

.p-slide {
    position: relative;
}

.p-slide .swiper-container {
    margin: 0 -1.72%;
    overflow: hidden;
}

.p-slide .swiper-slide {
    padding: 0 1.72%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.p-slide__buttons {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10000px;
    right: -10000px;
    width: 100%;
    margin: auto;
    height: 0;
    z-index: 10;
}

.p-slide__buttons .swiper-button-prev-custom,
.p-slide__buttons .swiper-button-next-custom {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.p-slide__buttons .swiper-button-prev-custom {
    left: 0;
    -webkit-transform: scale(-1, 1) translateY(-50%);
    -ms-transform: scale(-1, 1) translateY(-50%);
    transform: scale(-1, 1) translateY(-50%);
}

.p-slide__buttons .swiper-button-next-custom {
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-news {
    font-size: 16px;
    font-size: 1rem;
    color: #666666;
    background-color: #fff;
}

.p-news__item:nth-child(n+2) {
    border-top: 1px dashed;
}

.p-news__link {
    display: block;
    padding: 10px 30px;
    color: inherit;
}

.p-news__link:after {
    content: " ";
    display: block;
    clear: both;
}

.p-news__link:hover {
    text-decoration: none;
}

html[data-whatintent="mouse"] .p-news__link:hover .p-news__title {
    text-decoration: underline;
}

.p-news__day {
    float: left;
    margin-right: 80px;
    font-weight: 700;
}

.p-news__title {
    overflow: hidden;
}

[data-js-tel] a {
    color: inherit;
    text-decoration: underline;
}

/*

.fa-phone-volume:before {

    content: "\f2a0";

}

.fa-caret-right:before {

    content: "\f0da";

}

.fa,

.fas,

.far,

.fal,

.fad,

.fab {

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    display: inline-block;

    font-style: normal;

    font-variant: normal;

    text-rendering: auto;

    line-height: 1;

}

.fa,

.fas {

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

}

.fa-envelope:before {

    content: "\f0e0";

}

.fa-chevron-up:before {

    content: "\f077";

}

.fa-arrow-circle-down:before {

    content: "\f0ab";

}

*/



/* pagenavi */

.wp-pagenavi {
    clear: both;
    padding: 60px 0 0;
    text-align: center;
}

.wp-pagenavi a.page {
    background: #EBEBEB;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    background: #707070;
    color: #fff;
    font-weight: bold;
}

.wp-pagenavi a,
.wp-pagenavi span {
    width: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin: 0 1px;
    color: #707070;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
}



/*single markup style*/

.post_text {
    overflow: hidden;
}

.post_text p {
    margin-bottom: 25px;
    line-height: 1.6;
}

.post_text img {
    max-width: 100%;
    height: auto;
}

.post_text img.alignright {
    float: right;
    margin: 0 0 15px 15px;
    display: block;
}

.post_text img.alignleft {
    float: left;
    margin: 0 15px 15px 0;
    display: block;
}

.post_text img.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

.post_text h1 {
    font-size: 36px;
    border-bottom: 6px solid;
    margin: 0 0 35px;
}

.post_text h2 {
    font-size: 32px;
    border-bottom: 5px solid;
    margin: 0 0 35px;
}

.post_text h3 {
    font-size: 28px;
    border-bottom: 4px solid;
    margin: 0 0 35px;
}

.post_text h4 {
    font-size: 24px;
    border-bottom: 3px solid;
    margin: 0 0 35px;
}

.post_text h5 {
    font-size: 20px;
    border-bottom: 2px solid;
    margin: 0 0 35px;
}

.post_text h6 {
    font-size: 16px;
    border-bottom: 1px solid;
    margin: 0 0 35px;
}

.post_text td {
    padding: 10px;
    border: 1px solid;
}

.post_text table {
    margin-bottom: 25px;
}

.post_text ul,
.post_text ol {
    padding-left: 1.3em;
    margin-bottom: 25px;
}

.post_text li {
    list-style-type: inherit;
}

.post_text ul li {
    margin-bottom: 10px;
    line-height: 1.4;
}

.post_text ol li {
    margin-bottom: 10px;
    line-height: 1.4;
}

.post_text a {
    text-decoration: underline;
    color: #999;
}

/*全画面*/

.g-wrapper {
    overflow: hidden;
}

/*ヘッダー*/
.g-header {
    position: relative;
}

.g-header a {
    color: inherit;
}

.g-header .main {
    padding-top: 8px;
    /*padding-bottom: 10px;*/
    border-bottom: 2px solid #1C224C;
    background-color: #fff;
}

.g-header .main__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.g-header .logo {
    max-width: 160px;
    padding-bottom: 0.5em;
}

.g-header .pc__info {
    margin-bottom: 16px;
    text-align: right;
}

.g-header .pc__tel,
.g-header .pc__link,
.g-header .pc__button {
    display: inline-block;
    vertical-align: middle;
}

.g-header .pc__tel {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1;
    font-weight: 700;
}

.g-header .pc__tel .fas {
    margin-right: 3px;
    font-size: 21px;
    font-size: 1.3125rem;
    -webkit-transform: translateY(-3px) rotate(-34deg);
    -ms-transform: translateY(-3px) rotate(-34deg);
    transform: translateY(-3px) rotate(-34deg);
}

.g-header .pc__button {
    display: inline-block;
    min-width: 180px;
    margin-left: 4px;
    padding: 6px 10px;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    background-color: #F7F7F7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.g-header .pc__button._document {
    background-color: #1C224C;
}

.g-header .pc__button._contact {
    background-color: #A70909;
}

.g-header .pc__button:hover {
    text-decoration: none;
}

html[data-whatintent="mouse"] .g-header .pc__button:hover {
    opacity: 0.6;
}

.g-header .pc__list {
    /*margin-right: 17px;*/
    text-align: right;
    font-size: 16px;
    font-size: 1rem;
}

.g-header .pc__list > li {
    display: inline-block;
    padding-bottom: 10px;
}

.g-header .pc__list a,
.g-header .pc__list > li .plunavi,
.g-header .pc__list > li .pul_title1 {
    display: block;
    /*padding: 0 33px;*/
    font-weight: 700;
    color: #1C224C;
    text-align: center;
    -webkit-transition: opacity 0.5s, outline-offset 0.5s;
    transition: opacity 0.5s, outline-offset 0.5s;
}

.g-header .pc__list > li a:hover,
.g-header .pc__list > li .plunavi:hover,
.g-header .pc__list > li .pul_title1:hover {
    text-decoration: none;
}

html[data-whatintent="mouse"] .g-header .pc__list > li a:hover,
html[data-whatintent="mouse"] .g-header .pc__list > li .plunavi:hover,
html[data-whatintent="mouse"] .g-header .pc__list > li .pul_title1:hover {
    opacity: 0.6;
}

.g-header .pc__list > li .pludown {
    display: none;
    background: #1C224C;
    width: 100%;
    position: absolute;
    top: 98%;
    left: 0;
    z-index: 1000;
}

.g-header .pc__list > li .pludown .l-inner {
    max-width: 1200px;
}

.g-header .pc__list > li .pludown .list_arrow {
    font-weight: 700;
    color: #fff;
}

.g-header .pc__list > li .pludown .list_arrow .arrow {
    display: inline;
}

.g-header .pc__list > li .pludown a,
.g-header .pc__list > li .pludown .pul_title1 {
    color: #fff;
    padding: 0;
    text-align: left;
    line-height: 1.4;
    margin-bottom:15px;
}

.g-header .pc__list > li .pludown a.arrow,
.g-header .pc__list > li .pludown .pul_title1.arrow {
    position: relative;
    line-height: 1.4;
}

.g-header .pc__list > li .pludown a.arrow:before,
.g-header .pc__list > li .pludown .pul_title1.arrow:before {
    content: "\f054";
    height: 1em;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    vertical-align: middle;
    font-weight: 900;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 5px;
    margin-left: 10px;
}

.g-header .pc__list > li .pludown .pludown_list {
    overflow: hidden;
    padding: 10px 0 25px;
}

.g-header .pc__list > li .pludown .pludown_list li {
    float: left;
    padding: 25px 2% 15px;
}

.g-header .pc__list > li .pludown .pludown_list li:first-child {
    min-width: 200px;
    text-align: left;
    line-height: 1.4;
}

@media only screen and (min-width:769px) {
	.g-header .pc__list > li .pludown .pludown_list li:last-child {
	    min-width: 230px;
	}
}
@media only screen and (min-width:1025px) {
	.g-header .pc__list > li .pludown .pludown_list li:last-child {
	    min-width: 330px;
	}
}

.g-header .menu-button {
    position: relative;
    display: none;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.g-header .menu-button,
.g-header .menu-button:before {
    -webkit-transition: opacity 0.5s, outline-offset 0.5s;
    transition: opacity 0.5s, outline-offset 0.5s;
}

.g-header .menu-button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/cmn/menu_close.png) no-repeat left top;
    background-size: 100% 100%;
    opacity: 0;
}

.g-header .menu-button[aria-expanded="true"] img {
    opacity: 0 !important;
}

.g-header .menu-button[aria-expanded="true"]:before {
    opacity: 1;
}

.g-header .panel {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 320px;
    padding-top: 58px;
    color: #fff;
    background-color: #1C224C;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 4900;
}

.g-header .panel__inner {
    padding-top: 18px;
    padding-bottom: 50px;
}

.g-header .sp {
    max-width: 500px;
    margin: 0 auto;
}

.g-header .sp__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    border: 2px solid #A70909;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.g-header .sp__button:nth-child(n+2) {
    margin-top: 10px;
}

.g-header .sp__button._contact {
    font-size: 18px;
    font-size: 1.125rem;
    color: #fff;
    font-weight: 500;
    background-color: #A70909;
}

.g-header .sp__button._contact .fa-envelope {
    font-size: 24px;
    font-size: 1.5rem;
}

.g-header .sp__button._contact .fa-caret-right {
    margin-left: 2px;
}

.g-header .sp__button._tel {
    color: #A70909;
    background-color: #fff;
}

.g-header .sp__button._tel .fa-phone-volume {
    margin-right: 8px;
    font-size: 30px;
    font-size: 1.875rem;
}

.g-header .sp__navi {
    margin-top: 14px;
}

.g-header .sp__list {
    font-size: 18px;
    font-size: 1.125rem;
}

.g-header .sp__list > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.g-header .sp__list > li:before {
    content: "\f054";
    height: 1em;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    vertical-align: middle;
    font-weight: 900;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
}

.g-header .sp__list a {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 7px 0;
    font-weight: 700;
    overflow: hidden;
}

/*フッター*/

.g-footer {
    color: #fff;
    background-color: #1C224C;
}

.g-footer a {
    color: inherit;
}

.g-footer .contact {
    /* max-width: 970px; */
    margin: 0 auto;
}

.g-footer .contact__body {
    padding: 33px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.g-footer .contact__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    height: 98px;
    border: 2px solid #A70909;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.g-footer .contact__button:hover {
    text-decoration: none;
}

html[data-whatintent="mouse"] .g-footer .contact__button:hover {
    opacity: 0.6;
}

.g-footer .contact__button._tel {
    color: #A70909;
    background-color: #fff;
}

.g-footer .contact__button._contact {
    font-size: 30px;
    font-size: 1.875rem;
    color: #fff;
    font-weight: 500;
    background-color: #A70909;
}

.g-footer .contact__button._contact .fa-caret-right {
    margin-left: 2px;
    font-size: 32px;
    font-size: 2rem;
}

.g-footer .contact__number {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}

.g-footer .contact__time {
    font-size: 18px;
    font-size: 1.125rem;
}

.g-footer .contact__button-in {
    display: block;
    text-align: center;
}

.g-footer .access {
    color: #111111;
    padding: 63px 0 61px;
    font-size: 20px;
    font-size: 1.25rem;
    background-color: #fff;
}
.g-footer .access .access__list {
    font-size: 1.0rem;
}

.g-footer .access__inner:after {
    content: " ";
    display: block;
    clear: both;
}

.g-footer .access__info {
    float: left;
    width: 50%;
}

.g-footer .access__info a {
    text-decoration: underline;
}

.g-footer .access__info a:hover {
    text-decoration: none;
}

.g-footer .access__map {
    position: relative;
    float: right;
    width: 50%;
    margin-top: 10px;
}

.g-footer .access__map:before {
    content: "";
    display: block;
    padding-bottom: 75.27273%;
}

.g-footer .access__map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #888888;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.g-footer .access__title {
    margin-bottom: 33px;
    font-weight: 700;
}

.g-footer .access__item:nth-child(n+2) {
    margin-top: 35px;
}

.g-footer .access__term {
    font-weight: 700;
}

.g-footer .link {
    border-top: 1px solid #CCCCCC;
    padding-top: 22px;
    padding-bottom: 20px;
}

.g-footer .access + .link {
    border-top: 0;
}

.g-footer .link__head {
    margin-bottom: 35px;
}

.g-footer .link__logo {
    text-align: center;
}

.g-footer .link__nav:after {
    content: " ";
    display: block;
    clear: both;
}

.link__nav-list {
	display: flex;
}

.g-footer .link__nav-item {
    /*float: left;*/
    width: 25%;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.g-footer .link__nav-item:first-child .link__navi-level1 {
    margin-top: 0 !important;
}

.g-footer .link__navi {
    font-size: 18px;
    font-size: 0.9rem;
}

.g-footer .link__navi:nth-child(n+2) {
    margin-top: 14px;
}

.g-footer .link__navi dd {
    padding-left: 1em;
    text-indent: -1em;
}

.g-footer .link__navi dd:before {
    content: "\30fc";
    margin-right: 5px;
}

.g-footer .copyright {
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 18px;
    font-size: 1.0rem;
    text-align: center;
}

/*メイン*/

.g-main {
    display: block;
}

.g-main:after {
    content: " ";
    display: block;
    clear: both;
}

@media screen and (min-width:769px){
    .g-main {
        display: block;
        position:relative;
        z-index:1;
        margin-top:70px;
    } 
}

/*----------------------------------------

index

-----------------------------------------*/

.q-top-mv {
    color: #fff;
    background-color: #1C224C;
}

.q-top-mv .mv {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1580px;
    height: 500px;
    /*height: 704px;*/
    margin: 0 auto;
    z-index: 1;
    overflow: hidden;
    /*
        &:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            background: url(../img/top/bg_mv.jpg) no-repeat center center;
            background-size: cover;
            z-index: -1;
        }
        */
}

.q-top-mv .mv .mv_img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1580px;
    height: 100%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    /* Safari用 */
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.q-top-mv .mv .mv_img img {
    width: 100%;
    height: auto;
}

.q-top-mv .inner {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.q-top-mv .l-inner{
    margin:0 0 10% 5%;
    padding-left: 0;
    padding-right: 0;
}

.q-top-mv .text {
    display: inline-block;
    /*position: relative;
    padding: 10px 60px 21px 0;
    -webkit-transform: translateY(22px);
    -ms-transform: translateY(22px);
    transform: translateY(22px);*/
    z-index: 1;
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
    line-height: 140%;
}

/*.q-top-mv .text:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 10000px;
    height: 100%;
    background-color: rgba(28, 34, 76, 0.85);
    z-index: -1;
}*/

.q-top-search .step {
    font-size: 16px;
    font-size: 1rem;
}

.q-top-search .step:after {
    content: " ";
    display: block;
    clear: both;
}

.q-top-search .step__icon {
    position: absolute;
    top: 17px;
    right: 45px;
    z-index: -1;
}

.q-top-search .step__item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}

.q-top-search .step__head {
    margin-bottom: 46px;
    padding-right: 20px;
    font-weight: 700;
    color: #111111;
}

.q-top-search .step__count {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.36364;
}

.q-top-search .step__title {
    font-size: 18px;
    font-size: 1.125rem;
}

.q-top-search .step__list > li {
    padding-left: 1em;
    text-indent: -1em;
}

.q-top-search .step__list > li:before {
    content: "\30fb";
}

.q-top-search .step__foot {
    margin-top: 32px;
    padding-left: 0.8em;
}

.q-top-case .achieve {
    max-width: 970px;
    margin: 0 auto;
}

.q-top-case .logo__image {
    position: relative;
    padding-bottom: 100%;
    border: 1px solid #707070;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.q-top-case .logo__image img {
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: -1000px;
    right: -1000px;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
}

#case02 .achieve {
    max-width: 1100px;
    margin: 0 auto;
}

#case02 .logo__image {
    position: relative;
    padding-bottom: 100%;
    border: 1px solid #707070;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#case02 .logo__image img {
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: -1000px;
    right: -1000px;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
}

.q-top-company .link {
    display: block;
}

.q-top-company .link:hover {
    text-decoration: none;
}

.q-top-company .title {
    margin-top: 10px;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
}

/*research , field*/

.u-table {
    width: 100%;
    background: #fff;
}

.u-table__title {
    background: #fff;
    font-weight: bold;
    font-size: 20px;
    font-size: 1.25rem;
    padding: 30px 15px 30px 0;
    display: inline-block;
}

.u-table__title span {
    display: inline-block;
    border-bottom: 2px solid #A70909;
    padding: 0 0 10px 10px;
    line-height: 1.2;
    min-width: 210px;
    max-width: 240px;
}

.u-table__subtitle {
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    padding: 1px 10px 1px 6px;
    position: absolute;
    top: 0;
    left: 0;
    background: #E7E7E7;
}

.u-table__txt {
    margin-bottom: 20px;
}

.u-bg__research1 {
    background-image: url(../img/service/research/bg1.jpg);
}

.u-bg__research2 {
    background-image: url(../img/service/research/bg2.jpg);
}

.u-bg__research3 {
    background-image: url(../img/service/research/bg3.jpg);
}

.u-bg__web-marketing1 {
    background-image: url(../img/service/web-marketing/bg1.jpg);
}

.u-bg__web-marketing2 {
    background-image: url(../img/service/web-marketing/bg2.jpg);
}

.u-bg__web-marketing3 {
    background-image: url(../img/service/web-marketing/bg3.jpg);
}

.u-plan__title {
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
}

.u-plan__list {
    margin-top: -20px !important;
    max-width: 640px;
}

.u-plan__list li {
    margin-top: 20px !important;
    position: relative;
}

/* _field_page */

.u-field_sec1 {
    position: relative;
    padding: 20px 0 0;
}

.u-field_sec1 img {
    position: absolute;
    top: 0;
    left: 0;
}

.u-field_sec1 .comment {
    position: relative;
    z-index: 2;
    padding: 20px 20px 30px;
    background: #fff;
    margin-left: 370px;
}

.u-field_sec1 h2 {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.u-field_sec3 h3 {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.125rem;
}

.u-field_sec3 table {
    width: 1100px;
}

.u-field_sec3 table th {
    font-size: 16px;
    font-size: 1rem;
}

.u-field_sec3 table td {
    width: 180px;
    font-size: 16px;
    font-size: 1rem;
}

.u-field_sec3 table td + td {
    width: 370px;
}

.u-field_sec3 table td + td + td {
    width: 550px;
}

.u-cta__level4 {
    display: table;
    border: 1px solid #333333;
    margin-bottom: 50px;
    width: 100%;
}

.u-cta__level4 li {
    display: table-cell;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 44px;
    text-align: center;
}

.u-cta__level4 li a {
    display: block;
    background: #fff;
}

.u-cta__level4 li .fas {
    margin: 0 10px 0 20px;
}

.u-cta__level4 li + li {
    border-left: 1px solid #333333;
}

.u-cta__level4 li.current {
    background: #333333;
    color: #fff;
}

.u-cta__level4._col3 li {
    width: 33.3%;
}

/*casestudy*/

.u-logo li {
    text-align: center;
}

.u-logo li a {
    border: 1px solid #DCD8D8;
    display: inline-block;
}

.u-logo li a img {
    display: block;
}

.u-case__title {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}

.u-case__title span {
    border-bottom: 6px solid #A70909;
}

.u-case__info {
    background: #fff;
    overflow: hidden;
    margin: 0 0 50px;
}

.u-case__info .txt {
    padding-left: 2.66667vw;
    padding-right: 2.66667vw;
    padding-top: 0px;
    padding-bottom: 20px;
}

.u-case__info .txt h2 {
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #333333;
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1rem;
}

.u-case__info .txt .info {
    overflow: hidden;
}

.u-case__info .txt .info .img {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    position: relative;
    border: 1px solid #707070;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.u-case__info .txt .info .img img {
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: -1000px;
    right: -1000px;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
}

.u-case__info .txt .info .data {
    overflow: hidden;
    padding: 10px 0 0 30px;
}

.u-case__info .txt .comment {
    clear: both;
    line-height: 1.6;
    padding: 25px 0 0;
}

.u-case__obi {
    background-color: #EBEBEB;
    background-repeat: no-repeat;
    background-position: center left 15px;
    background-size: 40px 40px;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    padding: 0 0 0 70px;
    width: 155px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.u-case__obi._bg1 {
    background-image: url(../img/casestudy/icon01.png);
}

.u-case__obi._bg2 {
    background-image: url(../img/casestudy/icon02.png);
}

.u-case__obi._bg3 {
    background-image: url(../img/casestudy/icon03.png);
}

.u-case__obi._bg4 {
    background-image: url(../img/casestudy/icon04.png);
}

.u-case__navi {
    margin-bottom: 60px;
}

.u-case__navi a {
    display: table;
    width: 100%;
    position: relative;
    background: #fff;
}

.u-case__navi a:hover {
    text-decoration: none;
}

html[data-whatintent="mouse"] .u-case__navi a:hover {
    text-decoration: none;
}

html[data-whatintent="mouse"] .u-case__navi a:hover .u-case__obi {
    background-color: #fff;
}

html[data-whatintent="mouse"] .u-case__navi a:hover .h3_link {
    background: #EBEBEB;
}

.u-case__navi a + a {
    margin-top: 10px;
}

.u-case__navi a .u-case__obi {
    display: table-cell;
    vertical-align: middle;
}

.u-case__navi a .h3_link {
    display: table-cell;
    padding: 0 60px 0 15px;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: bold;
}

.u-case__navi a .fas {
    position: absolute;
    right: 20px;
    top: 50%;
    font-size: 22px;
    font-size: 1.375rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.u-case__genkou {
    background: #fff;
    padding: 1px 30px 30px;
    position: relative;
}

.u-case__genkou .l-anc {
    padding-top: 30px;
    margin-top: -30px;
}

.u-case__genkou .u-case__obi {
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.u-case__genkou .h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.4;
    text-align: center;
    border-bottom: 3px solid #333333;
    padding: 60px 0 5px;
    margin-bottom: 15px;
}

.u-seminars__post a.link {
    display: block;
    overflow: hidden;
    padding: 20px;
    background: #fff;
    position: relative;
}

.u-seminars__post a.link:hover {
    text-decoration: none;
}

html[data-whatintent="mouse"] .u-seminars__post a.link:hover {
    opacity: 0.7;
}

.u-seminars__post span.link {
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
}

.u-seminars__post + .u-seminars__post {
    margin-top: 40px;
}

.u-seminars__post .img {
    width: 250px;
    float: left;
}

.u-seminars__post .txt {
    overflow: hidden;
    padding: 0 0 10px 30px;
}

.u-seminars__post .txt .title {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 10px;
}

.u-seminars__post .txt dl {
    overflow: hidden;
    width: 100%;
    display: table;
    margin-bottom: 5px;
}

.u-seminars__post .txt dl._top {
    padding-top: 15px;
}

.u-seminars__post .txt dl._bottom {
    padding-bottom: 10px;
}

.u-seminars__post .txt dl dt {
    text-align: center;
    width: 80px;
    background: #EBEBEB;
    display: table-cell;
    vertical-align: middle;
}

.u-seminars__post .txt dl dd {
    padding: 0 0 0 15px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4;
}

.u-seminars__post .txt .label {
    overflow: hidden;
}

.u-seminars__post .txt .label li {
    width: 65px;
    border-radius: 6px;
    text-align: center;
    float: left;
    margin: 0 10px 0 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
}

.u-seminars__post .txt .label li.oubo {
    background: #1C224C;
    border: 1px solid #1C224C;
    color: #fff;
}

.u-seminars__post .txt .label li.mans {
    background: #BB1717;
    border: 1px solid #BB1717;
    color: #fff;
}

.u-seminars__post .txt .label li.free {
    background: #fff;
    border: 1px solid #07B53B;
    color: #07B53B;
}

.u-seminars__post .txt .label li.online {
    background: #22c;
    border: 1px solid #22c;
    color: #fff;
    width: 90px;
}

.u-seminars__post .txt .label li.close {
    background: #707070;
    border: 1px solid #707070;
    color: #fff;
}

.u-seminars__title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.u-seminars__info {
    padding: 15px;
    background: #fff;
    overflow: hidden;
}

.u-seminars__info .img {
    width: 30%;
    float: left;
}

.u-seminars__info .txt {
    width: 45%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 15px;
}

.u-seminars__info .txt .date {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0 0 8px;
}

.u-seminars__info .txt dl {
    overflow: hidden;
    width: 100%;
    display: table;
    margin-bottom: 5px;
}

.u-seminars__info .txt dl._top {
    padding-top: 15px;
}

.u-seminars__info .txt dl._bottom {
    padding-bottom: 10px;
}

.u-seminars__info .txt dl dt {
    text-align: center;
    width: 80px;
    background: #EBEBEB;
    display: table-cell;
    vertical-align: middle;
}

.u-seminars__info .txt dl dd {
    padding: 0 0 0 15px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4;
}

.u-seminars__info .txt dl dd a {
    display: inline-block;
    background: #707070;
    color: #fff;
    padding: 0 5px;
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0 0 0 6px;
}

.u-seminars__info .form {
    width: 24%;
    float: right;
}

.u-seminars__info .form .menber {
    border: 2px solid #DCD8D8;
    padding: 6px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
}

.u-seminars__info .form .menber dt.emp {
    color: #1C224C;
}

.u-seminars__info .form .menber dt.zan {
    color: #EB8601;
}

.u-seminars__info .form .menber dt.max {
    color: #A70909;
}

.u-seminars__info .form .menber dt.close {
    color: #707070;
}

.u-seminars__info .form .menber dd .red {
    color: #A70909;
}

.u-seminars__glist {
    margin-bottom: 5px;
}

.u-seminars__glist li a {
    display: block;
    padding: 0 0 0 24px;
    background: url(../img/seminars/icon.png) no-repeat center left/16px auto;
    overflow: hidden;
}

.u-seminars__sns {
    overflow: hidden;
}

.u-seminars__sns li {
    float: left;
    margin: 0 5px 0 0;
}

.u-seminars__box {
    padding: 25px 80px;
    background: #fff;
}

.u-seminars__data {
    padding: 10px 15px;
    border: 1px solid #707070;
    font-weight: bold;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 35px;
}

.u-seminars__kikan {
    background: #EBEBEB;
    padding: 10px 15px;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 35px;
}

.u-seminars__tb {
    width: 100%;
    margin-bottom: 35px;
}

.u-seminars__tb th {
    background: #EBEBEB;
    border: 1px solid #707070;
    padding: 5px 15px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.125rem;
}

.u-seminars__tb td {
    background: #fff;
    border: 1px solid #707070;
    padding: 8px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1rem;
}

.u-seminars__tb td + td {
    text-align: center;
}

.u-seminars__tb td .label {
    width: 65px;
    display: block;
    border-radius: 6px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
}

.u-seminars__tb td .label._oubo {
    background: #1C224C;
    border: 1px solid #1C224C;
    color: #fff;
}

.u-seminars__tb td .label._mans {
    background: #BB1717;
    border: 1px solid #BB1717;
    color: #fff;
}

.u-seminars__tb td .label._free {
    background: #fff;
    border: 1px solid #07B53B;
    color: #07B53B;
}

.u-seminars__tb td .label._online {
    background: #22c;
    border: 1px solid #22c;
    color: #fff;
    width: 90px;
}

.u-seminars__tb td .label._close {
    background: #707070;
    border: 1px solid #707070;
    color: #fff;
}

.u-seminars__online_txt {
    text-align: center;
    font-weight: bold;
    margin: 0 auto 15px;
    font-size: 18px;
    font-size: 1.125rem;
    color: #1C224C;
}

.u-seminars__map {
    max-width: 665px;
    margin: 0 auto;
}

.u-seminars__map p {
    margin-bottom: 5px;
    line-height: 1.4;
}

.u-seminars__map .map_link {
    text-align: right;
}

.u-seminars__map .map iframe {
    width: 100%;
    height: 430px;
}

/*single markup style*/

.markup_wrap p {
    margin-bottom: 20px;
    line-height: 1.8;
}

.markup_wrap img {
    max-width: 100%;
    height: auto;
}

.markup_wrap img.alignright {
    float: right;
    margin: 0 0 15px 15px;
    display: block;
}

.markup_wrap img.alignleft {
    float: left;
    margin: 0 15px 15px 0;
    display: block;
}

.markup_wrap img.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

.markup_wrap h1 {
    font-size: 28px;
    font-size: 1.75rem;
    border-bottom: 6px solid;
    margin: 0 0 35px;
}

.markup_wrap h2 {
    font-size: 26px;
    font-size: 1.625rem;
    border-bottom: 5px solid;
    margin: 0 0 35px;
}

.markup_wrap h3 {
    font-size: 24px;
    font-size: 1.5rem;
    border-bottom: 4px solid;
    margin: 0 0 35px;
}

.markup_wrap h4 {
    font-size: 22px;
    font-size: 1.375rem;
    border-bottom: 3px solid;
    margin: 0 0 35px;
}

.markup_wrap h5 {
    font-size: 18px;
    font-size: 1.125rem;
    border-bottom: 2px solid;
    margin: 0 0 35px;
}

.markup_wrap h6 {
    font-size: 16px;
    font-size: 1rem;
    border-bottom: 1px solid;
    margin: 0 0 35px;
}

.markup_wrap table {
    margin-bottom: 25px;
}

.markup_wrap table td,
.markup_wrap table th {
    padding: 10px;
    border: 1px solid;
}

.markup_wrap ul,
.markup_wrap ol {
    padding-left: 2.0em;
    margin-bottom: 25px;
}

.markup_wrap ul li {
    list-style: outside;
    margin-bottom: 10px;
    line-height: 1.4;
}

.markup_wrap ol li {
    list-style: outside decimal;
    margin-bottom: 10px;
    line-height: 1.4;
}

.markup_wrap a {
    text-decoration: underline;
    color: #999;
}

.u-news {
    /*
    &__post{
        
        a{
            display: table;
            @include font-size(16);
            width:100%;
            background:#fff;
            .data{
                width:120px;
                display:table-cell;
                padding:12px 15px;
                vertical-align: middle;
            }
            .title{
                display:table-cell;
                padding:5px 0;
                line-height:1.4;
                vertical-align: middle;
            }
            @include bp($bpSp) {
                display:block;
                .data{
                    display: block;
                    width:auto;
                    padding-left: $spaceSp2;
                    padding-right: $spaceSp2;
                    padding-top: 12px;
                    padding-bottom: 0;
                    font-weight: bold;
                }
                .title{
                    display: block;
                    width:auto;
                    padding-left: $spaceSp2;
                    padding-right: $spaceSp2;
                    padding-top: 2px;
                    padding-bottom: 15px;
                }
            }
        }
        + .u-news__post{
            border-top:1px dashed;
        }
        
    }
    */
}

.u-news__header {
    padding: 15px 25px;
    background: #fff;
    border-bottom: 1px dotted #DCD8D8;
}

.u-news__body {
    padding: 15px 25px;
    background: #fff;
}

.u-news__pager {
    padding: 50px 0 0;
    max-width: 320px;
    margin: 0 auto;
    overflow: hidden;
}

.u-news__pager .next {
    float: left;
    width: 49%;
}

.u-news__pager .prev {
    float: right;
    width: 50%;
    text-align: right;
}

.u-news__pager > span {
    display: inline-block;
    line-height: 1.0;
    font-size: 18px;
    font-size: 1.125rem;
}

.u-news__pager > span + span {
    border-left: 1px solid;
}

.u_pc {
  display: block;
}
.u_sp {
  display: none !important;
}

@media screen and (max-width: 767px) and (min-width: 375px) {
    .l-column._1n_sp {
        padding-top: 1px;
        margin-top: -31px;
    }

    .l-column._1n_sp > li {
        float: none;
        margin-top: 30px;
    }

    .l-column._2n_sp {
        margin-top: -6.25%;
    }

    .l-column._2n_sp > li {
        width: 46.875%;
        float: right;
        margin-top: 6.25%;
    }

    .l-column._2n_sp > li:nth-child(2n+1) {
        clear: both;
        float: left;
    }

    .l-column._3n_sp {
        margin-top: -3.6364%;
    }

    .l-column._3n_sp > li {
        margin-top: 3.6364%;
        width: 30.909%;
        margin-left: 3.6364%;
    }

    .l-column._3n_sp > li:nth-child(3n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-column._4n_sp {
        margin-top: -3.6363%;
    }

    .l-column._4n_sp > li {
        margin-top: 3.6363%;
        width: 22.2727%;
        margin-left: 3.6363%;
    }

    .l-column._4n_sp > li:nth-child(4n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-column._5n_sp {
        margin-top: -2.5%;
    }

    .l-column._5n_sp > li {
        margin-top: 2.5%;
        width: 18%;
        margin-left: 2.5%;
    }

    .l-column._5n_sp > li:nth-child(5n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-column._6n_sp {
        margin-top: -1.9382%;
    }

    .l-column._6n_sp > li {
        margin-top: 1.9382%;
        width: 15.0515%;
        margin-left: 1.9382%;
    }

    .l-column._6n_sp > li:nth-child(6n+1) {
        clear: both;
        margin-left: 0;
    }

}

@media screen and (min-width: 768px) {

    .c-pagenav__plan dt {
        float: left;
        text-align: left;
    }

    .c-pagenav__plan dd {
        float: left;
        padding: 10px 0;
    }

    .c-pagenav__plan dd a {
        border-right: 1px solid #333333;
    }

    body {
        overflow: auto !important;
    }

    /*.g-header .panel {
        display: none !important;
    }*/

    .g-footer .contact__button._tel {
        pointer-events: none;
    }

    .g-footer .link__pagetop {
        display: none;
    }

    .q-top-case .logo:nth-child(n+7) {
        display: none;
    }

    .u-table._pc {
        display: table;
    }

    .u-table__th {
        display: table-cell;
        width: 340px;
        background-size: cover;
        background-position: center center;
        padding-top: 70px;
    }

    .u-table__td {
        display: table-cell;
        padding: 20px 20px 35px 35px !important;
        vertical-align: top;
    }

    .u-case__info .img {
        float: left;
        width: 50%;
    }

    .u-case__info .txt {
        float: right;
        width: 50%;
        padding: 15px 25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .u-case__info .txt .info .img {
        margin: 0 0 0 5px;
        float: left;
    }

}

@media screen and (max-width: 960px) and (min-width: 768px) {

    .l-column._1n_tb {
        padding-top: 1px;
        margin-top: -31px;
    }

    .l-column._1n_tb > li {
        float: none;
        margin-top: 30px;
    }

    .l-column._2n_tb {
        margin-top: -6.25%;
    }

    .l-column._2n_tb > li {
        width: 46.875%;
        float: right;
        margin-top: 6.25%;
    }

    .l-column._2n_tb > li:nth-child(2n+1) {
        clear: both;
        float: left;
    }

    .l-column._3n_tb {
        margin-top: -3.6364%;
    }

    .l-column._3n_tb > li {
        margin-top: 3.6364%;
        width: 30.909%;
        margin-left: 3.6364%;
    }

    .l-column._3n_tb > li:nth-child(3n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-column._4n_tb {
        margin-top: -3.6363%;
    }

    .l-column._4n_tb > li {
        margin-top: 3.6363%;
        width: 22.2727%;
        margin-left: 3.6363%;
    }

    .l-column._4n_tb > li:nth-child(4n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-column._5n_tb {
        margin-top: -2.5%;
    }

    .l-column._5n_tb > li {
        margin-top: 2.5%;
        width: 18%;
        margin-left: 2.5%;
    }

    .l-column._5n_tb > li:nth-child(5n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-column._6n_tb {
        margin-top: -1.9382%;
    }

    .l-column._6n_tb > li {
        margin-top: 1.9382%;
        width: 15.0515%;
        margin-left: 1.9382%;
    }

    .l-column._6n_tb > li:nth-child(6n+1) {
        clear: both;
        margin-left: 0;
    }

    .g-footer .access__map:before {
        padding-bottom: 260px;
    }

    .q-top-mv .text img {
        width: 440px !important;
    }

}

@media screen and (min-width: 961px) {

    .l-column._1n_pc {
        padding-top: 1px;
        margin-top: -31px;
    }

    .l-column._1n_pc > li {
        float: none;
        margin-top: 30px;
    }

    .l-column._2n_pc {
        margin-top: -6.25%;
    }

    .l-column._2n_pc > li {
        width: 46.875%;
        float: right;
        margin-top: 6.25%;
    }

    .l-column._2n_pc > li:nth-child(2n+1) {
        clear: both;
        float: left;
    }

    .l-column._3n_pc {
        margin-top: -3.6364%;
    }

    .l-column._3n_pc > li {
        margin-top: 3.6364%;
        width: 30.909%;
        margin-left: 3.6364%;
    }

    .l-column._3n_pc > li:nth-child(3n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-column._4n_pc {
        margin-top: -3.6363%;
    }

    .l-column._4n_pc > li {
        margin-top: 3.6363%;
        width: 22.2727%;
        margin-left: 3.6363%;
    }

    .l-column._4n_pc > li:nth-child(4n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-column._5n_pc {
        margin-top: -2.5%;
    }

    .l-column._5n_pc > li {
        margin-top: 2.5%;
        width: 18%;
        margin-left: 2.5%;
    }

    .l-column._5n_pc > li:nth-child(5n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-column._6n_pc {
        margin-top: -1.9382%;
    }

    .l-column._6n_pc > li {
        margin-top: 1.9382%;
        width: 15.0515%;
        margin-left: 1.9382%;
    }

    .l-column._6n_pc > li:nth-child(6n+1) {
        clear: both;
        margin-left: 0;
    }

    .q-top-search .step__item {
        float: left;
        width: 25%;
        padding: 20px 15px 20px 25px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% 100%;
    }

    .q-top-search .step__item._bg01 {
        background-image: url(../img/top/search_bg01.jpg);
    }

    .q-top-search .step__item._bg02 {
        background-image: url(../img/top/search_bg02.jpg);
    }

    .q-top-search .step__item._bg03 {
        background-image: url(../img/top/search_bg03.jpg);
    }

    .q-top-search .step__item._bg03 .step__icon {
        right: 35px;
    }

    .q-top-search .step__item._bg04 {
        background-image: url(../img/top/search_bg04.jpg);
    }

    .q-top-search .step__item._bg04 .step__icon {
        right: 10px;
    }

}

@media screen and (max-width: 1200px) {

    .g-header .pc__list a,
    .g-header .pc__list > li .plunavi,
    .g-header .pc__list > li .pul_title1 {
        padding: 0 15px;
    }

    .g-header .pc__list > li .pludown .list_arrow {
        font-size: 15px;
        font-size: 0.9375rem;
    }

    .g-header .pc__list > li .pludown a,
    .g-header .pc__list > li .pludown .pul_title1 {
        font-size: 15px;
        font-size: 0.9375rem;
    }

}

@media screen and (max-width: 1100px) {

    .c-table {
        width: 1000px;
    }
    #service .payment .c-table {
        width: 100%;
    }

    .c-table__scroll_txt {
        display: block;
    }

    .p-slide__buttons .swiper-button-prev-custom,
    .p-slide__buttons .swiper-button-next-custom {
        padding: 20px 0 20px 20px;
    }

    .p-slide__buttons .swiper-button-prev-custom img,
    .p-slide__buttons .swiper-button-next-custom img {
        width: 28px;
    }

    .p-slide__buttons .swiper-button-prev-custom {
        left: -20px;
    }

    .p-slide__buttons .swiper-button-next-custom {
        right: -20px;
    }

    .g-header .pc__list > li .pludown .list_arrow {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .g-header .pc__list > li .pludown a,
    .g-header .pc__list > li .pludown .pul_title1 {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .g-footer .contact__button._contact {
        font-size: 24px;
        font-size: 1.5rem;
    }

    .g-footer .access {
        font-size: 16px;
        font-size: 1rem;
    }

    .g-footer .link__navi {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .g-footer .copyright {
        font-size: 12px;
        font-size: 0.75rem;
    }

}

@media screen and (max-width: 960px) {

    .c-strong {
        font-size: 16px;
        font-size: 1rem;
    }

    .g-header .main__body {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width:100%;
    }

    .g-header .logo {
        padding-bottom: 0;
    }

    .g-header .pc__info {
        margin-bottom: 6px;
    }

    .g-header .pc__tel {
        font-size: 22px;
        font-size: 1.375rem;
    }

    .g-header .pc__button {
        min-width: 160px;
        margin-left: 8px;
        font-size: 16px;
        font-size: 1rem;
    }

    .g-header .pc__list {
        font-size: 15px;
        font-size: 0.9375rem;
    }

    .g-header .pc__list a,
    .g-header .pc__list > li .plunavi,
    .g-header .pc__list > li .pul_title1 {
        padding: 0 12px;
    }
    .g-header .pc__list > li .pludown .list_arrow {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.4;
        margin-bottom: 5px;
    }
    .g-header .pc__list > li .pludown a,
    .g-header .pc__list > li .pludown .pul_title1 {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.4;
        margin-bottom: 5px;
    }
    .g-header .pc__list > li .pludown .pludown_list li:first-child {
        min-width: 150px;
    }
    
    .g-footer .contact__body {
        display: block;
        padding: 21px 0;
    }

    .g-footer .contact__button {
        width: auto;
    }

    .g-footer .contact__button:nth-child(n+2) {
        margin-top: 20px;
    }

    .g-footer .access__info {
        float: none;
        width: auto;
    }

    .g-footer .access__map {
        float: none;
        width: auto;
        margin-top: 20px;
    }

    .g-footer .access__title {
        margin-bottom: 7px;
        font-size: 20px;
        font-size: 1.25rem;
    }

    .g-footer .access__item:nth-child(n+2) {
        margin-top: 6px;
    }

    .g-footer .link__navi-level1 {
        margin-top: 6px;
    }

    .q-top-mv .mv .mv_img {
        width: 960px;
        height: auto;
    }

    .q-top-mv .mv {
        /*height: 428px;*/
        height: 302px;
    }

    .q-top-mv .text {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        font-size: 1.8rem;
    }

    .q-top-search .step {
        max-width: 500px;
        margin: 0 auto;
    }

    .q-top-search .step__icon {
        right: 22px;
    }

    .q-top-search .step__item {
        padding: 15px 15px 7px;
    }

    .q-top-search .step__item:nth-child(2n+1) {
        background-color: #D2CFCF;
    }

    .q-top-search .step__item:nth-child(2n) {
        background-color: #EBE8E8;
    }

    .q-top-search .step__head {
        margin-bottom: 10px;
    }

    .q-top-search .step__list {
        padding-right: 120px;
    }

    .q-top-search .step__foot {
        margin-top: 0;
    }

    .q-top-search .step__more {
        text-align: right;
    }

    .q-top-case .achieve {
        max-width: 600px;
    }

    #case02 .achieve {
        max-width: 600px;
    }

    .u-cta__level4 li {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 36px;
    }

}

@media screen and (max-width: 767px) {
	.u_sp {
	display: block !important;
	}
	.u_pc {
	display: none !important;
	}
	
    .l-anc {
        margin-top: -58px;
        padding-top: 58px;
    }

    .l-section:nth-child(n+2) {
        margin-top: 37px;
    }

    .l-section._border_lage:nth-child(n+2) {
        margin-top: 50px;
        padding-top: 40px;
    }

    .l-padding._top {
        padding-top: 35px;
    }

    .l-padding._bottom {
        padding-bottom: 35px;
    }

    .l-inner {
        padding-left: 5.33333vw;
        padding-right: 5.33333vw;
    }
    .q-top-mv .l-inner{
	margin:0;
	text-align: center;
	}

    .c-mv {
        background-color: #fff;
    }

    .c-mv__bg {
        padding: 0;
    }

    .c-mv__image {
        position: relative;
        padding-bottom: 18.66667%;
        z-index: 1;
    }

    .c-mv__text {
        display: block;
        min-width: 0;
        padding: 10px 0;
    }

    .c-mv__subtitle {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-mv__heading {
        font-size: 22px;
        font-size: 1.375rem;
    }

    .c-heading__title {
        font-size: 22px;
        font-size: 1.375rem;
    }

    .c-heading__subtitle {
        font-size: 16px;
        font-size: 1rem;
    }

	#telework .c-heading {
	    margin: 0 auto 20px;
	    padding: 0;
	}
	#telework .c-heading .telework-header img {
	    position: unset;
	}
	#telework .c-heading .c-mv__text {
	    min-width: unset;
	    padding: 15px 0 0;
	    line-height: 1.2;
	    letter-spacing: 0.15em;
	}
	#telework .c-heading .c-mv__text .c-mv__subtitle {
	    font-size: 1.1rem;
    	letter-spacing: 0.05rem;
	}

    .c-heading2 {
        display: block;
        margin-bottom: 10px;
    }

    .c-heading2__main {
        padding-right: 4em;
    }

    .c-heading2__main:after {
        font-size: 29px;
        font-size: 1.8125rem;
    }

    .c-heading2__title {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .c-heading2__subtitle {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-heading2__sub {
        margin-top: 5px;
        padding-left: 0;
    }

    .c-heading3 {
        margin-bottom: 10px;
    }

    .c-heading3__title {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .c-button_wrapper._margin_top {
        margin-top: 40px;
    }

    .c-button_wrapper._margin_top-middle {
        margin-top: 30px;
    }

    .c-button_wrapper._margin_top-small {
        margin-top: 20px;
    }

    .c-button {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .c-button._t_small {
        font-size: 16px;
        font-size: 1rem;
    }

    .c-lede {
        margin-bottom: 15px;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.66667;
        text-align: left;
    }

    .c-card._sp_horizon {
        max-width: none;
    }

    .c-card._sp_horizon .c-card__thumbnail {
        position: absolute;
        top: 0;
        left: 0;
        width: 117px;
        height: 100%;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-bottom: 0;
        z-index: 1;
    }

    .c-card._sp_horizon .c-card__body {
        position: relative;
        padding: 0 20px 0 130px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .c-card._sp_horizon .c-card__body:after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 7px;
        margin: auto 0;
        content: "\f105";
        height: 1em;
        line-height: 1;
        font-family: "Font Awesome 5 Free";
        vertical-align: middle;
        font-weight: 900;
        font-size: 20px;
        font-size: 1.25rem;
        color: #CCCCCC;
    }

    .c-card._sp_horizon .c-card__title {
        display: table-cell;
        padding: 10px 0 10px;
        height: 73px;
        vertical-align: middle;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33333;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .c-card._sp_horizon .c-card__desc,
    .c-card._sp_horizon .c-card__more {
        display: none;
    }

    .c-bread {
        display: none;
    }

    .c-pagetop {
        padding-top: 10px;
        padding-bottom: 40px;
        font-size: 16px;
        font-size: 1rem;
    }

    .c-pagetop a {
        padding: 10px 30px;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 1.4;
    }

    .c-pagetop .fas {
        position: absolute;
        top: 50%;
        left: 20px;
        -webkit-transform: translateY(-50%);
        /* Safari用 */
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .c-table th {
        padding: 10px;
    }

    .c-table td {
        padding: 10px;
    }

    .c-pagenav__plan {
        margin: 0 0 50px;
        text-align: center;
    }

    .c-pagenav__plan dt {
        font-size: 16px;
        font-size: 1rem;
    }

    .c-pagenav__plan dd + dd a {
        padding: 0 10px 10px;
    }

    .c-pagenav__plan dd a {
        padding: 10px;
        font-size: 16px;
        font-size: 1rem;
    }

    .c-pagenav__plan dd a::before {
        content: "―";
    }

    .c-h2__level4 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
    }
    #service .c-h2__level4 {
    	font-size: 1.5rem;
	}

    .c-h2__sub {
        font-size: 16px;
        font-size: 1rem;
        padding-left: 2.66667vw;
        padding-right: 2.66667vw;
    }
    #service .c-h2__sub {
        padding: 15px 10px;
    }

    .c-h3__section {
        margin-top: 40px;
    }

    .c-h3__level4 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .c-h3__pickup {
        padding-left: 2.66667vw;
        padding-right: 2.66667vw;
    }

    .c-h3__pickup .box {
        padding: 20px 0;
    }

    .c-h3__pickup .box::before {
        display: none;
    }

    .c-h3__pickup .box .img {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 0 10px;
    }

    .c-h3__pickup .box .txt {
        float: none;
        width: 100%;
    }

    .c-h3__pickup .box .txt dt {
        position: relative;
        min-height: 40px;
        padding-right: 60px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .c-h3__pickup .box .txt dt::before {
        counter-increment: number 1;
        content: counter(number, decimal-leading-zero) " ";
        position: absolute;
        top: 0;
        right: 0;
        font-size: 48px;
        font-size: 3rem;
        font-weight: bold;
        color: #EBEBEB;
        line-height: 1;
        font-family: "Roboto", sans-serif;
    }
    #service .c-h3__pickup .box .txt dt::before {
        display: none;
    }

    .p-slide__buttons .swiper-button-prev-custom {
        left: -5.33333vw;
    }

    .p-slide__buttons .swiper-button-next-custom {
        right: -5.33333vw;
    }

    .p-news__link {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p-news__day {
        float: none;
        margin: 0;
    }

    .wp-pagenavi {
        padding-top: 40px;
    }

    .wp-pagenavi a,
    .wp-pagenavi span {
        width: 34px;
        line-height: 34px;
    }

    .post_text img.alignright,
    .post_text img,
    .post_text img.alignleft {
        float: none;
        margin: 0 auto;
        display: block;
    }

    .post_text img.emoji {
        display: inline !important;
    }

    .post_text table {
        width: 100% !important;
    }

    .g-wrapper {
        padding-top: 58px;
    }

    .g-header .main {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        min-width: 320px;
        padding: 0;
        z-index: 5000;
    }

    .g-header .main__inner {
        padding-right: 0;
    }

    .g-header .pc {
        display: none;
    }

    .g-header .menu-button {
        display: block;
    }

    .g-footer .contact__button._tel {
        height: 76px;
    }

    .g-footer .contact__button._contact {
        height: 68px;
        font-size: 18px;
        font-size: 1.125rem;
    }

    .g-footer .contact__button._contact .fa-caret-right {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .g-footer .contact__number {
        font-size: 29px;
        font-size: 1.8125rem;
    }

    .g-footer .contact__time {
        font-size: 16px;
        font-size: 1rem;
    }

    .g-footer .access {
        padding-top: 19px;
        padding-bottom: 43px;
        font-size: 18px;
        font-size: 1.125rem;
    }

    .g-footer .link__head {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 13px;
        padding-bottom: 14px;
        border-bottom: 1px solid #DCD8D8;
    }

    .g-footer .link__nav-item {
        float: none;
        width: auto;
        padding-right: 0;
    }

    .g-footer .link__navi:nth-child(n+2) {
        margin-top: 0;
    }

    .g-footer .link__navi dd {
        display: none;
    }

    .g-footer .copyright {
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #DCD8D8;
    }

    .q-top-mv .mv .mv_img {
        position: static;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        height: auto;
        width: 100%;
    }

    .q-top-mv .mv {
        display: block;
        height: auto;
    }

    .q-top-mv .mv:before {
        position: static;
        height: 0;
        padding-bottom: 60%;
    }

    .q-top-mv .text {
        /*display: block;
        padding: 10px 10px 15px;
        text-align: center;*/
        display: inline-block;
        padding: 10px 0 10px;
    	text-align: left;
    	color: #FFF;
    	font-size: 1.25rem;
        line-height: unset;
    }

    .q-top-service .list > li:nth-child(n+2) {
        margin-top: 5px;
    }

    .q-top-case .achieve {
        max-width: 340px;
    }

    .q-top-case .logo:nth-child(n+5) {
        display: none;
    }

    #case02 .achieve {
        max-width: 340px;
    }

    .q-top-company .link {
        max-width: 340px;
        margin: 0 auto;
    }

    .q-top-company .list > li:nth-child(n+2) {
        margin-top: 30px;
    }

    .u-table__th {
        padding: 70px 0 130px;
        background-size: cover;
    }

    .u-table__td {
        padding-left: 2.66667vw;
        padding-right: 2.66667vw;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .u-table__title {
        padding: 15px 10px 20px 0;
    }

    .u-bg__research1 {
        background-image: url(../img/service/research/sp_bg1.jpg);
    }

    .u-bg__research2 {
        background-image: url(../img/service/research/sp_bg2.jpg);
    }

    .u-bg__research3 {
        background-image: url(../img/service/research/sp_bg3.jpg);
    }

    .u-bg__web-marketing1 {
        background-image: url(../img/service/web-marketing/sp_bg1.jpg);
    }

    .u-bg__web-marketing2 {
        background-image: url(../img/service/web-marketing/sp_bg2.jpg);
    }

    .u-bg__web-marketing3 {
        background-image: url(../img/service/web-marketing/sp_bg3.jpg);
    }

    .u-plan__list li {
        max-width: 300px;
        margin: 0 auto;
    }

    .u-field_sec1 {
        background: #fff;
        padding: 0;
    }

    .u-field_sec1 img {
        position: static;
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
    }

    .u-field_sec1 .comment {
        margin: 0;
        padding-left: 2.66667vw;
        padding-right: 2.66667vw;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .u-field_sec1 h2 {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .u-field_sec3 h3,
    .u-field_sec3 table th,
    .u-field_sec3 table td {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .u-field_sec3 table {
        width: 900px;
    }

    .u-field_sec3 table td {
        width: 140px;
    }

    .u-field_sec3 table td + td {
        width: 320px;
    }

    .u-field_sec3 table td + td + td {
        width: 410px;
        width: 410px;
    }

    .u-cta__level4 {
        display: none;
    }

    .u-case__title {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 25px;
    }

    .u-case__title span {
        line-height: 1.8;
        border-bottom: 3px solid #A70909;
    }

    .u-case__info {
        margin: 0 0 40px;
    }

    .u-case__info .txt .info .data {
        padding: 0;
    }

    .u-case__info .txt .info .data .name {
        display: block;
        text-align: center;
        border-bottom: 2px solid #DCD8D8;
        padding: 0 0 10px;
        margin: 0 0 10px;
        font-size: 16px;
        font-size: 1rem;
    }

    .u-case__info .txt .comment {
        padding: 10px 0 0;
    }

    .u-case__navi {
        display: none;
    }

    .u-case__genkou .l-anc {
        margin-top: -90px;
        padding-top: 90px;
    }

    .u-case__genkou {
        padding-left: 2.66667vw;
        padding-right: 2.66667vw;
        padding-top: 30px;
        padding-bottom: 20px;
        margin-top: 50px !important;
    }

    .u-case__genkou .h2 {
        font-size: 16px;
        font-size: 1rem;
        padding: 20px 0 5px;
    }

    .u-seminars__post a.link {
        padding: 0;
    }

    .u-seminars__post a.link .img {
        float: none;
        width: auto;
        text-align: center;
    }

    .u-seminars__post a.link .txt {
        float: none;
        width: auto;
        padding-left: 2.66667vw;
        padding-right: 2.66667vw;
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .u-seminars__post span.link {
        font-size: 16px;
        font-size: 1rem;
        bottom: 10px;
    }

    .u-seminars__post + .u-seminars__post {
        margin-top: 30px;
    }

    .u-seminars__post .txt .title {
        font-size: 16px;
        font-size: 1rem;
    }

    .u-seminars__post .txt dl dt {
        width: 72px;
    }

    .u-seminars__post .txt dl dd {
        padding: 0 0 0 10px;
    }

    .u-seminars__post .txt .label li.online {
        width: 70px;
    }

    .u-seminars__post .txt .label {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .u-seminars__post .txt .label li {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .u-seminars__title {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .u-seminars__info {
        padding: 0;
    }

    .u-seminars__info .img {
        width: 100%;
        float: none;
        text-align: center;
    }

    .u-seminars__info .txt {
        width: 100%;
        float: none;
        padding-left: 2.66667vw;
        padding-right: 2.66667vw;
        padding-top: 15px;
        padding-bottom: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .u-seminars__info .txt .date {
        font-size: 16px;
        font-size: 1rem;
    }

    .u-seminars__info .txt dl dt {
        width: 72px;
    }

    .u-seminars__info .txt dl dd {
        padding: 0 0 0 10px;
    }

    .u-seminars__info .form {
        width: 100%;
        float: none;
        padding-left: 2.66667vw;
        padding-right: 2.66667vw;
        padding-bottom: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .u-seminars__box {
        padding-left: 2.66667vw;
        padding-right: 2.66667vw;
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .u-seminars__data {
        margin-bottom: 25px;
        font-size: 15px;
        font-size: 0.9375rem;
        padding: 10px;
        line-height: 1.4;
    }

    .u-seminars__kikan {
        margin-bottom: 25px;
        font-size: 15px;
        font-size: 0.9375rem;
        padding: 10px;
        line-height: 1.4;
    }

    .u-seminars__tb th {
        padding: 10px;
    }

    .u-seminars__tb td {
        padding: 10px;
    }

    .u-seminars__tb td .label._online {
        width: 70px;
    }

    .u-seminars__tb {
        margin-bottom: 25px;
        line-height: 1.4;
    }

    .u-seminars__tb th {
        font-size: 14px;
        font-size: 0.875rem;
        padding: 5px;
    }

    .u-seminars__tb td {
        vertical-align: middle;
        font-size: 14px;
        font-size: 0.875rem;
        padding: 5px;
    }

    .u-seminars__tb td .label {
        font-size: 12px;
        font-size: 0.75rem;
        width: 44px;
        font-weight: normal;
        border-radius: 4px;
        padding: 1px 0 2px;
    }

    .u-seminars__online_txt {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .u-seminars__map .map iframe {
        height: 300px;
    }

    .markup_wrap img.alignright,
    .markup_wrap img.alignleft,
    .markup_wrap img.aligncenter {
        float: none;
        margin: 0 auto;
        display: block;
    }

    .markup_wrap img .emoji {
        display: inline !important;
    }

    .u-news__header {
        padding-left: 2.66667vw;
        padding-right: 2.66667vw;
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .u-news__body {
        padding-left: 2.66667vw;
        padding-right: 2.66667vw;
        padding-top: 10px;
        padding-bottom: 15px;
    }

}

@media screen and (max-width: 500px) {

    .g-footer .link__nav {
        text-align: center;
    }

    .g-footer .link__nav-list {
        display: inline-block;
        text-align: left;
    }

}

@media screen and (max-width: 374px) {

    .l-column._1n_xs {
        padding-top: 1px;
        margin-top: -31px;
    }

    .l-column._1n_xs > li {
        float: none;
        margin-top: 30px;
    }

    .l-column._2n_xs {
        margin-top: -6.25%;
    }

    .l-column._2n_xs > li {
        width: 46.875%;
        float: right;
        margin-top: 6.25%;
    }

    .l-column._2n_xs > li:nth-child(2n+1) {
        clear: both;
        float: left;
    }

    .l-column._3n_xs {
        margin-top: -3.6364%;
    }

    .l-column._3n_xs > li {
        margin-top: 3.6364%;
        width: 30.909%;
        margin-left: 3.6364%;
    }

    .l-column._3n_xs > li:nth-child(3n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-column._4n_xs {
        margin-top: -3.6363%;
    }

    .l-column._4n_xs > li {
        margin-top: 3.6363%;
        width: 22.2727%;
        margin-left: 3.6363%;
    }

    .l-column._4n_xs > li:nth-child(4n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-column._5n_xs {
        margin-top: -2.5%;
    }

    .l-column._5n_xs > li {
        margin-top: 2.5%;
        width: 18%;
        margin-left: 2.5%;
    }

    .l-column._5n_xs > li:nth-child(5n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-column._6n_xs {
        margin-top: -1.9382%;
    }

    .l-column._6n_xs > li {
        margin-top: 1.9382%;
        width: 15.0515%;
        margin-left: 1.9382%;
    }

    .l-column._6n_xs > li:nth-child(6n+1) {
        clear: both;
        margin-left: 0;
    }
    .q-top-mv .text {
        font-size: 1.1rem;
    }

}


.real_table {
    width: 100%;
    border-top: 2px solid #b5b5b5;
    background: #FFF;
}

.real_table tr {
    border-bottom: 2px solid #b5b5b5;
}

.real_table th {
    padding: 15px 0 15px 30px;
}

.real_table td {
    padding: 15px 10px;
}

.real_table .u_sp a {
    text-decoration: underline !important;
}

.note {
    font-size: 80%;
}

@media only screen and (max-width:768px) {
    .real_table th {
        padding: 15px 5px 15px 10px;
        width: 75px;
    }

    .real_table td {
        padding: 15px 0;
    }
}


#message div.img {
    float: left;
    width: 280px;
    margin: 0 30px 20px 0;
}

@media only screen and (max-width: 768px) {
    #message div.img {
        float: none;
        width: 100%;
        max-width: 310px;
        margin: 0 auto 20px;
    }
}

#message .message_list {
    border: 2px solid #1C224C;
    background: #fff;
    font-size: 1.3rem;
    text-align: center;
    padding: 20px;
    margin: 20px 0;
}

#message .message_list .check_list {
    display: inline-block;
    text-align: left;
    padding-left: 1.4em;
}

#message p.clear {
    clear: both;
}

#message p + p,
#mission p + p {
    margin-top: 20px;
}

#message p {
    overflow: hidden;
    font-size: 1em;
}

#message p.name {
    margin-top: 40px;
}

#mission.l-anc div.c-heading3:nth-child(3) {
    margin-top: 60px;
}

#mission p {
    font-size: 1.2em;
}

@media only screen and (max-width: 768px) {
    #mission p {
        font-size: 1em;
    }
}

#privacypolicy p + p {
    margin-top: 30px;
}


.mod_inner {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (max-width: 768px) {
    .mod_inner {
        padding: 0;
    }
}

.contact_box {
    border: 1px solid #0A193A;
    padding: 30px 25px;
    line-height: 140%;
    background: white;
}

.efo_body table {
    width: 100%;
    margin-bottom: 40px;
}

.pp_title {
    font-size: 1.8rem;
    margin: 30px 0 10px;
    font-weight: 700;
    text-align: center;
}

.pp_link {
    font-size: 0.95rem;
    margin: 30px 0 10px;
    text-align: center;
}

.pp_link a {
    text-decoration: underline;
}

.pp_wrap {
    padding: 20px;
    border: 2px solid #b5b5b5;
    background: #FFF;
    height: 250px;
    overflow-y: scroll;
}

.pp_wrap p {
    margin-bottom: 20px;
}

.pp_wrap dt {
    font-weight: 700;
}

.pp_wrap dd {
    margin-bottom: 20px;
}

.pp_wrap .signature {
    text-align: right;
}

.efo_body {
	margin-top: 30px;
}

.efo_body th {
    padding: 16px 15px 16px 15px;
    width: 30%;
    text-align: left;
    vertical-align: middle;
    position: relative;
    font-weight: 500;
    font-size: 0.95rem;
    background: #FAFAFA;
    color:#000;
    white-space: nowrap;
    border-top:solid 1px #ccc;
    border-bottom: 1px solid #ccc;
}
.efo_body tr th:before {
    content:"01";
    width: 2em;
    height: 2em;
    color: #fff;
    text-align: center;
    background: #333;
    border-radius: 100%;
    font-size: 0.75em;
    line-height: 2em;
    font-weight: normal;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    top:-0.15em;
    margin-right:0.4em;
}


.efo_body tr:nth-child(1) th:before {
    content:"01";
}
.efo_body tr:nth-child(2) th:before {
    content:"02";
}
.efo_body tr:nth-child(3) th:before {
    content:"03";
}
.efo_body tr:nth-child(4) th:before {
    content:"04";
}
.efo_body tr:nth-child(5) th:before {
    content:"05";
}
.efo_body tr:nth-child(6) th:before {
    content:"06";
}
.efo_body tr:nth-child(7) th:before {
    content:"07";
}
.efo_body tr:nth-child(8) th:before {
    content:"08";
}
.efo_body tr:nth-child(9) th:before {
    content:"09";
}
.efo_body tr:nth-child(10) th:before {
    content:"10";
}

.efo_body th .req,
.efo_body th .any {
    color: #fff;
    display: inline-block;
    padding: 0 6px;
    font-size: 1rem;
    line-height: 1.6;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.efo_body th .req {
    position:relative;
    top:-0.2em;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    font-weight:normal;
    color:#c00;
    border:solid 1px #c00;
    background: white;
    background: transparent;
    font-size:0.65em;
    line-height:1.4em;
    padding:0.1em 1em;
    margin-left:0.65em;
}

.efo_body th .indent {
    display: inline-block;
    vertical-align: middle;
}

.efo_body td {
    padding: 14px 0 14px 25px;
    vertical-align: middle;
    position: relative;
    border-top:solid 1px #ccc;
    border-bottom: 1px solid #ccc;
}

.efo_body td input[type=text],
.efo_body td input[type=email],
.efo_body td input[type=tel],
.efo_body td select {
    width: 95%;
    box-sizing: border-box;
}
.efo_body td input.short[type=text],
.efo_body td select.short {
    width: 25%;
}
.efo_body td .mwform-checkbox-field label {
    display: flex;
    align-items: center;
}
.efo_body td .mwform-checkbox-field input {
    margin-right: 0.35rem;
}

textarea,
input[type=text],
input[type=email],
input[type=tel],
input[type=submit],
input[type=button],
select,
button {
    -webkit-appearance: none;
    appearance: none;
    font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
    font-size: 1rem;
    margin: 2px 0;
    padding: 10px 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid #999;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
}

.efo_body td textarea {
    width: 95%;
    height: 200px;
    display: block;
    font-size: 0.9rem;
    padding-left: 10px;
}
.efo_body td textarea.etc {
    height: 60px;
}

.efo_subtxt {
    font-weight: normal;
    display: block;
    color: #666;
    margin-top: 5px;
}

.error-message {
    color: #f00;
    font-weight: bold;
    display: none;
    position: absolute;
    left: 25px;
}

.efo-form_footer .efo_pp {
    text-align: center;
    font-size: 0.95rem;
    padding: 30px 0 5px;
    position: relative;
}

.efo-form_footer .check_submit {
    text-align: center;
    /*padding-top: 25px;*/
    margin: 1em;
}

.efo-form_footer .check_submit input {
    font-size: 1.4em;
    background: #333;
    border: medium none;
    color: #fff;
    line-height: 100%;
    padding: 0px;
    border-radius: 5px;
    width: 284px;
    height: 55px;
}

.mw_wp_form_confirm .efo_subtxt,
.mw_wp_form_confirm .pp_link,
.mw_wp_form_confirm .efo_pp,
.mw_wp_form_confirm .policy-desc,
.mw_wp_form_confirm div[class*="fic-privacy-policy"] {
    display: none;
}

@media only screen and (max-width:768px) {
	.c-heading3__subtitle.form {
    	font-size: 0.8rem;
	}
	.small.form {
	    font-size: 0.55rem;
	}

    .efo_body th .req,
    .efo_body th .any {
        font-size: 1rem;
        position: static;
        -webkit-transform: translateY(0);
        /* Safari用 */
        transform: translateY(0);
        margin-left: 15px;
    }

    .efo_body th .req {
        font-size: 0.65em;
        margin: left 0.35em;
    }

    .efo_subtxt2 {
        font-size: 2.2rem;
    }

    .efo_subtxt {
        font-size: 0.8rem;
    }

    .error-message {
        font-size: 1rem;
        left: 3.5vw;
    }

    .efo-form_footer .efo_pp {
        padding: 20px 0 5px;
        font-size: 0.95rem;
    }

    .efo-form_footer .check_submit button {
        font-size: 2.6rem;
    }

    .pp_link {
        font-size: 0.95rem;
    }
    .pp_wrap {
        padding: 15px 3.5vw;
        font-size: 1rem;
    }

    /*efo*/
    .efo_body table {
        width: 100%;
    }

    .efo_body td,
    .efo_body th {
        display: block;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .efo_body th {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-left:0em;
        font-size: 1.1rem;
        border-top: none;
        border-bottom: none;
        background: white;
    }

    .efo_body td {
        padding-top: 0;
        padding-bottom: 30px;
        padding-left:0.65em;
        padding-right:0.65em;
        border-top: none;
    }

    .efo_body td.type_checkradio label {
        display: block;
        width: 100%;
        max-width: 480px;
        margin: 0 auto 5px;
    }

    .efo-form_footer .check_submit {
       margin:3em 1em;
    }
    .efo-form_footer .check_submit input{
        width:100%;
    }

    .error-message {
        left: 0px;
    }

    #formWrap {
        padding: 60px 15px 30px;
    }

    #formWrap {
        padding: 60px 15px 60px;
    }

    #formWrap .efo_body input[type=button],
    #formWrap .efo_body input[type=submit] {
        border-radius: 0;
        border: none;
        font-size: 2rem;
        padding: 10px 25px;
        cursor: pointer;
        margin: 0 10px 15px;
        border-radius: 3px;
    }

    #formWrap .efo_body {
        max-width: 800px;
        margin: 0 auto;
    }

    #formWrap h1 {
        text-align: center;
        font-size: 30px;
        margin-bottom: 30px;
    }

    #formWrap .formTable {
        width: 100%;
        margin: 0 0 40px;
    }

    #formWrap .formTable th,
    #formWrap .formTable td {
        padding-left: 15px;
        padding-right: 15px;
    }

    #formWrap .formTable td {
        font-weight: normal;
    }

    #formWrap .formTable tr:nth-child(odd) {
        background: #ddd;

    }

    #formWrap .formTable tr:nth-last-child(2) {
        display: none;
    }

}

/*IE*/
@media all and (-ms-high-contrast: none) {

    .efo_body th .req,
    .efo_body th .any {
        top: auto;
        -webkit-transform: translateY(0);
        /* Safari用 */
        transform: translateY(0);
    }
}

.thanks {
  text-align: center;
  padding-bottom: 60px;
  font-size:1.1rem;
}
.thanks p + p{
  margin-top:15px;
}

.thanks a.button {
  display: inline-block;
  width: 240px;
  background: #A70909;
  color: #fff;
  font-weight: normal;
  padding: 15px 10px;
  font-size: 18px;
  margin: 0 10px 15px;
  border-radius: 3px;
  text-align: center;
}

.thanks_tel {
  text-align: center;
  font-size:18px;
}

.thanks_tel table {
  width: 360px;
  margin: 30px auto 30px;
  border: 2px solid #0A193A;
  border-radius: 10px;
}

.thanks_tel table th,
.thanks_tel table td {
  padding: 10px 5px;
}

.thanks_tel table th {
  background: #0A193A;
  color:#fff;
  vertical-align: middle;
}
.thanks_cta{
  text-align: center;
}
.thanks_tel table td {
  text-align: center;
  vertical-align: middle;
  font-size: 1.8rem;
  background-color: #FFF;
}

@media only screen and (max-width:768px) {
  .thanks_tel table a{
    font-size: 1.3rem;
    text-decoration: underline;
    color:#A70909;
  }

  .thanks {
    text-align: left;
    padding:40px 0;
    font-size:1rem;
  }
  .thanks_tel table {
    width: 280px;
  }
  .thanks a.button {
    display: inline-block;
    width: 220px;
    margin: 0 10px 15px;
  }

}

/*=============================================================*/
/*========================= telework ==========================*/
/*=============================================================*/
.telework * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.telework *:before,
.telework *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.telework
{
    background: #F7F7F7;
    padding-top: 45px;
}
.telework article
{
    padding: 28px;
    background: #fff;
}
.telework-title
{
    font-size: 1.75rem;
    font-weight: bold;
    text-align: center;
    margin: 100px 0px 20px;
}
.tbl
{
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.tbl-row
{
    display: table-row;
}
.tbl-cell
{
    display: table-cell;
    padding: 5px;
    vertical-align: top;
}
.telework .row {
  margin-right: -10px;
  margin-left: -10px;
}
.telework .row:before,
.telework .row:after{
  display: table;
  content: " ";
}
.telework .row:after{
  clear: both;
}
.telework .col
{
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 33.3333%;
}
.telework .txt-large
{
    font-size: 1.5rem;
}
.telework .txt-bold
{
    font-weight: bold;
}
.telework a:hover
{
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    text-decoration: none;
}
.hidden-pc
{
    display: none;
}
.hidden-sp
{
    display: inline-block;
}
@media(max-width: 767px)
{
    .hidden-sp
    {
        display: none;
    }
    .hidden-pc
    {
        display: inline-block;
    }
    .telework article
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    .telework .telework-title
    {
        font-size: 1.25rem;
        margin-top: 65px;
    }
}
/*=============================================================*/
/*========================= Block 1 ==========================*/
/*=============================================================*/
.telework article.block01
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    background: none;
}
.telework .block01 .left
{
    width: 100%;
    position: relative;
}
.telework .block01 .left img
{
    width: 100%;
}
.telework .block01 .left .intro
{
    position: absolute;
    left: 0;
    top: 6%;
    background: url('../img/telework/bg_trans_white.png');
    padding: 20px 30px;
}
.telework .block01 .left .intro h2
{
    font-size: 1.6rem;
    font-weight: bold;
    color: #A70909;
}
.telework .block01 .left .intro h3
{
    color: #101539;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 125%;
}
.telework .block01 .left .txt-small
{
    font-size: 1.75rem;
}
.telework .block01 .left .bottom
{
    font-size: 1.5rem;
    padding: 5px 10px 5px 25px;
    background: #fff;
}
.telework .block01 .right
{
    line-height: 160%;
    width: 250px;
    background: #101539;
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.telework .block01 .right .right-inner
{
    text-align: center;
    line-height: 140%;
}
.telework .block01 .right .break
{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.telework .block01 .right .small
{
    font-size: 1.625rem;
}
@media(max-width: 1024px)
{
    .telework .block01 .left .intro
    {
        top: 13%;
    }
}
@media(max-width: 960px)
{
    .telework .block01 .left .intro
    {
        top: 8%;
    }
    .telework .block01 .left .intro h2
    {
        font-size: 1.25rem;
    }
    .telework .block01 .left .intro h3
    {
        font-size: 2.0rem;
    }
    .telework .block01 .left .txt-small
    {
        font-size: 1.25rem;
    }
    .telework .block01 .left .bottom
    {
        font-size: 1.2rem;
    }
    .telework .block01 .right
    {
        font-size: 2.0rem;
    }
    .telework .block01 .right .small
    {
        font-size: 1.225rem;
    }
}
@media(max-width: 800px)
{
    .telework .block01 .left .intro
    {
        top: 8%;
    	padding: 10px 25px;
    	/*line-height: 130%;*/
    }
    .telework .block01 .left .intro h2
    {
        font-size: 1.05rem;
    }
    .telework .block01 .left .intro h3
    {
        font-size: 1.8rem;
    }
    .telework .block01 .left .txt-small
    {
        font-size: 1rem;
    }
    .telework .block01 .left .bottom
    {
        font-size: 1.0rem;
    }
    .telework .block01 .right
    {
        font-size: 1.6rem;
        width: 200px;
    }
    .telework .block01 .right .small
    {
        font-size: 0.925rem;
    }
}
@media(max-width: 767px)
{
    .telework
    {
        padding-top: 0px;
    }
    .telework .l-break
    {
        display: block;
    }
    .telework .block01,
    .telework .block01 .left,
    .telework .block01 .right
    {
        display: inline-block !important;
        width: 100%;
    }
    .telework .l-inner-block01
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    .telework .block01 .left .intro
    {
        top: 20%;
    }
    .telework .block01 .left .bottom
    {
        text-align: center;
    }
    .telework .block01 .right
    {
        padding: 10px 0px;
        line-height: 165%;
    }
    .telework .block01 .right .break
    {
        width: auto;
        padding: 0px;
        font-size: 1.125rem;
    }
    .telework .block01 .right .small
    {
        display: block;
        font-size: 1.6rem;
    }
}
@media(max-width: 640px)
{
    .telework .block01 .left .intro
    {
        top: 17%;
    }
    .telework .block01 .left .intro h3 {
        font-size: 1.6rem;
    }
    .telework .block01 .left .txt-small
    {
        font-size: 1.1rem;
    }
}
@media(max-width: 549px)
{
    .telework .block01 .left .intro
    {
        top: 15%;
    }
    .telework .block01 .left .intro h2 {
        font-size: 1rem;
    }
    .telework .block01 .left .intro h3 {
        font-size: 1.4rem;
    }
    .telework .block01 .left .txt-small
    {
        font-size: 0.9rem;
    }
}
@media(max-width: 480px)
{
    .telework .block01 .left .intro
    {
        padding: 10px 20px;
    }
    .telework .block01 .left .bottom
    {
        padding-left: 15px;
    }
    .telework .block01 .left .intro
    {
        top: 5%;
    }
    .telework .block01 .left .intro h2 {
        font-size: 0.875rem;
    }
    .telework .block01 .left .intro h3 {
        font-size: 1.2rem;
    }
    .telework .block01 .right,
    .telework .block01 .right .small
    {
        font-size: 1.5rem;
    }
    .telework .block01 .right .break
    {
        font-size: 1rem;
    }
}
@media(max-width: 375px)
{
    .telework .block01 .left .intro
    {
        top: 7%;
    	padding: 7px 20px;
    	line-height: 130%;
    }
    .telework .block01 .left .intro h3
    {
        font-size: 1.2rem;
    }
}
@media(max-width: 320px)
{
    .telework .block01 .left .intro
    {
        top: 9%;
    }
    .telework .block01 .left .intro h3
    {
        font-size: 1rem;
    }
    .telework .block01 .left .txt-small
    {
        font-size: 0.7rem;
    }
    .telework .block01 .right,
    .telework .block01 .right .small
    {
        font-size: 1.3rem;
    }
    .telework .block01 .right .break
    {
        font-size: 0.8rem;
    }
}
/*=============================================================*/
/*====================== End Block 1 ==========================*/
/*=============================================================*/

/*=============================================================*/
/*========================= Block 2 ==========================*/
/*=============================================================*/
.telework .telework-title.block02-title
{
    margin-top: 40px;
    font-weight: bold;
}
.telework .block02
{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.25rem;
}
.telework .block02 .tbl-cell
{
    border-bottom: 1px solid #707070;
    padding: 25px 0px;
}
.telework .block02 .tbl-cell.cell-last
{
    text-align: center;
    width: 265px;
    padding-right: 15px;
    vertical-align: middle;
}
.telework .block02 .tbl-cell.cell-last img
{
    width: 100%;
}
.telework .block02 .tbl-cell h3
{
    font-weight: bold;
}
.telework .block02 .tbl-row.tbl-row-last .tbl-cell
{
    border-bottom: none;
}
.telework .block02 .bottom
{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 2rem;
    color: #103E9E;
    margin-bottom: 20px;
}
@media(max-width: 767px)
{
    .telework .block02
    {
        font-size: 1rem;
    }
    .telework .telework-title.block02-title
    {
        margin-top: 55px;
    }
    .telework .block02 .tbl-row
    {
        display: inline-table;
        width: 100%;
        border-bottom: 1px solid #707070;
    }
    .telework .block02 .tbl-row.tbl-row-last
    {
        border-bottom: none;
    }
    .telework .block02 .tbl-cell
    {
        display: inline-block;
        width: 100% !important;
        border-bottom: none;
    }
    .telework .block02 .tbl-cell.cell-last
    {
        text-align: center;
    }
    .telework .block02 .tbl-cell.cell-last img
    {
        width: 70%;
    }
    .telework .block02 .l-break
    {
        padding-left: 18px;
    }
    .telework .block02 .tbl-row:first-child .tbl-cell
    {
        padding-top: 10px;
    }
    .telework .block02 .bottom
    {
        line-height: 160%;
        font-size: 1.125rem;
        margin-bottom: 15px;
    }
}

/*=============================================================*/
/*====================== End Block 2 ==========================*/
/*=============================================================*/

/*=============================================================*/
/*========================= Block 3 ==========================*/
/*=============================================================*/
.telework .telework-down
{
    background: url('../img/telework/ic_down.png') no-repeat;
    background-position: center center;
    height: 52px;
    background-size: 235px 52px;
    margin-top: 20px;
}
.telework .telework-title.block03-title
{
    margin-top: 45px;
}
.telework .block03
{
    background: #fff url('../img/telework/telework_img04.png') no-repeat;
    background-position: right 0px top 50px;
}
.telework .block03 .label span
{
    font-size: 1.125rem;
    color: #fff;
    padding: 3px 0px 5px 0px;
    line-height: 100%;
    width: 70px;
    display: inline-block;
    text-align: center;
}
.telework .block03 .label.before,
.telework .block03 .label.after
{
    margin-bottom: 5px;
}
.telework .block03 .label.after
{
    margin-top: 20px;
}
.telework .block03 .label.before span
{
    background: #A70909;
}
.telework .block03 .label.after span
{
    background: #1C224C;
}
.telework .block03 .item
{
    border-bottom: 1px solid #707070;
    margin-bottom: 25px;
    padding-bottom: 40px;
}
.telework .block03 .item .before-txt
{
    font-size: 1.125rem;
}
.telework .block03 .item .after-txt
{
    font-size: 1.25rem;
    font-weight: bold;
}
.telework .block03 .item.item-last
{
    border-bottom: none !important;
    padding-bottom: 0px;
}
@media(max-width: 767px)
{
    .telework .block03
    {
        background-position: right 0px top 20px;
        background-size: 210px 210px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .telework .telework-down
    {
        margin-top: 12px;
    }
    .telework .telework-title.block03-title
    {
        margin-top: 30px;
    }
    .telework .block03 .item .before-txt
    {
        font-size: 0.875rem;
    }
    .telework .block03 .item .after-txt
    {
        font-size: 1rem;
    }
}
@media(max-width: 549px)
{
    .telework .block03
    {
        background-position: right 0px top 20px;
        background-size: 139px 139px;
    }
}
/*=============================================================*/
/*====================== End Block 3 ==========================*/
/*=============================================================*/

/*=============================================================*/
/*========================= Block 4 ==========================*/
/*=============================================================*/
.telework .block04
{
    padding-top: 35px;
}
.telework .block04 p
{
    font-size: 0.9rem;
}
.telework .block04-inner
{
    display: inline-table;
    width: 100%;
}
.telework .block04 .col .icon
{
    text-align: center;
}
.telework .block04 .col .title
{
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    margin: 20px 0px 15px;
}
.telework .block04 .col .content
{
    font-size: 1.125rem;
}
@media(max-width: 767px)
{
    .telework .block04
    {
        padding-bottom: 0px;
    }
    .telework .block04 .col
    {
        width: 100%;
        margin-bottom: 25px;
    }
    .telework .block04 .col .icon img
	{
    width: 65%;
	}
}
/*=============================================================*/
/*====================== End Block 4 ==========================*/
/*=============================================================*/

/*=============================================================*/
/*========================= Block 5 ==========================*/
/*=============================================================*/
.telework .block05
{
    font-size: 1.125rem;
    padding-left: 55px;
    padding-right: 55px;
}
.telework .block05 p.img
{
    text-align: center;
    margin: 40px 0px;
}
.telework .block05 p.btn
{
    text-align: center;
    margin: 75px 0px 17px;
}
.telework .block05 p.btn a
{
    display: inline-block;
    padding: 15px 80px;
    background: #A70909;
    color: #fff;
    font-size: 1.75rem;
    text-align: center;
}
.telework .block05 .tbl-cell.cell-last
{
    width: 330px;
}
@media(max-width: 767px)
{
    .telework .block05
    {
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .telework .block05,
    .telework .block05 .txt-large
    {
        font-size: 1rem;
    }
    .telework .block05 p.btn a
    {
        font-size: 1.25rem;
        padding: 15px;
    }
    .telework .block05 .tbl-row
    {
        display: inline-table;
        width: 100%;
    }
    .telework .block05 .tbl-row .tbl-cell
    {
        display: inline-block;
        width: 100%;
    }
    .telework .block05 .tbl-row .tbl-cell.cell-last
    {
        text-align: center;
        margin-top: 40px;
    }
    .telework .block05 .tbl-row .tbl-cell img
    {
        width: auto;
    }
    .telework .block05 p.btn
    {
        margin: 26px 0px 0px;
    }
}
/*=============================================================*/
/*====================== End Block 5 ==========================*/
/*=============================================================*/

/*=============================================================*/
/*========================= Block 6 ==========================*/
/*=============================================================*/
.telework .block06
{
    font-size: 1.125rem;
    padding-top: 35px;
    padding-bottom: 10px;
}
.telework .block06 .item
{
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #707070;
    padding-bottom: 35px;
    margin-bottom: 35px;
}
.telework .block06 .item .q,
.telework .block06 .item .a
{
    display: flex;
    width: 100%;
}
.telework .block06 .item .a .content,
.telework .block06 .item .q p
{
    width: 100%;
}
.telework .block06 .item .q
{
    margin-bottom: 20px;
    font-weight: bold;
}
.telework .block06 .item .icon
{
    margin-right: 12px;
}
.telework .block06 .item .q .icon
{
    width: 26px;
    height: 31px;
    display: inline-block;
    background: url('../img/telework/ic_q.png') no-repeat;
}
.telework .block06 .item .a .icon
{
    width: 24px;
    height: 31px;
    display: inline-block;
    background: url('../img/telework/ic_a.png') no-repeat;
}
.telework .block06 .item.item-last
{
    border-bottom: none;
    margin-bottom: 0;
}
@media(max-width: 767px)
{
    .telework .block06
    {
        font-size: 1rem;
    }
}
/*=============================================================*/
/*====================== End Block 6 ==========================*/
/*=============================================================*/

/*=============================================================*/
/*========================= Block 7 ==========================*/
/*=============================================================*/
.telework .block07
{
    font-size: 1.125rem;
    margin-top: 100px;
    padding: 0;
}
.telework .block07 h2.telework-subtitle
{
    margin-top: 15px;
    font-size: 1.5rem;
    text-align: center;
}
.telework .block07 h2.telework-title
{
    margin-top: 5px;
}
.telework .block07 p
{
        font-size: 1.0rem;
}

.telework .block07 .mod_inner
{
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.telework .block07 .efo_body
{
    margin-top: 25px;
}
.telework .c-pagetop
{
    margin-top: 92px;
}
.telework .block07 #time,
.telework .block07 #minute
{
    width: 100px;
}
.telework .block07 .minute
{
    margin-left: 15px;
}
.telework .block07 select
{
    background: transparent;
    background-image: url('../img/telework/ic_down_black.png');
    background-repeat: no-repeat;
    background-position: right 15px center;
}
.telework .block07 .time div
{
    display: inline-block;
}
.telework .block07.confirm
{
    margin-top: 50px;
    padding: 50px;
}
.telework .block07.confirm .efo_subtxt,
.telework .block07.confirm .pp_link,
.telework .block07.confirm .efo_pp
{
    display: none;
}
@media(max-width: 767px)
{
    .telework .block07
    {
        margin-top: 80px;
        font-size: 1rem;
    }
    .telework .block07.confirm
	{
	    padding: 20px;
	}
	.telework .block07 h2.telework-subtitle
	{
	    margin: 0 0 10px 0;
	    font-size: 0.9rem;
	    line-height: 120%;
	    text-align: left;
	}
    .telework .block07 h2.telework-title
    {
        font-size: 1.125rem;
        font-weight: bold;
    	text-align: left;
    }
    .telework .block07 p
    {
        line-height: 150%;
        font-size: 0.9rem;
    }
    .telework .c-pagetop
    {
        margin-top: 45px;
    }
    textarea,
	input[type=text],
	input[type=tel],
	input[type=submit],
	input[type=button],
	select,
	button {
	    padding: 10px;
	}
    .efo_body td input[type=text]
    {
    	width: 100%;
    	font-size: 80%;
	}
}
/*=============================================================*/
/*====================== End Block 7 ==========================*/
/*=============================================================*/
/*=============================================================*/
/*====================== Telework new ==========================*/
/*=============================================================*/
.telework-body
{
    color: #111111;
}
.telework-body .telework
{
    background: #fff;
    padding-top: 0px;
}
header.g-header-telework
{
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
}
.g-header.g-header-telework .main
{
    background-color: transparent;
    border-bottom: none;
    padding-top: 15px;
    height: 80px;
}
.telework-order-page .telework
{
    background: #F7F7F7;
    margin-top: 75px;
}
.telework-order-page .telework-main
{
    margin-top: 80px;
}
.telework-order-page .g-header.g-header-telework .main
{
    background-color: #fff;
    border-bottom: 2px solid #1C224C;
    padding-top: 0px;
}
.telework-order-page .g-header.g-header-telework .main p.logo
{
    width: 100%;
    padding-top: 15px;
    text-align: center;
    margin-top: 7px;
}
header.g-header-telework a
{
    display: inline-block;
}
.telework-main
{
    position: relative;
    z-index: 100;
}
.telework-main h2.telework-title
{
    font-size: 2.0rem;
    margin: 35px 0px 15px;
    font-weight: bold;
    line-height: 140%;
}
.telework-main h2.telework-title span
{
    color: #DD040E;
}
.telework-banner
{
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    background: url('../img/telework/bg-telework-banner.png') repeat-x;
}
.telework-banner div,
.telework-banner .banner-sp
{
    display: none;
}
.telework-banner img
{
    max-width: 100%;
}

.column-banner {
    position: absolute;
    width: 100%;
    bottom: 180px;
}
.column-banner .column1 {
	margin-right: 17px;
}

.seminar-banner {
    position: absolute;
	width: 100%;
    text-align: center;
    bottom: 13px;
}

.telework-main .wrap-block01
{
    background: #EEEEEE;
    display: inline-block;
    width: 100%;
    padding: 35px 0px;
}
.telework-main h2.block02-title span,
.telework-main h2.block03-title span
{
    color: #DD040E;
}
.telework-main article.block01
{
    position: relative;
    -webkit-box-shadow: 1px 2px 2px 2px #cccccc70;
    -moz-box-shadow: 1px 2px 2px 2px #cccccc70;
    box-shadow: 1px 2px 2px 2px #cccccc70;
    margin-left: 45px;
    margin-right: 45px;
    background: #fff;
}
.telework-main .block01-inner
{
    display: inline-block;
    width: 100%;
    padding: 30px 250px;
    text-align: center;
    position: relative;
    z-index: 10;
}
.telework-main .block01 .img-left,
.telework-main .block01 .img-right
{
    position: absolute;
}
.telework-main .block01 .img-left
{
    top: 0;
    left: 0;
    bottom:0;
    width: auto;
    height: 100%;
    z-index: 5;
}
.telework-main .block01 .img-right
{
    right: 20px;
    bottom: 0;
    z-index: 11;
}
.telework-main .block01-inner h3
{
    font-size: 1.5rem;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}
.telework-main .block01-inner a
{
    display: inline-block;
    padding: 15px 60px;
    color: #fff;
    font-size: 1.25rem;
    background:#b81616 url('../img/telework/ic-arrow-next.png') no-repeat;
    background-position: 12px center;
    line-height: 134%;
    margin-bottom: 10px;
    position: relative;
    z-index: 10;
}
.telework-main .block01-inner .desc
{
    display: inline-block;
    width: 100%;
    font-size: 0.625rem;
    text-align: center;
}
.telework-main .block01-inner .desc p.top
{
    font-size: 0.75rem;
    font-weight: bold;
}
.telework-row
{
    margin-left: -12px;
    margin-right: -12px;
}
.telework-row .col
{
    width: 33.333%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 25px;
    font-size: 1rem;
}
.telework-row .col-inner
{
    background: #EBE8E8;
    padding: 15px;
    display: inline-block;
    width: 100%;
}
.telework-row .col h3
{
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 150%;
    margin: 15px 0px;
}
.telework-row .col p
{
    line-height: 140%;
}
.telework-main .telework-title.block03-title,
.telework-main .telework-title.block04-title
{
    margin-top: 15px;
    font-weight: bold;
}
.telework-main .block02,
.telework-main .block03,
.telework-main .block04,
.telework-main .block06
{
    padding: 10px 0px;
}
.telework-main .block03
{
    background: none !important;
}
.telework-main .block04 .row
{
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
}
.telework-main .block04 .col
{
    padding-left: 15px;
    padding-right: 15px;
}
.telework-main .block04 .col:first-child
{
    width: 40%;
}
.telework-main .block04 .col:last-child
{
    width: 60%;
}
.telework-main .block04 .col img
{
    width: 100%;
    height: auto;
}
.telework-main .block04 h3
{
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 140%;
    margin-bottom: 15px;
}
.telework-main .block06
{
    margin: 30px 0px 80px;
}
.telework-main .block07
{
    margin-bottom: 60px;
    display: inline-block;
    width: 100%;
}
.telework-main .block07 p.small
{
    font-size: 0.875rem;
    margin-top: 15px;
}
.telework-main-contact .efo_body th
{
    background: #FAFAFA;
}
.telework-main-contact .efo_body td
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.telework-main-contact .efo_body th:after
{
    content: '';
    border-top: 1px solid #ccc;
    position: absolute;
    left: 0;
    right: 0;
    top: -0.5px;
    bottom: 0;
}
.telework-main-contact .efo_body tr:last-child th:after
{
    border-bottom: 1px solid #ccc;
    bottom: -0.5px;
}
.telework-main-contact .efo_body th
{
    padding-right: 20px;
    width: 260px;
}
.telework-main-contact .efo_body th .req,
.telework-main-contact .efo_body th .any {
    position: unset;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    color: #DD0000;
    border: 1px solid #DD0000;
    letter-spacing: 3px;
    line-height: 100%;
    padding: 1px 6px 3px 6px;
    font-size: 0.75rem;
    background: none;
    font-weight: normal;
    position: relative;
    bottom: 2px;
    top: unset;
    right: unset;
    margin-left: 6px;
}
.telework-main-contact td .mwform-radio-field:first-child
{
    margin-right: 50px;
}
.telework-main-contact .line
{
    display: inline-block;
}
.telework-main-contact .number
{
    width: 30px;
    height: 30px;
    line-height: 100%;
    margin-right: 6px;
    color: #fff;
    text-align: center;
    background: #333;
    border-radius: 100%;
    font-size: 0.875rem;
    font-weight: normal;
    padding-top: 7px;
    position: relative;
    bottom: 2px;
    display: inline-block;
}
.telework-main-contact textarea,
.telework-main-contact input[type="text"],
.telework-main-contact input[type="tel"],
.telework-main-contact input[type="submit"],
.telework-main-contact input[type="button"],
.telework-main-contact select,
.telework-main-contact button
{
    border: 1px solid #ccc;
}
.telework-main-contact .efo_body td input[type="text"],
.telework-main-contact .efo_body td input[type="tel"],
.telework-main-contact .efo_body td select,
.telework-main-contact .efo_body td textarea
{
    width: 97%;
}
.telework-main-contact td .efo_subtxt
{
    font-size: 1rem;
    color: #333;
}

.efo_body p.policy-desc {
    font-size: 1.3rem;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}
.efo_body .fic-privacy-policy {
    display: inline-block;
    /*width: 100%;*/
    height: 168px;
    overflow-y: auto;
    margin-bottom: 5px;
    padding: 15px 20px 15px 15px;
    line-height: 1.4;
    border: 1px solid #ccc;
}
.lp-listing-main .efo_body .fic-privacy-policy p {
    font-size: 0.9em;
}
.efo_body .fic-privacy-policy p + p {
    margin-top: 30px;
}
@media screen and (max-width: 767px) {
	.efo_body p.policy-desc {
    	font-size: 1.1rem;
    }
}

.telework-main-contact .check_submit input[name="submitConfirm"]
{
    background: #333;
    border: 1px solid #333;
    color: #fff;
    width: 377px;
}
.telework-main-contact p.desc,
.telework-main-contact p.small
{
    text-align:  center;
}
.telework-main-contact p.desc .break-line
{
    display: block;
}
.telework-main-contact .frm-footer-desc
{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 0.875rem;
}
.telework .block07 h2.telework-subtitle
{
    margin: 20px 0px 30px 0px;
    font-size: 1.2rem;
    text-align: center;
}
.telework-main-contact .telework-subtitle span
{
    background: #333;
    color: #fff;
    position: relative;
    padding: 5px 30px 7px 30px;
}
.telework-main-contact .telework-subtitle span:before
{
    content: '';
    width: 0; 
    height: 0; 
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;  
    border-top: 12px solid #333;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 100%;
}
@media(min-width: 769px) and (max-width: 1200px){
	.column-banner
    {
    	bottom: 150px;
    }
	.column-banner img
    {
    	width: 36%;
    }
    .seminar-banner img
    {
    	width: 74%;
    }
    
}
@media(max-width: 960px){
    .telework-main .block01-inner
    {
        padding: 30px 150px;
    }
    .telework-main .block01 .img-right
    {
        height: 170px;
    }
}
@media(max-width: 768px){
    .telework .l-inner-block01 .l-section
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .telework-main article.block01
    {
        margin-left: 0px;
        margin-right: 0px;
    }
    .telework-main .block01-inner
    {
        padding: 30px 20px;
        background: #fff url('../img/telework/contact-us-img01-sp.png') no-repeat;
        background-position: left top;
    }
    .telework-main .block01 .img-left
    {
        display: none;
    }
    .telework-main .block01 .img-right
    {
        height: 160px;
    }
    .telework-main .block01-inner a
    {
        margin: 15px 0px 30px;
    }
    .telework-main .block01-inner .desc
    {
        text-align: left;
        padding-right: 160px;
    }
    .telework-row .col
    {
        width: 50%;
    }
    .telework-main .block04 .col:first-child,
    .telework-main .block04 .col:last-child
    {
        width: 100%;
    }
    .telework-main .block04 .col:first-child
    {
        text-align: center;
        margin-bottom: 10px;
    }
    .telework-main .block04 .col:first-child img
    {
        width: auto;
        max-width: 100%;
    }
    .telework-main-contact .efo_body th
    {
        width: 100%;
        padding-right: 0px;
    }
    .telework-main-contact .efo_body th
    {
        background: none;
    }
    .telework-main-contact .efo_body td
    {
        border-top: none;
        border-bottom: none;
    }
    .telework-main-contact .efo_body th:after
    {
        border-top: none;
    }
    .telework-main-contact .efo_body tr:last-child th:after
    {
        border-bottom: none;
    }
    .telework-main-contact .efo_body td input[type="text"],
    .telework-main-contact .efo_body td input[type="tel"],
    .telework-main-contact .efo_body td select,
    .telework-main-contact .efo_body td textarea
    {
        width: 100%;
    }
    .telework-main-contact p.desc,
    .telework-main-contact p.small
    {
        text-align:  left;
    }
    .telework-main-contact p.desc .break-line
    {
        display: none;
    }
    .telework-main-contact .telework-subtitle span
    {
        padding: 5px 10px 7px 10px;
        display: inline-block;
        width: 100%;
    }
}
@media(min-width: 550px) and (max-width: 768px){
	.column-banner
    {
    	bottom: 115px;
    }
	.column-banner img
    {
    	width: 35%;
    }
    .seminar-banner img
    {
    	width: 73%;
    }
    
}
@media(max-width: 767px){
    header.g-header-telework
    {
        height: 58px;
    }
    .telework-order-page .telework-main
    {
        margin-top: 0px;
    }
    .g-header.g-header-telework .main
    {
        background-color: #fff;
        border-bottom: 2px solid #1C224C;
        padding-top: 0px;
        height: 58px;
    }
    .g-header.g-header-telework .main p.logo
    {
        width: 100%;
        padding-top: 15px;
        text-align: center;
    }
    .telework-body .g-footer .link__head
    {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .telework-order-page .telework
    {
        margin-top: 0px;
    }
    .telework-order-page .g-header.g-header-telework .main
    {
        height: 58px;
    }
    .telework-order-page .g-header.g-header-telework .main p.logo
    {
        margin-top: 0px;
    }
}
@media(max-width: 640px){
    .telework-main .block01 .img-right
    {
        right: 0;
    }
}
@media(max-width: 549px){
    .seminar-banner,
    .column-banner
    {
        position: unset;
    	width: 95%;
    	margin: 0 auto;
    	padding-top: 10px;
    }
    .seminar-banner
    {
        padding-bottom: 10px;
    }
    
    .telework-banner .banner-pc,
    .seminar-banner .banner-pc,
    .column-banner .banner-pc
    {
        display: none;
    }
    .telework-banner .banner-sp,
    .seminar-banner .banner-sp,
    .column-banner .banner-sp
    {
        display: inline-block;
        width: 100%;
        height: auto;
    }
    
    .telework-banner div
    {
        display: block;
        padding: 12px 6px 7px 6px;
        background: #fff;
    }
    .telework-banner div p
    {
        width: 100%;
    }
    .telework-banner div p img
    {
        width: 100%;
    }
    
    .column-banner .column1 {
		margin-right: 0;
		margin-bottom: 10px;
	    display: block;
	}
    
    .telework .l-inner-block01 .l-section
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    .telework-main article.block01
    {
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;
    }
    .telework-main .wrap-block01
    {
        padding: 10px 7px 5px 7px;
    }
    .telework-main .block01-inner h3
    {
        font-size: 1.125rem;
    }
    .telework-main .block01-inner a
    {
        font-size: 1rem;
    }
    .telework-main .block01-inner
    {
        padding-bottom: 20px;
    }
    .telework-main .block01 .img-right
    {
        height: 150px;
        right: -20px;
    }
    .telework-row .col
    {
        width: 100%;
        margin-bottom: 10px;
        font-size: 0.875rem;
    }
    .telework-row .col-inner
    {
        height: auto !important;
        padding: 15px 15px 24px 15px;
    }
    .telework-main h2.telework-title
    {
        font-size: 1.45rem;
    }
    .telework-row .col h3
    {
        font-size: 1.125rem;
        margin-top: 5px;
    }
    .telework-main .block04 .col
    {
        font-size: 0.875rem;
    }
    .telework-main .block04 h3
    {
        font-size: 1rem;
    }
    .telework-main .block06
    {
        margin-bottom: 40px;
    }
    .telework-main .block07
    {
        margin-top: 50px;
        margin-bottom: 40px;
    }
}
@media(max-width: 480px){
    .telework-main-contact .check_submit input[name="submitConfirm"]
    {
        width: 100%;
    }
}
@media(max-width: 414px){
    .telework-main .block01-inner
    {
        padding: 30px 10px;
    }
    .telework-main .block01-inner a
    {
        font-size: 0.8rem;
        padding: 15px 40px;
    }
    .telework-main .block01-inner .desc
    {
        padding-right: 120px;
    }
    .telework-main-contact td .mwform-radio-field
    {
        display: block;
    }
    .telework-main-contact td .mwform-radio-field:first-child
    {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .telework-main-contact td .mwform-radio-field
    {
        margin-left: 0 !important;
    }
}
@media(max-width: 375px){
    .telework-main .block01-inner .desc
    {
        padding-right: 100px;
    }
    .telework-main .block01 .img-right
    {
        right: -30px;
    }
}
@media(max-width: 320px){
    .telework .block07 #time,
    .telework .block07 #minute
    {
        width: 80px;
    }
}
/*=============================================================*/
/*==================== End telework new ========================*/
/*=============================================================*/
/*=============================================================*/
/*=========================== Optimize ========================*/
/*=============================================================*/
/* banner ========================================================*/
body.optimize-body{
    overflow-x: hidden;
}
.optimize-main .l-inner
{
    max-width: 1140px;
}
.optimize-main h2.telework-title
{
    font-size: 2.625rem;
    font-weight: normal !important;
}
.optimize-main h2.telework-title span
{
    font-weight: bold !important;
}
.optimize-banner
{
    background: url('../img/optimize/bg-banner.png') repeat-x;
    background-position: left bottom;
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
}
.optimize-banner .banner-sp
{
    display: none;
}
.optimize-banner .ic-banner
{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 35.33%;
}
.optimize-banner .inner
{
    max-width: 1440px;
    margin: 0 auto;
    display: block;
    position: relative;
}
.optimize-banner .inner img
{
    width: 100%;
}
.optimize-banner .inner .info
{
    position: absolute;
    width: 884px;
    height: 290px;
    top: 50%;
    left: 50%;
    margin-top: -145px;
    margin-left: -442px;
    background: #fff;
    border: 1px solid #707070;
    display: block;
    font-size: 2.375rem;
    text-align: center;
    line-height: 130%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.optimize-main .g-footer .contact
{
    max-width: 970px;
}
/* Adv ========================================================*/
.optimize-adv
{
    background: #e1dccd;
}
.optimize-adv .inner
{
    max-width: 1440px;
    margin: 0 auto;
    display: block;
    position: relative;
    padding: 18px 0px;
}
.optimize-adv .inner img
{
    width: 100%;
}
.optimize-adv .adv-sp
{
    display: none;
}
.group-contact.bg-grey
{
    background-color: #EBE8E8;
}
@media(max-width: 414px){
    .optimize-banner .inner img.banner-pc
    {
        display: none;
    }
    .optimize-banner .inner img.banner-sp
    {
        display: block;
    }
    .optimize-adv .inner
    {
        padding: 10px;
    }
    .optimize-adv .inner .adv-pc
    {
        display: none;
    }
    .optimize-adv .inner .adv-sp
    {
        display: block;
    }
}
/* Block 01 ========================================================*/
.optimize-main .wrap-block01
{
    background: #fff;
}
.optimize-main article.block01
{
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    width: 100%;
}
.optimize-main article.block01 .items
{
    display: inline-block;
    width: 100%;
    position: relative;
    background: url('../img/optimize/block01-bg.png');
    padding: 36px 200px 36px 30px;
}
.optimize-main article.block01 .items p
{
    display: flex;
    padding-left: 50px;
    font-size: 1.5rem;
    position: relative;
    margin-bottom: 15px;
}
.optimize-main article.block01 .items p:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 30px;
    height: 27px;
    background: url('../img/optimize/ic-check.png') no-repeat;
}
.optimize-main article.block01 div.icon
{
    position: absolute;
    right: 10px;
    bottom: 0;
}
.optimize-main h2.block01-title
{
    font-size: 2.375rem;
    margin-top: 80px;
    margin-bottom: 20px;
}
.optimize-main h2.block01-title span
{
    font-size: 2.625rem;
    font-weight:  bold;
}
.optimize-main article.block01 img.sp
{
    display: none;
}
@media(max-width: 768px){
    .optimize-main h2.block01-title
    {
        margin: 20px;
    }
    .optimize-main article.block01 div.icon
    {
        position: unset;
        text-align: right;
        display: block;
        width: 100%;
    }
    .optimize-main .optimize-block01,
    .optimize-main .wrap-block01
    {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .optimize-main article.block01 .items
    {
        padding: 20px 20px 0px 20px;
    }
    .optimize-main article.block01 img.pc
    {
        float: right;
        margin-right: 20px;
    }
    .optimize-main article.block01 .items p.last
    {
        margin-bottom: 0px;
    }
}
@media(max-width: 549px){
    .optimize-main article.block01 img.pc
    {
        display: none;
    }
    .optimize-main article.block01 img.sp
    {
        display: block;
        float: right;
        margin-right: 20px;
    }
    .optimize-main article.block01 .items p
    {
        font-size: 1rem;
        font-weight: bold;
        padding-left: 32px;
    }
    .optimize-main article.block01 .items p::before
    {
        width: 22px;
        height: 20px;
        background-size: 22px 20px;
        top: 6px;
    }
}
/* Block 02 ========================================================*/
.optimize-main .l-inner-block02
{
    position: relative;
    background: #DCE5EF;
    margin-top: 105px;
    display: block;
    width: 100%;
    padding-top: 70px;
    position: relative;
}
.optimize-main h2.telework-title.block02-title
{
    margin-top: 50px;
    margin-bottom: 60px;
}
.optimize-main .block02-arrow-down
{
    content: '';
    width: 0; 
    height: 0; 
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;  
    border-top: 170px solid #DCE5EF;
}
.optimize-main .l-inner-block02 .block02-top
{
    display: inline-block;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -65px;
}
.optimize-main .l-inner-block02 .block02-top .inner
{
    font-size: 2.875rem;
    color: #fff;
    background: #23396F;
    display: inline-block;
    padding: 22px 50px;
    position: relative;
}
.optimize-main .l-inner-block02 .block02-top .inner:before
{
    content: '';
    width: 0; 
    height: 0; 
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;  
    border-top: 15px solid #23396F;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 100%;
}
.optimize-main .l-inner-block02 .block02-top .inner span
{
    position: relative;
}
/*.optimize-main .l-inner-block02 .block02-top .inner span:before
{
    content: '';
    position: absolute;
    left: 15px;
    right: -12px;
    bottom: 0px;
    height: 7px;
    background: #FFFF00;
}*/
.optimize-main .l-inner-block02 .block02-top .inner span
{
    border-bottom: 7px solid #FFFF00;
}
.optimize-main .block02 
{
    background: none;
}
.optimize-main .block02  .items
{

}
.optimize-main .block02 .item
{
    display: inline-block;
    width: 100%;
    background: #fff;
    margin-bottom: 50px;
    padding: 30px 55px;
    position: relative;
}
.optimize-main .block02 .item h3
{
    text-align: center;
    font-size: 2.125rem;
    font-weight: bold;
    color: #23396F;
    padding: 0px 120px;
    line-height: 150%;
}
.optimize-main .block02 .item .icon
{
    position: absolute;
    left: 18px;
    top: -32px;
}
.optimize-main .block02 .item .number
{
    position: absolute;
    right: 35px;
    top: 40px;
}
.optimize-main .block02 .item .tbl-cell
{
    font-size: 1.05rem;
    border-bottom: none;
}
.optimize-main .block02 .item .tbl-cell p.top
{
    font-weight: bold;
}
.optimize-main .block02 .tbl-cell
{
    padding: 0px;
}
.optimize-main .block02 .tbl-cell:last-child
{
    padding-right: 24px;
    padding-left: 50px;
    width: 280px;
}
/*.optimize-main .block02 .tbl-cell:last-child img
{
    width: 100%;
}*/
.optimize-main .block02 .tbl-cell p.top
{
    margin: 30px 0px 15px;
}
.optimize-main .block02 .tbl-cell .line
{
    position: relative;
    display: inline;
    border-bottom: 7px solid #FFFF00;;
}
.optimize-main .block02 .tbl-cell .line-break
{
    display: block;
}
.optimize-main .block02 .item1 .tbl-cell .line-break
{
    margin-bottom: 25px;
}
/*.optimize-main .block02 .tbl-cell .line:before
{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 7px;
    background: #FFFF00;;
}*/
.optimize-main .block02 .tbl-cell .line-last
{
    margin-top: 20px;
}
.optimize-main .block02 .tbl-img
{
    margin-top: 30px;
}
.optimize-main .block02 .tbl-img .tbl-cell
{
    text-align: center;
    width: auto;
}
.optimize-main .block02 .tbl-img .tbl-cell:first-child
{
    border-right: 1px solid #707070;
    padding-right: 40px;
}
.optimize-main .block02 .tbl-img .tbl-cell:last-child
{
    padding-right: 0px;
    padding-left: 40px;
}
.optimize-main .block02 .tbl-img p.title span
{
    font-size: 1.375rem;
    color: #fff;
    display: inline-block;
    line-height: 100%;
    padding: 7px 16px 9px 16px;
    margin: 0px 0px 20px;
}
.optimize-main .block02 .tbl-img .tbl-cell:first-child p.title span
{
    background: #FF8000;
}
.optimize-main .block02 .tbl-img .tbl-cell:last-child p.title span
{
    background: #444444;
}
.optimize-main .block02 .item2 .tbl-img-full .tbl-cell
{
    padding-left: 5px;
    padding-right: 24px;
}
.optimize-main .block02 .item2 .tbl-img-full p.title
{
    font-size: 1.1875rem;
    padding-left: 40px;
    background: url('../img/optimize/ic-hand.png') no-repeat;
    background-position: left 5px;
    margin: 30px 0px 40px;
}
.optimize-main .block02 .item2 .tbl-img-full p.title span
{
    color: #DD040E;
}
.optimize-main .block02 .item2 .tbl-img-full p.img
{
    padding-left: 40px;
}
.optimize-main .block02 .item2 .tbl-img-full p.img img
{
    width: 100%
}
.optimize-main .block02 .item2 p.txt-note
{
    text-align: center;
    margin-top: 20px;
}
.optimize-main .block02 .item3 .tbl-img-full .tbl-cell
{
    padding-left: 0px;
}
.optimize-main .block02 .item3
{
    margin-bottom: 20px;
}
.optimize-main .block02 .item3 .tbl-img-full p.img
{
    padding-left: 0;
}
.optimize-main .block02 .item3 .tbl-img-full p.title
{
    font-size: 1.1rem;
    padding-left: 22px;
    background: url('../img/optimize/ic-down.png') no-repeat;
    background-position: left -2px;
    margin: 0px 0px 15px;
    line-height: 100%;
}
.optimize-main .block02 .item3 p.txt-note
{
    margin: 10px 0px 20px;
}
.optimize-main p.block02-intro
{
    margin-top: 10px;
    font-size: 3.25rem;
    text-align: center;
    color: #DD040E;
    font-weight: bold;
    margin: 50px 0px 70px;
    line-height: 140%;
}
.optimize-main .block02 p.img-sp
{
    display: none;
}
.optimize-main .block02 .tbl img.sp
{
    display: none;
}
.optimize-main .block02 .item1 span.small-line
{
    display: inline-block;
    height: 7px;
    width: 45px;
    background: #FFFF00;
    margin-top: 25px;
}
.optimize-main .block02 .tbl-cell .line.last
{
    width: 230px;
}
.optimize-main .block02 .tbl-cell .line-sp,
.optimize-main .block02 .tbl-cell p.sp
{
    display: none;
}
.optimize-main .block02 .item3 .line3-last
{
    width: 80%;
}
@media(max-width: 768px){
    .optimize-main .block02 .item .tbl,
    .optimize-main .block02 .item .tbl-row,
    .optimize-main .block02 .item .tbl-cell
    {
        display: inline-block;
        width: 100%;
    }
    .optimize-main .block02 .tbl-cell:last-child
    {
        display: none;
    }
    .optimize-main .block02 .tbl-img .tbl-cell:last-child
    {
        display: block;
    }
    .optimize-main .block02 p.img-sp
    {
        display: block;
        text-align: center;
    }
    .optimize-main .block02 .item h3
    {
        margin-bottom: 20px;
    }
    .optimize-main .block02 .tbl-img .tbl-cell
    {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-right: none !important;
        text-align: center;
    }
    .optimize-main .block02 .tbl-img .tbl-cell img
    {
        width: auto;
    }
    .optimize-main .block02 .item1 .tbl-img .tbl-cell:first-child
    {
        padding-bottom: 45px;
        margin-bottom: 30px;
        border-bottom: 1px solid #707070;
    }
    .optimize-main .block02 .item1,
    .optimize-main .block02 .item2
    {
        padding-bottom: 50px;
    }
    .optimize-main .block02 .item3 .tbl-img-full .tbl-cell,
    .optimize-main .block02 .item2 .tbl-img-full .tbl-cell
    {
        display: block;
    }
    .optimize-main .block02 .item3 .tbl-img-full p.title
    {
        margin-top: 20px;
    }
    .optimize-main .block02-arrow-down
    {
        border-top: 150px solid #DCE5EF;
    }
    .optimize-main .block02 .tbl-row
    {
        border-bottom: none !important;
    }
    .optimize-main .block02 .item3 .tbl-img-full .tbl-cell
    {
        padding-right: 0px;
    }
    .optimize-main p.block02-intro
    {
        font-size: 2.1rem;
        padding-left: 20px;
        padding-right: 20px;
    }
    .optimize-main .block02 .tbl-cell .line-sp,
    .optimize-main .block02 .tbl-cell .line.sp
    {
        display: block;
    }
    .optimize-main .block02 .tbl-cell .line.pc
    {
        display: none;
    }
    .optimize-main .block02 .tbl-cell .line.line-inline
    {
        display: inline;
        border-bottom: 5px solid #FFFF00;
    }
    .optimize-main .block02 .item1 .tbl-cell .line::before
    {
        background: none;
        height: 5px;
    }
    .optimize-main .block02 .tbl-cell .line-sp1
    {
        width: 30px;
        height: 5px;
        background: #FFFF00;
        margin-top: 30px;
    }
    .optimize-main .block02 .tbl-cell .line-sp-full
    {
        width: 100%;
        height: 5px;
        background: #FFFF00;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .optimize-main .block02 .item1 span.small-line
    {
        width: 60px;
        height: 5px;
    }
    .optimize-main .block02 .item2 .tbl-cell .line::before,
    .optimize-main .block02 .item3 .tbl-cell .line::before
    {
        background: none;
    }
    .optimize-main .block02 .item3 .line3-last
    {
        width: 100%;
    }
    .optimize-main .block02 .tbl-cell .line
    {
        border-bottom: 5px solid #FFFF00
    }
    .optimize-main .block02 .item1 span.small-line {
        margin-top: 15px;
    }
   /* .optimize-main .block02 .item1 .tbl-cell .line-break {
        width: 30px;
        height: 5px;
        background: #FFFF00;
        margin-top: 30px;
        margin-bottom: 5px;
    }*/
    .optimize-main .block02 .item2 .tbl-cell .line,
    .optimize-main .block02 .item3 .tbl-cell .line
    {
        border-bottom: none;
    }
    .optimize-main .block02 .item2 .tbl-cell p.sp,
    .optimize-main .block02 .item3 .tbl-cell p.sp
    {
        display: block;
    }
}
@media(max-width: 640px){
    .optimize-main .block02 .item h3
    {
        padding: 0px;
        text-align: left;
    }
    .optimize-main .block02 .item
    {
        padding: 90px 20px 30px 20px;
    }
    .optimize-main .block02 .item .icon
    {
        top: -42px;
        left: 50%;
        margin-left: -78px;
    }
    .optimize-main .block02 .item .number
    {
        right: 20px;
        top: 25px;
    }
    .optimize-main .block02-arrow-down
    {
        border-top: 110px solid #DCE5EF;
    }
}
@media(max-width: 549px){
    .optimize-main .l-inner-block02 .block02-top .inner
    {
        font-size: 1.5rem;
        font-weight: bold;
    }
    .optimize-main .l-inner-block02
    {
        margin-top: 60px;
        padding-top: 20px;
    }
    .optimize-main .l-inner-block02 .block02-top
    {
        top: -40px;
    }
    .optimize-main .l-inner-block02 .block02-top .inner
    {
        padding: 15px 45px;
    }
    /*.optimize-main .l-inner-block02 .block02-top .inner span::before
    {
        height: 5px;
        left: -5px;
        right: 0px;
    }*/
    .optimize-main .l-inner-block02 .block02-top .inner span
    {
        border-bottom: 5px solid #FFFF00;
    }
    .optimize-main h2.telework-title.block02-title
    {
        margin-bottom: 30px;
    }
    .optimize-main .block02 .item .icon
    {
        width: 130px;
    	margin-left: -71px;
    	top: -25px;
	}
    .optimize-main .block02 .item .number
    {
        width: 60px;
    }
    .optimize-main .block02 .item h3
    {
        font-size: 1.25rem;
    }
    .optimize-main .block02 .tbl-img p.title span
    {
        font-size: 1.25rem;
    }
    .optimize-main .block02 .item
    {
        padding: 90px 15px 30px 15px;
    }
    .optimize-main .block02 .tbl img.pc
    {
        display: none;
    }
    .optimize-main .block02 .tbl img.sp
    {
        display: inline-block;
    }
    .optimize-main .block02 .item2 .tbl-img-full p.img img
    {
        max-width: 100%;
    }
    .optimize-main .block02 .item2 p.txt-note
    {
        text-align: left;
    }
    .optimize-main .block02 .item
    {
        padding-bottom: 0px;
    }
    .optimize-main .block02 .item3 p.txt-note
    {
        margin: 30px 0px 10px;
    }
    .optimize-main .block02-arrow-down
    {
        border-top: 65px solid #DCE5EF;
    }
    .optimize-main .l-inner-block02
    {
        padding-bottom: 20px;
    }
    .optimize-main .block02 .item2 .tbl-img-full .tbl-cell
    {
        padding-left: 0;
        padding-right: 0;
    }
    .optimize-main .block02 .item2 .tbl-img-full p.img
    {
        padding-left: 0px;
    }
    .optimize-main .block02 .item2 p.txt-note
    {
        margin-bottom: 50px;
    }
}
/* Block 03 ========================================================*/
.optimize-main .telework-title.block03-title
{
    margin: 100px 0px 80px;
}
.optimize-main  .block03
{
    margin-bottom: 100px;
}
.optimize-main  .block03 ol li
{
    margin-top: -73px;
}
@media(max-width: 960px){
    .optimize-main .block03 ol li
    {
        margin-top: -63px;
    }
}
@media(max-width: 768px){
    .optimize-main .block03 ol li
    {
        margin-top: -53px;
    }
}
@media(max-width: 640px){
    .optimize-main .block03 ol li
    {
        margin-top: -40px;
    }
}
@media(max-width: 549px){
    .optimize-main .block03
    {
        margin-bottom: 50px;
    }
    .optimize-main .l-inner-block03
    {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .optimize-main .telework-title.block03-title {
        margin: 40px 0px 60px;
    }
    .optimize-main .block03 ol li img
    {
        width: 100%;
        margin-top: -40px;
    }
    .optimize-main .block03 ol li
    {
        margin-top: -22px;
    }
}
@media(max-width: 480px){
    .optimize-main .block03 ol li
    {
        margin-top: -12px;
    }
}
@media(max-width: 480px){
    .optimize-main .block03 ol li
    {
        margin-top: -2px;
    }
}
@media(max-width: 375px){
    .optimize-main .block03 ol li
    {
        margin-top: 0px;
    }
}
@media(max-width: 320px){
    .optimize-main .block03 ol li
    {
        margin-top: 5px;
    }
}
/* Block 04 ========================================================*/
.optimize-main .block04 .row
{
    margin-left: -50px;
    margin-right: -50px;
}
.optimize-main .block04 .col
{
    width: 33.333% !important;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
    margin-bottom: 75px;
}
.optimize-main .block04 .col p.position
{
    font-size: 1.125rem;
}
.optimize-main .block04 .col p.name
{
    /*border-bottom: 2px solid #e8e8e8;*/
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 5px;
    font-size: 1.25rem;
}
.optimize-main .block04 .col p.desc
{
}
.optimize-main .telework-title.block04-title
{
    margin: 120px 0px 30px;
    border-bottom: 2px solid #1C224C;
    padding-bottom: 10px;
}
@media(max-width: 768px){
    .optimize-main .telework-title.block04-title
    {
        margin: 70px 0px 25px;
    }
    .optimize-main .block04 .col
    {
        width: 50% !important;
    }
    .telework-main .block04 .col:first-child img
    {
        max-width: auto;
        width: 100%;
    }
}
@media(max-width: 640px){
    .optimize-main .block04 .row
    {
        margin-left: -30px;
        margin-right: -30px;
    }
    .optimize-main .block04 .col
    {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 60px;
    }
}
@media(max-width: 549px){
    .optimize-main .telework-title.block04-title
    {
        margin: 50px 0px 15px;
    }
    .optimize-main .block04 .row
    {
        margin-left: -10px;
        margin-right: -10px;
    }
    .optimize-main .block04 .col
    {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}
@media(max-width: 414px){
    .optimize-main .block04 .row
    {
        margin-left: 0px;
        margin-right: 0px;
    }
    .optimize-main .block04 .col
    {
        width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 40px !important;
    }
    .optimize-main .block04
    {
        padding-left: 55px;
        padding-right: 55px;
    }
}
@media(max-width: 375px){
    .optimize-main .block04
    {
        padding-left: 48px;
        padding-right: 48px;
    }
}
@media(max-width: 320px){
    .optimize-main .block04
    {
        padding-left: 20px;
        padding-right: 20px;
    }
}
/* Block 05 ========================================================*/
.optimize-main .telework-title.block05-title
{
    margin: 45px 0px 30px;
    border-bottom: 2px solid #1C224C;
    padding-bottom: 10px;
}
.optimize-main .block05 .group-content
{
    display: inline-block;
    width: 100%;
    border: 2px solid #EBE8E8;
}
.optimize-main .block05 .group-content h3
{
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    background: #103E9E;
    padding: 15px;
}
.optimize-main .block05 .group-content-inner
{
    padding: 25px 50px;
    display: block;
    text-align: center;
}
.optimize-main .block05 .group-content-inner .price
{
    font-size: 1.75rem;
    line-height: 100%;
    margin-bottom: 15px;
    margin-top: 10px;
}
.optimize-main .block05 .group-content-inner .price span
{
    color: #C00000;
    font-size: 3.25rem;
    font-style: italic;
    font-weight: bold;
    padding: 0px 15px 0px 5px;
}
.optimize-main .block05 .group-content-inner .desc
{
    color: #C00000;
    border-bottom: 2px solid #EBE8E8;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
.optimize-main .block05 .group-content-inner .txt-large
{
    font-size: 1.25rem;
}
.optimize-main .block05 .txt-note
{
    text-align: right;
    font-size: 0.875rem;
}
.optimize-main .block05 p.img
{
    margin: 20px 0px 0px 0px;
}
.optimize-main .block05 p.img img
{
    width: 100%;
}
.optimize-main .block05 p.img .sp
{
    display: none;
}
@media(max-width: 640px){
    .optimize-main .telework-title.block05-title
    {
        margin: 30px 0px 20px;
    }
}
@media(max-width: 549px){
    .optimize-main .block05
    {
        padding: 0;
    }
    .optimize-main .block05 p.img .pc
    {
        display: none;
    }
    .optimize-main .block05 p.img .sp
    {
        display: block;
    }
    .optimize-main .block05 .group-content h3
    {
        font-size: 1.25rem;
        padding: 12px 15px;
    }
    .optimize-main .block05 .group-content-inner
    {
        padding: 20px 15px;
    }
    .optimize-main .block05 .group-content-inner .price
    {
        font-size: 1.375rem;
    }
    .optimize-main .block05 .group-content-inner .price span
    {
        font-size: 2.5rem;
    }
    .optimize-main .block05 .group-content-inner .desc
    {
        font-size: 0.75rem;
        text-align: left;
    }
    .optimize-main .block05 .group-content-inner .txt-large
    {
        font-size: 1.125rem;   
    }
    .optimize-main .block05 .group-content-inner .txt-small
    {
        font-size: 0.75rem;
    }
    .optimize-main .block05 p.img
    {
        margin-top: 15px;
    }
    .optimize-main .telework-title.block05-title
    {
        margin-top: 0px;
    }
}
@media(max-width: 320px){
    .optimize-main .block05 .group-content-inner .price span
    {
        font-size: 2.2rem;
    }
}
/* Block 06 ========================================================*/
.optimize-main .block06
{
    padding: 28px;
    background: url('../img/optimize/bg-block06.png') no-repeat;
    background-position: center bottom;
    height: 683px;
    margin-top: 70px;
}
.optimize-main .telework-title.block06-title
{
    color: #fff;
    margin-top: 15px;
}
.optimize-main .block06 .container
{
    position: relative;
    width: 1040px;
    margin: 0 auto;
}
.optimize-main .block06 ol {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-left: 7px;
    margin-top: 40px;
}
.optimize-main .block06 ol li {
    width: 266px;
    height: 211px;
    margin-left: -9px;
    margin-bottom: 33px;
    background: url(../img/optimize/block06-bg-item.png) no-repeat left 0px;
    text-align: center;
    position: relative;
}
.optimize-main .block06 ol li figure, .optimize-main .block06 ol li p {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.optimize-main .block06 ol li figure
{
    height: 100px;
    margin-top: 10px;
}
.optimize-main .block06 ol li p {
    height: 60px;
    font-size: 1.125rem;
    line-height: 120%;
}
.optimize-main .block06 ol li .step
{
    position: absolute;
    left: 25px;
    top: 6px;
    font-size: 1.125rem;
    color: #333;
}
@media(max-width: 768px){
    .optimize-main .l-inner-block06
    {
        padding-left: 0;
        padding-right: 0;
    }
    .optimize-main .block06{
        z-index: 15;
        height: auto;
        margin-top: 8vw;
        padding-top: 8vw;
        padding-bottom: 14vw;
        background-image: url(../img/optimize/bg-block06.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
    }
    .optimize-main .block06 .container
    {
        width: 100%;
        margin: 0 auto;
    }
    .optimize-main .block06  ol
    {
        padding: 0 14.6vw;
    }
    .optimize-main .block06  ol li
    {
        width: 35.6vw;
        height: 28.2vw;
        margin-left: -1.2vw;
        margin-bottom: 8vw;
        background-size: 100% auto;
    }
    .optimize-main .block06  ol li figure
    {
        margin: 2.6vw 0;
        height: 9.3vw;
    }
    .optimize-main .block06  ol li p {
        height: 2rem;
        font-size: 0.70rem;
    }
}
@media(max-width: 640px){
    .optimize-main .block06 ol li .step
    {
        font-size: 0.8rem;
    }
}
@media(max-width: 549px){
    .optimize-main .block06  ol
    {
        padding: 0 25px;
    }
    .optimize-main .block06  ol li
    {
        width: 50%;
        margin-bottom: 20px;
    }
    .optimize-main .block06 ol li figure
    {
        margin-top: 30px;
    }
    .optimize-main .block06 ol li figure img
    {
        height: 55px;
    }
}
@media(max-width: 414px){
    .optimize-main .block06  ol
    {
        padding: 0 20px;
    }
    .optimize-main .block06 ol li figure img
    {
        height: 45px;
    }
    .optimize-main .block06 ol li .step
    {
        font-size: 0.7rem;
        left: 15px;
    }
    .optimize-main .block06 ol li figure
    {
        margin-top: 20px;
    }
}
@media(max-width: 375px){
    .optimize-main .block06
    {
        background: url('../img/optimize/bg-block06-sp.png') no-repeat;
        background-position: center bottom;
    }
    .optimize-main .block06 ol li figure img
    {
        height: 35px;
    }
}
@media(max-width: 320px){
    .optimize-main .block06 ol li figure img
    {
        height: 30px;
    }
    .optimize-main .block06 ol li p
    {
        font-size: 0.6rem;
    }
    .optimize-main .block06 ol li figure
    {
        margin: 1vw 0;
    }
    .optimize-main .block06 ol li .step
    {
        font-size: 0.6rem;
    }
}
/* Block 07 ========================================================*/
.optimize-main .block07
{
    margin-top: 20px;
}
.optimize-contact-title
{
    text-align: center;
}
.g-footer .contact__button._contact
{
    cursor: pointer;
}
@media(max-width: 549px){
    .optimize-main .l-inner
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .optimize-main h2.telework-title
    {
        font-size: 1.25rem !important;
    }
    .optimize-main h2.telework-title span
    {
        font-size: 1.5rem !important;
    }
}
/*=============================================================*/
/*======================= End Optimize ========================*/
/*=============================================================*/
/*============================================================================================================*/
/*========================================= New home page  ===================================================*/
/*============================================================================================================*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 1600px) and (min-width: 1366px) {
    .l-container-new .l-inner
    {
        max-width: 1100px;
    }
}
@media (min-width: 1366px){
    .l-container-new #newtop .l-inner
    {
        max-width: 1366px;
    }
}
.bold
{
    font-weight: bold;
}
/*=============================================================*/
/*======================= Header  =============================*/
/*=============================================================*/
.l-container-new .g-header
{
    padding-top: 15px;
}

@media screen and (min-width:768px){
    .l-container-new .g-header
    {
        padding-top: 0px;
        width:100%;
        height:auto;
        position:fixed;
        top:0;
        left:0;
        background: #fff;
        z-index:2;
    }

    .l-container-new .g-header .main {
        padding-top:26px;
    }

    .l-container-new .g-header .main__body {
        display: flex;
        width:100%;
        /*min-width:1100px;*/

    }


}

/*.l-container-new .g-header a:hover
{
    text-decoration: none;
}*/
.l-container-new .g-header .main
{
    border-bottom: none;
}
.l-container-new .g-header .l-inner._max
{
    max-width: 1600px;
}
.l-container-new .g-header .l-inner
{
    padding-left: 30px;
    padding-right: 30px;
}
.l-container-new .g-header .pc__list a
{
    /*font-family: urw-din, sans-serif;*/
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    /*padding: 5px 25px;*/
}
.l-container-new .g-header .pc__list li.social
{
    padding-left: 20px;
}
.l-container-new .g-header .pc__list li.social a
{
    width: 32px;
    height: 32px;
    background-size: 100%;
    padding: 0;
    display: inline-block;
    position: relative;
    bottom: 4px;
}
.l-container-new .g-header .pc__list li.social a.email
{
    background: url('../img/renew/ic-email.png') no-repeat;
}
.l-container-new .g-header .pc__list li.social a.facebook
{
    background: url('../img/renew/ic-facebook.png') no-repeat;
    margin-left: 7px;
}
.l-container-new .g-header .pc__list li.social a.instagram
{
    background: url('../img/renew/ic-instagram.png') no-repeat;
    margin-left: 7px;
}
.l-container-new .g-header .pc__list > li .pludown .l-inner
{
    max-width: 1600px;
    text-align: right;
}
.l-container-new .g-header .pc__list > li .pludown .pludown_list li:first-child
{
    min-width: auto;
}
.l-container-new .g-header .pc__list > li .pludown .pludown_list li:last-child
{
    min-width: auto;
}
.l-container-new .g-header .pc__list > li .pludown .pludown_list li
{
    padding: 0 15px;
    display: inline-block;
    float: none;
}
.l-container-new .g-header .pc__list > li .pludown .pludown_list li a
{
    margin-bottom: 0px;
}
.l-container-new .g-header .pc__list > li .pludown
{
    background: #fff;
}
.l-container-new .g-header .pc__list li a
{
    color: #000;
    font-size: 0.875rem;
    letter-spacing: 0.2rem;
}
.l-container-new .g-header .pc__list > li .pludown a
{
    font-family: inherit;
    font-weight: normal;
}
@media(max-width: 960px){
    .l-container-new .g-header .pc__list > li .pludown .pludown_list li
    {
        padding: 0 10px;
    }
    .l-container-new .g-header .pc__list a
    {
        padding: 5px 0;
    }
}
@media(max-width: 860px){
    .l-container-new .g-header .pc__list li a
    {
        font-size: 0.8rem;
    }
}
@media(max-width: 768px){
    .l-container-new .g-header .pc__navi
    {
        display: none;
    }
    .g-wrapper.l-container-new
    {
        padding-top: 68px;
    }
    .l-container-new .g-header
    {
        padding-top: 0px;
    }
    .l-container-new .g-header .pc
    {
        display: none;
    }
    .l-container-new .g-header .menu-button
    {
        display: block;
        width: 50px;
        text-align: center;
        line-height: 100%;
        padding: 17px 0px;
        right: 3px;
        top: 2px;
    }
    .l-container-new .g-header .menu-button span
    {
        display: inline-block;
        width: 35px;
        height: 2px;
        margin: 7px 0px;
        background: #143967;
    }
    .l-container-new .g-header .main {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        min-width: 320px;
        padding: 0;
        z-index: 5000;
    }
    .l-container-new .g-header .u-img
    {
        width: 120px !important;
        position: relative;
        left: 15px;
    }
    .l-container-new .g-header .panel
    {
        background: url('../img/renew/bg-menu-sp.png');
    }
    .l-container-new .g-header-open .logo
    {
        display: none !important;
    }
    .l-container-new .g-header .menu-button._open
    {
        position: fixed;
        right: 10px;
        top: 10px;
    }
    .l-container-new .g-header .menu-button._open span
    {
        background: none !important;
    }
    .g-header .menu-button::before
    {
        background: url('../img/renew/menu-close.png') no-repeat;
        top: 3px;
        left: -4px;
    }
    .l-container-new .g-header .l-inner
    {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .l-container-new #menu-panel .sp-logo
    {
        position: absolute;
        left: 15px;
        top: 10px;
    }
    .l-container-new #menu-panel .sp-logo img
    {
        width: 150px;
    }
    .l-container-new .sp-menu-inner
    {
        display: inline-block;
        width: 100%;
    }
    .l-container-new .sp-menu-inner a
    {
        color: #fff;
        font-size: 1.375rem;
        display: inline-block;
        width: 100%;
        text-transform: uppercase;
        text-align: center;
        padding: 12px 15px;
        font-family: urw-din, sans-serif;
    }
    .l-container-new .sp-menu-inner a.first
    {
        padding-bottom: 4px;
    }
    .l-container-new .sp-menu-inner p.sub-menu
    {
        max-width: 230px;
        margin: 0 auto;
        padding-bottom: 8px;
    }
    .l-container-new .sp-menu-inner p.sub-menu a
    {
        text-align: left;
        font-size: 1rem;
        padding: 4px 15px;
        font-family: inherit;
    }
    .l-container-new  .sp-menu-inner p.social
    {
        text-align: center;
        margin-top: 12px;
    }
    .l-container-new  .sp-menu-inner p.social a
    {
        width: 32px;
        height: 32px;
        padding: 0px;
        background-size: 100%;
        margin: 13px;
    }
    .l-container-new  .sp-menu-inner p.social a.email
    {
        background: url('../img/renew/ic-email-white.png') no-repeat;
    }
    .l-container-new  .sp-menu-inner p.social a.facebook
    {
        background: url('../img/renew/ic-facebook-white.png') no-repeat;
    }
    .l-container-new  .sp-menu-inner p.social a.instagram
    {
        background: url('../img/renew/ic-instagram-white.png') no-repeat;
    }
}
@media(max-width: 640px){
    .l-container-new .l-inner
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .l-container-new .l-inner.payment
    {
        padding-left: 0;
        padding-right: 0;
    }
}
@media(max-width: 549px){
    .l-container-new .l-inner
    {
        padding-left: 25px;
        padding-right: 25px;
    }
    .l-container-new .service-index .l-inner
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .g-wrapper.l-container-new
    {
        padding-top: 54px;
    }
    .l-container-new .g-header .u-img
    {
        width: 90px !important;
        left: 0px;
    }
    .l-container-new #menu-panel .sp-logo img
    {
        width: 90px;
    }
    .l-container-new .g-header .menu-button
    {
        padding: 10px 0px;
    }
    .l-container-new .g-header .menu-button
    {
        right: 0px;
    }
}
/*=============================================================*/
/*===================== End Header  ============================*/
/*=============================================================*/
/*=============================================================*/
/*======================== Banner =============================*/
/*=============================================================*/
.l-container-new .g-banner
{
    display: inline-block;
    width: 100%;
    margin-top: 110px;
}
.l-container-new .g-banner picture
{
    width: 100%;
    display: inline-block;
}
.l-container-new .g-banner picture img
{
    width: 100%;
}
@media(max-width: 768px)
{
    .l-container-new .g-banner
    {
        margin-top: 100px;
    }
}
@media(max-width: 640px)
{
    .l-container-new .g-banner
    {
        margin-top: 80px;
    }
}
/*=============================================================*/
/*======================== End Banner ==========================*/
/*=============================================================*/
/*=============================================================*/
/*===================== Realcv Marketing =======================*/
/*=============================================================*/
.g-realcv-marketing
{
    display: inline-block;
    width: 100%;
}
.g-realcv-marketing .title
{
    margin: 200px 0px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
.g-realcv-marketing .title h3 {
    margin-bottom: 15px;
    line-height: 1.6;
}
.g-realcv-marketing .title h3 p.top
{
    font-family: urw-din, sans-serif;
    font-size: 1.68rem;
    color: #eabf33;
    letter-spacing: 6px;
}
.g-realcv-marketing .title h3 p.bottom
{
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-size: 2.25rem;
    color: #1b2f61;
    font-weight: bold;
    letter-spacing: 12px;
}
.g-realcv-marketing .title .line
{
    flex: 1;
    margin-left: 80px;
    position: relative;
}
.g-realcv-marketing .title .line:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    background: url('../img/renew/bg-line-title.png');
    background-repeat: repeat-x;
}
.g-realcv-marketing .content
{
    background: #f7eb62;
    color: #1b2f61;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 1.3rem;
    padding: 45px 60px;
    width: 100%;
}
.g-realcv-marketing .content .left
{
    flex: 1;
    padding-right: 65px;
    line-height: 2.4;
}
.g-realcv-marketing .content .right
{
    /*width: 510px;*/
    width: 350px;
    position: relative;
}
.g-realcv-marketing .content .right img
{
    width: 100%;
    position: absolute;
    top: -15px;
}

@media(min-width: 769px) and (max-width: 1200px){
	.g-realcv-marketing .content .right img {
	    position: initial;
	}
}

@media(max-width: 1366px){
    .g-realcv-marketing .title h3 p.top
    {
        font-size: 1.5rem;
        letter-spacing: 5px;
    }
    .g-realcv-marketing .title h3 p.bottom
    {
        font-size: 2rem;
        letter-spacing: 10px;
    }
    .g-realcv-marketing .content
    {
        font-size: 1.125rem;
    }
    .g-realcv-marketing .title h3 img
    {
        width: 455px;
    }
    .g-realcv-marketing .content
    {
        /*padding: 60px;*/
    }
    .g-realcv-marketing .content .left
    {
        padding-right: 60px;
        line-height: 2.0;
    }
    .g-realcv-marketing .content .right
	{
    	width: 430px;
	}
}
@media(max-width: 1200px){
    .g-realcv-marketing .content .right {
        width: 340px;
    }
}
@media(max-width: 960px){
    .g-realcv-marketing .content .right
    {
        width: 240px;
    }
}
@media(max-width: 768px){
    .g-realcv-marketing .l-inner
    {
        padding-right: 0px;
    }
    .g-realcv-marketing .content
    {
        font-size: 0.9rem;
    }
    .g-realcv-marketing .title
    {
        margin: 140px 0px 50px;
        padding-right: 65px;
    }
    .g-realcv-marketing .title h3 p.top
    {
        font-size: 1.063rem;
    }
    .g-realcv-marketing .title h3 p.bottom
    {
        font-size: 1.44rem;
    }
    .g-realcv-marketing .title h3 img
    {
        width: 330px;
    }
    .g-realcv-marketing .title .line
    {
        margin-left: 50px;
    }
    .g-realcv-marketing .title .line::before
    {
        background-size: 45px 61px;
    }
    .g-realcv-marketing .content
    {
        padding: 50px;
    }
    .g-realcv-marketing .content .left
    {
        padding-right: 0px;
    }
    .g-realcv-marketing .content,
    .g-realcv-marketing .content .left,
    .g-realcv-marketing .content .right
    {
        display: inline-block;
        width: 100%;
    }
    .g-realcv-marketing .content .right
    {
        margin-top: 30px;
        text-align: center;
    }
    .g-realcv-marketing .content .right img
    {
        width: auto;
        max-width: 65%;
        position: initial;
    }
}
@media(max-width: 640px){
    .g-realcv-marketing .title,
    .g-realcv-marketing .title .line
    {
        display: inline-block;
        width: 100%;
    }
    .g-realcv-marketing .title .line
    {
        height: 35px;
        margin-left: 0px;
        margin-top: 5px;
    }
    .g-realcv-marketing .title
    {
        padding-right: 30px;
    }
    .g-realcv-marketing .title .line::before
    {
        background-size: 35px 47px;
    }
}
@media(max-width: 549px){
    .g-realcv-marketing .title
    {
        margin: 120px 0px 45px;
    }
    .g-realcv-marketing .title h3 p.top
    {
        font-size: 1rem;
        letter-spacing: 4px;
    }
    .g-realcv-marketing .title h3 p.bottom
    {
        font-size: 1.375rem;
        letter-spacing: 7px;
    }
    .g-realcv-marketing .title
    {
        padding-right: 25px;
    }
    .g-realcv-marketing .title h3 img
    {
        width: auto;
        max-width: 320px;
    }
    .g-realcv-marketing .content
    {
        font-size: 0.875rem;
    }
    .g-realcv-marketing .content
    {
        padding: 25px;
    }
    .g-realcv-marketing .content .left
    {
        /*padding-right: 25px;*/
    }
    .g-realcv-marketing .title .line::before
    {
        background-size: 30px 40px;
    }
}
@media(max-width: 414px){
    .g-realcv-marketing .title h3 p.bottom
    {
        font-size: 1.3rem;
        letter-spacing: 7px;
    }
    .g-realcv-marketing .title h3 img
    {
        max-width: 100%;
    }
}
@media(max-width: 375px){
    .g-realcv-marketing .title h3 p.top
    {
        font-size: 0.75rem;
        letter-spacing: 3px;
    }
    .g-realcv-marketing .title h3 p.bottom
    {
        font-size: 1rem;
        letter-spacing: 6px;
    }
}
/*=============================================================*/
/*===================== Realcv Marketing =======================*/
/*=============================================================*/
/*=============================================================*/
/*======================== Services ===========================*/
/*=============================================================*/
.d-heading__title
{
    font-family: urw-din, sans-serif;
    font-size: 1.5rem;
    color: #333333;
    text-transform: uppercase;
    border-bottom: 1px solid #CCCCCC;
    line-height: 160%;
}
.l-container-new .q-top-service .d-items {
    display: flex;
    /*justify-content: space-between;*/
    justify-content: center;
    /*align-items: flex-start;*/
    gap: 3em;
    flex-wrap: wrap;
    /*margin: 40px 75px 0px 50px;*/
}
.l-container-new .q-top-service .d-items.recommend {
    justify-content: flex-start;
}
.l-container-new .service-index .q-top-service .d-items {
    margin: 40px 0 0;
}
.l-container-new .q-top-service .d-items .item {
    width: 33.33%;
    text-align: left;
    position: relative;
    color: rgb(37, 37, 37);
    /*margin: 0px 30px 70px;*/
    overflow: hidden;
}
.l-container-new .q-top-service .d-items.recommend .item {
    margin: 0 30px 40px;
}
.l-container-new .q-top-service .d-items a.item {
    display: block;
    width: 30%;
    /*width: auto;*/
    box-shadow: rgb(234, 191, 51) 10px 10px 0px 0px;
    transition: all 0.8s ease 0s;
}

.l-container-new #service  .q-top-service .d-items {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    gap: 1em;
    /*flex-wrap: wrap;*/
    /*margin: 40px 75px 0px 50px;*/
}
.l-container-new #service  .q-top-service .d-items a.item {
    width: auto;
}

@media screen and (min-width: 1025px) {
	.l-container-new .q-top-service .d-items a:hover.item {
	    box-shadow: rgb(24, 47, 96) 10px 10px 0px 0px;
	}
	.l-container-new .q-top-service .d-items a:hover.item img,
	.l-container-new .q-top-service .d-items a:active.item img {
	    opacity: initial;
	}
}

.l-container-new .q-top-service .d-items .item .item-inner {
    display: block;
    text-align: center;
    /*max-width: 320px;*/
    border-width: 1px;
    border-style: solid;
    border-color: rgb(27, 47, 97);
    border-image: initial;
    /*padding: 40px 40px 0px;*/
    padding: 2em 1em 0;
    transition: all 0.8s ease 0s;
}
.l-container-new .q-top-service .d-items .item .item-inner:hover {
    background: rgb(247, 235, 98);
}
.l-container-new .q-top-service .d-items .item .item-inner img {
    max-width: 190px;
}
.l-container-new .q-top-service .d-items .item-img
{
    width: 100%;
    height: 150px;
    background-position: center;
    background-size: cover;
}

.l-container-new .q-top-service .item .title {
    line-height: 130%;
    font-family: fot-tsukuardgothic-std, sans-serif;
    color: rgb(27, 47, 97);
    font-weight: bold;
    font-size: 1.4rem;
    padding: 25px 0px;
}
.l-container-new .q-top-service .item .title .small {
    letter-spacing: -0.05em;
    font-size: 90%;
}

.l-container-new .q-top-service
{
    margin: 100px 0 70px;
}
.l-container-new .service-index .q-top-service
{
    margin: 0 0 50px;
}

.l-container-new .q-top-service .d-heading__title
{
    margin-bottom: 30px;
}

.l-container-new #service  .q-top-service .d-items .item .item-inner {
    padding: 2em;
}

.l-container-new #service .q-top-service p.sub-head
{
    font-size: 1.2rem;
    margin: -1rem 0 1rem;
}

.l-container-new #service .q-top-service .notice
{
    margin: 30px 40px;
    padding: 10px;
    background: #f0f0f0;
    font-weight: 600;
}
.l-container-new #service .q-top-service .notice ul
{
	position: relative;
    padding-left: 70px;
}
.l-container-new #service .q-top-service .notice ul:before
{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 37px;
    background-image: url(../img/cmn/icon_notice.png);
    background-image: image-set(url(../img/cmn/icon_notice.png) 2x, url(../img/cmn/icon_notice.png) 3x);
    background-image: -webkit-image-set(url(../img/cmn/icon_notice.png) 2x, url(../img/cmn/icon_notice.png) 3x);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.l-container-new #service .q-top-service .notice li
{
	list-style: disc;
}
.l-container-new #service .q-top-service .notice span
{
    color: #ff0000;
}


.q-top-service a:hover {
    text-decoration: none;
}
.q-top-company a:hover {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    text-decoration: none;;
}

/*.l-container-new .q-top-service .d-items.recommend .text {
    width: 65%;
    margin-left: 30px;
    font-size: 1rem;
}*/
.l-container-new .q-top-service .d-items.recommend .text .title {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 1rem -1rem;
}
.l-container-new #service .q-top-service .d-items.recommend .text .title {
    margin: 0 0 1rem 0;
}
.l-container-new .q-top-service .d-items.recommend .text ul {
    margin-bottom: 1rem;
}
.l-container-new .q-top-service .d-items.recommend .text ul li {
    list-style: disc;
    list-style-position: inside;
    font-weight: 700;
}

#service .c-h2__sub p+p {
    margin-top: 15px;
}

#service .c-h3__pickup .box::before {
    display: none;
}

#service .c-h3__pickup .box .txt ul {
	padding-left: 1.5rem;
}
#service .c-h3__pickup .box .txt ul li {
	list-style: square;
}
#service .c-h3__pickup .box .txt dd ul.detail li {
    list-style: none;
}
#service .c-h3__pickup .box .txt dd ul.detail li .sp {
    display: none;
}
@media screen and (max-width:768px){
    #service .c-h3__pickup .box .txt dd ul.detail li {
    	list-style: square;
    }
    #service .c-h3__pickup .box .txt dd ul.detail li .sp {
    	display: block;
	}
	.l-container-new .q-top-service .d-items.recommend .text {
			/*width: 100%;*/
			padding-right: 2em;
	}
}


@media (min-width: 961px) and (max-width: 1365px) {
	.l-container-new .q-top-service .d-items {
	    margin: 0px;
	}
}
@media(max-width: 960px){
    .l-container-new .q-top-service .d-items {
    }
    .l-container-new .q-top-service .item {
        /*padding: 0 17px;*/
    }
}
@media (min-width: 769px) and (max-width: 1365px) {
    .l-container-new .q-top-service .d-items {
    	flex-wrap: wrap;
    	gap: 1em;
    }
	.l-container-new .q-top-service .d-items a.item {
	    margin: 0px 15px 30px;
	    /*width: 45%;*/
	    width: 27%;
	}
	.l-container-new .q-top-service .item .title {
	    font-size: 1rem;
	}
}
@media (min-width: 768px) and (max-width: 860px) {
	.l-container-new .q-top-service .d-items a.item {
	    width: 45%;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .l-container-new .q-top-service .d-items {
    	flex-wrap: wrap;
    	justify-content: space-evenly;
    }
	.l-container-new .q-top-service .d-items.recommend .item {
	    margin: 0 0.75em 2em;
	}
}
@media screen and (min-width: 768px) {
	.l-container-new .q-top-service .d-items.recommend .text {
	    width: 65%;
	    margin-left: 30px;
	    font-size: 1rem;
	}
	.l-container-new #service .q-top-service .d-items.recommend .text {
	    width: 60%;
	    margin-left: 0;
	}
}
@media(max-width: 768px){
    .l-container-new .q-top-service .item {
    	width: 40%;
	}
    .l-container-new .q-top-service .item .item-img
    {
        height: 250px;
    }
    .l-container-new #service .q-top-service .notice
	{
	    margin: 30px 0;
	}
	.l-container-new #service .q-top-service .notice ul
	{
	    padding-left: 60px;
	}
	.l-container-new .service-index .q-top-service .d-items {
	    margin: 5em 0;
	}
	.l-container-new #service .q-top-service .d-items.recommend .item {
	    margin: 0;
	}
}
@media (max-width: 767px) {
	.l-container-new .q-top-service .item {
    	width: auto;
    }
  .l-container-new .q-top-service .d-items {
	    flex-direction: column;
	    align-content: center;
	    gap: 2em;
	}
	.l-container-new .q-top-service .d-items {
	    margin-left: -17px;
	    margin-right: -17px;
	}
 .l-container-new .q-top-service .d-items a.item {
	    width: auto;
	    margin: 0;
	}
.l-container-new .q-top-service .d-items .item .item-inner {
	    padding: 1em 1em 0;
	}
}
@media(max-width: 640px){
    .l-container-new .q-top-service .item .item-img {
        height: 220px;
    }
   .l-container-new .q-top-service .d-items.recommend .text .title {
    	margin: 30px 0 1rem 0;
	}
}
@media(max-width: 549px){
    .l-container-new .q-top-service .item .item-img
    {
        height: 200px;
    }
}
@media(max-width: 480px){
	.l-container-new .q-top-service .d-items {
	    /*display: block;*/
    	margin: 0 auto;
	}
	.l-container-new .q-top-service .d-items .item {
	    margin: 0 0 70px;
	}
	.l-container-new .q-top-service .item .title {
	    font-size: 1.2rem;
	    padding: 20px 0px;
	}
	.l-container-new .q-top-service .item .title .small {
	    letter-spacing: 0;
	    font-size: 100%;
	    white-space: nowrap;
	}
    .l-container-new .q-top-service .item .item-img
    {
        height: 140px;
    }
    .l-container-new .q-top-service .item
    {
        font-size: 1.125rem;
        margin-bottom: 40px;
    }
    .l-container-new .q-top-service
    {
        margin: 50px 0px 40px;
    }
    .d-heading__title
    {
        font-size: 1.25rem;
    }
}
@media(max-width: 350px){
	.l-container-new .q-top-service .d-items {
	    margin-left: -2%;
	    margin-right: -5%;
	}
}
@media (max-width: 320px) {
	.l-container-new .q-top-service .d-items {
	    margin-left: -10%;
	    margin-right: -10%;
	}
}
/*=============================================================*/
/*======================== End Services ========================*/
/*=============================================================*/
/*=============================================================*/
/*======================== Instagram ========================*/
/*=============================================================*/
.l-container-new .q-top-instagram .d-heading__title
{
    margin-bottom: 14px;
}
.l-container-new .q-top-instagram .content
{
    display: inline-block;
    width: 100%;
}
@media(max-width: 480px){
	.l-container-new .q-top-instagram #sb_instagram #sbi_images {
	}
	.l-container-new .q-top-instagram #sb_instagram .sbi_photo_wrap {
	    margin: 10px 0;
    }
}

/*=============================================================*/
/*====================== End Instagram ========================*/
/*=============================================================*/
/*=============================================================*/
/*============================ News ============================*/
/*=============================================================*/
.l-container-new .q-top-news
{
    margin: 40px 0px 60px;
}
.l-container-new .q-top-news .d-heading__title
{
    margin-bottom: 30px;
}
.l-container-new .q-top-instagram .content
{
    display: inline-block;
    width: 100%;
}
.c-btn-viewmore
{
    text-align: center;
    margin-top: 35px;
}
.c-btn-viewmore a
{
    display: inline-block;
    font-size: 1.125rem;
    color: #333;
    border: 1px solid #ccc;
    padding: 1px 25px;
    font-weight: normal;
}
@media(max-width: 480px){
    .l-container-new .q-top-news
    {
        margin: 20px 0px 60px;
    }
    .l-container-new .q-top-news .d-heading__title
    {
        margin-bottom: 15px;
    }
    .c-btn-viewmore
    {
        margin-top: 25px;
    }
}
/*=============================================================*/
/*========================= End News ==========================*/
/*=============================================================*/
/*=============================================================*/
/*========================== Company ===========================*/
/*=============================================================*/
.l-container-new .q-top-company
{
    margin: 15px 0px 90px;
}

.l-container-new .q-top-company .d-items
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -25px;
    margin-right: -25px;
}
.l-container-new .q-top-company .d-items .item
{
    width: 33.33%;
    text-align: left;
    position: relative;
    padding: 0px 25px;
    margin-bottom: 30px;
    overflow: hidden;
    color: #252525;
}
.l-container-new .q-top-company .d-items .item .item-inner
{
    display: block;
    position: relative;
}
.l-container-new .q-top-company .d-items .item-img
{
    width: 100%;
    height: 155px;
    background-position: center;
    background-size: cover;
}

.l-container-new .q-top-company .item .title
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 1.375rem;
    font-weight: normal;
    text-align: left;
    padding: 0px 15px 25px 15px;
}
.l-container-new .q-top-company .d-items
{
    margin-left: -18px;
    margin-right: -18px;
}
.l-container-new .q-top-company .item
{
    padding: 0px 18px;
}
.l-container-new .q-top-company .item .title p
{
    line-height: 100%;
}
.l-container-new .q-top-company .item .title .name
{
    font-family: urw-din, sans-serif;
    margin-bottom: 10px;
}

ul.job-category {
	display: flex;
}
ul.job-category li {
	list-style-type: disclosure-closed;
    padding: 0 20px 0 0;
    margin: 0 0 0 20px;
}

@media(max-width: 768px){
	ul.job-category {
		flex-wrap: wrap;
	}
	ul.job-category li {
		width: 40%;
    	padding: 0;
	}
	.l-container-new .q-top-company .d-items {
	    display: block;
	    margin: 0 5%;
	}
    .l-container-new .q-top-company .item
    {
        width: 100%;
    }
    .l-container-new .q-top-company .item .item-img
    {
        height: 200px;
    }
    .l-container-new .q-top-company
    {
        margin-bottom: 50px;
    }
}
@media(max-width: 640px){
    .l-container-new .q-top-company .item .item-img
    {
        height: 220px;
    }
}
@media(max-width: 549px){
    .l-container-new .q-top-company .item .item-img
    {
        height: 200px;
    }
}
@media(max-width: 480px){
    .l-container-new .q-top-company
    {
        margin-bottom: 35px;
    }
    .l-container-new .q-top-company .item .item-img
    {
        height: 140px;
    }
    .l-container-new .q-top-company .item
    {
        margin-bottom: 20px;
    }
    .l-container-new .q-top-company .item .title
    {
        margin-bottom: 20px;
        font-size: 1.25rem;
    }
}
@media(max-width: 374px){
    ul.job-category li {
	    width: 100%;
	}
}
@media(max-width: 320px){
    .l-container-new .q-top-company .item .title
    {
        font-size: 1.15rem;
    }
}
/*=============================================================*/
/*====================== End Company ==========================*/
/*=============================================================*/
/*=============================================================*/
/*======================== Footer =============================*/
/*=============================================================*/





.g-n-footer
{
    position: relative;
}
.g-n-footer .contact.l-inner
{
    position: relative;
    width:100%;
}

@media screen and (max-width: 1600px) and (min-width: 1366px) {
    .g-n-footer .l-inner
    {
        max-width: 1100px;
    }
}
@media (min-width: 1366px){
    .g-n-footer .l-inner
    {
        max-width: 1366px;
    }
}


.g-n-footer .link__nav
{
    padding: 80px 0px 80px 0px;
}
.g-n-footer .link__nav-item
{
    width: 17%;
}
.g-n-footer .link__nav-item:first-child
{
    width: 30%;
}
.g-n-footer .link__nav-item a
{
    font-size: 0.85rem;
}
.g-n-footer .link__nav-item a.f-logo
{
    width: 50%;
    display: block;
}


.g-n-footer .btn_pagetop
{
    position: absolute;
}
.g-n-footer .btn_pagetop
{
    top: 20px;
    right: 15px;
    width:32px;
    height:32px;
    background-color: #1C224C;
}
.g-n-footer .copyright
{
    border-top: 1px solid rgb(52, 52, 132);
    padding:2.1rem;
    background-color: rgb(37, 37, 93);
}
.g-n-footer .copyright small
{
   
    width:100%;
    display: block;
    margin:0 auto;
    color:#a5c3ff;
    text-align: left;
    text-indent:1.25rem;
    font-size: 0.75rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 200;
    letter-spacing: 0.06rem;
}

@media screen and (max-width: 1600px) and (min-width: 1366px) {
    .g-n-footer .copyright small
    {
        max-width: 1100px;
    }
}
@media (min-width: 1366px){
    .g-n-footer .copyright small
    {
        max-width: 1366px;
    }
}


.l-container-new .g-n-footer .l-logo
{
    max-width: 1200px;
    padding-top:30px;
    padding-bottom: 60px;
}
.l-container-new .g-n-footer .l-logo a
{
    display: inline-block;
    margin-top: 22px;
}
.l-container-new .g-n-footer .l-logo img.logo
{
    width: 50%;
}

.g-n-footer .social
{
    position: absolute;
    bottom: 55px;
    right: 10px;
}
.g-n-footer .social a
{
    width: 32px;
    height: 32px;
    padding: 0px;
    background-size: 100%;
    margin: 5px;
    display: inline-block;
}
.g-n-footer .social a.email
{
    background: url('../img/renew/ic-email-white.png') no-repeat;
}
.g-n-footer .social a.facebook
{
    background: url('../img/renew/ic-facebook-white.png') no-repeat;
}
.g-n-footer .social a.instagram
{
    background: url('../img/renew/ic-instagram-white.png') no-repeat;
}
@media (max-width: 1024px){
    .g-n-footer .link__nav
    {
        padding-top: 30px;
    }
    .g-n-footer .contact.l-inner
    {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media(max-width: 768px){

    .g-n-footer .contact.l-inner
    {
        margin:0;
        padding:0;
    }

    .g-n-footer .link__nav-list
    {
        width: 100%;
    }
    .g-n-footer .link__nav-item
    {
        width: 100%;
    }
    .g-n-footer .link__nav-item:first-child
    {
       display: none;
    }
    .g-n-footer .link__nav.l-inner
    {
        max-width: none;
        padding:0;

    }


    .g-n-footer dt ,
    .g-n-footer dd 
    {
        border-top:solid 1px rgb(52, 52, 132);
        padding:0.5rem 1rem;
    }


    .g-n-footer .social
    {
        position: unset;
        text-align: right;
        margin-bottom: 15px;
        padding-right: 8px;
        display: inline-block;
        width: 100%;
    }
    .g-n-footer .link__nav
    {
        padding-top: 40px;
        padding-bottom: 0px;
    }
    .l-container-new .g-n-footer .l-logo
    {
        padding-left: 35px;
        padding-right: 35px;
    }
    .g-n-footer .link__nav-item
    {
        margin-bottom: 0px;
    }
    .g-n-footer .link__nav-item.last
    {
        margin-bottom: 5px;
    }

    .g-n-footer .copyright {
        padding:1rem 1rem 5rem 1rem;
    }

    .g-n-footer .copyright small{
        text-indent: 0;
    }


}
@media(max-width: 640px){
    .l-container-new .g-n-footer .l-logo
    {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media(max-width: 549px){
    .g-n-footer .btn_pagetop img
    {
        width: 35px;
    }
    .l-container-new .g-n-footer .l-logo a img
    {
        width: 105px;
    }
    .g-n-footer .link__nav
    {
        padding-top: 25px;
    }
}
@media(max-width: 480px){
    .g-n-footer .link__nav-item a,
    .g-n-footer .copyright
    {
        font-size: 0.875rem;
    }
}
/*============================================================================================================*/
/*========================================= End New home page  ================================================*/
/*============================================================================================================*/

#g_realcv_marketing_leftcopy{/*トップページの「本当の成果を追求しよう」の左側のリード*/}
#g_realcv_marketing_leftcopy .line { 
    font-weight: normal;
    font-size:1em;
    line-height: 1.8em;
    margin-bottom:1em;
 }
#g_realcv_marketing_leftcopy .hline { 
    font-weight: 500;
    font-size:1.1em;
    line-height: 1.8em;
    margin-bottom:1em;
 }
 #g_realcv_marketing_leftcopy .hline { 
     /*text-indent: -0.5em;*/
  }
 
 
/*----------------------------------------
case
-----------------------------------------*/
.l-inner .read {
	width: 70%;
    margin: -100px auto 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.4;
    border-bottom: 2px solid #ccc;
}

.newcase {
	margin-bottom: 50px;
}

.newcase .case_header {
	display: flex;
}

.newcase .case_header .case_name {
	padding: 0 40px;
	width: 720px;
	color: #FFFFFF;
    font-size: 1.8rem;
}
.newcase .case_header .case_name.color1 {
	background-color: #134f5c;
}
.case_name.color2 {
	background-color: #4c1130;
}
.case_name.color3 {
	background-color: #20124d;
}
.case_name.color4 {
	background-color: #073763;
}
.newcase .case_header .case_img {
	width: 340px;
}

.newcase .case_content {
	padding: 30px 40px;
    background-color: #f7f7f7;
}
.newcase .case_content .point {
	display: flex;
    align-items: center;
}
.newcase .case_content .point img {
	width: 92px;
    margin-right: 20px;
}
.newcase .case_content .point .title {
	font-size: 2.2rem;
    line-height: 1.2;
    color: #25255d;
    border-bottom: solid 6px #f7eb62;
}

.newcase .case_content .text {
	margin: 35px 15px;
	position: relative;
}
.newcase .case_content .text p {
	font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 15px;
}
.newcase .case_content .text img.graph {
	position: absolute;
    right: 50px;
    top: -15px;
    width: 200px;
}

.newcase .case_solution {
	padding: 35px 40px 45px;
	background: #fffef3;
}

.newcase .case_solution .plan {
	font-size: 1.2rem;
    color: #FFF;
    background: #333;
    display: inline;
    padding: 10px 20px;
}
.newcase .case_solution .plan span {
	font-size: 1.5rem;
    font-weight: 700;
}

.newcase .case_solution .flow {
	display: flex;
    padding: 30px 0 0;
}
.newcase .case_solution .flow p.head {
	font-size: 1.4rem;
    font-weight: 700;
}
.newcase .case_solution .flow ul {
	padding: 5px 20px;
    font-size: 1.1rem;
}
.newcase .case_solution .flow ul li {
	list-style: disc;
}
.newcase .case_solution .flow .box1 {
	padding: 10px 20px;
    max-width: 400px;
    background: #cccccc;
    display: block;
}
.newcase .case_solution .flow .box2 {
	padding: 10px 20px;
    max-width: 400px;
    background: #cde2f8;
    display: block;
}
.newcase .case_solution .flow .arrow {
    display: flex;
    align-items: center;
    margin: 20px;
}
.newcase .case_solution .flow .arrow img {
    max-width: 80px;
}

br.sp {display: none;}
br.pc {display: block;}

@media(min-width: 769px){
    .l-inner .read {
	    margin: -100px auto 10px;
	}
}
@media(min-width: 421px){
	.newcase .case_header .case_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	}
}

@media(min-width: 481px) and (max-width: 980px){
	.newcase .case_content .text img.graph {
    position: initial;
    width: 45%;
    margin: 0 auto;
    display: block;
	}
}

@media(min-width: 768px) and (max-width: 1024px){
	#g_realcv_marketing_leftcopy .line {
	    font-size: 0.9em;
	    line-height: 1.5em;
	}
}

@media(max-width: 920px){
	br.pc {display: none;}
}

@media(max-width: 768px){
	br.sp {display: block;}
	
    .l-inner .read {
		width: 100%;
	    margin: 0 auto 10px;
	    padding-bottom: 15px;
	    font-size: 0.85rem;
	}
	.newcase .case_header .case_name {
    padding: 5px 15px;
    width: 100%;
    font-size: 1.1rem;
	}
	.newcase .case_header .case_img {
    width: 100%;
	}
	.newcase .case_content {
    padding: 10px 15px;
	}
	.newcase .case_content .point {
    display: block;
	}
	.newcase .case_content .point img {
    width: 62px;
    margin-bottom: 5px;
	}
	.newcase .case_content .point .title {
    font-size: 1.2rem;
    line-height: 1.2;
    border-bottom: none;
    text-decoration: underline #f7eb62;
	}
	.newcase .case_content .text {
    margin: 20px 0px;
	}
	.newcase .case_content .text p {
    font-size: 0.85rem;
    line-height: 1.4;
	}
	.newcase .case_solution {
    padding: 30px 15px 35px;
	}
	.newcase .case_solution .plan {
    font-size: 1.0rem;
    line-height: 1.4;
    color: #333;
    background: none;
    display: inline-block;
    padding: 0;
	}
	.newcase .case_solution .plan span {
    font-size: 1.2rem;
	}
	.newcase .case_solution .flow {
    display: block;
    padding: 15px 0 0;
	}
	.newcase .case_solution .flow p.head {
    font-size: 1.2rem;
	}
	.newcase .case_solution .flow .box1,
	.newcase .case_solution .flow .box2 {
    padding: 5px 15px 20px;
	}
	.newcase .case_solution .flow ul {
    padding: 0 0 0 20px;
    font-size: 0.9rem;
    line-height: 1.5;
	}
	.newcase .case_solution .flow .arrow {
	display: block;
    text-align: center;
	}
	.newcase .case_solution .flow .arrow img {
    max-width: 50px;
    transform: rotate( 90deg );
	}

}

@media(min-width: 480px) and (max-width: 767px){
	.newcase .case_solution .flow .box1,
	.newcase .case_solution .flow .box2 {
    max-width: 100%;
	}
}

@media(max-width: 767px){
	#g_realcv_marketing_leftcopy .line {
	    line-height: 1.6em;
	}
}
@media(max-width: 640px){

}
@media(max-width: 549px){
    
}
@media(max-width: 480px){
	.newcase .case_content .text img.graph {
    position: initial;
    width: 70%;
    margin: 0 auto;
    display: block;
	}
}
@media(max-width: 420px){
	.newcase .case_header {
    display: block;
	}
}


/*----------------------------------------
cases
-----------------------------------------*/
#case_index .read {
	width: 100%;
    margin: -50px auto 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.4;
    border-bottom: 2px solid #ccc;
}

#case_index .d-items {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 40px 0px 50px;
}
#service #case_index .d-items {
    margin: 0;
}

#case_index .d-items .item {
    width: 33.33%;
    text-align: left;
    position: relative;
    color: rgb(37, 37, 37);
    margin: 0 0 70px;
    overflow: hidden;
}
#case_index .d-items a.item {
    display: block;
    width: auto;
    max-width: 320px;
    box-shadow: rgb(214 220 234) 10px 10px 0px 0px;
    transition: all 0.8s ease 0s;
}
#case_index .d-items a:hover.item {
    box-shadow: rgb(24, 47, 96) 10px 10px 0px 0px;
}
#case_index .d-items a:hover.item img,
#case_index .d-items a:active.item img {
    opacity: initial;
}

#case_index .d-items .item .item-inner {
    display: block;
    text-align: center;
    /*max-width: 320px;*/
    border-width: 1px;
    border-style: solid;
    border-color: rgb(27, 47, 97);
    border-image: initial;
    padding: 20px 20px 0px;
    transition: all 0.8s ease 0s;
}
#case_index .d-items .item .item-inner:hover {
    background: rgb(254 252 225);
}
#case_index .d-items .item .item-inner img {
    width: 100%;
    /*max-width: 190px;*/
}
#service #case_index .d-items .item .item-inner img {
    width: 70%;
}
#case_index .d-items .item-img
{
    width: 100%;
    height: 150px;
    background-position: center;
    background-size: cover;
}
#case_index .item {
}
#case_index .item .title {
    line-height: 160%;
    color: rgb(27, 47, 97);
    font-weight: bold;
    font-size: 1.4rem;
    padding: 25px 0px;
}
#service #case_index .item .title {
    font-size: 1rem;
}
#case_index .item .title .small {
    letter-spacing: -0.05em;
    font-size: 90%;
}

#case_index .d-heading__title
{
    margin-bottom: 30px;
}

#case_detail .read_block
{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 5% 30px 10%;
    border-top: solid 1px #ccc;
}
#case_detail .read_block:last-child
{
    border-bottom: solid 1px #ccc;
    margin-bottom: 70px;
}
#case_detail .read_block .list_title
{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-right: 5%;
    min-width: 192px;
}
#case_detail .read_block .list_title img
{
	width: 20%;
}
#case_detail .read_block .list_title p
{
	font-size: 2rem;
    font-weight: 700;
    color: #234671;
}
#case_detail .read_block ul
{
	font-size: 1.1rem;
    font-weight: 700;
}

#case_detail .read_block ul li {
	position:relative;
	padding: 0 0.3em 0 1.3em;
}
#case_detail .read_block ul li:before {
	position:absolute;
	content:'';
	top: 0.5em;
	left: 0.2em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #666;
}

#case_detail .l-inner
{
    padding: 20px 20px 40px;
}
#case_detail .grayback
{
	background: #f5f5f5;
}
#case_detail h2
{
	text-align: center;
	font-family: oswald;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.15rem;
}
#case_detail p.sub-header
{
	text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
}
#case_detail .profile-inner
{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 30px 0;
}
#case_detail .profile-inner .cl-text
{
	max-width: 50%;
}
#case_detail .profile-inner .cl-text p
{
	font-size: 1rem;
}
#case_detail .profile-inner .cl-text p.cl-name
{
	font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}
#case_detail p.case-text
{
    font-size: 1rem;
    margin: 20px 0;
}
#case_detail .case-img
{
    margin: 0 0 5px;
}
#case_detail .graph
{
  width: 60%;
  margin: 0 auto;
}
#case_detail .case-inner
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 1rem 0 0;
}
#case_detail .case-inner .case-text
{
  width: 70%;
  margin: 0 2rem 0 0;
}
#case_detail .case-inner .sample-img
{
  width: 30%;
  font-size: 0.85rem;
}

section.button {
	  width: 100%;
    max-width: 480px;
    margin: 30px auto 15px;
    display: block;
}
section.button a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	position: relative;
	/*border-radius: 30px;*/
	box-sizing: border-box;
	padding: 35px 45px 35px 25px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 500;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: left;
	text-decoration: none;
	transition: initial;
	transition-duration: 0.3s;
	background: #8a181b;
	border: 3px solid #8a181b;
	padding-left: 30px !important;
}
section.button a:after {
    content: '';
    width: 15px;
    height: 15px;
    border: 0;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -6px;
}
section.button a:hover {
  background: #fff;
  color: #8a181b;
}
section.button a:hover:after {
  border-top: 3px solid #8a181b;
  border-right: 3px solid #8a181b;
}

@media (min-width: 961px) and (max-width: 1365px) {
	#case_index .d-items {
	    margin: 0px;
	}
}
@media(max-width: 960px){
    #case_index .d-items {
    }
    #case_index .item {
        /*padding: 0 17px;*/
    }
}
@media (min-width: 769px) and (max-width: 1365px) {
	#case_index .d-items .item {
	    margin: 0px 15px 70px;
	}
}
@media(max-width: 768px){
	#case_index .d-items {
	    margin-left: -17px;
	    margin-right: -17px;
	}
    #case_index .item {
    	width: 40%;
	}
    #case_index .item .item-img
    {
        height: 250px;
    }
    #case_detail .read_block
    {
    	padding: 20px 2%;
	}
	#case_detail .read_block .list_title
	{
    	margin-right: 2%;
	}
    #case_detail .read_block ul
    {
	    font-size: 0.85rem;
	    font-weight: 700;
	}
	#case_detail .profile-inner img
	{
		max-width: 260px;
	}
	#case_detail .graph
  {
    width: 100%;
  }
  #case_detail .case-inner
  {
    display: block;
  }
  #case_detail .case-inner .case-text
  {
    width: 100%;
    margin: 1rem 0;
  }
  #case_detail .case-inner .sample-img
  {
    width: 100%;
  }
}
@media (max-width: 767px) {
	#case_index .item
	{
    	width: auto;
    }
    #case_index .d-items a.item
    {
    	max-width: unset;
	}
	#case_detail h2
	{
	    font-size: 2rem;
	}
	#case_detail .profile-inner
	{
		display: block;
    	width: 100%;
	}
	#case_detail .profile-inner img
	{
		max-width: 100%;
		display: block;
    	margin: 0 auto;
	}
	#case_detail .profile-inner .cl-text
	{
		max-width: 100%;
		margin: 1rem auto 0;
	}
	#case_detail .profile-inner .cl-text p
	{
		font-size: 1rem;
	}
	#case_detail .profile-inner .cl-text p.cl-name
	{
		font-size: 1rem;
		margin-bottom: 1rem;
	}
}
@media(max-width: 640px){
    #case_index .item .item-img
    {
        height: 220px;
    }
}
@media(max-width: 549px){
    #case_index .item .item-img
    {
        height: 200px;
    }
    section.button a
    {
    	font-size: 1.3rem;
    }
}
@media(max-width: 480px){
	#case_index .d-items {
	    display: block;
    	margin: 0 auto;
	}
	#case_index .item .title {
	    font-size: 1.2rem;
	    padding: 20px 0px;
	}
	#service #case_index .item .title {
    	font-size: 1rem;
	}
	#case_index .item .title .small {
	    letter-spacing: 0;
	    font-size: 100%;
	}
    #case_index .item .item-img
    {
        height: 140px;
    }
    #case_index .item
    {
        font-size: 1.125rem;
        margin-bottom: 40px;
    }
    #case_index
    {
        margin: 50px 0px 40px;
    }
    .d-heading__title
    {
        font-size: 1.25rem;
    }
    #case_detail .read_block
    {
	    padding: 20px 2%;
	    display: block;
	}
    #case_detail .read_block .list_title
    {
    	margin: 0 0 1rem;
    	justify-content: center;
	}
    #case_detail .read_block .list_title img
    {
	    width: 10%;
	    margin-right: 3%;
	}
	#case_detail .read_block .list_title p {
    	font-size: 1.6rem;
	}
}
@media(max-width: 413px){
    section.button a {
    	font-size: 1.2rem;
    }
}
@media(max-width: 374px){
    section.button a {
    	font-size: 1rem;
    }
}
@media(max-width: 350px){
	#case_index .d-items {
	    margin-left: -2%;
	    margin-right: -5%;
	}
}
@media (max-width: 320px) {
	#case_index .d-items {
	    margin-left: -10%;
	    margin-right: -10%;
	}
}



/* Dropdown Menu */
.dropdown{
    max-width: 1080px;
    display: flex;
    position: relative;
    z-index: 1000;
}

.dropdown ul{
    /*text-align: center;*/
    list-style-type: none;
    /*margin: 0 auto;*/
    /*padding: 0;*/
}
.dropdown li{
    /*max-width: calc(1200px/5);*/
    position: relative;
    /*padding: 5px;*/
    padding: 5px 25px;
    display: block;
    cursor: pointer;
}

.dropdown>li{
    /*width: 1200px;*/
    margin: 1px;
    /*background: #7ba5ff;*/
    display: inline;
}

.dropdown_menu{
    width: 100%;
    display: none;
    position: absolute;
    margin-left: -5px;
    margin-top: 10px;
    padding: 0;
    background: #FFF;
    /*background: rgb(75, 100, 209);*/
}
.dropdown_menu.second{
    left:250px;
}

ul.dropdown_menu{
    min-width: 190px;
}

.dropdown_menu li{
    /*width: 100%;*/
    padding: 10px 0 10px 15px;
}
.dropdown_menu li:hover{
    background: #b3d7ff;
    color: rgb(65, 65, 65);
}

.dropdown_menu li a{
    padding: 5px 0;
    margin: -5px 5px -5px -5px;
    display: block;
    color: #fff;
    font-size: 0.85rem !important;
    letter-spacing: 0.05rem !important;
    text-align: left !important;
    font-weight: normal !important;
}
.dropdown_menu li a:hover{
    opacity: unset !important;
}

@media(max-width: 1280px){
	.dropdown li {
    	padding: 5px;
    }
    .dropdown_menu li{
    padding: 15px 0;
	}
}
/*
==========================================================================================
=================================== Listing LP ============================================
==========================================================================================
*/
html.hd-lp-listing
{
    font-size: 16px;
}
.g-main.lp-listing-main
{
    margin-top: 0;
    font-size: 16px;
}
.lp-listing-main input[type="submit"]
{
    cursor: pointer;
}
.lp-listing-main a:hover,
.lp-listing-main button:hover,
.lp-listing-main input[type="submit"]:hover
{
    text-decoration: none;
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.lp-banner
{
    background:url('../img/listing/background_listing.png');
    background-position:right;
    padding: 90px 0;
    background-size:cover !important;
}
.lp-group-column
{
    background-color: #F5F7F8;
    padding: 50px 0;
}
.lp-group-title 
{
    font-size: 35px;
    font-weight: bold;
    line-height: 50px;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 20px;
}
.txt-bold
{
    font-weight: bold !important;
}
.lp-group-title:before
{
    position: absolute;top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    width: 150px;
    height: 8px;
    content: "";
    background: #ffcc00;
    border-radius: 4px;
}
.lp-group-title span
{
    font-size: 50px;
    font-style: italic;
}
.text-center 
{
    text-align: center;
}
.lp-group-column .content
{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
}
.lp-group-column .group-item
{
    border:1px solid #d3d3d3;
    padding: 20px 15px;
    border-radius: 10px;
    text-align: center;
    background: #FFF;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1);
}
.lp-group-column  .group-item .group-item_text
{
    font-size: 25px;
    color:#143967;
    font-weight: 500;
}
.lp-group-column  .group-item .group-item_text p 
{
    margin-bottom: 0;
    line-height: 35px;
}
.lp-group-column  .group-item .group-item_img
{
    height: 80px;
    margin-bottom: 30px;
}

.lp-group-column  .group-item .group-item_img img
{
    max-height: 100%;
    max-width: 80px;
}
.lp_results
{
    padding: 30px 0;
    background: #ECDFCD;
}
.lp_results .content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-box-align: left;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
    background: #FFF;
    padding: 30px;
}

.lp_results .results_img
{
    margin-right: 30px;
    width: 292px;
}
.lp_results .results_img img
{
    width: 100%;
}
.results_detail 
{
    flex: auto;
}
.lp_results .results_title 
{
    font-size: 24px;
    color: #143967;
    line-height: 140%;
    font-weight: bold;
}
.lp_results .results_subtitle
{
    color: #111111;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    position: relative;
}
.lp_results .results_note
{
    padding: 15px; border-radius: 5px;
    background: #17283D;
    text-align: center;
    color: #FFF;
    font-size: 1.375rem;
    font-weight: bold;
}

.results_list_item
{
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}
.results_list_item .item 
{
    padding: 10px 38px;
    background: #EBE8E8;
    border-radius: 30px;
    font-size: 18px;
    margin-right: 10px;
    white-space: nowrap;
    font-weight: 500;
}
.results_list_item .item:nth-child(3)
{
    margin-right: 0;
}
.results_list_item .item i 
{
    color: #FF0000;
    margin-right: 9px;
}
.lp-analysis
{
    padding: 40px 0;
}
.lp-analysis-title
{
    font-size: 32px;
    font-weight: bold;
}
.lp-analysis-detail
{
    display: grid;grid-template-columns: repeat(2,1fr);
    margin-top: 40px;
    margin-bottom: 40px;
}
.lp-analysis-list .item
{
    font-size: 19px;
    margin-bottom: 15px;
    display: flex;align-items: center;
}
.lp-analysis-list .item img
{
    margin-right: 5px;
}
.lp-analysis-img .text
{   
    font-size: 15px;
    margin-top: 10px;
}
.lp-analysis-img-inner
{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    text-align: left;
}
.lp-analysis-img-inner p
{
    display: inline;
    border-bottom: 1px solid #FF0000;
}
.lp-operation
{
    padding: 40px 0;
    background: url('../img/listing/background_operation.png');
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
}
.lp-operation-inner
{
    background:rgba(0,0,0,0.2);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.lp-operation .l-inner
{
    position: relative;
    z-index: 22;
}
.lp-operation .l-inner .l-group
{
    background: url('../img/listing/bg-trans-white.png');
    display: block;
    padding: 20px 20px 30px 20px;
}
.lp-operation-title
{
    font-size: 32px;
    position: relative;
    font-weight: bold;
}

.lp-operation-text
{
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 22px;
}
.lp-operation-bot
{
    font-size: 22px;
}
.lp-whyaction
{
    background: #F5F7F8;
    padding: 90px 0 50px 0px;
}
.lp-why-1
{
    background: #FFF;
    padding: 20px;
    position: relative;
}
.lp-why-1:before
{
    position: absolute;top: 0px;
    right: 20px;
    content: "01";
    font-size: 64px;
    font-family: "Roboto";
    color:#D9E4F1;
}
#service .lp-why-1:before
{
    display: none;
}
.lp-why-1 .title
{
    color: #23396F;
    font-size: 24px;

}
#service .lp-why-1 .title
{
    color: #333;
    font-size: 1.6rem;

}
#service .lp-why-1 .read-text
{
    color: #23396F;
    font-size: 1.2rem;
    margin: 20px 0;
}

.lp-why-1 .sub-title
{
    color:#333333;
    font-size: 32px;
    font-weight: bold;
}
.lp-why-1-group
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
    grid-row-gap: 70px;
    margin-top: 50px;
}
#service .lp-why-1-group
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
    grid-row-gap: 20px;
    margin: 10px 30px 40px;
}
#service .lp-why-1-group.marketing
{
    grid-gap: 40px;
    grid-row-gap: 40px;
    margin: 30px 30px 40px;
}

.lp-why-1-group .item 
{
    display: flex;
}
#service .lp-why-1-group.marketing .item 
{
    align-items: center;
}

.lp-why-1-group .item .img
{
    position: relative;
}
.lp-why-1-group .item .img .button
{
    position: absolute;
    padding: 0px 15px;
    border-radius: 30px;
    background: #E0EDF3;
    top: -20px;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}
.lp-why-1-group .item .img .button i 
{
    margin-right: 10px;
    color: #FFCC00;
}
.lp-why-1-group .item .text
{
    padding: 0 15px;
    top: -10px;
}
#service .lp-why-1-group .item .text
{
    width: 100%;
    padding: 20px;
    border: 1px solid #ccc;
    top: 0;
}
#service .lp-why-1-group.merit .item .text
{
    background: #ffffed;
}
#service .lp-why-1-group.marketing .item .text
{
    padding: 0 20px;
    border: none;
}

.lp-why-1-group .item .text .item-title
{
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #707070;
}
#service .lp-why-1-group .item .text .item-title
{
    font-size: 1.2rem;
    line-height: 1.4;
    color: #23396F;
    border-bottom: none;
}
#service .lp-why-1-group.marketing .item .text .item-title
{
    font-size: 1rem;
}

#service .lp-why-1-group .item .text .item-sub
{
	position: relative;
    padding-left: 28px;
    margin-bottom: 5px;
    font-size: 1rem;
    font-weight: 700;
}
#service .lp-why-1-group .item .text .item-sub:before
{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url(../img/service/icon_merit.png);
    background-image: image-set(url(../img/service/icon_merit.png) 2x, url(../img/service/icon_merit.png) 3x);
    background-image: -webkit-image-set(url(../img/service/icon_merit.png) 2x, url(../img/service/icon_merit.png) 3x);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

#service .lp-why-1-group.demerit .item .text
{
    background: #f4fbff;
}
#service .lp-why-1-group.demerit .item .text .item-sub:before
{
    background-image: url(../img/service/icon_demerit.png);
    background-image: image-set(url(../img/service/icon_demerit.png) 2x, url(../img/service/icon_demerit.png) 3x);
    background-image: -webkit-image-set(url(../img/service/icon_demerit.png) 2x, url(../img/service/icon_demerit.png) 3x);
}

.lp-why-1-group .item .text .item-des
{
    margin-top: 10px;
    font-size: 18px;
    line-height: 140%
}


#service .pointArea .pointTxt {
  width: 94%;
  max-width: 1000px;
  text-align: center;
  margin: 0 auto 30px auto;
}

#service .pointArea .pointList {
	text-align: center;
    width: 94%;
    max-width: 900px;
    margin: 30px auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#service .pointArea .pointList li {
	text-align: center;
    width: 31%;
    background-color: #f8f9fb;
    /* outline: 1px solid #adccf1; */
    /* outline-offset: -10px; */
    margin: 0;
    padding: 15px 0;
}

#service .pointArea .pointList li .pointTtl {
	color: #0f4080;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.4;
    display: inline-block;
    margin: 0 auto;
    padding: 5px 25px 8px 25px;
}

#service .pointArea .pointList li .pointTxt02 {
	text-align: left;
    display: inline-block;
    margin: 0 auto 3px auto;
    padding: 5px 25px 8px 25px;
}
#service .pointArea .pointList li .pointTxt03 {
	text-align: center;
	color: #0057ff;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-block;
    margin: 20px auto 0;
}

#service .pointArea .pointList li .price {
	text-align: center;
	line-height: 1;
	font-size: 0.9rem;
	color: #0f4080;
}

#service .pointArea .pointList li .price span {
	font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500;
}

#service .pointArea .pointList ul.feature {
	width: 85%;
    margin: 0 auto;
}
#service .pointArea .pointList ul.feature li {
	width: 100%;
    padding: 0 0 20px 30px;
    position: relative;
    text-align: left;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.03rem;
    color: #4d4d4d;
}
#service .pointArea .pointList ul.feature li::before {
	content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 18px;
    height: 18px;
    background-image: url(../../img/icon_check2.png);
    background-image: image-set(url(../../img/icon_check2@2x.png) 2x, url(../../img/icon_check2@3x.png) 3x);
    background-image: -webkit-image-set(url(../../img/icon_check2@2x.png) 2x, url(../../img/icon_check2@3x.png) 3x);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

@media only screen and (max-width: 768px) {
	#service .pointArea .inner {
    	width: 94%;
    	padding: 80px 0 5px 0;
	}
	#service .pointArea .pointList {
		display: block;
	}
	#service .pointArea h2.ribbon {
    	padding: 5px 0 23px;
	}
	#service .pointArea .pointList li {
		width: 100%;
	}
	#service .pointArea .pointList li.pointBox {
		border: solid 1px #ccc;
		margin: 0 0 15px 0;
	}
	#service .pointArea .pointList li.pointBox .pointTtl img {
		width: 92%;
	}
	#service .pointArea .pointList ul.feature {
		width: 100%;
	    padding: 0 30%;
	}
	#service .pointArea .pointList ul.feature li {
		font-size: 1rem;
	}
}
@media only screen and (max-width: 767px) {
	#service .pointArea h2.ribbon {
    	padding: 0 0 23px;
	}
	#service .pointArea .pointList ul.feature {
	    padding: 0 15% 10px;
	}
}
@media only screen and (max-width: 374px) {
	#service .pointArea .inner {
    	padding: 60px 0 5px 0;
	}
}

#service .voiceCont {
	width: 100%;
	/*max-width: 830px;*/
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

#service .voiceCont p {
	text-align: left;
    font-size: 1rem;
    padding: 0 20px;
}
#service .voiceCont p+p {
	margin-top: 20px;
}
#service .voiceCont p span {
	padding-left: 1rem;
    display: inline-block;
}

#service .voiceCont ul {
	padding-left: 1rem;
    padding: 0.5em 0 0.5em 1.5em;
    margin-left: 2rem;
}
#service .voiceCont ul li {
	list-style-type: disclosure-closed;
}

@media only screen and (max-width: 768px) {
	#service .voiceCont {
	    display: block;
	}
}
@media only screen and (max-width: 767px) {
	#service .voiceList li {
		margin: 0 auto;
		padding: 10px 15px;
	}
	#service .voiceList li img {
		margin: 0 auto;
	}
}



.button-show-why
{
   padding-top: 40px;
}
.button-show-why button.active
{
    margin-bottom: 40px;
}
.button-show-why button.active i
{
    transform: rotate(180deg);
    top: 15px;
}
.button-show-why button
{
    background: #EBE8E8;
    border-radius: 25px;
    border:none;
    position: relative;
    padding-right: 50px;
    cursor: pointer;
}
.button-show-why button i 
{
    font-size: 30px;
    top: 0px;
    right: 20px;
    position: absolute;
}
.lp-why-2
{
    background: #FFF;
    position: relative;
    padding: 30px;
    margin-top: 40px;/* 開閉ボタン表示時は不要 */
}
.lp-why-2:before
{
    position: absolute;top: 0px;
    right: 20px;
    content: "02";
    font-size: 64px;
    font-family: "Roboto";
    color:#D9E4F1;
}
.lp-why-2 .title
{
    color: #23396F;
    font-size: 24px;
}
.lp-why-2 .sub-title
{
    color:#333333;
    font-size: 32px;
    font-weight: bold;
}
.lb-why-2-rote 
{
    display: flex;
    margin-top: 20px;
}
.lb-why-2-rote .img 
{
    padding-top: 10px;
}
.lb-why-2-rote .text
{
    margin-left: 20px;
}
.lb-why-2-rote .text .title
{
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
.lb-why-2-rote .text .des
{
    font-size: 18px;
    line-height: 140%;
}
.red
{
    color: red;
}
.lb-why-2-group
{
    display: grid;grid-template-columns: repeat(4,1fr);
    grid-gap: 30px;
    margin-top: 20px;
    border-bottom: 2px dashed #CCCCCC;
    padding-bottom: 30px;
}
.lb-why-2-group img
{
    width: 100%;
}
.lb-why-2-arrow
{
    display: flex;
    margin-top: 30px;
}
.lb-why-2-arrow .list
{
    width: 78%;
}
.lb-why-2-arrow .list .item
{
    display: grid;
    /*grid-template-columns: 150px 450px;*/
    grid-template-columns: 30% 70%;
    font-size: 18px;
    margin-left: 30px;
    margin-bottom: 20px;
}
.lb-why-2-arrow .list .item > div
{
    padding: 0px 10px;
} 
.lb-why-2-arrow .list .item .item-left
{
    background-color: #666666;
    color: #FFF;
    font-weight: bold;
}

.lb-why-2-arrow .list .item .item-right
{
    border:1px solid #CCCCCC;
}
.lb-why-2-table
{
    margin-top: 30px;
}
.lb-why-2-table th, .lb-why-2-table td
{
    width: 16.66%;
    border:1px solid #CCCCCC;
    padding: 10px 15px !important;
    font-size: 1rem;
    line-height: 1rem;
    vertical-align: middle;

}
.lb-why-2-table table img
{
    vertical-align:middle;
}

.lb-why-2-table tr.active
{
    border:3px solid #23396F;
}
.lb-why-2-table tr.active td:nth-child(1)
{
    background: #E0EDF3;
    color: #0E3966;
    font-weight: bold;
}
.lb-why-2-table  td > div
{
    line-height: 140%;
}
.lb-why-2-table .bg-grey
{
    background: #E8EAEC;
}
.lb-why-2-table > table
{
    /*width: 845px;*/
    width: 100%;
    border:1px solid #666666;
    border-collapse: collapse;
}


#service .lb-why-2-table
{
    margin: 50px auto;
    max-width: 92%;
}
#service .lb-why-2-table th, .lb-why-2-table td
{
    width: 16.66%;
    border:1px solid #CCCCCC;
    padding: 10px 15px !important;
    font-size: 1rem;
    line-height: 1rem;
    vertical-align: middle;
}

#service .lb-why-2-table th.active
{
    background: #E0EDF3;
    color: #0E3966;
    font-weight: bold;
    border:3px solid #23396F;
    border-bottom: none;
}
#service .lb-why-2-table td.active
{
    border-left: 3px solid #23396F;
    border-right: 3px solid #23396F;
}
#service .lb-why-2-table td.active.last
{
    border-bottom: 3px solid #23396F;
}


.lp-why-3
{
    background: #FFF;
    position: relative;
    padding: 30px 30px 50px 30px;
    margin-top: 40px;
    margin-bottom: 30px;
}
.lp-why-3:before
{
    position: absolute;top: 0px;
    right: 20px;
    content: "03";
    font-size: 64px;
    font-family: "Roboto";
    color:#D9E4F1;
}
.lp-why-3 .title
{
    color: #23396F;
    font-size: 24px;
}
.lp-why-3 .sub-title
{
    color:#333333;
    font-size: 32px;
    font-weight: bold;
}
.lp-why-3-table
{
    margin-top: 30px;
}
#service .lp-why-3-table
{
    margin: 50px auto;
    max-width: 92%;
}

.lp-why-3-table > table
{
    border-collapse: collapse;
    min-width: 930px;
    width: 100%;
}
.lp-why-3-table > table td
{
    vertical-align: middle;
    padding: 10px 30px;
    font-size: 16px;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}
.lp-why-3-table > table tr:nth-child(6)
{
    border-bottom: 1px solid #d3d3d3;
}
.lp-why-3-table > table tbody tr:nth-child(1)
{
    border-top: 1px solid #d3d3d3;
}
.lp-why-3-table > table td:nth-child(1)
{
    display: flex;justify-content: space-between;
    align-items: center;
}
.lp-why-3-table  .border-active
{
    border-left: 3px solid #23396F;
    border-right: 3px solid #23396F;
}
.lp-why-3-table table tbody tr:nth-child(6) td:nth-child(2)
{
    border-bottom: 3px solid #23396F;
}
.lp-why-3-table > table th
{
    vertical-align: middle;
    padding: 10px 20px;
    color: #FFF;
    font-size: 1.25rem;
    text-align: center;
    font-weight: bold;
}
.lp-why-3-table > table td img
{
    margin-left: 30px;
    width: 41px;
}
.lp-why-3-table > table th.bg-grey
{
    background:#666666;
}
.lp-why-3-table > table th.bg-active
{
    background: #23396F;
    border-left: 3px solid #23396F !important;
    border-right: 3px solid #23396F !important;
}
.lp-why-3-table > table > tbody tr:nth-child(2n +1)
{
    background: #F5F5F5;
}
.lp-why-3-table > table thead .col1
{
    width: 18%;
    background: none;
    border:none;
}
.lp-why-3-table > table thead .col2,
.lp-why-3-table > table thead .col3
{
    width: 41%;
    border:1px solid #666666;
}
.lp-rate
{
    padding: 50px 0;
    margin-bottom: 50px;
}
.lp-rate-title
{
    font-size: 2rem;
    font-weight: bold;
}
.lp-rate-content
{
    margin-top: 40px;
    border: 1px solid #EBE8E8;
}
.c-h3__section .lp-rate-content {
    margin-top: 20px;
}

.lp-rate-content-top
{
    font-size: 1.75rem;
    font-weight: bold;
    background: #EBE8E8;
    color: #143967;
}
.lp-rate-number
{
    font-size: 1.75rem;
    font-weight: bold;
}
.lp-rate-number span
{
    font-size: 3.25rem;
}

.c-h3__section .lp-rate-number
{
    font-size: 1.4rem;
    margin-bottom: 10px;
}
.c-h3__section .lp-rate-number span
{
    font-size: 1.8rem;
}

.lp-rate-note {
    width: 57%;
    margin: 0 auto;
}
.lp-rate-note p {
    padding-left: 1em;
    text-indent: -1em;
}
.lp-rate-note p.noindent {
    text-indent: 0;
}

.c-h3__section .lp-rate-note {
    width: 55%;
    margin: 0 auto;
}

.lp-rate-content-mid
{
    font-size: 1rem
}
.lp-rate-content-mid b
{
    font-size: 1.125rem;
}
.c-h3__section .lp-rate-content-mid {
    padding: 20px 0 40px;
    font-size: 1.0rem;
    line-height: 1.6;
    background: #fff;
}

.lp-rate-content-bot
{
    margin-top: 10px;
    padding: 20px 70px;
}
.lp-rate-content-bot .content
{
    display: flex;
    padding-top: 20px;
    border-top: 1px solid #EBE8E8;
    flex-wrap: wrap;
}
.lp-rate-content-bot .content > div
{
    padding: 0px 40px;
    border-radius: 15px;
    font-size: 1.125rem;
    background: #E0EDF3;
    margin-right: 10px;
    color: #143967;
    margin-bottom: 10px;
    font-weight: bold;
}
.lp-step 
{
    background: #F5F7F8;
    padding-bottom: 50px;
}
.lp-step .optimize-main .block06
{
    background: none;
    margin-top: 0;
    height: auto;
}
.lp-step  .optimize-main .telework-title.block06-title
{
    color: #000;
    font-size: 2rem;
}
.lp-step .ol-detail
{
    background: #E0EDF3;
    font-size: 1.125rem;
    text-align: center;
    position: relative;
    margin-right: 50px;
    color: #143967;
}
.lp-step .ol-detail:before
{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    bottom: 0;left: 100%;
    border-bottom: 60px solid #E0EDF3;
    border-right: 40px solid transparent;
}
.lp-step .optimize-main .block06 ol li
{
    margin-bottom: 20px;
}
.lp-contact
{
    padding: 50px 0;
}
.lp-contact .mod_inner
{
    display: inline-block;
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.mb
{
    display: none;
}
.flex-start {
    justify-content: flex-start;
}
.flex-center
{
    justify-content: center;
}
.lp-contact input, .lp-contact textarea
{
    border:1px solid #cccccc;
    padding: 5px 10px;
}
.lp-contact .efo_body td textarea
{
    height: 150px;
}
.lp-contact .efo_body td
{
    padding: 15px 0 15px 25px
}
.lp-contact .input-sole
{
    padding-right: 80px !important;
}
.lp-contact .pp_link
{
    font-size: 1.125rem;
}
.lp-contact .efo-form_footer .check_submit input
{
    padding: 0 20px;
    width: auto;
}
.lp-contact .c-heading3__subtitle.form
{
    font-size: 1.125rem;
}
.lp-contact .efo_body th,.lp-contact .efo_body td
{
    border:none;
}
.lp-contact table
{
    border-collapse: collapse;
}
.lp-contact .efo_body th,
.lp-contact .efo_body td
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.lp-contact .efo_body th:after
{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    bottom: -1px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.note-mb
{
    display: none;
}
.link__nav-item.lp-footer
{
    text-align: center;
    width: 100% !important;
}
.link__nav-item.lp-footer > a
{
    width: auto !important;
}
.lp-copyright
{
    padding: 20px 0 !important;
    text-align: center;
}
.lp-copyright small
{
    text-align: center !important;
}
.wrap-txt-line
{
    display: inline-block;
    width: 100%;
}
.txt-line1
{
    display: inline;
    border-bottom: 4px solid #EABF33;
}
.txt-line2
{
    display: inline;
    border-bottom: 7px solid #FFFF00;
}
.lp-wrapper .thanks a.button
{
    line-height: 100%;
}
@media (max-width: 1024px) and (min-width: 769px)
{
    .lp-step .optimize-main .block06 .container{
        max-width: 550px;
    }
    .lp-step .optimize-main .block06 ol
    {
        justify-content: center;
    }
    .lp-step .ol-detail
    {
        width: 500px;
         margin:auto;
         transform: translateX(-25px);
    }
    .lp-group-column .content
    {
       display: flex;flex-wrap: wrap;
       justify-content: center;
    }
    .lp-group-column .group-item
    {
        width: 210px;
    }
}
@media (max-width: 960px)
{
    .lp_results .content,
    .lp_results .results_img
    {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .lp_results .results_img
    {
        margin-bottom: 20px;
    }
    .lp_results .results_img img
    {
        width: auto;
    }
}
@media (max-width: 768px)
{
    .lb-why-2-table, .lp-why-3-table
    {
        margin-top: 5px;
    }
    .g-wrapper
    {
        padding-top: 0;
    }
    .lp-banner
    {
        padding:50px 0;
    }
    .lp-banner .l-inner
    {
        padding: 0 50px;
    }
    .lp-group-column .content
    {
       display: flex;flex-wrap: wrap;
       justify-content: center;
    }
    .lp-group-column .group-item
    {
        width: 210px;
    }
    .lp_results .results_title
    {
        font-size: 1.25rem;
    }
    .lp_results .results_img
    {
        margin-right: 0;
    }
    .results_img
    {
        text-align: center;
        margin-right: 0;
    }
    .results_detail
    {
        margin-top: 10px;
    }
    .results_list_item
    {
        flex-wrap: wrap;
    }
    .results_list_item .item
    {
        padding: 5px 10px;
        font-size: 1rem;
    }
    .results_list_item .item{
        margin-bottom: 10px;
    }
    .lp_results .results_note
    {
        font-size: 1.125rem;
    }
    .lp-analysis-title
    {
        font-size: 1.5rem;
    }
    .lp-analysis-detail
    {
        display: block;
        text-align: center;
        margin-top: 20px;
    }
    .lp-analysis-list
    {
        max-width: 500px;
        margin: auto;
    }
    .lp-analysis-img
    {
        margin-top: 30px;
    }
    .lp-operation-title
    {
        font-size: 1.5rem;
        line-height: 140%;
    }
    .lp-operation-text
    {
        margin: 25px 0;
    }
    .lp-why-1-group
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #service .lp-why-1-group
    {
        display: flex;
        grid-gap: 20px;
        margin: 10px 0 20px;
    }
    #service .lp-why-1-group.marketing {
    	grid-gap: 0;
    	margin: 10px 0 20px;
	}
    .lp-why-1 .sub-title
    {
       font-size: 1.37rem;
    }
    .lp-why-1:before
    {
        font-size: 48px;
    }
    .lp-why-1 .title
    {
        font-size: 1.5rem;
    }
    .lb-why-2-rote
    {
        display: grid;
        grid-template-columns: 50px auto;
    }
    .lb-why-2-rote .text
    {
        margin-left: 10px;
    }
    .lb-why-2-rote .text > .title
    {
        padding: 0;
    }
    .lb-why-2-rote .img .pc
    {
        display: none;
    }
    .lb-why-2-rote .img .mb
    {
        display: block;
    }
    .lp-why-1-group .item .img 
    {
        margin-top: 10px;
    }
    #service .lp-why-1-group.marketing .item .img 
    {
        margin-top: 0;
    }
    .lp-why-2
    {
        padding: 15px;
    }
    .lp-why-2 .title
    {
        font-size: 1.5rem;
    }
    .lp-why-2 .sub-title
    {
        font-size: 1.375rem;
    }
    .lp-why-2:before
    {
        font-size: 48px;
    }

    .lb-why-2-arrow
    {
        display: block;
        text-align: center;
    }
    .lb-why-2-arrow .list
    {
        margin-top: 20px;
        width: 100%
    }
    .lb-why-2-arrow .list .item {
    	margin-left: 0;
	}
    .lb-why-2-table
    {
        width: 100%;
        overflow: auto;
    }
    .lb-why-2-table > table {
    	width: 845px;
	}
    
    .lp-why-3 .title
    {
        font-size: 1.25rem;
    }
    .lp-why-3 .sub-title
    {
        font-size: 1.5rem;
    }
    .lp-why-3:before
    {
        font-size: 3rem;
    }
    .lp-why-3-table
    {
        overflow: auto;
        width: 100%;
    }
    .lp-rate
    {
        margin-bottom: 10px;
    }
    .lp-rate-title
    {
        font-size: 1.5rem;
    }
    .lp-rate-content-top
    {
        font-size: 1.375rem;
    }
    .lp-rate-note {
    	width: 85%;
	}
	.c-h3__section .lp-rate-note {
    	width: 90%;
	}
    
    .lp-step .ol-detail
    {
        margin:0 calc(14.6vw + 50px) 0 14.6vw;
    }
    .lp-step .optimize-main .block06
    {
        padding: 25px 0;
    }
    .lp-step .optimize-main .telework-title.block06-title
    {
        font-size: 1.5rem;
    }
    .lp-step .optimize-main .block06 ol li figure
    {
        margin-top: 40px;
    }
    .lp-step .optimize-main .block06 ol li p
    {
        font-size: 1rem;
    }
    .lb-why-2-arrow .list .item .item-right
    {
        line-height: 140%;
    }
    .reposive-text-mb-flex
    {
        display: flex;flex-wrap: wrap;
    }
    .lp-contact .efo_body th, .lp-contact .efo_body td
    {
        padding:10px 0;
    }
    .lp-contact .efo_body tr
    {
        border:none !important;
    }
    .lp-contact .input-sole
    {
        padding-right: 0 !important;
    }
    .lp-contact input,.lp-contact textarea
    {
        width: 100% !important;
    }
    .lp-contact .check_submit input
    {
        width: auto !important;
    }
    .lp-contact .mwform-checkbox-field.horizontal-item label input
    {
        width: auto !important;
    }
    .note-mb
    {
        display: block;
    }
    .link__nav-item.lp-footer
    {
        display: block !important;
        padding: 40px 0 !important; 
    }
    .lp-why-1-group .item .text
    {
        top: 0;
    }
    .lp-why-1-group
    {
        grid-row-gap: 40px;
    }
    .lp-contact .efo_body th, .lp-contact .efo_body td
    {
        border-bottom: none;
        border-top: none;
    }
    .lp-contact .efo_body th:after
    {
        border-bottom: none;
        border-top: none;
    }
}
@media (max-width: 640px)
{
    .lp-group-column .content
    {
        display: block;
        max-width: 420px;
        margin: auto;
    }
    .lp-group-column .group-item
    {
        width: auto;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        padding: 10px;
    }
    .lp-group-column .group-item .group-item_img
    {
        height: 50px;
        width: 80px;
        margin-bottom: 0;
    }
    .lp-group-column .group-item .group-item_text
    {
        margin-left: 10px;
        display: flex;
        font-size: 20px;
    }
    .lp-why-1 .title, .lp-why-1 .sub-title, .lp-why-2 .title, .lp-why-2 .sub-title, .lp-why-3 .title, .lp-why-3 .sub-title
    {
        text-align: left;
        line-height: 140%;
    }
    .lp-why-1 .sub-title , .lp-why-2 .sub-title, .lp-why-3 .sub-title
    {
        margin-top: 10px;
    }
    .lb-why-2-group
    {
        grid-template-columns: repeat(2,1fr);
        grid-row-gap: 20px;
        grid-column-gap: 10px;
    }
    /*.lb-why-2-arrow .list .item
    {
        margin-left: 0;
    }*/
    .lb-why-2-arrow .list .item
    {
        display: block;
    }
    .lb-why-2-arrow .list .item .item-right
    {
        text-align: left;
    }
    .lp-step .optimize-main .block06 ol
    {
        padding: 0;
        justify-content: center;
    }
    .lp-rate-content-mid
    {
        font-size: 0.875rem;
        padding-top: 10px;
    }
}
@media (max-width: 549px)
{
    .lp-banner.pc
    {
        display: none;
    }
    .lp-banner.mb
    {
        display: block;
        padding: 0;
    }
    .lp-banner.mb img
    {
        width: 100%;
    }
    .lp-whyaction
    {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .lp-whyaction .l-inner
    {
        padding: 0;
    }
    .lp-why-1 .title,  .lp-why-2 .title, .lp-why-3 .title, 
    {
        padding-right: 50px;
    }
    .lp-why-3-table > table
    {
        min-width: 830px;
    }
    .lp-why-3-table > table td img
    {
        display: none;
    }
    .lp-why-3-table > table th:nth-child(1)
    {
        width: 10% !important;
    }
    .lp-why-3-table > table th:nth-child(2), .lp-why-3-table > table th:nth-child(3)
    {
        width: 45% !important;
    }
    .lp-why-3-table > table td
    {
        padding: 10px;
    }
    .lp-why-3-table > table td:nth-child(1)
    {
        text-align: center;
        justify-content: center;
    }
    .lp-rate
    {
        padding: 30px 0;
    }
    .lp-rate .l-inner
    {
        padding: 0 20px;
    }
    .lp-rate-content-bot
    {
        padding: 10px ;
    }
    .lp-rate-content
    {
        margin-top: 20px;
        border:1px solid #cccccc;
    }
    .lp-rate-content-bot .content > div
    {
        padding: 5px 20px;
        font-size: 0.87rem;
    } 
    .lp-step
    {
        padding-bottom: 20px;
    }
    .lp-step .ol-detail
    {
        margin: 10px 50px 0 25px
    }
    .results_list_item .item
    {
        padding: 10px 30px;
    }
    .lp-why-1-group .item .text .item-title
    {
        font-size: 1.125rem;
    }
    #service .lp-why-1-group .item .text .item-title
    {
        font-size: 1rem;
    }
    #service .lp-why-1-group.marketing .item .text .item-title {
    	font-size: 0.9rem;
    	line-height: 1.4;
	}
    .lp-why-1-group .item .text .item-des
    {
        font-size: 1rem;
    }
    .lp-rate-number
    {
        font-size: 1.37rem;
    }
    .lp-rate-number span
    {
        font-size: 2.25rem;
    }
    .lp-rate-note p {
        font-size: 0.85rem;
	}
    
    .lp-analysis-img img
    {
        margin-bottom: 15px;
    }
    .efo-form_footer .check_submit input
    {
        font-size: 1.125rem;
    }
    .lp-contact .c-heading3__subtitle.form
    {
        font-size: 0.875rem;
    }
    .text-sub-form
    {
        font-size: 0.875rem;
    }
    .lp-contact .contact_box
    {
        padding:25px 20px;
    }
    .flex-start549
    {
        justify-content: flex-start !important;
    }
    .lp-operation
    {
        background: url('../img/listing/background_operation_sp.png');
    }
    .lp-operation .l-inner
    {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (max-width: 480px)
{
    .lp-analysis-list .item
    {
        text-align: left;
        align-items: flex-start;
        line-height: 140%;
    }
    .lp-analysis-list .item img
    {
        margin-top: 5px;
    }
    .lp-operation .l-inner
    {
        padding: 0px 10px;
    }
    .lp-operation-text, .text-center.lp-operation-bot
    {
        font-size: 20px;
    }
    .lp-why-1-group .item .img
    {
        width: 150px;
    }
    .lb-why-2-rote .text .title
    {
        font-size: 1.125rem;
    }
    .lb-why-2-rote .text .des {
    	font-size: 0.875rem;
    	margin-top: 5px;
	}
    .lb-why-2-arrow img
    {
        height: 180px;
    }
    .lp-why-3-table > table
    {
        min-width: 750px;
    }
    .lp-step .optimize-main .block06 ol li figure
    {
        margin-top: 30px;
    }
    .lp-operation-title
    {
        font-size: 1.25rem;
    }
    .lp-analysis-list .item
    {
        font-size: 1rem;
    }
    .lp-operation-text, .text-center.lp-operation-bot
    {
        font-size: 1rem;
    }
    .button-show-why
    {
        padding-top: 25px;
        margin-bottom: 3px;
    }
}
@media (max-width: 414px)
{
    .lp-group-column .l-inner
    {
        padding: 0 5px;
    }
    .results_list_item .item
    {
        padding: 10px 15px;
    }
    .lp-step .optimize-main .block06 ol li figure
    {
        margin-top: 20px;
    }
    .optimize-main .block06 ol li figure img
    {
        height: 38px;
    }
    .lp-step .optimize-main .block06 ol li p
    {
        font-size: 0.875rem;
    }
    .lp_results
    {
        padding: 30px 20px;
    }
    .lp_results .l-inner
    {
        padding-left: 0;
        padding-right: 0;
    }
    .lp_results .content
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    .lp-why-1-group .item .img .button
    {
        padding: 2px 7px;
    }
    .lp-why-1-group .item .img .button i
    {
        margin-right: 7px;
    }
    .lp-why-1
    {
        padding: 15px;
    }
    .lp-why-1-group .item .img
    {
        width: 120px;
    }
    .lp-why-1-group .item .text .item-title
    {
        white-space: nowrap;
    }
    #service .lp-why-1-group .item .text .item-title
    {
        white-space: unset;
    }
    .lp-why-1 .sub-title, .lp-why-2 .sub-title, .lp-why-3 .sub-title
    {
        padding-right: 0;
        font-size: 1.25rem;
    }
    .lp-why-2:before, .lp-why-1:before, .lp-why-3:before
    {
        font-size: 1.875rem;
    }
    .lp-analysis-img
    {
        font-size: 0.875rem;
    }
    .lp-analysis-list .item
    {
        font-size: 1rem;
    }
    .lp-why-2:before, .lp-why-1:before, .lp-why-1:before
    {
        top: -10px; right: 10px;
    }
    .lp-analysis-detail
    {
        margin-bottom: 20px;
    }
    .lp-operation-title
    {
        font-size: 1.1rem;
    }
    .lp-operation-text, .text-center.lp-operation-bot
    {
        font-size: 1rem;
    }
}
@media (max-width: 375px)
{
    .lp-analysis-title
    {
        font-size: 1.125rem;
    }
    .lp-operation-title
    {
        font-size: 1.125rem;
    }
    .lp-operation-text, .text-center.lp-operation-bot
    {
        font-size: 0.875rem;
    }
    .lp-why-1-group .item
    {
        width: 100%;
    }
    #service .lp-why-1-group.marketing .item
    {
        border-bottom: 1px solid #ccc;
        padding: 20px;
    }
    #service .lp-why-1-group.marketing .item:last-child
    {
        border-bottom: none;
    }
    .lp-why-1-group .item .text .item-title
    {
        font-size: 1rem;
    }
    .lp-why-1-group .item .img .button
    {
        font-size: 0.875rem;
        top: -15px;
    }
    .lp-why-1-group .item .text .item-des
    {
        font-size: 0.875rem;
    }
    .lp-why-1-group
    {
        grid-row-gap:30px;
    }
    .lp-why-1-group .item .img
    {
        width: 100px;   
    }
    /*.lb-why-2-rote .text .title
    {
        font-size: 1.125rem;
    }
    .lb-why-2-rote .text .des
    {
        font-size: 0.875rem;
        margin-top: 5px;
    }*/
    .results_list_item .item
    {
        font-size: 1rem;
        padding: 5px 10px;
    }
    .results_list_item .item i 
    {
        margin-right: 0;
    }
    .lb-why-2-arrow .list .item .item-right
    {
        font-size: 1rem;
        padding: 5px;
    }
    /*.lb-why-2-arrow img
    {
        height: 180px;
    }*/
     .lp-rate-number
    {
        font-size: 1.2rem;
    }
    .lp-rate-number span 
    {
        font-size: 1.9rem;
    }
    .c-h3__section .lp-rate-number
	{
	    font-size: 1.2rem;
	}
	.c-h3__section .lp-rate-number span
	{
	    font-size: 1.6rem;
	}
    .lp-rate-content-bot .content > div
    {
        font-size: 0.875rem;
    }
}
@media (max-width: 374px)
{   
    .lp-group-column
    {
        padding: 30px 0;
    }
    .lp-group-title
    {
        font-size: 1.5rem;
    }
    .lp-group-title span
    {
        font-size: 1.5rem;
    }
    .lp-group-title:before
    {
        top: 90%;
    }
    .lp-group-column .group-item .group-item_img
    {
        width:60px;
    }
    .lp-group-column .group-item .group-item_text p
    {
        font-size: 1.125rem;
    }
    .lp_results
    {
        padding: 15px;
    }
    .lp_results .results_title
    {
        font-size: 1.125rem;
    }
    .lp_results .results_subtitle
    {
        font-size: 1rem;
    }
    .results_list_item .item
    {
        font-size: 0.875rem;
    }
    .lp_results .results_note
    {
        padding: 10px;
        font-size: 0.875rem;
    }
    .lp-analysis
    {
        padding: 30px 0;
    }
    .lp-analysis .l-inner
    {
        padding: 0 10px;
    }
    .lp-analysis-list .item
    {
        font-size: 0.875rem;
    }
    .lp-operation-title {
        font-size: 0.875rem;
    }
    .lp-operation-text, .text-center.lp-operation-bot
    {
        margin: 15px 0;
        font-size: 0.75rem;
    }
    .lp-why-1-group .item
    {
        display: block;
        width: 100%;padding: 0 30px;
    }
    .lp-why-1-group .item .img
    {
        text-align: center;
        width: auto;
    }
    .lp-why-1-group .item .img img
    {
        max-width: 100px;
    }

    .lp-why-1-group .item .img .button
    {
        left: 50%;
        transform: translateX(-50%);
    }
    .lp-why-1-group .item .text
    {
        padding: 0;
    }
    .lb-why-2-arrow img
    {
        height: 150px;
    }
    .lp-rate-content-bot
    {
        padding: 0;
        padding-bottom: 10px;
    }
    .lp-rate-content-bot .content
    {
        padding: 0 10px;
        padding-top: 20px;
    }
    .lp-rate-content-bot .content > div
    {
        font-size: 0.875rem;
        padding: 2px 10px;
    }
    .lp-rate-content-mid 
    {
        font-size: 0.875rem
    }
    .lp-step .ol-detail
    {
        font-size: 0.875rem;
        margin-top: 0;
        margin-right: 40px;
    }
    .lp-step .ol-detail:before
    {
        border-bottom:40px solid #E0EDF3;
        border-right:20px solid transparent;
    }
    .lp-step .optimize-main .block06 ol li figure
    {
        margin-top: 10px;
    }
    .lp-step .optimize-main .block06 ol li figure img
    {
        height: 30px;
    }
    .lp-step .optimize-main .block06 ol li p
    {
       
    }
    .lp-why-1 .title, .lp-why-2 .title,  .lp-why-3 .title, 
    {
        padding-right: 30px;
    }
    .lp-why-2
    {
        padding: 15px;
    }
    .lp-whyaction .lp-why-1,
    .lp-whyaction .lp-why-2,
    .lp-whyaction .lp-why-3
    {
        padding-top: 40px;
    }
}

/* step-flow ========================================================*/
#service .step-flow
{
    background-position: center bottom;
    height: 683px;
    margin: 70px 0;
    text-align: center;
}
#service .telework-title.step-flow-title
{
    color: #333;
    margin: 0 auto;
    position: relative;
    display: inline-block;
}
#service .telework-title.step-flow-title:after
{
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 8px;
    background: #ffff00;
    display: block;
}
#service .step-flow .container
{
    position: relative;
    width: 1040px;
    margin: 0 auto;
}
#service .step-flow ol {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-left: 7px;
    margin-top: 40px;
}
#service .step-flow ol li {
    width: 266px;
    height: 211px;
    margin-left: -9px;
    margin-bottom: 5px;
    background: url(../img/optimize/block06-bg-item.png) no-repeat left 0px;
    text-align: center;
    position: relative;
}
#service .step-flow ol li figure, #service .step-flow ol li p {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#service .step-flow ol li figure
{
    height: 100px;
    margin-top: 10px;
}
#service .step-flow ol li p {
    height: 60px;
    font-size: 1.125rem;
    line-height: 120%;
}
#service .step-flow ol li .step
{
    position: absolute;
    left: 25px;
    top: 6px;
    font-size: 1.125rem;
    color: #333;
}

#service .flow .telework-title.step-flow-title
{
    color: #000;
    font-size: 1.6rem;
}
.flow .ol-detail
{
    background: #E0EDF3;
    font-size: 1.125rem;
    text-align: center;
    position: relative;
    margin-right: 50px;
    color: #143967;
}
.flow .ol-detail:before
{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    bottom: 0;left: 100%;
    border-bottom: 60px solid #E0EDF3;
    border-right: 40px solid transparent;
}
#service .flow .step-flow ol li
{
    margin-bottom: 20px;
}

@media(max-width: 768px){
    #service .l-inner-block06
    {
        padding-left: 0;
        padding-right: 0;
    }
    #service .step-flow{
        z-index: 15;
        height: auto;
        margin-top: 8vw;
        padding-top: 8vw;
        padding-bottom: 14vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
    }
    #service .step-flow .container
    {
        width: 100%;
        margin: 0 auto;
    }
    #service .step-flow  ol
    {
        padding: 0 4.6vw;
    }
    #service .step-flow  ol li
    {
        width: 35.6vw;
        height: 28.2vw;
        margin-left: -1.2vw;
        margin-bottom: 8vw;
        background-size: 100% auto;
    }
    #service .step-flow  ol li figure
    {
        margin: 2.6vw 0;
        margin-top: 40px;
        height: 9.3vw;
    }
    #service .step-flow  ol li p {
        height: 2rem;
        font-size: 1rem;
    }
}
@media(max-width: 640px){
    #service .step-flow ol li .step
    {
        font-size: 0.8rem;
    }
}
@media(max-width: 549px){
    #service .step-flow  ol
    {
        padding: 0 25px;
    }
    #service .step-flow  ol li
    {
        width: 50%;
        margin-bottom: 20px;
    }
    #service .step-flow ol li figure
    {
        margin-top: 30px;
    }
    #service .step-flow ol li figure img
    {
        height: 55px;
    }
}
@media(max-width: 414px){
    #service .step-flow  ol
    {
        padding: 0;
    }
    #service .step-flow ol li figure img
    {
        height: 45px;
    }
    #service .step-flow ol li .step
    {
        font-size: 0.7rem;
        left: 15px;
    }
    #service .step-flow ol li figure
    {
        margin-top: 20px;
    }
    #service .step-flow ol li p {
        font-size: 0.875rem;
    }
}
@media(max-width: 375px){
    #service .step-flow
    {
        background-position: center bottom;
    }
    #service .step-flow ol li figure img
    {
        height: 35px;
    }
}
@media(max-width: 320px){
    #service .step-flow ol li figure img
    {
        height: 30px;
    }
    #service .step-flow ol li p
    {
        font-size: 0.6rem;
    }
    #service .step-flow ol li figure
    {
        margin: 1vw 0;
    }
    #service .step-flow ol li .step
    {
        font-size: 0.6rem;
    }
}
/*
==========================================================================================
=================================== Solution LP ==========================================
==========================================================================================
*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Oswald:wght@300;500;600;700&display=swap');*/
/*
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Oswald', sans-serif;
*/
body .solution-lp-page {
    font-family: 'Noto Sans JP', sans-serif;
}
.solution-lp-page {
    min-width: 1060px;
}
.header-fixed .solution-lp-page .g-header {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}
.solution-lp-page .g-header {
    position: fixed;
    z-index: 10;
    width: 100%;
    background: #fff;
    top: 0;
    border-top: 4px solid #293784;
}
.solution-lp-page .main__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 122px;
}
.solution-lp-page .g-main {
    margin-top: 122px;
}
.solution-lp-page .logo {
    max-width: 188px;
    margin: -6px 0 0 0;
    padding-bottom: 0;
}
.solution-lp-page .logo:hover img {
    opacity: 1;
}
.solution-lp-page .banner {
    background: #cce7ff;
    padding: 20px 0;
}
.solution-lp-info .txt01 {
    font-size: 1rem;
    color: #000;
    text-align: center;
    font-weight: 300;
}
.solution-lp-info .txt01 .bold {
    margin-right: 5px;
}
.solution-lp-tel, .solution-lp-number {
    font-family: 'Oswald', sans-serif;
}
.solution-lp-tel .lbl-tel {
    font-size: 1.5rem;
    margin-right: 5px;
    font-weight: 300;
}
.solution-lp-tel .number-phone {
    font-size: 2rem;
    color: #000;
}
.solution-lp-tel .number-phone.icon {
    padding-left: 30px;
    position: relative;
    color: #26337b;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1px
}
.solution-lp-tel .number-phone.icon:before {
    content: "";
    position: absolute;
    left: -11px;
    top: 0;
    height: 100%;
    width: 42px;
    background: url(../img/solution-lp/ion-tel.svg) no-repeat left center;
    background-size: contain;
}
.solution-lp-tel .hours {
    font-size: 0.875rem;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, arial, helvetica, sans-serif
}
.solution-lp-info {
    /*max-width: 440px;*/
    margin-top: -7px;
}
.solution-lp-info .head-contact {
    display: flex;
    align-items: center;
}
.solution-lp-info .solution-lp-tel {
    text-align: right;
    line-height: 1.3;
    margin-right: 20px;
}
.solution-lp-info .solution-lp-tel a{
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}
.solution-lp-page .mr-7 {
    margin-right: 7px
}
.solution-lp-btn {
    display: inline-block;
    color: #fff;
    padding: 14px 12px;
    border-radius: 6px;
    background: #293784;
    min-width: 188px;
    line-height: 1.5;
    text-align: center;
    transition: all 0.3s ease;
}
.solution-lp-btn.style01 {
    background: #e60012;
    font-size: 1.5rem;
    padding: 15px 50px 15px 20px;
    font-weight: 700;
    position: relative;
}
.solution-lp-btn.style01:after {
    content: "";
    position: absolute;
    right: 12px;
    height: 100%;
    top: 0;
    width: 20px;
    background: url(../img/solution-lp/ico-arrow.svg) no-repeat right 0 center;
    background-size: contain;
}
.g-header .solution-lp-btn {
    color: #fff;
}
.solution-lp-btn:hover, .solution-lp-btn01:hover {
    text-decoration: none;
}
.solution-lp-btn01:hover img {
    opacity: 1;
}
.solution-lp-page .c-red {
    color: #be0006;
}
.solution-lp-page .c-red01 {
    color: #e00007;
}
.solution-lp-page .c-blue01 {
    color: #150035;
}
/* box01 */
.solution-lp-box01 {
    padding: 46px 0 36px;
    background: #efefef;
    margin-top: 2px;
}
.solution-lp-btn01 {
    display: inline-flex;
    width: 576px;
    border-radius: 55px;
    background: #f6d84c;
    border: 4px solid #fff;
    box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.5);
    text-decoration: none;
    padding: 11px 20px;
    position: relative;
    transition: all 0.3s ease;
    align-items: center;
}
.solution-lp-btn01:before {
    content: "";
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 20px solid #293784;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.solution-lp-btn01 .txt01 {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.3;
    text-align: center;
    color: #293784;
    display: inline-block;
    max-width: 260px;
    padding-left: 65px;
}
.solution-lp-btn01 .txt-img {
    max-width: 155px;
    margin-left: 40px;
}
.solution-lp-txt01 {
    font-size: 1rem;
    color: #000;
    line-height: 1.6;
}
.solution-lp-box01 .btn-big {
    margin-bottom: 17px;
}
.solution-lp-page h3, .solution-lp-page h4, .solution-lp-page h5 {
    line-height: 1.5;
    font-weight: 700;
}
.solution-lp-page h3 {
    text-align: center;
    margin-bottom: 47px;
    color: #000;
    font-size: 2rem;
}
.solution-lp-page h4 {
    font-size: 1.75rem;
}
.solution-lp-page .font-16 {
    font-size: 1rem;
    line-height: 1.6;
}
/* box02 */
.solution-lp-box02 {
    padding: 34px 0 102px
}
.solution-lp-case {
    display: flex;
    margin-bottom: 32px;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 18px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.solution-lp-case .lbl {
    display: inline-block;
    color: #fff;
    font-size: 1.125rem;
    background: #293784;
    padding: 2px 10px 3px;
    line-height: 1.4;
    font-weight: bold;
    width: 100px;
    margin-right: 35px;
}
.solution-lp-case h4 {
    margin-top: -6px;
}
.solution-lp-number {
    font-size: 2.25rem;
}
.solution-lp-page .per-cent {
    font-family: 'Oswald', sans-serif;
}
.solution-lp-case .c-red01 {
    margin: 0 10px;
    position: relative;
    top: 2px;
}
.solution-lp-step {
    margin-bottom: 55px;
}
.solution-lp-step dt {
    min-width: 102px;
    display: inline-block;
    background: #fff url(../img/solution-lp/img-mess.svg) no-repeat 12px 50%;
    padding: 8px 8px 8px 52px;
    border-radius: 50px;
    font-weight: 500;
    font-size: 16px;
    color: #150035;
}
.solution-lp-step .bg-yellow dt {
    background: #fff url(../img/solution-lp/img-light.svg) no-repeat 18px 50%;
}
.solution-lp-step .bg-yellow {
    background: #f6d84c;
}
.solution-lp-step dl {
    position: relative;
    margin: 0 auto 45px;
    max-width: 900px;
    display: flex;
    align-items: center;
    background: #efefef;
    padding: 8px;
}
.solution-lp-step dd {
    padding-left: 70px;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.6;
    color: #150035;
}
.solution-lp-step dl:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-top: 20px solid #150035;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: -32px;
}
.solution-lp-step dl:last-child {
    margin-bottom: 0;
}
.solution-lp-step dl:last-child:after {
    display: none;
}
.solution-lp-staff {
    display: flex;
    align-items: center;
    max-width: 780px;
    margin: 0 auto;
    position: relative;
    left: -10px;
}
.solution-lp-page .solution-lp-staff .images-l {
    max-width: 124px;
    margin: 0 25px 0 0;
    border-radius: 100%;
    overflow: hidden;
    flex-shrink: 0;
}
.solution-lp-page .solution-lp-staff .solution-lp-txt01 {
    padding-bottom: 4px;
    border-bottom: 1px solid #333;
    line-height: 1.4;
    margin-bottom: 8px;
    font-weight: 500;
}
.solution-lp-box-banner {
    background: #ecdfcd;
    padding: 40px 0 34px;
}
.solution-lp-banner {
    background: #fff;
    padding: 26px 36px 23px 60px;
    text-align: center;
    max-width: 1005px;
    margin: 0 auto;
}
.solution-lp-banner>ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.solution-lp-banner .img {
    max-width: 250px;
    margin-top: -54px;
}
.solution-lp-banner .btn {
    width: 323px;
    padding-left: 10px;
}
.solution-lp-banner .btn .style01 {
    min-width: 100%;
}
.solution-lp-banner .info {
    margin-bottom: -4px;
    left: 5px;
    position: relative;
}
.solution-lp-txt02 {
    font-size: 1.125rem;
    color: #111;
    line-height: 1.6;
    font-weight: 700;
}
.solution-lp-banner .solution-lp-txt04 {
    margin-bottom: 6px;
}
.solution-lp-banner .solution-lp-txt02 .number {
    font-size: 1.75rem;
}
.solution-lp-text-line {
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 1.6;
    color: #222;
    margin-bottom: 20px;
    position: relative;
}
.solution-lp-text-line .solution-lp-number {
    font-size: 5.75rem;
    color: #1c224c;
    line-height: 0;
    position: relative;
    top: 6px;
}
.solution-lp-page .c-blue02 {
    color: #1c224c;
}
.solution-lp-text-line .round-text {
    background: linear-gradient(rgba(0, 0, 0, 0) 87%, #f9c312 0%);
    padding-bottom: 7px;
}
.solution-lp-text-line .sml {
    font-size: 2.125rem;
    margin-right: 7px;
}
.solution-lp-banner .img-text {
    position: absolute;
    right: -198px;
    top: -91px;
    width: 394px;
    height: 94px;
    z-index: 1;
    background: url(../img/solution-lp/solution-lp-img03.png) no-repeat;
    background-size: contain;
}
.solution-lp-banner .img-text p {
    font-size: 2rem;
    color: #143967;
    position: relative;
    top: 8px;
}
.solution-lp-banner .img-text p .sml01 {
    font-size: 1.75rem;
}
.solution-lp-banner .number {
    font-size: 1.75rem;
}
.solution-lp-box03 {
    padding: 54px 0 80px;
}
.solution-lp-box03 h3.h301 {
    padding-bottom: 10px;
    position: relative;
    border-bottom: 6px solid #1c224c;
    color: #222;
    margin-bottom: 47px;
}
.solution-lp-box03 .h301 .txt-large {
    font-size: 2.375rem;
}
.solution-lp-box03 h3.h301:after {
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    bottom: -22px;
    border-top: 16px solid #1c224c;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
}
.solution-lp-box03 .l-inner {
    padding: 0 50px;
}
.solution-lp-list {
    display: flex;
}
.solution-lp-list>li {
    width: 300px;
    margin: 0 30px 0 0;
}
.solution-lp-list>li:last-child {
    margin-right: 0;
}
.solution-lp-list .solution-lp-txt04 {
    text-align: left;
    color: #000;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.solution-lp-page [class *=solution-lp-txt0] {
    font-weight: 700;
}
.solution-lp-txt03 {
    font-size: 1.25rem;
    line-height: 1.64;
}
.solution-lp-txt04 {
    font-size: 1.125rem;
    line-height: 1.4;
    color: #111;
}
.solution-lp-txt05 {
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 30px;
}
.solution-lp-number.circle {
    width: 40px;
    height: 40px;
    color: #fff;
    display: inline-flex;
    text-align: center;
    align-items: center;
    background: #1c224c;
    border-radius: 100%;
    justify-content: center;
    font-size: 1.5rem;
    margin-right: 10px;
    flex-shrink: 0;
}
.solution-lp-txt02 {
    font-size: 1.25rem;
}
.solution-lp-box04 {
    padding: 80px 0 85px;
    background: #293784;
}
.solution-lp-grp-text {
    background: #fff;
    padding: 21px 70px 54px;
    text-align: center;
    max-width: 1060px;
    margin: 0 auto;
}
.solution-lp-list01 {
    display: flex;
    position: relative;
}
.solution-lp-list01 .solution-lp-txt04 {
    line-height: 1.3;
}
.solution-lp-list01>li {
    width: 240px;
    color: #000;
    margin: 0 100px 0 0;
}
.solution-lp-list01>li:last-child {
    margin-right: 0;
}
.solution-lp-grp-text h4 {
    margin-bottom: 5px;
    color: #000;
}
.solution-lp-grp-text .txt-large {
    font-size: 2.125rem;
}
.solution-lp-box04 .solution-lp-txt03 {
    margin-bottom: 25px;
}
.solution-lp-list01.step {
    margin-bottom: 135px;
}
.solution-lp-list01.step:after {
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    bottom: -112px;
    border-top: 48px solid #ffcd27;
    border-left: 90px solid transparent;
    border-right: 90px solid transparent;
}
.solution-lp-list01 .full-txt {
    margin: 0 -16px;
}
.solution-lp-txt03.bg-blue01 {
    background: #1c224c;
    border-radius: 17px;
    color: #fff;
    line-height: 1.5;
}
.solution-lp-box04 .bg-blue01 {
    margin: 20px auto 20px;
    max-width: 525px;
    padding: 2px 5px;
    border-radius: 25px;
}
.solution-lp-txt05.notes {
    text-align: center;
    color: #222;
    padding: 12px 60px;
    position: relative;
    z-index: 1;
    margin: 68px auto 0;
}
.solution-lp-txt05.notes:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ecdfcd;
    z-index: -1;
    transform: skew(-25deg);
}
.solution-lp-box05 {
    padding: 80px 0 110px;
    background: #f5f7f8;
}
.solution-lp-grp-list .solution-lp-txt05 {
    padding-bottom: 15px;
    border-bottom: 2px solid #000;
    text-align: center;
    color: #222;
}
.solution-lp-grp-list .item {
    padding: 45px 50px 50px;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
    margin-bottom: 65px;
    color: #222;
}
.solution-lp-grp-list .item:last-child {
    margin-bottom: 0;
}
.solution-lp .text-line {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 16px;
}
.solution-lp .text-line:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: #edbf3d;
    width: 116px;
    height: 4px;
}
.solution-lp-page .c-black01 {
    color: #111;
}
.solution-lp-page .normal {
    font-weight: normal;
}
.solution-lp-box05 .solution-lp-txt03 {
    margin-bottom: 48px;
}
.solution-lp-page .images-r {
    float: right;
    margin: 0 0 0 30px;
    text-align: right;
}
.solution-lp-page p.txt {
    margin-bottom: 20px;
    line-height: 1.8;
    font-size: 1.2rem;
}
.solution-lp-page p.txt.first {
    padding-top: 3.5rem;
}
.solution-lp-grp-list .images-cen {
    margin-top: 38px;
}
.solution-lp-checklist>li {
    line-height: 1.4;
    font-size: 1.125rem;
    padding: 2px 0 2px 30px;
    background: url(../img/solution-lp/ion-checkbox.svg) no-repeat 0 9px;
    background-size: 22px;
    margin-bottom: 14px;
}
.solution-lp-checklist>li:last-child {
    margin-bottom: 0;
}
.solution-lp-checklist .txt-large {
    font-size: 1.375rem;
    font-weight: 700;
}
.solution-lp-checklist.none-check>li {
    background: none;
    padding-left: 0;
    display: flex;
    margin-bottom: 2px;
}
.solution-lp-checklist.none-check>li:last-child {
    margin-bottom: 0;
}
.solution-lp-checklist.none-check .circle {
    width: 20px;
    height: 20px;
    font-size: 0.938rem;
    flex-shrink: 0;
    margin-right: 7px;
    margin-top: 3px;
    font-weight: 900;
    padding-bottom: 1px;
}
.solution-lp-pickup {
    display: flex;
    border: 1px solid #1c224c;
}
.solution-lp-pickup dd {
    padding: 12px 30px;
    width: calc(100% - 300px);
}
.solution-lp-pickup dt {
    width: 300px;
    color: #fff;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.64;
    background: #1c224c;
    clip-path: polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.solution-lp-grp-list .img-center {
    margin-bottom: 50px;
}
.solution-lp-grp-list .grp-box {
    padding: 0 80px;
}
.solution-lp-grp-list .solution-lp-pickup {
    margin-bottom: 70px;
}
.solution-lp-grp-list .grp-box h4 {
    margin-bottom: 40px;
    text-align: center
}
.solution-lp-grp-list .grp-box h4 .sml {
    font-size: 1.5rem;
}
.solution-lp-grp-list .images-r {
    margin: 0 0 0 10px;
}
.solution-lp-grp-list .images-r img {
    max-width: 270px;
}
.solution-lp-page .c-blue03 {
    color: #1c224c;
}
.solution-lp-page .mb-0 {
    margin-bottom: 0 !important;
}
.solution-lp-box06 {
    padding: 58px 0 120px;
    background: #fff;
}
.solution-lp-box06 h4 {
    margin-bottom: 16px;
    color: #000;
}
.solution-lp-box06 .solution-lp-list02 {
    margin-top: 56px;
}
.solution-lp-text-line01 span {
    background: linear-gradient(rgba(0, 0, 0, 0) 80%, #faff5d 0%);
}
.solution-lp-list02 {
    display: flex;
    justify-content: space-between
}
.solution-lp-list02>li {
    width: 48.1%;
    background: #fcfcfc;
    border: 1px solid #ccc;
    padding: 30px;
    position: relative;
}
.solution-lp-list02 .img {
    padding-bottom: 11px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin: 56px auto 15px;
}
.solution-lp-list02 .img img {
    max-width: 280px;
}
.solution-lp-list02 .tit {
    line-height: 1.5;
    padding: 13px 26px;
    display: inline-block;
    font-weight: 700;
    font-size: 1.25rem;
    background: #333;
    color: #fff;
    position: absolute;
    top: 13px;
    left: -10px;
}
.solution-lp-box06 .solution-lp-txt03 {
    font-weight: normal;
}
.solution-lp-box07 {
    padding: 60px 0 44px;
    background: url(../img/solution-lp/solution-lp-box07.jpg) no-repeat center;
    background-size: cover;
}
.solution-lp-page .images-l {
    float: left;
    margin: 0 45px 0 0;
}
.solution-lp-address .images-l {
    max-width: 388px;
}
.solution-lp-address .tbl-address {
    position: relative;
    top: -16px;
}
.solution-lp-page .tbl-address td, .solution-lp-page .tbl-address th {
    padding: 14px 0 8px 0;
    border-bottom: 2px solid #666;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: bold;
    color: #222;
}
.solution-lp-page .tbl-address tr:last-child td {
    border-bottom: 0;
}
.solution-lp-page .tbl-address td:first-child {
    padding-right: 5px;
    width: 80px;
}
/* ################ */
@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .solution-lp-grp-list .images-r img {
        width: 70%;
    }
}
@media(min-width: 769px) {
    .solution-lp-page .sp, .solution-lp-page .sp-640, .solution-lp-call-contact {
        display: none;
    }
    .solution-lp-btn01:hover {
        border: 4px solid #293784;
    }
    .solution-lp-btn:hover {
        background: #f6d84c;
        color: #000;
    }
    .solution-lp-btn.style01:hover {
        background: #293784;
        color: #fff;
    }
}
@media(max-width: 768px) {
    .solution-lp-page {
        min-width: 100%;
    }
    .solution-lp-page .l-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    .solution-lp-page .pc {
        display: none;
    }
    .solution-lp-info {
        display: none;
    }
    .solution-lp-page .main__inner {
        min-height: 54px;
    }
    .solution-lp-page .logo {
        max-width: 100px;
    }
    .solution-lp-page .g-main {
        margin-top: 58px;
    }
    .solution-lp-page .banner {
        padding: 3vw 0;
    }
    .solution-lp-page .banner h2 {
        position: relative;
        right: -0.8vw;
    }
    .solution-lp-page .banner .l-inner {
        padding-left: 10px;
        padding-right: 10px;
    }
    .solution-lp-box01 {
        padding: 9vw 0;
        margin-top: 0;
    }
    .solution-lp-step {
        margin-bottom: 7vw;
    }
    .solution-lp-step dl {
        display: block;
        text-align: center;
        padding: 10px;
    }
    .solution-lp-step dt {
        width: 100%;
        text-align: center;
        font-weight: bold;
        padding-right: 52px;
    }
    .solution-lp-step dd {
        padding: 20px 0;
    }
    .solution-lp-step dl::after {
        bottom: -33px;
    }
    .solution-lp-box02 {
        padding: 8vw 0 10vw;
    }
    .solution-lp-staff {
        display: block;
        max-width: 100%;
        left: 0;
    }
    .solution-lp-staff .grp-txt {
        overflow: hidden;
        width: 100%;
    }
    .grp-images-l {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #333;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    .solution-lp-staff .solution-lp-txt01 {
        width: 100%;
        border-bottom: 0;
        padding-bottom: 0;
        line-height: 1.8;
    }
    .solution-lp-page .solution-lp-staff .images-l {
        max-width: 25vw;
        margin-right: 5vw;
    }
    .solution-lp-banner {
        padding: 30px;
    }
    .solution-lp-box-banner {
        padding: 11vw 0
    }.solution-lp-banner .info{
        left: auto;
    }
    .solution-lp-banner>ul {
        display: block;
        min-width: 400px;
        text-align: center;
        margin: 0 auto;
    }
    .solution-lp-banner li {
        margin: 0 auto;
    }
    .solution-lp-banner .img-text {
        width: 250px;
        height: 100%;
        right: -23px;
        top: -57px;
    }
    .solution-lp-banner .img-text p {
        font-size: 1.5rem;
        top: 2px;
    }
    .solution-lp-banner .img-text p .sml01 {
        font-size: 1.2rem;
    }
    .solution-lp-banner .img {
        margin: -47px auto 65px;
    }
    .solution-lp-banner>ul .info {
        width: 350px;
    }
    .solution-lp-list {
        display: block;
        padding: 0 8vw;
    }
    .solution-lp-list>li {
        width: 100%;
        margin: 0 0 25px 0;
    }
    .solution-lp-list>li:last-child {
        margin-bottom: 0;
    }
    .solution-lp-box03 {
        padding: 8vw 0 9vw;
    }
    .solution-lp-page h3 {
        font-size: 1.5rem;
    }
    .solution-lp-box03 .h301 .txt-large {
        font-size: 2rem
    }
    .solution-lp-box04 {
        padding: 10vw 15px;
    }
    .solution-lp-grp-text h4 {
        margin-bottom: 15px;
    }
    .solution-lp-list01>li {
        margin: 0 2%;
        width: 29%;
    }
    .solution-lp-list01 .solution-lp-txt04 {
        font-size: 2.5vw;
    }
    .solution-lp-txt05.notes {
        width: calc(100% - 60px);
        margin: 30px auto 0;
        font-size: 1.3rem;
    }
    .solution-lp-box04 .bg-blue01 {
        margin-bottom: 4vw;
        padding: 12px;
    }
    .solution-lp-box05 {
        padding: 8vw 0 10vw;
    }
    .solution-lp-grp-list .item {
        padding: 7vw 5vw 8vw;
        margin-bottom: 30px;
    }
    .solution-lp-grp-list .img-center {
        margin-bottom: 6vw;
    }
    .solution-lp-box05 .solution-lp-txt03 {
        margin-bottom: 30px;
    }
    .solution-lp-grp-list .item:first-child .images-r {
        order: 5;
        text-align: center;
        width: 100%;
        margin: 10px 0 0 0;
    }
    .solution-lp-grp-list .item:first-child .images-r img {
        order: 5;
        max-width: 85%;
    }
    .solution-lp-grp-list .item:first-child .clearf {
        display: flex;
        flex-wrap: wrap;
    }
    .solution-lp-grp-list .grp-box {
        padding: 0;
    }
    .solution-lp-pickup {
        flex-wrap: wrap;
    }
    .solution-lp-pickup dt {
        width: 101%;
        font-size: 3vw;
        clip-path: polygon(0% 0%, 100% 0, 100% 60%, 50% 100%, 0 60%);
        padding: 3vw 2vw 9vw;
        margin: 0 -1px;
    }
    .solution-lp-pickup dd {
        width: 100%;
        padding: 5vw;
    }
    .solution-lp-checklist.none-check>li {
        margin-bottom: 12px;
    }
    .solution-lp-checklist.none-check .circle {
        margin-top: 1px;
    }
    .solution-lp-box06 {
        padding: 7vw 0 10vw;
    }
    .solution-lp-grp-list .grp-box h4 {
        margin-bottom: 5vw;
    }
    .solution-lp-page .solution-lp-text-line01 {
        line-height: 1.75;
    }
    .solution-lp-text-line01 span {
        background: linear-gradient(rgba(0, 0, 0, 0) 70%, #faff5d 0%);
    }
    .solution-lp-box06 .solution-lp-txt03 {
        text-align: left;
    }
    .solution-lp-box06 .solution-lp-list02 {
        margin-top: 30px;
    }
    .solution-lp-list02 .tit {
        font-size: 2.3vw;
        padding: 2.3vw 3vw;
    }
    .solution-lp-list02 .img img {
        max-width: 80%;
    }
    .solution-lp-page .images-l {
        float: none;
        text-align: center;
        margin: 0 0 30px 0;
    }
    .solution-lp-page p.txt.first {
        padding-top: 2.5rem;
    }
    .solution-lp-box07 {
        padding: 9vw 0 4vw;
    }
    .solution-lp-address .images-l {
        max-width: 100%;
    }
    .solution-lp-address .tbl-address {
        width: 100%;
    }
    .solution-lp-list02>li {
        padding: 20px;
    }
    .solution-lp-page+.wc-webchat-ctn {
        display: none;
    }
    .solution-lp-call-contact {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 9;
        display: block;
        background: rgba(255, 255, 255, 0.85);
        padding: 5px 15px 15px;
    }
    .solution-lp-call-contact ul {
        display: flex;
        justify-content: space-between;
    }
    .solution-lp-call-contact li {
        width: 48.5%;
    }
    .solution-lp-call-contact ul a {
        display: flex;
        height: 100%;
        color: #fff;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        padding: 2vw;
        border-radius: 6px;
    }
    .solution-lp-call-contact .solution-lp-tel a {
        background: #293784;
        padding: 1.5vw 1.5vw 2vw;
    }
    .solution-lp-call-contact .btn a {
        background: #e00007;
        font-size: 3.8vw;
        font-weight: 500;
        min-width: 100%;
    }
    .solution-lp-call-contact .number-phone.icon {
        color: #fff;
        font-size: 4.5vw;
        padding-left: 7vw;
        letter-spacing: 0.05vw;
    }
    .solution-lp-call-contact .solution-lp-tel .number-phone.icon:before {
        background: url(../img/solution-lp/icon-phone.png) no-repeat 0 50%;
        background-size: 5vw;
        left: 0;
    }
    .solution-lp-call-contact .solution-lp-tel .hours {
        font-size: 2.7vw;
        letter-spacing: 0.07vw;
        line-height: 1.4;
    }
    .solution-lp-call-contact .txt01 {
        font-size: 3.5vw;
        text-align: center;
        margin-bottom: 1.5vw;
    }
    .solution-lp-call-contact .txt01 span {
        font-weight: 700;
        font-size: 3.6vw;
        margin-right: 2vw;
    }
    .solution-lp-banner .img-text {
        background: url(../img/solution-lp/solution-lp-img03-sp.png) no-repeat;
        background-size: contain;
    }
    .solution-lp-banner .btn .style01 {
        min-width: 91%;
    }
    .solution-lp-banner .btn {
        padding-left: 0px;
    }
    body.solution-bd .wc-webchat-ctn 
    {
        display: none !important;
    }
}
@media(max-width: 640px) {
    .solution-lp-case .c-red01 {
        margin: 0 4px;
    }
    .solution-lp-btn01 {
        width: 96%;
    }
    .solution-lp-btn01 .txt01 {
        max-width: 61vw;
        font-size: 4.8vw;
        padding-left: 8vw;
    }
    .solution-lp-btn01 .txt-img {
        max-width: 25vw;
        margin-left: 4vw;
    }
    .solution-lp-btn01:before {
        border-left: 3.5vw solid #293784;
        border-top: 2.5vw solid transparent;
        border-right: 2.5vw solid transparent;
        border-bottom: 2.5vw solid transparent;
        left: 7vw;
    }
    .solution-lp-page h3 {
        margin-bottom: 4vw;
        font-size: 1.5rem;
    }
    .solution-lp-page h4 {
        font-size: 1.5rem;
        line-height: 1.3;
    }
    .solution-lp-number {
        font-size: 2rem;
    }
    .solution-lp-page .sp-640 {
        display: block;
    }
    .solution-lp-step:last-child {
        margin-bottom: 8vw;
    }
    .solution-lp-box03 h3.h301 {
        margin-bottom: 35px;
    }
    .solution-lp-grp-text .txt-large {
        font-size: 1.9rem;
    }
    .solution-lp-txt03 {
        font-size: 1rem;
    }
    .solution-lp-list01 {
        flex-wrap: wrap;
    }
    .solution-lp-list01>li {
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        border-top: 1px solid #ccc;
        padding: 5px;
    }
    .solution-lp-list01 .img {
        width: 65%;
        order: 2;
    }
    .solution-lp-list01>li:last-child {
        border-bottom: 1px solid #ccc;
    }
    .solution-lp-list01 .solution-lp-txt04 {
        font-size: 3vw;
        line-height: 1.6;
        width: 100%;
    }
    .solution-lp-list01>li:nth-child(2n) .img {
        order: 0;
    }
    .solution-lp-box04 .bg-blue01 {
        font-size: 1.2rem;
        width: 85%;
        padding: 10px 20px;
    }
    .solution-lp-list01.step {
        margin-bottom: 75px;
    }
    .solution-lp-list01.step:after {
        border-top: 28px solid #ffcd27;
        border-left: 52px solid transparent;
        border-right: 52px solid transparent;
        bottom: -55px;
    }
    .solution-lp-grp-text {
        padding: 6vw 10px;
    }
    .solution-lp-txt05 {
        font-size: 1.1rem;
    }
    .solution-lp-checklist>li {
        font-size: 0.91rem;
        background-size: 20px;
        background-position: 0 4px;
        padding-left: 25px;
    }
    .solution-lp-grp-list .solution-lp-txt05 {
        padding-bottom: 10px;
        margin-bottom: 25px;
    }
    .solution-lp-checklist .txt-large {
        font-size: 1rem;
    }
    .solution-lp-grp-list .grp-box h4 .sml {
        font-size: 1.2rem;
    }
    .solution-lp-grp-list .solution-lp-pickup {
        margin-bottom: 25px;
    }
    .solution-lp-step dd {
        font-size: 1.1rem;
        line-height: 1.4;
    }
    .solution-lp-page .font-16 {
        font-size: 0.95rem;
        line-height: 1.7;
    }
    .solution-lp-txt01 {
        font-size: 4vw;
    }
    .solution-lp-page p.txt {
        font-size: 0.95rem;
        line-height: 1.7;
    }
    .solution-lp-banner .hours {
        letter-spacing: -0.5px;
    }
}
@media(max-width: 576px) {
    .solution-lp-case .lbl {
        font-size: 1rem;
        margin-right: 13px;
        width: 85px;
    }
    .solution-lp-staff .images-l {
        max-width: 20vw;
    }
    .solution-lp-page h3 {
        font-size: 1.3rem;
    }
    .solution-lp-box03 .h301 .txt-large {
        font-size: 1.8rem;
    }
    .solution-lp-txt05.notes {
        font-size: 3.8vw;
        padding: 3.6vw 5vw;
    }
    .solution-lp-txt05.notes {
        width: 90%;
    }
    .solution-lp-page .solution-lp-grp-text h4 {
        font-size: 4.8vw;
    }
    .solution-lp-grp-text .txt-large {
        font-size: 6.1vw;
    }
    .solution-lp-box04 .solution-lp-txt03 {
        font-size: 4vw;
    }
    .solution-lp-list {
        padding: 0 5vw;
    }
    .solution-lp-list01 .solution-lp-txt04 {
        font-size: 4vw;
    }
    .solution-lp-list02 {
        flex-wrap: wrap;
    }
    .solution-lp-list02>li {
        width: 100%;
    }
    .solution-lp-list02>li:not(:last-child) {
        margin-bottom: 25px
    }
    .solution-lp-list02 .tit {
        font-size: 4vw;
        letter-spacing: 1px;
    }
    .solution-lp-page .tbl-address td, .solution-lp-page .tbl-address th {
        font-size: 0.9rem
    }
    .solution-lp-list02 .img {
        margin: 13vw auto 5px;
    }
    .solution-lp-banner>ul {
        min-width: 100%;
    }
    .solution-lp-pickup dt {
        font-size: 4.5vw;
    }
}
@media(max-width: 414px) {
    .solution-lp-page h4 {
        font-size: 1.2rem;
    }
    .solution-lp-banner .btn {
        width: 100%;
    }
    .solution-lp-banner {
        padding: 15px;
    }
    .solution-lp-btn01, .solution-lp-banner>ul .info {
        width: 100%;
    }
    .solution-lp-text-line {
        font-size: 2.4rem;
    }
    .solution-lp-text-line .sml {
        font-size: 1.9rem;
    }
    .solution-lp-banner .img-text {
        width: 60vw;
        right: 0vw;
        top: -13vw;
        height: 16vw;
    }
    .solution-lp-banner .img-text p {
        font-size: 5.5vw;
        top: 0.8vw;
    }
    .solution-lp-banner .img-text p .sml01 {
        font-size: 4.5vw;
    }
    .solution-lp-btn.style01 {
        font-size: 1.1rem;
    }
    .solution-lp-btn.style01:after {
        width: 13px;
    }
    .solution-lp-banner .img {
        margin: -10vw auto 16vw
    }
    .solution-lp-tel .number-phone.icon {
        letter-spacing: 0;
    }
    .solution-lp-tel .number-phone.icon:before {
        left: -10px;
    }
    .solution-lp-banner .solution-lp-tel .number-phone.icon
    {
        font-size: 2.2rem;
    }
    .solution-lp-call-contact .number-phone.icon
    {
        font-size: 1rem;
    }
}
@media(max-width: 360px) {
    .solution-lp-list {
        padding: 0;
    }
    .solution-lp-box06 {
        padding: 10vw 0;
    }
}
/*contact ------------------------*/
.solution-lp-page .lp-contact .efo_body th
{
    font-size: 1.125rem;
}
.solution-lp-page .lp-contact .rowspan .note
{
    color: #666666;
    font-size: 0.875rem;
}
.solution-lp-page .lp-contact .rowspan td p:first-child{
    margin-bottom: 15px;
}
.solution-lp-page .lp-contact .control-tit
{
    font-size: 1.125rem;
    color: #000;
    font-weight: 500;
}
.solution-lp-page .lp-contact input[type="text"],
.solution-lp-page .lp-contact input[type="email"],
.solution-lp-page .lp-contact input[type="type"]{
    width: 75%;
}
.solution-lp-page .lp-contact textarea{
    width: 92%;
}
.solution-lp-page .lp-contact input[type="submit"]{
    cursor: pointer;
}
.solution-lp-page .lp-contact .reposive-text-mb-flex
{
    font-size: 1rem;
    text-align: center;
}

.backslash {
    font-size: 1.55rem;
    vertical-align: middle;
}

@media (max-width: 768px){
    .solution-lp-page .lp-contact input[type="radio"]{
        width:  auto !important;
    }
    .solution-lp-page .lp-contact .efo_body th
    {
        padding-bottom: 0;
    }
    .solution-lp-page .lp-contact .efo_body td
    {
        padding-top: 0;
    }
    .solution-lp-page .lp-contact .rowspan .note {
        margin-bottom: 10px;
        font-size: .875rem;
    }
    .solution-lp-page .lp-contact .efo_body td input[type=text]
    {
        font-size: 100%;
    }
    .solution-lp-page .lp-contact .reposive-text-mb-flex
    {
        font-size: 0.8rem;
        text-align: center;
        display: inline-block;
        width: 100%;
    }
    .solution-lp-page .lp-contact .reposive-text-mb-flex br{
        display: none;
    }
    .solution-lp-page .lp-contact .reposive-text-mb-flex .break-line{
        display: block;
    }
}
/*
==========================================================================================
================================ End Solution LP =========================================
==========================================================================================
*/