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

Gメニュー

----------------------------------------------------------------------------*/
.head_logo {
    float: left;
    margin: 0 0 0 50px;
}
.head_logo img {
    width: 210px;
    height: auto;
}
@media(max-width:768px) {
    .head_logo img {
        width: 210px;
        height: auto;
    }
}
.headnav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 70px;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(255,255,255,0.6);
    z-index: 99;
}
.page .headnav{
    background: rgba(255,255,255,0.8);
    transition:.3s;
}
.head-bg{
    background: rgba(255,255,255,0.9)!important;
    box-shadow: 1px 1px 1px #00000014;
}
.menu__single a {
    position: relative;
    display: block;
}
.menu__single a span {
    position: absolute;
    top: -1.3rem;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 1.1rem;
}
.init-bottom {
    display: block;
    color: #333;
    font-size: 1rem;
    pointer-events: none;
}
/*currentクラス*/
.current {
    position: relative;
    display: block;
}
.menu {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}
.menu > li {
    float: left;
    list-style: none;
}
.navbar li {
    padding: 15px 1rem 15px;
    text-align: center;
}
.menu > li a:hover {
    color: #999;
    text-decoration: none !important;
}
ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    list-style: none;
    padding: 0;
}
ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}
ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}
.menu > li:hover {
    -webkit-transition: all .2s;
    transition: all .2s;
}
.menu__second-level li {
    background: #fffffff0;
    line-height: 0;
    width: 200px;
    padding:0;
}
.menu__second-level li a {
    padding: 1.2rem 0;
}
.menu__third-level li {
    background: #ffffff5e;
}
.menu__second-level li a:hover {
    background: #2643571a;
}
/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 .4rem 15px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
}
/* floatクリア */
.menu:before, .menu:after {
    content: " ";
    display: table;
}
.menu:after {
    clear: both;
}
.menu {
    *zoom: 1;
}
.menu > li.menu__single {
    position: relative;
}
.menu > li.menu__single a{
    color: #000;
    font-size: 14px;
}
.menu__single_btn a:hover{
    opacity: .8;
}
.menu__single_btn a img{
    width: 150px;
}
@media(max-width:1050px) {
    .head_logo {
        margin: 0 0 0 20px;
    }
    .menu > li.menu__single a {
        font-size: 12px;
    }
    .menu__single_btn a img {
        width: 120px;
    }
}
li.menu__single ul.menu__second-level {
    position: absolute;
    top: 3rem;
    left: -3rem;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    box-shadow: 1px 1px 2px #0000004a;
}
li.menu__single:hover ul.menu__second-level {
    top: 3rem;
    left: -3rem;
    visibility: visible;
    opacity: 1;
}
@media(max-width:1200px) {
    .menu__single a span {
        position: absolute;
        top: -1.3rem;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        font-weight: bold;
        font-size: .8rem;
    }
}
@media(max-width:945px) {
    .navbar {
        display: none;
    }
    #responsive-menu-wrapper{
        padding-top: 5rem!important;
    }
}
@media(max-width:380px) {
    .head_logo {
        float: left;
        margin: 0 0 0 1.5rem;
    }
}
@media(max-width:320px) {
    .head_logo {
        float: left;
        margin: 0 0 0 .5rem;
    }
}
/*--------------------------------------------------------------------------

Gメニューここまで

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




/**************  メインビジュアル  ******************/


.head_logo img {
    width: 280px;
    height: auto;
}
@media(max-width:1120px) {
    .head_logo img {
        width: 220px;
    }
}

body.home #main_visual {
    background:white!important;
    background-size:967px!important;
    background-repeat: no-repeat!important;
    background-position-x: right!important;
    height: 664px!important;
    width: 100%;
    display: flex;
    position: relative;
    z-index: -2;
}
body.home .main_visual-ig{
    background:url(./img/mainvisual.jpg)!important;
    background-size:967px!important;
    background-repeat: no-repeat!important;
    background-position-x: right!important;
    height: 664px!important;
    width: 100%;
    position: absolute;
}
@media(min-width: 1380px){
    body.home .main_visual-ig{
        background-size:69%!important;
    }
}
body.home #main_visual:before {
    content: '';
    background: url(./img/mainvisual-sy.jpg)!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position-x: left!important;
    height: 507px!important;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
body.home #main_visual:after {
    content: '';
    background: white!important;
    background-size: 1000px!important;
    background-repeat: no-repeat!important;
    background-position-x: left!important;
    height: 70px !important;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 11%;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

body.home #main_visual .main_visual_wp{
    width: 1280px;
    margin:0 auto;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
body.home #main_visual .main_visual_h2{
    position: relative;
    left: 150px;
    z-index: 1;
}
@media(min-width: 1380px){
    body.home #main_visual .main_visual_h2{
        left: 250px;
    }
}
@media(min-width: 1800px){
    body.home #main_visual .main_visual_h2{
        left: 0;
    }
}

body.home #main_visual .main_visual_h2 h2{
    color:white;
    text-shadow: 1px 1px 1px #47A6AC;
    font-size: 48px;
    text-align: left;
    line-height: 1.77;
    background:none;
    position: relative;
}
body.home #main_visual .main_visual_h2 h2:before{
    content:'';
    width: 140px;
    height: 3px;
    background:white;
    position: absolute;
    top:2.5rem;
    left:-150px;
}


/*セカンド*/
#main_visual-second{
    width: 100%;
    height: 292px;
    display: flex;
    justify-content: start;
    align-items: flex-end;
    background: url(./img/main_visual-second/main_visual-second.jpg)no-repeat;
    background-size: cover;
}
.page-id-39 #main_visual-second{
    background: url(./img/main_visual-second/main_visual-second3.jpg)no-repeat;
    background-size: cover;
}
.page-id-68 #main_visual-second{/*ホームページ制作*/
    background: url(./img/main_visual-second/main_visual-second2.jpg)no-repeat;
    background-size: cover;
}
.page-id-49 #main_visual-second{
    background: url(./img/main_visual-second/main_visual-second4.jpg)no-repeat;
    background-size: cover;
}
.page-id-200 #main_visual-second{
    background: url(./img/main_visual-second/main_visual-second5.jpg)no-repeat;
    background-size: cover;
}
.page-id-92 #main_visual-second{
    background: url(./img/main_visual-second/main_visual-second-sns.jpg)no-repeat;
    background-size: cover;
}
.page-id-61 #main_visual-second{
    background: url(./img/main_visual-second/main_visual-second-ppc.jpg)no-repeat;
    background-size: cover;
}
/**************  メインビジュアル  ここまで******************/







/**************  セカンドタイトル ******************/
#main_visual-second .post-title{
    position: relative;
}
#main_visual-second .post-title:before{
    content'';
    color:white;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    bottom: -1.2rem;
    left: 0;
}
.page-id-39 #main_visual-second .post-title:before{
    content:'Video production';
}
.page-id-68 #main_visual-second .post-title:before{
    content:'Web Design';
}
.page-id-49 #main_visual-second .post-title:before{
    content:'SEO Measurement';
}
.page-id-200 #main_visual-second .post-title:before{
    content:'MEO Measurement';
}
.page-id-92 #main_visual-second .post-title:before{
    content:'SNS Measurement';
}
.page-id-61 #main_visual-second .post-title:before{
    content:'Advertising operation';
}
.page-id-70 #main_visual-second .post-title:before{
    content:'Event';
}
.category-performance #main_visual-second .post-title:before{
    content:'Projects';
}
.category-column #main_visual-second .post-title:before{
    content:'Column';
}
.page-id-1176 #main_visual-second .post-title:before{
    content:'Company';
}
.page-id-553 #main_visual-second .post-title:before{
    content:'Membership Business';
}
.category-9 #main_visual-second .post-title:before{
    content:'MEO measures';
}
.category-8 #main_visual-second .post-title:before{
    content:'SNS operation';
}
.category-5 #main_visual-second .post-title:before{
    content:'Movie';
}
.category-4 #main_visual-second .post-title:before{
    content:'Home page';
}
.page-id-3857 #main_visual-second .post-title:before{
    content:'Recruit - Inside sales';
}
.single .post-title{
    margin-bottom: 0;
}
.single .post-header {
    padding: 0 5rem 0rem 1rem;
}
/**************  セカンドタイトル ここまで******************/







/**************  見出し ******************/

body.home .front-loop h2 {
    text-align: center;
    padding: 0;
    margin: 0;
    border-bottom: none;
    font-size: 32px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;  
    color:#000;
    line-height: 1;
}

.midashi_h2{
    position: relative;
    text-align: center;
    margin-bottom: 4rem;
}
.midashi_h2:before{
    content:'';
    position: absolute;
    bottom:1.2rem;
    right:0;
    width: 41%;
    height: 1px;
    background:#777777;
}
.midashi_h2 span{
    font-size: 29px;
}
.line-r{
    position: relative;
    text-align: center;
}
.line-r:before{
    content:'';
    position: absolute;
    bottom:1rem;
    right:0;
    width: 37%;
    height: 1px;
    background:#D8D8D8;
}
.line-r h2{
    background: none!important;
    color: #000!important;
    border: none!important;
    font-size: 32px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}
.line-r span{
    font-size: 22px;
    font-weight: normal;  
}
.line-r:after{
    content: '';
    position: absolute;
    bottom: 1rem;
    left: 100%;
    width: 100%;
    height: 1px;
    background: #D8D8D8;
}

.midashi_h3-r {
    width: 100%;
    float: right;
    margin-bottom: 5rem;
}
.page .midashi_h3-r {
    margin-bottom: 0rem;
}
.midashi_h3-r h3,.midashi_h3-l h3{
    background: #21516B;
    color: white;
    font-size: 26px!important;
    font-weight: bold!important;
    font-family: 'Noto Sans JP', sans-serif;
    padding: .75rem 0 .75rem 1rem;
    position: relative;
    line-height: 1.6!important;
}
.midashi_h3-r h3:before{
    content:'';
    background: #21516B;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:100%;
}

.midashi_h3-l h3:before{
    content:'';
    background: #21516B;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    right:100%;
}
.midashi_h3-l {
    width: 100%;
    float: left;
}
.midashi_h3-l h3{
    padding: .75rem 0rem .75rem 5rem;
}


.top_cont_h3_l, .top_cont_h3_r {
    position: relative;
    border-radius: unset;
    display: block;
    padding: 0 0 1rem 0;
    border-bottom: none;
    font-size: 26px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    margin-top: 1rem;
}
.top_cont_h3_l_wp {
    text-align: right;
}
.top_cont_h3_r_wp{
    text-align: left;
}
.top_cont_h3_l:before, .top_cont_h3_r:before {
    content:'';
    width: 107px;
    height: 1px;
    background:#777777;
}
.top_cont_h3_l:before{
    position: absolute;
    top:-1.5rem;
    right:0;
}
.top_cont_h3_r:before {
    position: absolute;
    top:-1.5rem;
    left:0;
}

.ln{
    border-left: 2px solid #2e7d87;
    padding-left: 1rem;
}

.row-flex{
    display: flex;
    align-items: center;
}
/**************  見出し  ここまで******************/




.sumaho {
    display: none;
}
@media(max-width:991px) {
    .pasokon {
        display: none;
    }
    .sumaho {
        display: block;
    }
}
.sp_ {
    display: none;
}
@media(max-width:768px) {
    .pc_ {
        display: none;
    }
    .sp_ {
        display: block;
    }
    .midashi_h3-l h3{
        padding: .75rem 0rem .75rem 1rem;
    }
}
.top_cont .col-md-6 img.top_cont_ma {
    width: 360px;
    height: auto;
    margin-bottom: -15px;
}
.top_cont .col-md-6 img.top_cont_st {
    width: 360px;
    height: auto;
    margin-bottom: -12px;
}
.top_cont .col-md-6 img.top_cont_sa {
    width: 360px;
    height: auto;
    margin-bottom: -15px;
}
.top_cont .col-md-6 img.top_cont_btn {
    width: 140px;
    height: auto;
}
.top_cont_h3_l, .top_cont_h3_r {
    border-radius: unset;
    display: inline-block !important;
}
.mb6 {
    margin-bottom: 6rem;
}
.mb10 {
    margin-bottom: 10rem;
}
.mb95{
    margin-bottom: 95px;
}
.companyprofile_table{
    margin: 25% auto;
}
.companyprofile_table,.companyprofile_table tr th,.companyprofile_table tr td{
    border:none!important;
}
.companyprofile_table tr th{
    background: none!important;
    color:#000!important;
    font-size: 16px;
    font-weight: bold;
    width: 35%;
}
.companyprofile_table tr td{
    background: none;
    color:#000;
    font-size: 16px;
    font-weight: normal;
}




/*-------------------------------------------
テンプレcss
---------------------------------------------*/
.wrap {
    width: 1280px;
    box-sizing: border-box;
    margin: 0 auto;
    *zoom: 1;
}
.wrap:before {
    display: inline-table;
}
.wrap:after {
    content: "";
    display: block;
    clear: both;
}
#main {
    width: 100%;
    float: left;
}
.main-inner {
    margin-right: 358px;
}
#side {
    width: 310px;
    float: left;
    margin-left: -310px;
}
.left-content #main {
    width: 100%;
    float: left;
}
.left-content .main-inner {
    margin-right: 358px;
    margin-left: 0;
}
.left-content #side {
    width: 310px;
    float: left;
    margin-left: -310px;
}
.right-content #main {
    width: 100%;
    float: left;
}
.right-content .main-inner {
    margin-left: 358px;
    margin-right: 0;
}
.right-content #side {
    width: 310px;
    float: left;
    margin-left: -100%;
}
.one-column #content .wrap {
    width: 1000px;
}
.one-column #content .wrap #main {
    width: 100%;
    float: none;
}
.one-column #content .wrap #main .main-inner {
    width: 100%;
    margin: 0;
}
.one-column #content .wrap #side {
    display: none;
}
/* ----------------------------------------
* レスポンシブ
* ~ / 1200px / 991px / 767px 
* desctop / laptop / tablet / phone
---------------------------------------- */
@media screen and (max-width: 1200px) {
/* laptop */
.wrap, .one-column #content .wrap {
    margin-left: 36px;
    margin-right: 36px;
    width: auto;
}
.main-inner {
    width: 100%;
    margin-right: 346px;
    box-sizing: border-box;
}
#main, #side {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
/* laptop end */
}
@media screen and (max-width: 991px) {
/* tablet */
.wrap, .one-column #content .wrap {
    margin-left: 24px;
    margin-right: 24px;
}
.left-content #main, .right-content #main {
    float: none;
}
.left-content .main-inner, .right-content .main-inner {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}
.left-content #side, .right-content #side {
    width: 100%;
    float: none;
    margin: 0;
}
#side {
    padding-top: 42px;
}
/* tablet end */
}
@media screen and (max-width: 767px) {
/* phone */
.wrap, .one-column #content .wrap {
    margin-left: 12px;
    margin-right: 12px;
}
/* phone end */
}
/* ----------------------------------------
* フォント設定
---------------------------------------- */
/* ----------------------------------------
* all
---------------------------------------- */
body {
    color: #241913;
}
a {
    text-decoration: none;
    color: #21516B;
}
a:hover {
    text-decoration: none!important;
}
/* form
---------------------------------------- */
form input[type="submit"], form button {
    background: #3B4552;
    color: #fff;
}
form input[type="submit"]:hover, form button:hover {
    cursor: pointer;
}
/* ----------------------------------------
* header
---------------------------------------- */
#header {
    background: #38699a;
    padding: 0;
    overflow: visible;
    position: fixed;
    width: 100%;
    z-index: 9999999;
    background: rgba(56, 105, 154, 0.6);
}
#header #logo {
    float: left;
    font-size: 24px;
    padding: 0 0 20px 0;
}
#header a {
    color: #fff;
}
/* ----------------------------------------
* breadcrumb
---------------------------------------- */
.breadcrumb-area {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.breadcrumb-area .wrap {
    width: 1000px;
    padding: 40px 0px 0px 15px;
}
@media(min-width: 1200px){
    .archive .breadcrumb-area .wrap,
    .single .breadcrumb-area .wrap{
        width: 1280px;
    }
}
.breadcrumb {
    margin: 0;
    margin-left: -10px;
    overflow: hidden;
    font-size: 13px;
    padding: 0;
    line-height: 22px;
}
.breadcrumb li {
    float: left;
    margin-left: 10px;
}
.breadcrumb li a {
    text-decoration: none;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}
/* ----------------------------------------
* gloval nav & primary nav
---------------------------------------- */
#gnav {
    background: #47B39D;
    margin: 0 0 0 auto;
    float: right;
    text-align: right;
}
#gnav .sub-menu {
    z-index: 10;
}
#gnav ul li {
    display: inline-block;
    position: relative;
}
#gnav ul li:hover a {
    background: #57bca8;
}
#gnav ul li.current-menu-item a {
    background: #57bca8;
}
#gnav ul li a {
    display: block;
    padding: 32px 12px;
    line-height: 28px;
    color: #fff;
    background: #47B39D;
    text-decoration: none;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
#gnav ul li a:hover {
    color: #fff;
    background: #57bca8;
}
#gnav ul li a:hover .sub-menu {
    display: block;
}
#gnav ul li .sub-menu {
    font-size: 14px;
    text-align: left;
    display: none;
    position: absolute;
    width: 200px;
    background: #fff;
    border: 1px #e5e5e5 solid;
}
#gnav ul li .sub-menu li {
    float: none;
    margin-left: 0;
    border-bottom: 1px #e5e5e5 solid;
    display: block;
}
#gnav ul li .sub-menu li:list-child {
    border-bottom: none;
}
#gnav ul li .sub-menu li a {
    color: #3B4552;
    background: #fff;
    padding: 10px 15px;
}
#gnav ul li .sub-menu li a:hover {
    background: #fafafa;
    color: #3B4552;
}
#gnav ul li .sub-menu .sub-menu {
    left: 100%;
    top: -1px;
}
#header-right {
    height: 92px;
    float: right;
}
#header-fnav-area, #header-gnav-area {
    float: right;
}
#header-fnav-area {
    width: 150px;
    position: relative;
}
#header-fnav-area #header-fnav-btn a {
    display: block;
    padding: 22px 12px;
    line-height: 24px;
    font-size: 23px;
    height: auto;
    text-align: center;
    background: #57bca8;
}
#header-fnav-area #header-fnav-btn a:hover {
    text-decoration: none;
}
#header-fnav-area #header-fnav {
    z-index: 10;
    font-size: 14px;
    text-align: left;
    display: none;
    position: absolute;
    right: 0;
    width: 200px;
    background: #fff;
    border: 1px #e5e5e5 solid;
}
#header-fnav-area #header-fnav li {
    float: none;
    margin-left: 0;
    border-bottom: 1px #e5e5e5 solid;
    display: block;
}
#header-fnav-area #header-fnav li:list-child {
    border-bottom: none !important;
}
#header-fnav-area #header-fnav li a {
    color: #3B4552;
    background: #fff;
    padding: 10px 15px;
    display: block;
}
#header-fnav-area #header-fnav li a:hover {
    background: #fafafa;
    color: #3B4552;
    text-decoration: none;
}
/* ----------------------------------------
* content
---------------------------------------- */
#content {
    padding: 45px 0 0 0; /* キャプション */
}
#content .wrap {
    overflow: visible;
}
#content .wp-caption {
    max-width: 100%;
    border: 1px solid #e5e5e5;
    text-align: center;
    padding: 5px;
    margin-bottom: 12px;
}
#content .wp-caption-text {
    padding: 12px 16px;
    margin-bottom: 0;
    text-align: center;
}
/* ----------------------------------------
* frontpage
---------------------------------------- */





/*clearfix*/
.clearfix-wp{
    clear: both;
}






/**************  コンテンツ ******************/
.content-wp{
    width: 775px;
    margin:0 auto;
}
body.home .front-loop{
    border-top: none;
    border-bottom: none;
    background: #fff;
/*overflow: hidden;*/
padding: 0;
margin-left: -2.2%;
margin-bottom: 40px;
}

/**************  コンテンツ ここまで******************/





/**************  画像  ******************/
.img-bg{
    position: relative;
}
.img-bg:before{
    content: '';
    position: absolute;
    bottom: -1.5rem;
    left: 1.5rem;
    background: url(./img/img-bg.jpg)no-repeat;
    background-size: 316px;
    width: 316px;
    height: 211px;
    z-index: 0;
}
.img-bg img{
    width: 316px;
    position: relative;
}
.float-raght{
    float: right;
}
/*セカンド*/
.img-bg-second{
    position: relative;
}
.img-bg-second:before{
    content: '';
    position: absolute;
    bottom: -1rem;
    left: 1rem;
    background: url(./img/img-bg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.img-bg-second img{
    width: 100%;
    position: relative;
}
/**************  画像  ここまで******************/









/*service*/
.service{
    background: url(./img/service-sy.png)no-repeat;
    background-size: 1280px;
    background-position-x: center;
    background-position-y: 10rem;
    width: 100%;
    height: 1410px;
    margin-bottom: 0!important;
}
.service p{
    font-size: 16px;
    margin: 0 auto;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}
.col-5_l{
    padding-left: 3rem!important;
}
.col-5_r{
    padding-right: 2rem!important;
}

/*seminar*/
.seminar p{
    font-size: 16px;
    margin: 0 auto;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}
#recent_post_content{
    margin-bottom: 9rem;
}
.seminar .midashi_h3-l{
    margin-bottom: 75px!important;
}
.seminar-midashi-sy{
    background:url(./img/seminar-midashi-sy.jpg)no-repeat;
    background-size:cover;
    background-position-x:right; 
    width: 75%;
    height: 426px;
    padding-top: 6rem;
    position: relative;
    z-index: 1;
    float: right;
    margin-bottom: -17rem;
}
.seminar-midashi-sy .midashi_h2:before{
    background: white;
}
.seminar-midashi-sy h2,.seminar-midashi-sy span{
    color:white!important;
}
.seminar-sy{
    background:#F3F3F3;
    width: 100%;
    padding: 2rem 0 5rem;
    clear: both;
}
.seminar-wp{
    width: 1000px;
    margin:0 auto;
    position: relative;
    z-index: 2;
}
.seminar-wp .front-loop-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 40px 0 30px!important;
}
.seminar-wp .front-loop-cont article{
    width: 306px!important;
    margin:0!important;
    padding: 0!important;
    position: relative;
}
.seminar-wp .front-loop-cont article:before{
    content:'';
    width: 1px;
    height: 100%;
    background: #D8D8D8;
    position: absolute;
    top:0;
    right:-1.3rem;
}
.seminar-wp .front-loop-cont article:nth-of-type(3n) :before{
    display: none;
}
.seminar-flex{
    width: 32%;
    margin-right: 3%;
    margin-bottom: 3rem;
    position: relative;
}
.seminar-flex:before {
    content: '';
    width: 1px;
    height: 100%;
    background: #D8D8D8;
    position: absolute;
    top: 0;
    right: -.4rem;
}
.seminar-flex:nth-of-type(3n) :before{
    display: none;
}
.seminar-flex:nth-of-type(3n){
    width: 30%;
    margin-right: 0;
}
.seminar-title dl dt{
    font-size: 14px;
    margin: .5rem auto;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}
.seminar-title dl dd{
    font-size: 12px;
    margin: 0;
}
.seminar-title dl dd span{
    font-size: 12px;
    margin: 0;
}
.seminar-img img{
    width: 300px;
    height: 254px;
    object-fit: contain;
}
.seminar-img > a:hover{
    opacity: .8;
}
/*もっと見るボタン*/
.lka-btn {
    text-align:center;
}
.lka-btn a{
    border:1px solid #000;
    padding: .85rem 4.65rem;
    font-size: 18px;
    color:#000!important;
    text-decoration: none;
}
.lka-btn a:hover{
    opacity: .7;
}



/*column*/
.column-midashi-sy{
    background:url(./img/seminar-midashi-sy.jpg)no-repeat;
    background-size: cover;
    background-position-x:left; 
    width: 75%;
    height: 380px;
    padding-top: 5rem;
    position: relative;
    z-index: 1;
    margin-bottom: -17rem;
}
.column-midashi-sy .midashi_h2:before {
    content: '';
    position: absolute;
    bottom: 1.35rem;
    left: 0;
    width: 41%;
    height: 1px;
    background: white;
}
.column-midashi-sy h2,.column-midashi-sy span{
    color:white!important;
}
.column-sy{
    background:#F3F3F3;
    width: 100%;
    padding: 2rem 0 0;
    margin-bottom: 5.5rem;
}
.column-wp{
    width: 1000px;
    margin:0 auto;
    position: relative;
    z-index: 2;
}
.column-wp .front-loop-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 100px 0 6rem!important;
}
.column-wp .front-loop-cont article{
    width: 306px!important;
    margin:0!important;
    padding: 0!important;
    position: relative;
}
.column-wp .front-loop-cont article:before{
    content:'';
    width: 1px;
    height: 100%;
    background: #D8D8D8;
    position: absolute;
    top:0;
    right:-1.3rem;
}
.column-wp .front-loop-cont article:nth-of-type(3n) :before{
    display: none;
}
.front-loop-cont article a:hover{
    opacity: .8;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}



/*導入実績・コラム*/
.post-loop-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 1000px;
    margin: 0 auto;
}
.post-loop-wrap article {
    margin: 0 3% 60px 0;
    width: 31%;
}
.post-loop-wrap article:nth-of-type(3n) {
    margin: 0 0 60px 0;
}
.archive .post-meta-area{
    display: none;
}
.cat-name{
    display: none;
}
.post-title a{
    font-size: 14px;
    color:#000;
}
.post-title a:hover{
    font-size: 14px;
    color:#000;
    opacity: .7;
}
.post-loop-wrap article p{
    font-size: 12px;
    position: relative;
}
.post-loop-wrap article p:before{
    content:'';
    width: 74px;
    height: 2px;
    background: #D8D8D8;
    position: absolute;
    bottom: -2rem;
    right: 0;
}
.post-loop-wrap article a img,
.post-loop-wrap .has-post-thumbnail img{
    width: 300px;
    height: 200px;
    object-fit: cover;
}
.post-loop-wrap .post-footer{
    display: none;
}
.has-post-thumbnail a,.has-post-thumbnail a:hover,
.post-thumbnail a{
    text-decoration: none;
}
.has-post-thumbnail a:hover,
.post-thumbnail a:hover img{
    opacity: .7;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}


/*お問い合わせ*/
.topContact .midashi_h2{
    margin-bottom: 6rem!important;
}
.topContact .time_table tr th {
    background: none!important;
    width: 28%;
    border-bottom: 1px solid #ccc;
    padding: 2rem 0 2rem;
}
.topContact .time_table tr:last-child th {
    border-bottom: none;
}
.topContact .time_table tr td {
    padding: 8px 13px 8px 30px;
}
.contactwrap{
    width: 775px;
    margin:0 auto;
}

.needed{
    background: #E03924;
    color: white;
    font-size: 12px;
    padding: .1rem .3rem;
    float: right;
    margin-right: 0;
}

form input[type="submit"], form button {
    background: url(./img/btn-square-so-pop.png)no-repeat;
    border-radius: .35rem;
    background-size: cover;
    width: 242px;
    height: 47px;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    padding: 0;
}
form input[type="submit"]:hover, form button:hover {
    opacity: .8;
}

.text-center{
    text-align: center;
}
.txtc{
    margin: 4rem auto 5rem;
}


/*お問い合わせ　固定ページ*/
.time_table tr th{
    background: #4aa2b4!important;
}
.time_table tr td{
/*border:none!important;*/
}
.time_table tr th{}

/*セカンドお問い合わせボタン*/
.fot-second_btn a:hover{
    opacity: .7;
}

.flex-wp{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 2rem;
    clear: both;
}
.page-id-68 .flex-wp{
    margin-bottom: 4rem;
}
.flex-wp div{
    width: 50%;
    margin: 0 auto;
}
.flex-wp div .img-bg{
    width: 316px;
    margin: 0 auto;
    object-fit: cover;
}
.flex-wp .top_cont_h3_l{
    text-align: right;
    display: block!important;
}


.vs-wp{
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #F0F0F0;
    padding:1rem;
    margin-bottom: 2rem;
    position: relative;
}
.vs-wp:before{
    content:'';
    background: url(./img/vs-line.jpg)no-repeat;
    background-size: cover;
    width: 20px;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
}
.vs-wp .vs_img {
    margin-right: 2rem;
    margin-left: 2rem;
    width: 30%;
}
.vs-wp .vs_img img{
    width: 250px;
}
.vs-wp .vs_text{
    width: 70%;
}
.vs-wp .vs_text h3 {
    margin: 0 auto 1rem;
    font-size: 22px!important;
}
.vs-wp .vs_text p {
    margin-bottom: 1rem!important;
    font-size: 14px!important;
}
.vs-wp .vs_btn{
    background: #47B39E;
    color: white;
    padding: .5rem 1.5rem;
    text-align: center;
    font-size: 14px;
}
.vs-wp .vs_btn:hover{
    text-decoration: none;
    opacity: .8;
}

.agbox{
    padding: 1.75em 1.7em 1.5em;
    border-top: solid 5px #47a3ae;
    border-bottom: solid 5px #47a3ae;
    background: #ffffff;
}
.agbox p:last-child{
    margin-bottom: 0;
}

.ewbox{
    border: 1px solid #47a3ae;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}
.ewbox h3{
    font-size: 18px!important;
    margin-top: 0;
}


/*トップページフッター*/
.top-contact-wp{
    background:url(./img/seminar-midashi-sy.jpg)no-repeat;
    background-size: cover;
    background-position-x:center; 
    width: 100%;
    height: 443px;
    display: flex;
    align-items: center;
    padding: 0 0 3rem;
}
.top-contact-flex{
    width: 1060px;
    position: relative;
}
.top-contact-flex:before{
    content:'';
    background:url(./img/top-contact-cl.png)no-repeat;
    background-size: contain;
    background-position-x:right; 
    width: 126px;
    height: 117px;
    position: absolute;
    bottom: -1rem;
    right: 6rem;
}
.top-contact-wp p{
    color: white;
    position: relative;
    left: 150px;
    padding-left: 1rem;
    font-size: 19px;
    line-height: 2.2;
}
.top-contact-wp p:before{
    content: '';
    width: 140px;
    height: 3px;
    background: white;
    position: absolute;
    top: 1.3rem;
    left: -150px;
}
.fot-contact-btn{
    position: relative;
    top: 1.5rem;
    left:160px;
}
.fot-contact-btn a:hover{
    opacity: .8;
}
.fot-contact-btn a img{
    width: 313px;
}



/*セカンドフッター*/
#projects-sy{
    background: url(./img/projects-sy.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding-top: 4rem;
}
.projects-sy-wp{
    background:#21516B;
    width: 96%;
    padding: 4rem 0;
}
.projects-midashi-sy .midashi_h2 h2{
    color:white;
    font-size:26px;
    font-weight: bold;
}
.projects-midashi-sy .midashi_h2 span{
    color:white;
    font-size:22px;
    font-weight: normal;
}
.projects-midashi-sy .midashi_h2:before{
    content: '';
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 44%;
    height: 1px;
    background: #D8D8D8;
}
.projects-sy-wp .post-loop-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 1000px;
    margin: 0 auto 2rem;
    padding: 0 1rem;
}
.projects-sy-wp .post-loop-wrap .post-thumbnail img {
    width: 300px;
    height: 200px;
    object-fit: contain;
}
.projects-sy-wp .post-loop-wrap article {
    margin: 0 3% 60px 0;
    width: 31%;
}
.projects-sy-wp .post-loop-wrap article:nth-of-type(3n) {
    margin: 0 0 60px 0;
}
.projects-sy-wp .post-loop-wrap article h3 {
    font-size:14px;
    margin-top: 1rem!important;
}
.projects-sy-wp .post-loop-wrap article h3 + p {
    font-size:13px;
}
.projects-abtn{
    text-align:center;
    padding: 1rem 0;
}
.projects-abtn a{
    color:white;
    font-size: 18px;
    font-weight: normal;
    border:1px solid white;
    padding: .8rem 2rem;
    text-decoration: none;
}
.projects-abtn a:hover{
    color:white;
    font-size: 18px;
    font-weight: normal;
    border:1px solid white;
    padding: .8rem 2rem;
    text-decoration: none;
    opacity: .7;
}


/*メールお問い合わせ*/
.fotmail{
    text-align: center;
    margin: 6rem auto 6rem;
}
.mailtext{
    margin-bottom: 2rem;
}
.mailtext img{
    width:357px;
}
.fot-second_btn img{
    width: 313px;
}







/*ページトップボタン*/
.pagetop{
    z-index: 999;
}
.pagetop:hover{
    text-decoration: none;
    opacity: .8;
}
.pagetop span {
    display: block;
    border-radius: 25px;
    background: #47A3AE;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 15px;
    font-size: 36px;
    opacity: 1;
}
.pagetop span p{
    font-size: 14px;
    margin-bottom: 0;
}



/*フッターメニュー*/
#menu-footer_menu{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    text-align: center;
}
#menu-footer_menu .sub-menu{
    display: block!important;
    text-align: center;
    position: relative;
    top: .5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#menu-footer_menu li{

}
#menu-footer_menu li > a{
    color:#000;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}
#menu-footer_menu li ul li a{
    font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300!important;
}

.menu-item-has-children > a{
    pointer-events: none;
}
.menu-item-has-children > a.responsive-menu-item-link{
    pointer-events: auto;
}
/*フッターロゴ*/
.footer-logo img{
    width: 400px;
}

.menu-footer_menu-container{
    padding: 0 1rem;
}

/*コピーライト*/
.footer-01 .wrap{
    padding: 30px 0 0 0!important;
    width: 1000px;
    margin: 0 auto;
}
.footer-02 .wrap{
    width: 1000px!important;
    padding: 0 0 30px 0!important;
}
.footer-copy{
    color:#000;
}


.fa.fa-angle-up{
    font-size: 18px;
}



/************************************ new sp *******************************************/


@media(max-width: 992px){
    .service{
        background: none;
    }
    .seminar-wp {
        width: 100%;
        padding: 0 1rem;
    }
    .column-wp {
        width: 100%;
        padding:0 1rem;
    }
    .col-5_r {
        padding-right: 0!important;
    }
    .footer-01 .wrap {
        width: 100%;
        padding: 0px 0 0 0!important;
    }
    .seminar-flex:before,.column-wp .front-loop-cont article:before{
        display: none;
    }
    .midashi_h2:before,.column-midashi-sy .midashi_h2:before {
        width: 35%;
    }
}



@media(max-width: 768px){
    body{
        overflow-x: hidden;
    }
    body.home .main_visual-ig,body.home #main_visual:before{
        display: none;
    }
    body.home #main_visual{
        height: 60vw!important;
        background:url(./img/sp/mainvisual-sp.png)!important;
        background-size:cover!important;
        margin-top: 70px;
    }
    body.home #main_visual .main_visual_wp{
        width: 100%;
    }
    body.home .main_visual-ig {
        height: 100%!important;
    }
    body.home #main_visual .main_visual_h2 {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    body.home #main_visual .main_visual_h2 h2{
        font-size: 30px;
    }
    body.home #main_visual:after{
        display: none;
    }
    .content-wp{
        width: 100%;
    }
    .service{
        height: auto;
    }
    .service .midashi_h3-r h3{
        margin: 0em 0 1em;
    }
    .midashi_h3-r {
        float: none;
        margin-bottom: 3rem;
    }
    .top_cont_h3_l_wp,.top_cont_h3_r_wp {
        text-align: center;
    }
    .top_cont_h3_l:before,.top_cont_h3_r:before {
        position: absolute;
        top: -1.5rem;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .float-raght {
        float: none;
    }
    .img-bg {
        text-align: center;
        margin: 1.5rem auto 0;
        width: 316px;
    }

    .seminar-midashi-sy {
        width: 80%;
        height: auto;
        padding-top: 2rem;
        margin-bottom: 0;
    }
    .seminar-midashi-sy .midashi_h2,.column-midashi-sy .midashi_h2{
        margin-bottom: 2rem;
    }
    .seminar-midashi-sy .midashi_h2 h2,.column-midashi-sy .midashi_h2 h2{
        font-size: 26px;
    }
    .seminar-midashi-sy .midashi_h2 span,.column-midashi-sy .midashi_h2 span{
        font-size: 20px;
    }
    .midashi_h2:before,.column-midashi-sy .midashi_h2:before {
        width: 30%;
    }
    .seminar-wp {
        width: 100%;
        padding: 0 1rem;
    }
    .seminar-sy{
        padding: 1rem 0 5rem;
    }
    .seminar-wp .front-loop-cont {
        display: block;
    }
    .seminar-flex {
        width: 100%;
        margin-right: 0;
    }
    .seminar-img img {
        width: 100%;
        height: auto;
    }
    .seminar-flex:nth-of-type(3n) {
        width: 100%;
    }
    .column-midashi-sy {
        width: 80%;
        height: auto;
        padding-top: 2rem;
        padding-bottom: .5rem;
        margin-bottom: 0;
    }
    .column-wp {
        width: 100%;
        padding: 0 1rem;
    }
    .column-wp .front-loop-cont {
        display: block;
    }
    .column-wp .front-loop-cont article {
        width: 100%!important;
        margin: 0 0 2rem!important;
    }

/*お問い合わせ TOP*/
.contactwrap {
    width: 100%;
    padding: 0 1rem;
}
.topContact .time_table tr th {
    width: 100%;
    padding: 2rem 0 1rem;
}
.topContact .time_table tr td {
    padding: 8px 0px 8px 0px;
}

/*フッター TOP*/
.top-contact-wp{
    height: auto;
}
.top-contact-flex {
    width: 100%;
}
.top-contact-wp p {
    left: 0;
    padding-top: 2.5rem;
    font-size: 16px;
}
.top-contact-wp p:before {
    left: 0;
}
.fot-contact-btn {
    position: relative;
    top:0;
    left: 0;
    text-align: center;
    z-index: 1;
}
.top-contact-flex:before {
    width: 135px;
    height: 125px;
    bottom: -1rem;
    right: 1rem;
    z-index: 0;
}
.footer-02 .wrap{
    width: 100%!important;
    padding: 0 0 10px 0!important;
}
/*セカンド*/

#main_visual-second .post-header {
    padding: 0 15px 1rem;
}
#main_visual-second {
    height: 292px;
    justify-content: center;
}
.post-content h2{
    font-size: 21px!important;
}
.post-content h3 {
    font-size: 20px!important;
}
.flex-wp {
    display: block;
}
.flex-wp div {
    width: 100%;
}
.flex-wp .top_cont_h3_l, .top_cont_h3_r {
    text-align: center;
    margin-top: 5rem;
}
.midashi_h3-l {
    float: none;
}
.ewbox h3 {
    font-size: 18px!important;
}
.ewbox .col-sm-8{
    margin-bottom: 1rem;
}
.vs-wp {
    display: block;
}
.vs-wp .vs_text h3 {
    font-size: 20px!important;
    text-align: center;
}
.vs-wp .vs_img {
    margin-left: 1rem;
    width: 100%;
    text-align: center;
}
.vs-wp .vs_text {
    width: 100%;
    margin-left: 1rem;
    margin-right: 0;
    padding: 0 1rem;
}
.vs-wp .vs_btn {
    display: block;
}
.box1 .box-title{
    margin-bottom: 0!important;
}
.row-flex {
    display: block; 
}
.category-performance .post-loop-wrap,
.category-column .post-loop-wrap {
    display: block;
    max-width: 100%;
}
.category-performance .post-loop-wrap article,
.category-column .post-loop-wrap article{
    width: 100%;
}
.category-performance .post-loop-wrap .post-thumbnail img,
.category-column .post-loop-wrap .post-thumbnail img {
    height: auto;
}
.companyprofile_table{
    margin-bottom: 1rem!important;
}
/*フッター　セカンド*/
.projects-sy-wp .post-loop-wrap {
    display: block;
    padding: 0 1rem;
}
.projects-sy-wp .post-loop-wrap article,.projects-sy-wp {
    width: 100%;
}
#projects-sy {
    background: url(./img/projects-sy.jpg)no-repeat;
    background-size: contain;
}
.projects-sy-wp .post-loop-wrap .post-thumbnail img {
    height: auto;
    width: 100%;
}
#projects-sy {
    height: auto;
}
.fotmail {
    margin: 4rem auto 4rem;
}
#footer .footer-logo{
    text-align: center;
}
#main_visual-second {
    height: 35vw!important;
}
#main_visual-second .post-header{
    left:0;
    margin-left: 1rem;
}
#main_visual-second{
    width: 100%;
    height: 292px;
    display: flex;
    justify-content: start;
    align-items: flex-end;
    background: url(./img/sp/main_visual-second.jpg)no-repeat;
    background-size: cover;
    margin-top: 70px;
}
.page-id-39 #main_visual-second{
    background: url(./img/sp/main_visual-second3.jpg)no-repeat;
    background-size: cover;
}
.page-id-68 #main_visual-second{/*ホームページ制作*/
    background: url(./img/sp/main_visual-second2.jpg)no-repeat;
    background-size: cover;
}
.page-id-49 #main_visual-second{
    background: url(./img/sp/main_visual-second4.jpg)no-repeat;
    background-size: cover;
}
.page-id-200 #main_visual-second{
    background: url(./img/sp/main_visual-second5.jpg)no-repeat;
    background-size: cover;
}
.page-id-92 #main_visual-second{
    background: url(./img/sp/main_visual-second-sns.jpg)no-repeat;
    background-size: cover;
}
.page-id-61 #main_visual-second{
    background: url(./img/sp/main_visual-second-ppc.jpg)no-repeat;
    background-size: cover;
}
/**************  メインビジュアル  ここまで******************/
}






@media(max-width: 640px){
    body.home #main_visual .main_visual_h2 h2 {
        font-size: 24px;
    }
    body.home #main_visual .main_visual_h2 h2:before {
        content: '';
        width: 140px;
        height: 2px;
        background: white;
        position: absolute;
        top: 1.5rem;
        left: -150px;
    }
    body.page .post-title,body.category .post-title{
        font-size: 26px;
    }
    body.home .front-loop h2{
        font-size: 26px;
    }
    .single .post-title {
        font-size: 16px;
    }
    .single #main_visual-second .post-header {
        padding: 0 15px 0rem;
        margin-left: 1rem;
    }
    .midashi_h2 span {
        font-size: 22px;
    }
    .midashi_h3-r h3, .midashi_h3-l h3{
        font-size: 22px!important;
    }
    .top_cont_h3_l, .top_cont_h3_r{
        padding: 0;
        font-size: 20px;
        margin-top: 5rem;
    }
    .service .midashi_h3-r h3 {
        margin: 0;
    }
    .service .content-wp .midashi_h3-r{
        margin-bottom: 0;
    }
    .seminar .midashi_h3-l {
        margin-bottom: 0!important;
    }
    .seminar .top_cont_h3_l {
        margin-top: 3rem; 
    }
    .seminar-midashi-sy,.column-midashi-sy {
        padding-top: 1rem;
    }
    .seminar-midashi-sy .midashi_h2, .column-midashi-sy .midashi_h2 {
        margin-bottom: .5rem;
    }
    .seminar-midashi-sy .midashi_h2 h2{
        font-size: 22px!important;
    }
    #recent_post_content {
        margin-bottom: 5rem;
    }
    .column-wp .front-loop-cont {
        padding: 40px 0 2rem!important;
    }
    .topContact .midashi_h2 {
        margin-bottom: 2rem!important;
    }
    form input[type="submit"], form button{
        width: 100%;
    }
    .mb95 {
        margin-bottom: 0;
    }
    #projects-sy{
        padding-top: 0;
    }
    .projects-midashi-sy .midashi_h2:before {
        content: '';
        bottom: 1.2rem;
        width: 30%;
    }
    #menu-footer_menu {
        display: block;
        text-align: left;
    }
    #menu-footer_menu li {
        float: none;
        display: block;
        margin-bottom: 1rem;
    }
    #menu-footer_menu .sub-menu {
        text-align: left;
    }
    #menu-footer_menu .sub-menu li {
        display: inline-block;
        margin-right: 1rem;
    }
    .footer-02 .wrap{
        margin: 0 auto!important;
    }
    .footer-02 .footer-copy {
        font-size: 12px!important;
    }
    #footer-brand-area {
        padding-bottom: 0!important;
    }
    #menu-footer_menu li#menu-item-540 a,
    #menu-footer_menu li#menu-item-551 a,
    #menu-footer_menu li#menu-item-545 a,
    #menu-footer_menu li#menu-item-552 a,
    #menu-footer_menu li#menu-item-548 a{
        font-weight: 500;
    }
}
/************************************ new sp ここまで*******************************************/






/*投稿用　見出し*/
.single-post #main h3{
    padding: 1rem 2rem;
    border-left: 5px solid #21526b;
    background: #f4f4f4;
}
.single-post #main h4{
    font-size: 24px;
    font-weight: normal;
    margin: 30px 0 16px;
    padding: 0 0 0 8px;
    border-left: 5px solid #21526b;
    clear: both;
}
.single-post #main h5{
    position: relative;
    padding: 1rem .5rem;
    font-size: 24px;
    clear: both;
    font-weight: normal;
    line-height: 1.4;
}
.single-post #main h5:before,
.single-post #main h5:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    content: '';
    background-image: -webkit-gradient(linear, right top, left top, from(#30cfd0), to(#330867));
    background-image: -webkit-linear-gradient(right, #30cfd0 0%, #21526b 100%);
    background-image: linear-gradient(to left, #30cfd0 0%, #21526b 100%);
}
.single-post #main h5:before {
    top: 0;
}
.single-post #main h5:after {
    bottom: 0;
}
.single-post #main h6{
    font-size: 24px;
    clear: both;
    font-weight: normal;
    line-height: 1.4;
    padding: 1rem 2rem;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#21526b), to(#5edec3));
    background-image: -webkit-linear-gradient(left, #21526b 0%, #5edec3 100%);
    background-image: linear-gradient(to right, #21526b 0%, #5edec3 100%);
}
@media(max-width: 767px){
    .single-post #main h2 span,
    .single-post #main h3 span,
    .single-post #main h4 span,
    .single-post #main h5 span,
    .single-post #main h6 span{
        font-size: 16px;
    }
}
/*//投稿用 見出し*/















body.home #content {
    padding-bottom: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home #main {
    width: 100%;
    margin: 0;
    float: none;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home .main-inner {
    margin: 0;
}
body.home .wrap {
    width: 1200px;
    margin: 0 auto;
}

body.home .front-loop .popular_post_box {
    width: 17.64%;
    margin-left: 2.2%;
    float: left;
    display: inline-block;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: relative;
}
body.home .front-loop .popular_post_box img, body.home .front-loop .popular_post_box h3, body.home .front-loop .popular_post_box .p_category, body.home .front-loop .popular_post_box ul {
    margin-bottom: 12px;
    margin-top: 0;
}
body.home .front-loop .popular_post_box h3 {
    color: #241913;
    font-weight: normal;
    font-size: 16px;
}
body.home .front-loop .popular_post_box h3 a {
    color: #241913;
}
body.home .front-loop .popular_post_box h3 a:hover {
    color: #FF6C00;
    text-decoration: underline;
}
body.home .front-loop .popular_post_box img {
    width: 300px;
    max-width: 100%;
    height: 200px;
    object-fit: cover;
}
body.home .front-loop .popular_post_box ul {
    overflow: hidden;
}
body.home .front-loop .popular_post_box ul li {
    float: left;
    width: 25%;
    text-align: left;
}
body.home .front-loop .popular_post_box ul li .fa {
    margin-right: 8px;
}
body.home .front-loop .popular_post_box ul li .share {
    display: none;
}
body.home .front-loop .popular_post_box ul a {
    color: #241913;
}
body.home .front-loop .popular_post_box ul a:hover {
    color: #FF6C00;
    text-decoration: underline;
}
body.home .front-loop .popular_post_box .p_category,.p_category {
    background: #051f40;
    color: #fff;
    display: inline-block;
    padding: 8px 24px;
    font-size: 12px;
    color: #fff;
}
body.home .front-loop .popular_post_box .p_rank {
    position: absolute;
    top: 0;
    left: 0;
    background: #900;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    opacity: .7;
}
body.home .front-loop .popular_post_box .p_rank span {
    font-size: 16px;
}
body.home .front-loop .popular_post_box .p_date {
    position: absolute;
    top: 0;
    left: 0;
    background: #051f40;
    width: 48px;
    height: 48px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    opacity: .7;
}
body.home .front-loop .popular_post_box .p_date span {
    display: block;
    line-height: 18px;
}
body.home .front-loop .popular_post_box .p_date .date-y {
    font-size: 12px;
    padding-top: 6px;
}
body.home .front-loop .popular_post_box .p_date .date-mj {
    font-size: 14px;
    padding-bottom: 6px;
}
body.home .front-loop .front-loop-cont {
    padding: 40px 0;
    overflow: hidden;
}
body.home .front-loop article.post {
    border: none;
    margin-bottom: 20px;
}
body.home .front-loop article.post.rank-1 .p_rank {
    background: #D6B038;
}
body.home .front-loop article.post.rank-2 .p_rank {
    background: #BFC4C9;
}
body.home .front-loop article.post.rank-3 .p_rank {
    background: #B9704E;
}
body.home .front-loop article.post.rank-4 .p_rank, body.home .front-loop article.post.rank-5 .p_rank {
    background: #47442F;
}
body.home .front-main-cont .front-cont-header {
    position: relative;
    padding: 16px 0 24px;
    background: #3B4552;
    color: #fff;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home .front-main-cont .front-cont-header .cont-icon {
    font-size: 28px;
}
body.home .front-main-cont .front-cont-header .cont-title {
    font-size: 28px;
    margin: 0;
}
body.home .front-main-cont .front-cont-header .cont-ruby {
    font-size: 13px;
    margin: 0;
}
body.home .front-main-cont .tri-border {
    position: absolute;
    bottom: -18px;
    width: 100%;
    z-index: 20;
}
body.home .front-main-cont .tri-border span {
    display: block;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 28px solid transparent;
    border-left: 56px solid transparent;
    border-right: 56px solid transparent;
    border-top: 18px solid #3B4552;
}
body.home #front-contents .c_box {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}
body.home #front-contents .c_box_inner {
    width: 54%;
    padding-bottom: 32px;
}
body.home #front-contents .c_img_box {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
body.home #front-contents .c_box.c_box_left {
    background-color: #fff;
}
body.home #front-contents .c_box.c_box_left .c_box_inner {
    float: left;
    z-index: 10;
}
body.home #front-contents .c_box.c_box_left .c_img_box {
    right: 0;
    background-position: center top;
}
body.home #front-contents .c_box.c_box_right {
    background-color: #fafafa;
}
body.home #front-contents .c_box.c_box_right .c_box_inner {
    float: right;
}
body.home #front-contents .c_box.c_box_right .c_img_box {
    left: 0;
    background-position: center top;
}
body.home #front-contents .c_number {
    background: #47B39D;
    color: #fff;
    display: inline-block;
    padding: 40px 12px 8px;
    margin-bottom: 32px;
    margin-top: 0;
}
body.home #front-contents h3 {
    color: #47B39D;
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 1.4;
}
body.home #front-contents .c_english {
    color: #47B39D;
    font-size: 13px;
    margin-bottom: 32px;
    margin-top: 0;
}
body.home #front-contents h4 {
    font-size: 24px;
    margin-bottom: 28px;
    margin-top: 0;
    font-weight: normal;
}
body.home #front-contents .c_text p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 48px;
}
body.home #front-contents .c_text .c_btn a {
    border-radius: 5px;
    background: #FF6C00;
    color: #fff;
    font-size: 14px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    opacity: 1;
    display: block;
    width: 30%;
    padding: 12px;
    text-align: center;
}
body.home #front-contents .c_text .c_btn a:hover {
    opacity: 0.8;
    text-decoration: none;
}
body.home #front-service {
    background: url(./lib/images/border_e5.png) repeat-y top center #fff;
    padding-bottom: 56px;
    border-bottom: 1px solid #e5e5e5;
}
body.home #front-service .front-service-inner {
    margin-left: -10%;
    overflow: hidden;
}
body.home #front-service .front-service-inner .c_box {
    width: 40%;
    padding-top: 96px;
    margin-left: 10%;
    margin-bottom: 20px;
    float: left;
}
body.home #front-service .front-service-inner .c_title {
    text-align: center;
}
body.home #front-service .front-service-inner h3 {
    color: #47B39D;
    font-size: 40px;
    margin-bottom: 8px;
}
body.home #front-service .front-service-inner .c_english {
    color: #47B39D;
    font-size: 13px;
    margin-bottom: 32px;
}
body.home #front-service .front-service-inner h4 {
    font-size: 24px;
    margin-bottom: 28px;
    text-align: center;
}
body.home #front-service .front-service-inner .c_text p {
    margin-bottom: 28px;
}
body.home #front-service .front-service-inner .c_text .c_btn a {
    border-radius: 5px;
    background: #47B39D;
    color: #fff;
    margin: 0 auto;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    opacity: 1;
    display: block;
    width: 50%;
    padding: 16px 20px;
    text-align: center;
}
body.home #front-service .front-service-inner .c_text .c_btn a:hover {
    opacity: 0.8;
    text-decoration: none;
}
body.home #front-company {
    background: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home #front-company .c_box {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    min-height: 450px;
}
body.home #front-company .c_box_inner {
    width: 684px;
    padding: 96px 0;
}
body.home #front-company .c_img_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    z-index: 0;
}
body.home #front-company .c_img_box iframe {
    width: 100% !important;
    height: 100% !important;
}
body.home #front-company .no-company-map .c_img_box {
    display: none;
}
body.home #front-company .no-company-map .c_box_inner {
    margin-left: auto;
    margin-right: auto;
}
body.home #front-company dl {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
}
body.home #front-company dl dt span, body.home #front-company dl dd span {
    padding: 20px 32px;
    display: block;
}
body.home #front-company dl dt {
    float: left;
    width: 20%;
    margin: 0;
}
body.home #front-company dl dd {
    float: left;
    width: 80%;
    margin: 0;
}
body.home #front-company dl#front-company-1 dt {
    border-top: 2px solid #47B39D;
}
body.home #front-company dl#front-company-1 dt span {
    padding-top: 19px;
}
body.home #front-company dl#front-company-1 dd {
    border-top: 1px solid #e5e5e5;
}
body.home #front-contact {
    background: #47B39D;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home #front-contact .c_box_inner {
    padding: 60px 0;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
body.home #front-contact .c_box_inner input[type=text], body.home #front-contact .c_box_inner input[type=tel], body.home #front-contact .c_box_inner input[type=email], body.home #front-contact .c_box_inner input[type=url], body.home #front-contact .c_box_inner textarea {
    width: 95%;
}
body.home #front-contact .c_box_inner input[type=submit], body.home #front-contact .c_box_inner button {
    width: 30%;
    display: block;
    background: #131D2A;
    border-radius: 3px;
    margin: 0 auto;
}
body.home #front-contact .c_box_inner p {
    margin-bottom: 1.4em;
    color: #fff;
}

.mp-t{
    margin-top: -100px;
    padding-top: 100px;
}

/* ----------------------------------------
* main
---------------------------------------- */
.cat-content, article.post, article.page {
    margin-bottom: 60px;
}
.post-header {
    padding: 0 0 1.4rem 1rem;
    position: relative;
    left: 5rem;
    bottom: 2rem;
    border-left: 1px solid white;
    width: 99%;
}
@media(max-width: 1200px){
    .post-header {
        left: 1rem;
    }
}
.post-header .cat-name {
    margin-bottom: 20px;
}
.post-header .cat-name span {
    border: 1px solid #47B39D;
    color: #47B39D;
    display: inline-block;
    padding: 4px 16px;
    font-size: 13px;
}
.post-title {
    font-size: 30px;
    color: white;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 36px;
}

.archive .post-title,
.category .post-title{
    margin-bottom:0;
}

.category-performance #main_visual-second .post-title,
.category-column #main_visual-second .post-title{
    margin-bottom: 0;
}
body.page .post-title {
    margin-bottom: 0;
}
.post-title a {
    color: #241913;
}
.post-title a:hover {
    color: #FF6C00;
}
.post-content h2.post-title {
    font-weight: normal;
}
.post-title a {
    color: #3B4552;
    line-height: 1.2;
}
.post-title a:hover {
    color: #FF6C00;
    text-decoration: none;
}
.cat-content .post-header, article.page .post-header {
    display: none;
}
.post-meta-area {
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    margin-bottom: 20px;
}
.post-meta-area ul {
    margin: 0;
}
.post-meta-area .post-meta {
    width: 50%;
    float: left;
}
.post-meta-area .post-meta .date {
    padding: 12px 40px;
}
.post-meta-area .post-meta .date .datetime {
    font-size: 1.1em;
}
.post-meta-area .post-meta-comment {
    text-align: center;
    width: auto;
    float: right;
}
.post-meta-area .post-meta-comment li {
    padding: 12px 24px;
    display: inline-block;
    border-left: 1px solid #e5e5e5;
}
.post-thumbnail img {
    width: 100%;
    height: auto;
}
.single .post-thumbnail img {
    margin-bottom: 1rem;
}
.post-content hr {
    border-bottom: 1px solid #eee;
    margin: 20px 0;
    clear: both;
}
.post-content p, .post-content ul, .post-content ol, .post-content dl, .post-content blockquote, .post-content pre, .post-content table {
    margin-bottom: 2em;
}
.post-content ul {
    list-style: disc;
}
.post-content ol {
    list-style: decimal;
}
.post-content ul, .post-content ol {
    margin-left: 30px;
}
.post-content ul > ul, .post-content ul > ol, .post-content ol > ol, .post-content ol > ul {
    margin-bottom: 0px;
}
.post-content dl dt {
    font-weight: bold;
}
.post-content dl dd {
    margin-left: 30px;
}
.post-content pre {
    padding: 20px;
    overflow: scroll;
    font-family: 'Courier', monospace;
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
    font-weight: bold;
}
.post-content h1 {
    margin: 32px 0;
    font-size: 36px;
    clear: both;
    font-weight: normal;
}
.post-content h2 {
    margin: 80px 0 32px 0px;
    padding: 10px 16px 10px 16px;
    font-size: 24px;
    clear: both;
    font-weight: normal;
    border-left: 10px solid #183a4c;
    background: #21516B;
    color: #fff;
}
.kiji{
    margin: 80px 0 32px 0px!important;
    padding: 6px 16px 6px 16px!important;
    font-size: 28px!important;
    clear: both!important;
    font-weight: normal!important;
    border-left: 10px solid #a39465!important;
    background: #f9f9f9!important;
    color: #000!important;
    border-bottom: 1px solid #a39465!important;
}
.post-content h3 {
    font-size: 24px;
    clear: both;
    font-weight: normal;
    line-height: 1.4;
}
.post-content h4 {
    font-size: 20px;
    font-weight: normal;
    margin: 30px 0 16px;
    padding: 0 0 0 8px;
    border-left: 5px solid #131D2A;
    clear: both;
}
.post-content h5 {
    font-size: 16px;
    margin: 30px 0 16px;
    clear: both;
}
.post-content h6 {
    font-size: 16px;
    margin: 30px 0 16px;
    clear: both;
}
.post-content blockquote {
    clear: both;
    margin: 0 0 28px;
    padding: 30px 20px 35px 55px;
    position: relative;
    border: 1px #e5e5e5 solid;
    background: #fafafa;
}
.post-content blockquote:before {
    content: '';
    font-family: 'FontAwesome';
    font-size: 36px;
    color: #e7e7e7;
    position: absolute;
    top: 20px;
    left: 10px;
}
.post-content blockquote cite {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 12px;
    color: #808080;
}
.post-content table {
    border: 1px #ddd solid;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.post-content table th, .post-content table td {
    padding: 8px 10px;
    border: #ddd solid 1px;
}
.post-content table th {
    color: #fff;
}
.post-content table thead th {
    background: #5e6265;
}
.post-content table tbody th {
    background: #919598;
}
.post-content table.table-line table, .post-content table.table-line th, .post-content table.table-line td {
    border-color: #fff;
}
.post-content table.table-line th {
    background: transparent;
    color: #241913;
    font-weight: bold;
}
.post-content table.table-line thead th {
    background: #5e6265;
    color: #fff;
}
.post-content table.table-line tr {
    background: #eee;
}
.post-content table.table-line tr:nth-child(2n+1) {
    background: #ddd;
}
.post-content img.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.post-content img.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.post-content h2:first-child {
    margin-top: 0;
}
.post-cta {
    background: #131D2A;
    color: #fff;
}
.post-cta .post-cta-inner {
    padding: 30px 45px;
}
.post-cta .cta-post-title {
    padding: 30px 45px;
    font-size: 36px;
    margin-bottom: 14px;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.post-cta .post-cta-img {
    float: right;
    width: 230px;
    margin: 0 0 20px 20px;
}
.post-cta .post-cta-cont {
    overflow: hidden;
}
.post-cta .post-cta-btn {
    margin: 10px 0;
}
.post-cta .post-cta-btn a {
    background: #F86222;
    color: #fff;
    border-radius: 8px;
    display: block;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    width: 60%;
    margin: 0 auto 20px;
}
.post-cta .post-cta-btn a:hover {
    background: #fa8553;
}
.post-cta p {
    margin-bottom: 1em;
}
.post-cta .btn {
    width: 100%;
    display: block;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    padding: 14px 0;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    background: #3B4552;
}
.post-cta .btn:hover {
    text-decoration: none;
    background: #FF6C00;
}
.post-share {
    padding: 30px 45px;
}
.post-share .post-share-list1, .post-share .post-share-list2, .post-share .post-share-list3, .post-share .post-share-list4 {
    overflow: hidden;
    padding: 30px 0;
    margin-left: -2.08%;
}
.post-share .post-share-list1 a, .post-share .post-share-list2 a, .post-share .post-share-list3 a, .post-share .post-share-list4 a {
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: block;
    border: 1px #eee solid;
    border-radius: 3px;
    padding: 20px 0;
}
.post-share .post-share-list1 a:hover, .post-share .post-share-list2 a:hover, .post-share .post-share-list3 a:hover, .post-share .post-share-list4 a:hover {
    text-decoration: none;
    background: #f7f7f7;
}
.post-share .post-share-list1 li, .post-share .post-share-list2 li, .post-share .post-share-list3 li, .post-share .post-share-list4 li {
    text-align: center;
    float: left;
    margin-left: 2.08%;
}
.post-share .post-share-list1 i, .post-share .post-share-list1 .big, .post-share .post-share-list2 i, .post-share .post-share-list2 .big, .post-share .post-share-list3 i, .post-share .post-share-list3 .big, .post-share .post-share-list4 i, .post-share .post-share-list4 .big {
    font-size: 2em;
}
.post-share .post-share-list1 li {
    width: 97.92%;
}
.post-share .post-share-list2 li {
    width: 47.92%;
}
.post-share .post-share-list3 li {
    width: 31.25%;
    font-size: .8em;
}
.post-share .post-share-list4 li {
    width: 22.92%;
}
.post-share .post-share-list4 {
    text-align: center;
}
.post-share .post-share-list4 i, .post-share .post-share-list4 .big {
    display: block;
}
.post-share .post-share-list4 .big {
    font-size: 1.2em;
}
.post-share .post-share-facebook a:hover {
    color: #305097;
}
.post-share .post-share-twitter a:hover {
    color: #00aced;
}
.post-share .post-share-google a:hover {
    color: #db4a39;
}
.post-share .post-share-feedly a:hover {
    color: #2bb24c;
}
.post-footer {
    border-radius: 0;
    padding: 20px 64px;
    overflow: hidden;
    clear: both;
}
.post-footer ul {
    overflow: hidden;
}
.post-footer ul li a:hover {
    text-decoration: underline;
}
.post-footer .bzb-sns-btn {
    padding: 30px 0;
}
.post-footer .bzb-sns-btn li {
    vertical-align: top;
}
.post-footer .bzb-sns-btn li .fb_iframe_widget span {
    vertical-align: top !important;
}
.post-footer-list {
    padding: 20px 0;
}
.post-author {
    margin-bottom: 40px;
    padding: 40px 45px;
    border: 1px solid #e5e5e5;
    color: #241913;
    background: #fff;
}
.post-author .post-author-img {
    height: 100%;
    float: left;
}
.post-author .post-author-img img {
    width: 100px;
    height: auto;
    border: 1px solid #e5e5e5;
}
.post-author .post-author-img .inner {
    padding: 0;
}
.post-author .row {
    margin-right: -10px;
    margin-left: -10px;
}
.post-author .row .gr1, .post-author .row .gr2, .post-author .row .gr3, .post-author .row .gr4, .post-author .row .gr5, .post-author .row .gr6, .post-author .row .gr7, .post-author .row .gr8, .post-author .row .gr9, .post-author .row .gr10, .post-author .row .gr11, .post-author .row .gr12 {
    padding-left: 10px;
    padding-right: 10px;
}
.post-author a {
    color: #3B4552;
}
.post-author .post-author-meta {
    color: #241913;
    margin-left: 120px;
}
.post-author .post-author-meta h4 {
    margin: 0 40px 10px 0;
}
.post-author .post-author-meta p {
    margin: 0 40px 20px 0;
}
.post-header-meta {
    overflow: hidden;
    margin-bottom: 26px;
}
.post-header-meta .bzb-sns-btn {
    padding: 20px 0 10px;
    float: left;
    width: 400px;
    overflow: hidden;
}
.post-header-meta .post-header-category {
    float: right;
    width: 300px;
    text-align: right;
    padding: 20px 0 10px;
}
.bzb-sns-btn {
    padding: 0;
    margin: 0;
    font-size: 0;
}
.bzb-sns-btn li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    margin: 4px;
}
.post-autot #comments {
    padding: 40px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background: #fff;
}
.post-autot #comments h4, .post-autot #comments h3 {
    margin: 0 0 24px;
    border-bottom: 5px solid #3B4552;
    font-size: 18px;
    padding: 8px 0;
}
.post-autot #comments h4 i, .post-autot #comments h3 i {
    color: #3B4552;
}
.comment-list > .comment {
    margin-bottom: 40px;
    border-bottom: 1px #eee solid;
}
.comment-list > .comment > .comment-body {
    padding: 0 20px;
    margin-bottom: 20px;
}
.comment-list .children {
    margin-left: 45px;
}
@media screen and (max-width: 767px) {
    .comment-list .children {
        margin-left: 0;
    }
}
.comment-list .children .comment-body {
    padding: 20px 30px;
    margin-bottom: 20px;
    background: #f7f7f7;
}
.comment-author {
    float: left;
    vertical-align: top;
    font-size: 12px;
    margin-left: 10px;
}
.comment-author img {
    vertical-align: top;
}
.comment-meta {
    font-size: 12px;
    margin-bottom: 12px;
}
.reply a {
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 12px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.reply a:before {
    content: ' ';
    font-family: 'FontAwesome';
}
.reply a:hover {
    text-decoration: none;
}
.comment-form-comment {
    margin-bottom: 0;
}
.comment-form-comment label {
    display: none;
}
.comment-form-comment textarea {
    width: 80%;
    margin: 20px 0;
    border-radius: 3px;
}
.form-allowed-tags {
    font-size: 12px;
    margin-bottom: 20px;
    display: none;
}
.comment-meta:after {
    content: ' ';
    display: block;
    clear: both;
}
.comments-title {
    font-size: 24px;
    padding: 20px 0;
    margin-bottom: 30px;
    margin-top: 0;
}
.comment-form-author, .comment-form-email, .comment-form-url {
    overflow: hidden;
    margin: 10px 0;
}
.comment-form-author label, .comment-form-email label, .comment-form-url label {
    width: 15%;
    float: left;
    font-size: 12px;
}
.comment-form-author input, .comment-form-email input, .comment-form-url input {
    width: 40%;
    float: left;
    margin-left: 5%;
    border-radius: 3px;
    padding: 5px;
}
.form-submit #submit {
    width: 240px;
    margin-top: 2em;
    line-height: 24px;
    border: none;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.form-submit #submit:hover {
    cursor: pointer;
}
.comment-form-comment textarea {
    width: 95%;
    padding-left: 2%;
    padding-right: 2%;
}
.comment-form {
    overflow: hidden;
}
.comment-form-author, .comment-form-email {
    width: 49%;
    margin: 0;
}
.comment-form-author label, .comment-form-author input, .comment-form-email label, .comment-form-email input {
    width: 90%;
    float: none;
    margin: 0 0 10px;
}
.comment-form-author {
    float: left;
}
.comment-form-email {
    float: right;
}
/* loop
---------------------------------------- */
.cat-content {
    background: #fff;
    padding: 40px;
    margin-bottom: 30px;
}
.post-loop-wrap article p {
    margin-top: 0;
}
.post-loop-wrap .post-title {
    margin-bottom: 1rem;
    line-height: .5;
}
.post-loop-wrap .post-thumbnail {
    width: 100%;
}
@media(max-width: 768px){
    .post-loop-wrap .post-thumbnail {
        display: flex;
        justify-content: center;
    }
}
.post-loop-wrap .post-thumbnail img {
    max-width: 100%;
    height: auto;
}
.post-loop-wrap .more-link {
    border: 1px #3B4552 solid;
    padding: 8px 20px;
    margin-bottom: 64px;
    color: #3B4552;
}
.post-loop-wrap .more-link:hover {
    background: #3B4552;
    color: #fff;
    text-decoration: none;
}
.post-loop-wrap .post-footer {
    border-top: 1px #eee solid;
    padding: 0;
    overflow: hidden;
}
.post-loop-wrap .post-footer a.morelink {
    display: block;
    background: #3B4552;
    color: #fff;
    text-align: center;
    padding: 12px;
}
/* pager */
.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.pagination a {
    background: #fff;
}
.pagination span, .pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #666;
}
.paginationspan{
    background: #999999;
    color: #fff!important;
}
.pagination a:hover {
    background: #999999;
    color: #fff;
}
.pagination .current {
    padding: 6px 9px 5px 9px;
    background: #999999;
    color: #fff;
}
/* ----------------------------------------
* side
---------------------------------------- */
.side-widget-area {
    padding: 0;
}
.side-widget {
    margin-bottom: 40px;
    padding-bottom: 40px;
    line-height: 1.6;
    font-size: 14px;
}
.side-widget .side-title {
    margin: 0 0 32px;
    font-size: 15px;
    background: #ebebeb;
    border: 1px solid #e4e4e4;
}
.side-widget a {
    color: #21516B;
/*text-decoration: underline;*/
display: block;
}
.side-widget a:hover {
    color: #21516B;
    text-decoration: none;
}
.side-widget ul li {
    padding: 16px 0;
    border-bottom: 1px solid #e5e5e5;
}
.side-widget .side-title {
    margin: 0 0 13px;
    padding: 8px;
    font-size: 16px;
}
.side-widget.widget_recent_comments a {
    background: none;
}
.side-widget .post-date {
    margin: 0 0 0 36px;
    font-size: 13px;
    color: #999999;
}
.side-widget .post-share-fb .pas {
    display: none;
}
/* widget_views */
.widget_views a {
    display: inline;
}
/* search */
.widget_search {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding-bottom: 0;
    border-radius: 2px;
}
.widget_search form div {
    position: relative;
    padding-right: 40px;
}
.widget_search label {
    display: none;
}
.widget_search input[type=text] {
    line-height: 18px;
    padding: 8px 13px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    float: left;
}
.widget_search button {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    vertical-align: top;
    line-height: 18px;
    border: none;
    border-radius: 3px;
    width: 40px;
    padding: 8px 5px;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    background: transparent;
    font-family: 'FontAwesome';
    font-size: 21px;
    color: #5e6265;
}
.widget_search button:hover {
    cursor: pointer;
}
#searchform form input[type="text"], #searchform form input[type="email"], #searchform form input[type="url"], #searchform form input[type="tel"], #searchform form input[type="number"], #searchform form input[type="date"], #searchform form textarea {
    border-radius: 3px;
    padding: 12px;
    max-width: 100%;
    font-size: 16px;
}
#searchform form textarea {
    width: 80%;
}
#searchform form input[type="submit"] {
    padding: 12px 20px;
}
/* comment */
.recentcomments {
    color: #808080;
    font-size: 12px;
}
.recentcomments a {
    color: #241913;
    font-size: 14px;
}
/* 実装中止----------- */
/* calendar */
.widget_calendar {
    border-radius: 3px;
    font-size: 16px;
}
.widget_calendar .side-widget-inner {
    border-radius: 3px;
    padding: 0 20px 20px;
}
.widget_calendar table {
    width: 100%;
}
.widget_calendar caption {
    border-radius: 3px 3px 0 0;
    padding: 14px 20px;
    margin: 0 -20px 20px;
    font-size: 18px;
    text-align: center;
}
.widget_calendar a {
    color: #666;
}
.widget_calendar li {
    margin-bottom: 1em;
}
.widget_calendar thead, .widget_calendar tfoot, .widget_calendar tbody {
    margin: 0 20px;
}
.widget_calendar th, .widget_calendar td {
    text-align: center;
}
.widget_calendar tbody a {
    display: block;
}
.widget_calendar tbody a:hover {
    text-decoration: none;
}
/* follow */
#side .share-list-wrap {
    margin: 0 -20px 20px;
    background: #fff;
    padding: 20px;
}
#side .share-list-wrap .post-share-list1, #side .share-list-wrap .post-share-list2, #side .share-list-wrap .post-share-list3, #side .share-list-wrap .post-share-list4 {
    overflow: hidden;
    margin-left: -1%;
}
#side .share-list-wrap .post-share-list1 li, #side .share-list-wrap .post-share-list2 li, #side .share-list-wrap .post-share-list3 li, #side .share-list-wrap .post-share-list4 li {
    float: left;
    width: 24%;
    margin-left: 1%;
}
#side .share-list-wrap .post-share-list1 li a, #side .share-list-wrap .post-share-list2 li a, #side .share-list-wrap .post-share-list3 li a, #side .share-list-wrap .post-share-list4 li a {
    border-radius: 100%;
    background: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    font-size: 32px;
    color: #5e6265;
}
#side .share-list-wrap .post-share-list1 li a .follow-on, #side .share-list-wrap .post-share-list1 li a .big, #side .share-list-wrap .post-share-list2 li a .follow-on, #side .share-list-wrap .post-share-list2 li a .big, #side .share-list-wrap .post-share-list3 li a .follow-on, #side .share-list-wrap .post-share-list3 li a .big, #side .share-list-wrap .post-share-list4 li a .follow-on, #side .share-list-wrap .post-share-list4 li a .big {
    display: none;
}
#side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover, #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover, #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover, #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
    color: #305097;
}
#side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover, #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover, #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover, #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
    color: #00aced;
}
#side .share-list-wrap .post-share-list1 li.post-share-google a:hover, #side .share-list-wrap .post-share-list2 li.post-share-google a:hover, #side .share-list-wrap .post-share-list3 li.post-share-google a:hover, #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
    color: #db4a39;
}
#side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover, #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover, #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover, #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
    color: #2bb24c;
}
/* author */
#side-author {
    overflow: hidden;
    font-size: 12px;
}
#side-author h4 {
    padding: 12px 0;
    margin-bottom: 20px;
    font-size: 16px;
}
#side-author .side-author-img {
    float: left;
    width: 100px;
}
#side-author .side-author-meta {
    float: right;
    width: 180px;
}
/* ----------------------------------------
* footer
---------------------------------------- */
/* Facebook Like Box width: 100% */
.post-share-fb.side-widget {
    text-align: center;
}
div.post-share-fb .fbcomments, div.post-share-fb .fb_iframe_widget, div.post-share-fb .fb_iframe_widget[style], div.post-share-fb .fb_iframe_widget iframe[style], div.post-share-fb .fbcomments iframe[style] *, div.post-share-fb .fb_iframe_widget span {
    max-width: 100% !important;
}
#footer .fbcomments, #footer .fb_iframe_widget, #footer .fb_iframe_widget[style], #footer .fb_iframe_widget iframe[style], #footer .fbcomments iframe[style] *, #footer .fb_iframe_widget span {
    max-width: 100% !important;
}
#footer {
    color: #fff;
/*border-top: 8px solid #3B4552;*/
}
#footer .fb-like-box, #footer .fb-like-box > span, #footer iframe {
    width: 100% !important;
    box-sizing: border-box;
}
#footer .footer-logo {
    font-size: 24px;
}
#footer a {
    color: #fff;
}
#footer a:hover {
    color: #ccc;
}
#footer .wrap {
    padding: 30px 0;
}
#footer .post-share {
    padding-right: 0;
    padding-left: 0;
}
#footer .row {
    margin-left: -15px;
    margin-right: -15px;
}
#footer .row .gr1, #footer .row .gr2, #footer .row .gr3, #footer .row .gr4, #footer .row .gr5, #footer .row .gr6, #footer .row .gr7, #footer .row .gr8, #footer .row .gr9, #footer .row .gr10, #footer .row .gr11, #footer .row .gr12 {
    padding-left: 15px;
    padding-right: 15px;
}
#footer-brand-area {
    padding-bottom: 32px;
    margin-bottom: 32px;
/*border-bottom: 1px solid #3B4552;*/
}
#footer-content-area {
    font-size: 14px;
}
#footer-content-area h4 {
    font-size: 16px;
}
#footer-content-area i.fa {
    margin-right: 12px;
}
#footer-content-area #footer-cont-about li, #footer-content-area #footer-cont-content li {
    position: relative;
}
#footer-content-area #footer-cont-about li:before, #footer-content-area #footer-cont-content li:before {
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    top: 7px;
    left: 0;
}
#footer-content-area #footer-cont-about li a, #footer-content-area #footer-cont-content li a {
    padding: 8px 12px 8px 14px;
    display: inline-block;
}
#footer-content-area #footer-cont-about li a:hover, #footer-content-area #footer-cont-content li a:hover {
    text-decoration: none;
}
#footer-content-area #footer-cont-sns a {
    display: block;
    padding: 8px 12px 8px 0;
}
#footer-content-area #footer-cont-sns a:hover {
    text-decoration: none;
}
.footer-01 {
    background: #F3F3F3;
    padding: 40px 0 0;
}
.footer-01 .footer-address {
    text-align: right;
    font-size: 85%;
}
@media screen and (max-width: 991px) {
    .footer-01 .footer-address {
        text-align: left;
    }
}
@media screen and (max-width: 767px) {
    .footer-01 .footer-address {
        margin-top: 24px;
    }
}
.footer-02 {
    background: #F3F3F3;
}
.footer-02 .footer-copy {
    text-align: center;
    font-size: 14px;
}
/* ----------------------------------------
* LP
---------------------------------------- */
.single-lp {
    padding: 40px 0;
}
.single-lp .lp-wrap {
    width: 1157px;
    border: 1px solid #eee;
    margin: 0 auto;
    background: #fff;
    padding: 0;
}
.single-lp .lp-thumbnail {
    border: 1px #ccc solid;
    float: right;
    margin: 0 0 13px 13px;
    border: 1px #ccc solid;
}
.single-lp .lp-thumbnail img {
    vertical-align: top;
}
.single-lp .post-content {
    padding: 0;
}
.single-lp #lp-header {
    background: #47B39D;
    padding: 56px;
    color: #fff;
}
.single-lp #lp-header h1 {
    font-size: 32px;
    color: #fff;
    text-align: center;
}
.single-lp dt, .single-lp dd {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}
.single-lp #content {
    padding: 40px 56px;
}
.single-lp #main {
    width: 100%;
    float: left;
    overflow: hidden;
}
.single-lp .main-inner {
    margin-right: 350px;
}
.single-lp #side {
    width: 320px;
    float: left;
    margin-left: -320px;
}
.single-lp .post-footer {
    padding: 20px 0;
}
.single-lp .post-footer .bzb-sns-btn {
    padding: 0;
}
.single-lp .lp-form {
    background: #494c4e;
    color: #fff;
    padding: 30px;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.single-lp .lp-form h3 {
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: bold;
}
.single-lp .lp-form input[type=text], .single-lp .lp-form input[type=email] {
    width: 90%;
    padding: 10px 5%;
    border: none;
}
.single-lp .lp-form input[type=submit], .single-lp .lp-form button {
    width: 100%;
    padding: 10px 0;
    background: #F86222;
    color: #fff;
    border-bottom: 5px solid #e04807;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    border-radius: 3px;
}
.single-lp .lp-form input[type=submit]:hover, .single-lp .lp-form button:hover {
    background: #f9743b;
}
.single-lp .lp-form dl {
    margin-bottom: 13px;
} /* one-column */
.one-column.single-lp #main {
    float: none;
}
.one-column.single-lp .main-inner {
    margin-left: 0;
    margin-right: 0;
}
.one-column.single-lp #side {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.single-lp #side {
    width: 320px;
    margin-left: -320px;
}
.single-lp.right-content #side {
    width: 320px;
    margin-left: -100%;
}
.single-lp.right-content .main-inner {
    margin-left: 350px;
    margin-right: 0;
}
@media screen and (max-width: 1200px) {
    .single-lp.right-content #side {
        width: 100%;
        margin: 0;
        float: none;
    }
    .single-lp.right-content .main-inner {
        margin: 0 0 40px;
        width: 100%;
    }
}
/* ----------------------------------------
* pagetop
---------------------------------------- */
.pagetop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 50px;
    color: #fff;
}
.pagetop{
    z-index: 999;
}
.pagetop:hover{
    text-decoration: none;
    opacity: .8;
}
.pagetop span {
    display: block;
    border-radius: 25px;
    background: #47A3AE;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 15px;
    font-size: 36px;
    opacity: 1;
}
.pagetop span p{
    font-size: 14px;
    margin-bottom: 0;
}

@media(max-width: 640px){
    .pagetop {
        bottom: .5rem;
        right: .5rem;
    }
}
/* ----------------------------------------
* レスポンシブ
---------------------------------------- */
#header-nav-btn, #gnav-sp {
    display: none;
}
@media screen and (max-width: 1200px) {
/* laptop start */
body.home .wrap {
    width: auto;
    margin: 0 36px;
}
.single-lp #gnav-sp {
    display: none;
}
.single-lp .lp-wrap {
    width: auto;
    margin: 0 36px;
}
.single-lp #main, .single-lp #side, .single-lp .main-inner {
    width: 100%;
    float: none;
    margin: 0 0 20px;
}
/* end start */
}
@media screen and (max-width: 991px) {
/* tablet */
body.home .wrap, .wrap {
    width: auto;
    margin: 0;
}
body.home #front-service {
    background-image: none;
}
/* header */
#header {
    padding: 0;
}
#header .wrap {
    width: auto;
    margin: 0 24px;
}
#header-nav-btn {
    display: block;
    width: 116px;
    line-height: 92px;
    float: right;
}
#header-nav-btn a {
    display: block;
    text-align: center;
    display: block;
    font-size: 32px;
    background: #3B4552;
}
#header-fnav-area {
    display: none;
}
/* gnav */
#gnav {
    display: none;
}
.dummy {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 10;
}
#gnav-sp {
    display: none;
    background: #3B4552;
    display: block;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    z-index: 100;
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
}
#gnav-sp .wrap {
    width: 94%;
    margin: 0 3%;
    padding: 36px 0;
}
#gnav-sp .wrap a {
    color: #fff;
}
#gnav-sp #header-cont-content h4, #gnav-sp #header-cont-about h4, #gnav-sp #header-cont-sns h4 {
    font-weight: bold;
    margin-bottom: 16px;
}
#gnav-sp #header-cont-content li, #gnav-sp #header-cont-about li, #gnav-sp #header-cont-sns li {
    font-size: 14px;
}
#gnav-sp #header-cont-content li a, #gnav-sp #header-cont-about li a, #gnav-sp #header-cont-sns li a {
    padding: 10px 12px;
}
#gnav-sp #header-cont-content ul {
    margin-left: -2%;
}
#gnav-sp #header-cont-content li {
    margin-left: 2%;
    float: left;
    width: 48%;
}
#gnav-sp #header-cont-content li a {
    display: block;
    position: relative;
}
#gnav-sp #header-cont-content li a:before {
    font-family: 'FontAwesome';
    content: '\f105';
    position: absolute;
    left: 0;
    top: 8px;
}
#gnav-sp #header-cont-content .children {
    display: none;
}
#gnav-sp #footer-nav li a {
    display: block;
    padding: 8px 12px;
    position: relative;
}
#gnav-sp #footer-nav li a:before {
    font-family: 'FontAwesome';
    content: '\f105';
    position: absolute;
    left: 0;
    top: 8px;
}
#gnav-sp #footer-nav .children {
    display: none;
}
#gnav-sp #header-cont-sns li a {
    display: block;
    padding: 8px 12px 8px 0;
}
/* front page */
body.home #main_visual p {
    width: 84%;
    margin-right: 8%;
    margin-left: 8%;
}
body.home .front-loop {
    margin-left: 0;
}
body.home .front-loop .popular_post_box {
    width: 32%!important;
    margin: 0 .5%;
}
body.home .front-loop .popular_post_box .wrap-a {
    display: block;
}
body.home .front-loop .popular_post_box .wrap-a:hover {
    background: #fafafa;
    text-decoration: none;
}
body.home .front-loop .popular_post_box .wrap-a h3, body.home .front-loop .popular_post_box .wrap-a ul {
    margin-left: 10px;
    margin-right: 10px;
}
body.home .front-loop .popular_post_box img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
body.home .front-loop .popular_post_box.rank-4, body.home .front-loop .popular_post_box.rank-5, body.home .front-loop .popular_post_box.recent-4, body.home .front-loop .popular_post_box.recent-5 {
    display: none;
}
body.home .front-main-cont .tri-border {
    display: none;
}
body.home #front-contents .c_box.c_box_left .c_box_inner, body.home #front-contents .c_box.c_box_right .c_box_inner {
    width: 100%;
    float: none;
}
body.home #front-contents .c_box.c_box_left .c_title, body.home #front-contents .c_box.c_box_right .c_title {
    text-align: center;
}
body.home #front-contents .c_box.c_box_left .c_img_box, body.home #front-contents .c_box.c_box_right .c_img_box {
    position: relative;
    height: 300px;
    width: 100%;
    margin-bottom: 24px;
}
body.home #front-contents .c_box.c_box_left .c_text h4, body.home #front-contents .c_box.c_box_right .c_text h4 {
    text-align: center;
}
body.home #front-contents .c_box.c_box_left .c_btn, body.home #front-contents .c_box.c_box_right .c_btn {
    text-align: center;
}
body.home #front-contents .c_box.c_box_left .c_btn a, body.home #front-contents .c_box.c_box_right .c_btn a {
    margin-right: auto;
    margin-left: auto;
}
body.home #front-service .front-service-inner {
    margin-left: 0;
}
body.home #front-service .front-service-inner .c_box {
    width: 100%;
    float: none;
    margin: 0 0 20px;
}
body.home #front-company .c_img_box {
    height: 300px;
    position: relative;
}
body.home #front-company .c_img_box, body.home #front-company .c_box_inner {
    float: none;
    width: 100%;
}
.cat-content .post-header, article.page .post-header, article.post .post-header {
    padding: 56px 44px;
}
.post-content h2 {
    margin-left: -52px;
}
.post-meta-area {
    background: #fff;
    color: #241913;
}
.post-meta-area .post-meta {
    width: 40%;
    float: left;
    text-align: left;
}
.post-meta-area .post-meta .date {
    background: transparent;
    text-align: left;
}
.post-meta-area .bzb-sns-btn {
    height: auto;
}
.post-meta-area .bzb-sns-btn .sharrre {
    margin: 0 5px 0 0;
    float: left !important;
    width: 20%;
    overflow: hidden;
}
.post-meta-area .bzb-sns-btn .sharrre.twitter a, .post-meta-area .bzb-sns-btn .sharrre.facebook a, .post-meta-area .bzb-sns-btn .sharrre.googlePlus a, .post-meta-area .bzb-sns-btn .sharrre.hatena a {
    background: transparent;
    display: block;
    padding: 4px 24px;
    color: #241913;
}
.post-meta-area .bzb-sns-btn .sharrre.twitter a .share, .post-meta-area .bzb-sns-btn .sharrre.facebook a .share, .post-meta-area .bzb-sns-btn .sharrre.googlePlus a .share, .post-meta-area .bzb-sns-btn .sharrre.hatena a .share {
    display: none;
    text-align: center;
    float: left;
}
.post-meta-area .bzb-sns-btn .sharrre.twitter a:hover, .post-meta-area .bzb-sns-btn .sharrre.facebook a:hover, .post-meta-area .bzb-sns-btn .sharrre.googlePlus a:hover, .post-meta-area .bzb-sns-btn .sharrre.hatena a:hover {
    background: transparent;
}
.post-meta-area .bzb-sns-btn .s_buttons {
    font-size: 14px;
    padding-top: 20px;
}
.post-meta-area .loop-comment-icon {
    padding: 4px 12px;
    background: transparent !important;
    text-align: center;
    float: right;
}
#footer-facebook {
    display: none;
}
#footer-list-area {
    width: 100%;
}
.single-lp #gnav-sp {
    display: none;
}
.single-lp .lp-wrap {
    width: auto;
    margin: 0 24px;
}
.single-lp .lp-form .submit {
    width: 50%;
}
/* tablet end */
}


@media(max-width: 768px){
    .post-loop-wrap {
        display: block;
        max-width: 100%;
    }
    .post-loop-wrap article{
        width: 100%;
    }
    .post-loop-wrap article a img, .post-loop-wrap .has-post-thumbnail img {
        width: 100%;
        height: 100%;
        max-height: 250px;
        margin-bottom: 0.7rem;
    }
    .breadcrumb-area .wrap {
        width: 100%;
        padding: 20px 15px 20px 15px;
    }
    .event1 > div > div{
        padding: 0;
    }
    .event1 > div > div:first-child{
        margin-bottom: .7rem;
    }
    .footer-logo img {
    width: 250px;
}
}



@media screen and (max-width: 767px) {
/* phone */
.wrap {
    overflow: hidden;
}
.post-content table {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}
.companyprofile_table{
    white-space: pre!important;
}
body.home .front-loop .popular_post_box img {
    height: auto;
}
body.home #front-company dl dt, body.home #front-company dl dd {
    float: none;
    width: 100%;
    box-sizing: border-box;
}
body.home #front-company dl dt span, body.home #front-company dl dd span {
    padding: 0;
}
body.home #front-company dl dt {
    font-weight: bold;
    padding: 8px 12px 0;
}
body.home #front-company dl dd {
    border-top: none !important;
    padding: 4px 12px 8px;
}
#main {
    width: 100%;
    float: none;
}
#side {
    width: 100%;
    float: none;
}
.left-content #main {
    width: 100%;
    float: none;
}
.left-content #side {
    width: 100%;
    float: none;
}
.right-content #main {
    width: 100%;
    float: none;
}
.right-content #side {
    width: 100%;
    float: none;
}
.one-column #content .wrap {
    width: 94%;
    margin: 0 3%;
}
.one-column #content .wrap #main {
    width: 100%;
    float: none;
    padding: 0;
}
.one-column #content .wrap #side {
    width: 100%;
    float: none;
}
/* header */
#header {
    padding: 0;
}
#header .wrap {
    padding: 0;
    margin: 0 12px;
}
#header #logo {
    float: none;
}
#header #logo img {
    vertical-align: top;
}
#header #header-right {
    height: auto;
}
#header #header-primary-nav {
    display: none;
}
#header-nav-btn {
    display: block;
    width: auto;
    margin: 0 -12px;
    line-height: 92px;
    float: none;
}
#header-nav-btn a {
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 8px 0;
    line-height: 1.2;
    background: #3B4552;
    width: 100%;
}
.single-lp #lp-header {
    padding: 20px;
}
.single-lp .lp-thumbnail {
    float: none;
    margin: 0 0 13px;
}
.single-lp .lp-thumbnail img {
    width: 100%;
    height: auto;
}
.single-lp #content {
    padding: 20px;
}
#gnav-sp {
    display: none;
    top: 112px;
}
#gnav-sp ul {
    margin-bottom: 20px;
}
#gnav-sp #header-cont-content ul {
    margin-left: 0;
}
#gnav-sp #header-cont-content li {
    margin-left: 0;
    float: left;
    width: 100%;
}
/* loop */
body.home .front-loop .popular_post_box {
    width: 100%!important;
    float: none;
    margin-left: 0;
    margin-right: 0;
}
body.home #front-contents .c_text .c_btn a {
    width: 100%;
}
/* single */
.cat-content .post-header, article.page .post-header, article.post .post-header {
    padding: 20px;
}
.post-author {
    padding: 20px;
}
.post-author .post-author-meta {
    padding-top: 12px;
}
.post-author .post-author-meta p {
    margin-right: 0;
}
.post-meta-area .post-meta, .post-meta-area .post-meta-comment {
    float: none;
    width: 100%;
    padding: 0;
}
.post-meta-area .post-meta {
    border-bottom: 1px solid #e5e5e5;
}
.post-meta-area .post-meta .date {
    padding: 8px 20px;
}
.post-meta-area .post-meta-comment .author {
    border: none;
    padding: 8px 20px;
    text-align: left;
}
.post-meta-area .post-meta-comment .comments {
    padding: 8px 20px;
}
.post-cta .cta-post-title {
    padding: 12px 20px;
    font-size: 18px;
}
.post-cta .post-cta-inner {
    padding: 0;
}
.post-cta .post-cta-cont {
    padding: 12px 20px;
}
.post-cta .post-cta-cont .post-cta-img {
    float: none;
    margin: 0 0 12px;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .post-cta .post-cta-cont .post-cta-img {
        text-align: center;
    }
}
.post-cta .post-cta-btn a {
    width: 100%;
}
.comment-form-author, .comment-form-email {
    float: none;
    width: 100%;
}
.single-lp #gnav-sp {
    display: none;
}
.single-lp .lp-wrap {
    width: auto;
    margin: 0 24px;
}
.single-lp .lp-form input {
    width: 100% !important;
}
.single-lp .lp-form .submit {
    width: 100%;
}
/* phone end */
}
/* ----------------------------------------
* カラースキーム 01
---------------------------------------- */
/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home.color01 #main_visual {
    background: #1DBBDA;
    background-image: -webkit-linear-gradient(bottom right, #1dbbda, #06abc8);
    background-image: linear-gradient(to top left, #1dbbda, #06abc8);
    color: #fff;
}
body.home.color01 .front-loop {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}
body.home.color01 .front-loop h2 {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color01 .front-loop .popular_post_box h3 {
    color: #2B353E;
}
body.home.color01 .front-loop .popular_post_box h3 a {
    color: #2B353E;
}
body.home.color01 .front-loop .popular_post_box h3 a:hover {
    color: #FFC600;
}
body.home.color01 .front-loop .popular_post_box ul a {
    color: #2B353E;
}
body.home.color01 .front-loop .popular_post_box ul a:hover {
    color: #FFC600;
}
body.home.color01 .front-loop .popular_post_box .p_category {
    background: #06ABC8;
    color: #fff;
    color: #fff;
}
body.home.color01 .front-loop .popular_post_box .p_rank {
    background: #900;
    color: #fff;
}
body.home.color01 .front-loop .popular_post_box .p_date {
    background: #2B353E;
    color: #fff;
}
body.home.color01 .front-main-cont .front-cont-header {
    background: #2B353E;
    color: #fff;
}
body.home.color01 .front-main-cont .tri-border span {
    border-left: 28px solid transparent;
    border-left: 56px solid transparent;
    border-right: 56px solid transparent;
    border-top: 18px solid #2B353E;
}
body.home.color01 #front-contents .c_box {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color01 #front-contents .c_box.c_box_left {
    background-color: #fff;
}
body.home.color01 #front-contents .c_box.c_box_right {
    background-color: #fafafa;
}
body.home.color01 #front-contents .c_number {
    background: #06ABC8;
    color: #fff;
}
body.home.color01 #front-contents h3 {
    color: #06ABC8;
}
body.home.color01 #front-contents .c_english {
    color: #06ABC8;
}
body.home.color01 #front-contents .c_text .c_btn a {
    background: #21262c;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color01 #front-service {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
body.home.color01 #front-service .front-service-inner h3 {
    color: #06ABC8;
}
body.home.color01 #front-service .front-service-inner .c_english {
    color: #06ABC8;
}
body.home.color01 #front-service .front-service-inner .c_text .c_btn a {
    background: #21262c;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color01 #front-company {
    background: #fff;
}
body.home.color01 #front-company .c_box {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color01 #front-company dl {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color01 #front-company dl#front-company-1 dt {
    border-top: 2px solid #06ABC8;
}
body.home.color01 #front-company dl#front-company-1 dd {
    border-top: 1px solid #e5e5e5;
}
body.home.color01 #front-contact {
    background: #06ABC8;
}
body.home.color01 #front-contact .c_box_inner input[type=submit], body.home.color01 #front-contact .c_box_inner button {
    background: #131D2A;
}
body.color01 {
    color: #2B353E;
}
body.color01 a {
    color: #06ABC8;
}
body.color01 form input[type="submit"], body.color01 form button {
    background: #2B353E;
    color: #fff;
}
body.color01 #header {
    background: #06ABC8;
}
body.color01 #header a {
    color: #fff;
}
body.color01 .breadcrumb-area {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
body.color01 #gnav {
    background: #06ABC8;
}
body.color01 #gnav ul li:hover a {
    background: #07c0e1;
}
body.color01 #gnav ul li.current-menu-item a {
    background: #07c0e1;
}
body.color01 #gnav ul li a {
    color: #fff;
    background: #06ABC8;
}
body.color01 #gnav ul li a:hover {
    color: #fff;
    background: #07c0e1;
}
body.color01 #gnav ul li .sub-menu {
    background: #fff;
    border: 1px #e5e5e5 solid;
}
body.color01 #gnav ul li .sub-menu li {
    border-bottom: 1px #e5e5e5 solid;
}
body.color01 #gnav ul li .sub-menu li a {
    color: #2B353E;
    background: #fff;
}
body.color01 #gnav ul li .sub-menu li a:hover {
    background: #fafafa;
    color: #2B353E;
}
body.color01 #header-fnav-area #header-fnav-btn a {
    background: #07c0e1;
}
body.color01 #header-fnav-area #header-fnav {
    background: #fff;
    border: 1px #e5e5e5 solid;
}
body.color01 #header-fnav-area #header-fnav li {
    border-bottom: 1px #e5e5e5 solid;
}
body.color01 #header-fnav-area #header-fnav li a {
    color: #2B353E;
    background: #fff;
}
body.color01 #header-fnav-area #header-fnav li a:hover {
    background: #fafafa;
    color: #2B353E;
}
body.color01 .cat-content, body.color01 article.post, body.color01 article.page {
    background: #fff;
    border: 1px #e5e5e5 solid;
}
body.color01 .post-header {
    padding: 56px 64px 46px;
    border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 767px) {
    body.color01 .post-header, body.color02 .post-header, body.color03 .post-header, body.color04 .post-header {
        padding: 20px !important;
    }
}
body.color01 .post-header .cat-name span {
    border: 1px solid #06ABC8;
    color: #06ABC8;
}
body.color01 .post-title a {
    color: #2B353E;
}
body.color01 .post-title a:hover {
    color: #FFC600;
}
body.color01 .post-title a {
    color: #2B353E;
}
body.color01 .post-title a:hover {
    color: #FFC600;
}
body.color01 .post-meta-area {
    border-bottom: 1px solid #e5e5e5;
}
body.color01 .post-meta-area .post-meta-comment li {
    border-left: 1px solid #e5e5e5;
}
body.color01 .post-content hr {
    border-bottom: 1px solid #eee;
}
body.color01 .post-content h2 {
    border-left: 10px solid #131D2A;
    background: #2B353E;
    color: #fff;
}
body.color01 .post-content h3 {
    border-bottom: 2px solid #2B353E;
}
body.color01 .post-content h4 {
    border-left: 5px solid #131D2A;
    clear: both;
}
body.color01 .post-content blockquote {
    border: 1px #e5e5e5 solid;
    background: #fafafa;
}
body.color01 .post-content blockquote:before {
    color: #e7e7e7;
}
body.color01 .post-content blockquote cite {
    color: #808080;
}
body.color01 .post-content table {
    border: 1px #ddd solid;
}
body.color01 .post-content table th, body.color01 .post-content table td {
    border: #ddd solid 1px;
}
body.color01 .post-content table th {
    color: #fff;
}
body.color01 .post-content table thead th {
    background: #5e6265;
}
body.color01 .post-content table tbody th {
    background: #919598;
}
body.color01 .post-content table.table-line table, body.color01 .post-content table.table-line th, body.color01 .post-content table.table-line td {
    border-color: #fff;
}
body.color01 .post-content table.table-line th {
    color: #2B353E;
}
body.color01 .post-content table.table-line thead th {
    background: #5e6265;
    color: #fff;
}
body.color01 .post-content table.table-line tr {
    background: #eee;
}
body.color01 .post-content table.table-line tr:nth-child(2n+1) {
    background: #ddd;
}
body.color01 .post-cta {
    background: #131D2A;
    color: #fff;
}
body.color01 .post-cta .cta-post-title {
    border-bottom: 1px solid #eee;
}
body.color01 .post-cta .post-cta-btn a {
    background: #F86222;
    color: #fff;
}
body.color01 .post-cta .post-cta-btn a:hover {
    background: #fa8553;
}
body.color01 .post-cta .btn {
    background: #2B353E;
}
body.color01 .post-cta .btn:hover {
    background: #FFC600;
}
body.color01 .post-share .post-share-list1 a, body.color01 .post-share .post-share-list2 a, body.color01 .post-share .post-share-list3 a, body.color01 .post-share .post-share-list4 a {
    border: 1px #eee solid;
}
body.color01 .post-share .post-share-list1 a:hover, body.color01 .post-share .post-share-list2 a:hover, body.color01 .post-share .post-share-list3 a:hover, body.color01 .post-share .post-share-list4 a:hover {
    background: #f7f7f7;
}
body.color01 .post-author {
    border: 1px solid #e5e5e5;
    color: #2B353E;
    background: #fff;
}
body.color01 .post-author a {
    color: #2B353E;
}
body.color01 .post-author .post-author-meta {
    color: #2B353E;
}
body.color01 #comments {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 40px 45px;
}
body.color01 #comments h4 {
    border-bottom: 5px solid #2B353E;
}
body.color01 #comments h4 i {
    color: #2B353E;
}
body.color01 .comment-list > .comment {
    border-bottom: 1px #eee solid;
}
body.color01 .comment-list .children .comment-body {
    background: #f7f7f7;
}
body.color01 .cat-content {
    background: #fff;
}
body.color01 .post-loop-wrap .more-link {
    border: 1px #2B353E solid;
    color: #2B353E;
}
body.color01 .post-loop-wrap .more-link:hover {
    background: #2B353E;
    color: #fff;
}
body.color01 .post-loop-wrap .post-footer {
    border-top: 1px #eee solid;
}
body.color01 .post-loop-wrap .post-footer a.morelink {
    background: #2B353E;
    color: #fff;
}
body.color01 .pagination span, body.color01 .pagination a {
    color: #2B353E;
    background: #fff;
}
body.color01 .pagination a:hover {
    color: #fff;
    background: #3279BB;
}
body.color01 .pagination .current {
    background: #3279BB;
    color: #fff;
}
body.color01 .side-widget .side-title {
    background: #ebebeb;
    border: 1px solid #e4e4e4;
}
body.color01 .side-widget a {
    color: #06ABC8;
}
body.color01 .side-widget a:hover {
    color: #06ABC8;
}
body.color01 .side-widget ul li {
    border-bottom: 1px solid #e5e5e5;
}
body.color01 .side-widget .post-date {
    color: #999999;
}
body.color01 .widget_search {
    border: 1px solid #e5e5e5;
}
body.color01 .widget_search button {
    color: #5e6265;
}
body.color01 .recentcomments {
    color: #808080;
}
body.color01 .recentcomments a {
    color: #2B353E;
}
body.color01 #side .share-list-wrap {
    background: #fff;
}
body.color01 #footer {
    color: #fff;
    border-top: 8px solid #2B353E;
}
body.color01 #footer a {
    color: #fff;
}
body.color01 #footer a:hover {
    color: #ccc;
}
body.color01 #footer-brand-area {
    border-bottom: 1px solid #2B353E;
}
body.color01 .footer-01 {
    background: #031731;
}
body.color01 .footer-02 {
    background: #010A17;
}
body.color01 .single-lp .lp-wrap {
    border: 1px solid #eee;
    background: #fff;
}
body.color01 .single-lp .lp-thumbnail {
    border: 1px #ccc solid;
    border: 1px #ccc solid;
}
body.color01 .single-lp #lp-header {
    background: #06ABC8;
}
body.color01 .single-lp #lp-header h1 {
    color: #2B353E;
    border-bottom: 1px solid #eee;
}
body.color01 .single-lp .lp-form {
    background: #494c4e;
    color: #fff;
}
body.color01 .single-lp .lp-form input[type=submit], body.color01 .single-lp .lp-form button {
    background: #F86222;
    color: #fff;
    border-bottom: 5px solid #e04807;
}
body.color01 .single-lp .lp-form input[type=submit]:hover, body.color01 .single-lp .lp-form button:hover {
    background: #f9743b;
}
body.color01 .pagetop {
    color: #fff;
}
body.color01 .pagetop span {
    background: #2b2b2b;
}
body.color01.single-lp #lp-header {
    background: #1eabc6;
}
/* ----------------------------------------
* カラースキーム 02 青
---------------------------------------- */
/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home.color02 #main_visual {
    background: #0063A2;
    background-image: -webkit-linear-gradient(bottom right, #0063a2, #005990);
    background-image: linear-gradient(to top left, #0063a2, #005990);
    color: #fff;
}
body.home.color02 .front-loop {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}
body.home.color02 .front-loop h2 {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color02 .front-loop .popular_post_box h3 {
    color: #4E4E4E;
}
body.home.color02 .front-loop .popular_post_box h3 a {
    color: #4E4E4E;
}
body.home.color02 .front-loop .popular_post_box h3 a:hover {
    color: #14A0EE;
}
body.home.color02 .front-loop .popular_post_box ul a {
    color: #4E4E4E;
}
body.home.color02 .front-loop .popular_post_box ul a:hover {
    color: #14A0EE;
}
body.home.color02 .front-loop .popular_post_box .p_category {
    background: #005990;
    color: #fff;
    color: #fff;
}
body.home.color02 .front-loop .popular_post_box .p_rank {
    background: #900;
    color: #fff;
}
body.home.color02 .front-loop .popular_post_box .p_date {
    background: #36373C;
    color: #fff;
}
body.home.color02 .front-main-cont .front-cont-header {
    background: #36373C;
    color: #fff;
}
body.home.color02 .front-main-cont .tri-border span {
    border-left: 28px solid transparent;
    border-left: 56px solid transparent;
    border-right: 56px solid transparent;
    border-top: 18px solid #36373C;
}
body.home.color02 #front-contents .c_box {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color02 #front-contents .c_box.c_box_left {
    background-color: #fff;
}
body.home.color02 #front-contents .c_box.c_box_right {
    background-color: #fafafa;
}
body.home.color02 #front-contents .c_number {
    background: #005990;
    color: #fff;
}
body.home.color02 #front-contents h3 {
    color: #005990;
}
body.home.color02 #front-contents .c_english {
    color: #005990;
}
body.home.color02 #front-contents .c_text .c_btn a {
    background: #14A0EE;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color02 #front-service {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
body.home.color02 #front-service .front-service-inner h3 {
    color: #005990;
}
body.home.color02 #front-service .front-service-inner .c_english {
    color: #005990;
}
body.home.color02 #front-service .front-service-inner .c_text .c_btn a {
    background: #005990;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color02 #front-company {
    background: #fff;
}
body.home.color02 #front-company .c_box {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color02 #front-company dl {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color02 #front-company dl#front-company-1 dt {
    border-top: 2px solid #005990;
}
body.home.color02 #front-company dl#front-company-1 dd {
    border-top: 1px solid #e5e5e5;
}
body.home.color02 #front-contact {
    background: #005990;
}
body.home.color02 #front-contact .c_box_inner input[type=submit], body.home.color02 #front-contact .c_box_inner button {
    background: #131D2A;
}
body.color02 {
    color: #4E4E4E;
}
body.color02 a {
    color: #14A0EE;
}
body.color02 form input[type="submit"], body.color02 form button {
    background: #36373C;
    color: #fff;
}
body.color02 #header {
    background: #005990;
}
body.color02 #header a {
    color: #fff;
}
body.color02 .breadcrumb-area {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
body.color02 #gnav {
    background: #005990;
}
body.color02 #gnav ul li:hover a {
    background: #0069aa;
}
body.color02 #gnav ul li.current-menu-item a {
    background: #0069aa;
}
body.color02 #gnav ul li a {
    color: #fff;
    background: #005990;
}
body.color02 #gnav ul li a:hover {
    color: #fff;
    background: #0069aa;
}
body.color02 #gnav ul li .sub-menu {
    background: #fff;
    border: 1px #e5e5e5 solid;
}
body.color02 #gnav ul li .sub-menu li {
    border-bottom: 1px #e5e5e5 solid;
}
body.color02 #gnav ul li .sub-menu li a {
    color: #36373C;
    background: #fff;
}
body.color02 #gnav ul li .sub-menu li a:hover {
    background: #fafafa;
    color: #36373C;
}
body.color02 #header-fnav-area #header-fnav-btn a {
    background: #0069aa;
}
body.color02 #header-fnav-area #header-fnav {
    background: #fff;
    border: 1px #e5e5e5 solid;
}
body.color02 #header-fnav-area #header-fnav li {
    border-bottom: 1px #e5e5e5 solid;
}
body.color02 #header-fnav-area #header-fnav li a {
    color: #36373C;
    background: #fff;
}
body.color02 #header-fnav-area #header-fnav li a:hover {
    background: #fafafa;
    color: #36373C;
}
body.color02 .cat-content, body.color02 article.post, body.color02 article.page {
    background: #fff;
    border: 1px #e5e5e5 solid;
}
body.color02 .post-header {
    padding: 56px 64px 46px;
    border-bottom: 1px solid #e5e5e5;
}
body.color02 .post-header .cat-name span {
    border: 1px solid #005990;
    color: #005990;
}
body.color02 .post-title a {
    color: #4E4E4E;
}
body.color02 .post-title a:hover {
    color: #14A0EE;
}
body.color02 .post-title a {
    color: #36373C;
}
body.color02 .post-title a:hover {
    color: #14A0EE;
}
body.color02 .post-meta-area {
    border-bottom: 1px solid #e5e5e5;
}
body.color02 .post-meta-area .post-meta-comment li {
    border-left: 1px solid #e5e5e5;
}
body.color02 .post-content hr {
    border-bottom: 1px solid #eee;
}
body.color02 .post-content h2 {
    border-left: 10px solid #131D2A;
    background: #36373C;
    color: #fff;
}
body.color02 .post-content h3 {
    border-bottom: 2px solid #36373C;
}
body.color02 .post-content h4 {
    border-left: 5px solid #131D2A;
    clear: both;
}
body.color02 .post-content blockquote {
    border: 1px #e5e5e5 solid;
    background: #fafafa;
}
body.color02 .post-content blockquote:before {
    color: #e7e7e7;
}
body.color02 .post-content blockquote cite {
    color: #808080;
}
body.color02 .post-content table {
    border: 1px #ddd solid;
}
body.color02 .post-content table th, body.color02 .post-content table td {
    border: #ddd solid 1px;
}
body.color02 .post-content table th {
    color: #fff;
}
body.color02 .post-content table thead th {
    background: #5e6265;
}
body.color02 .post-content table tbody th {
    background: #919598;
}
body.color02 .post-content table.table-line table, body.color02 .post-content table.table-line th, body.color02 .post-content table.table-line td {
    border-color: #fff;
}
body.color02 .post-content table.table-line th {
    color: #4E4E4E;
}
body.color02 .post-content table.table-line thead th {
    background: #5e6265;
    color: #fff;
}
body.color02 .post-content table.table-line tr {
    background: #eee;
}
body.color02 .post-content table.table-line tr:nth-child(2n+1) {
    background: #ddd;
}
body.color02 .post-cta {
    background: #131D2A;
    color: #fff;
}
body.color02 .post-cta .cta-post-title {
    border-bottom: 1px solid #eee;
}
body.color02 .post-cta .post-cta-btn a {
    background: #F86222;
    color: #fff;
}
body.color02 .post-cta .post-cta-btn a:hover {
    background: #fa8553;
}
body.color02 .post-cta .btn {
    background: #36373C;
}
body.color02 .post-cta .btn:hover {
    background: #14A0EE;
}
body.color02 .post-share .post-share-list1 a, body.color02 .post-share .post-share-list2 a, body.color02 .post-share .post-share-list3 a, body.color02 .post-share .post-share-list4 a {
    border: 1px #eee solid;
}
body.color02 .post-share .post-share-list1 a:hover, body.color02 .post-share .post-share-list2 a:hover, body.color02 .post-share .post-share-list3 a:hover, body.color02 .post-share .post-share-list4 a:hover {
    background: #f7f7f7;
}
body.color02 .post-author {
    border: 1px solid #e5e5e5;
    color: #4E4E4E;
    background: #fff;
}
body.color02 .post-author a {
    color: #36373C;
}
body.color02 .post-author .post-author-meta {
    color: #4E4E4E;
}
body.color02 #comments {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 40px 45px;
}
body.color02 #comments h4 {
    border-bottom: 5px solid #36373C;
}
body.color02 #comments h4 i {
    color: #36373C;
}
body.color02 .comment-list > .comment {
    border-bottom: 1px #eee solid;
}
body.color02 .comment-list .children .comment-body {
    background: #f7f7f7;
}
body.color02 .cat-content {
    background: #fff;
}
body.color02 .post-loop-wrap .more-link {
    border: 1px #36373C solid;
    color: #36373C;
}
body.color02 .post-loop-wrap .more-link:hover {
    background: #36373C;
    color: #fff;
}
body.color02 .post-loop-wrap .post-footer {
    border-top: 1px #eee solid;
}
body.color02 .post-loop-wrap .post-footer a.morelink {
    background: #36373C;
    color: #fff;
}
body.color02 .pagination span, body.color02 .pagination a {
    color: #4E4E4E;
    background: #fff;
}
body.color02 .pagination a:hover {
    color: #fff;
    background: #3279BB;
}
body.color02 .pagination .current {
    background: #3279BB;
    color: #fff;
}
body.color02 .side-widget .side-title {
    background: #ebebeb;
    border: 1px solid #e4e4e4;
}
body.color02 .side-widget a {
    color: #005990;
}
body.color02 .side-widget a:hover {
    color: #005990;
}
body.color02 .side-widget ul li {
    border-bottom: 1px solid #e5e5e5;
}
body.color02 .side-widget .post-date {
    color: #999999;
}
body.color02 .widget_search {
    border: 1px solid #e5e5e5;
}
body.color02 .widget_search button {
    color: #5e6265;
}
body.color02 .recentcomments {
    color: #808080;
}
body.color02 .recentcomments a {
    color: #4E4E4E;
}
body.color02 #side .share-list-wrap {
    background: #fff;
}
body.color02 #footer {
    color: #fff;
    border-top: 8px solid #36373C;
}
body.color02 #footer a {
    color: #fff;
}
body.color02 #footer a:hover {
    color: #ccc;
}
body.color02 #footer-brand-area {
    border-bottom: 1px solid #36373C;
}
body.color02 .footer-01 {
    background: #36373C;
}
body.color02 .footer-02 {
    background: #2E2F33;
}
body.color02 .single-lp .lp-wrap {
    border: 1px solid #eee;
    background: #fff;
}
body.color02 .single-lp .lp-thumbnail {
    border: 1px #ccc solid;
    border: 1px #ccc solid;
}
body.color02 .single-lp #lp-header {
    background: #005990;
}
body.color02 .single-lp #lp-header h1 {
    color: #36373C;
    border-bottom: 1px solid #eee;
}
body.color02 .single-lp .lp-form {
    background: #494c4e;
    color: #fff;
}
body.color02 .single-lp .lp-form input[type=submit], body.color02 .single-lp .lp-form button {
    background: #F86222;
    color: #fff;
    border-bottom: 5px solid #e04807;
}
body.color02 .single-lp .lp-form input[type=submit]:hover, body.color02 .single-lp .lp-form button:hover {
    background: #f9743b;
}
body.color02 .pagetop {
    color: #fff;
}
body.color02 .pagetop span {
    background: #2b2b2b;
}
body.color02.single-lp #lp-header {
    background: #015a92;
}
/* ----------------------------------------
* カラースキーム 03 紺
---------------------------------------- */
/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home.color03 #main_visual {
    background: #394B57;
    background-image: -webkit-linear-gradient(bottom right, #394b57, #28343c);
    background-image: linear-gradient(to top left, #394b57, #28343c);
    color: #fff;
}
body.home.color03 .front-loop {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}
body.home.color03 .front-loop h2 {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color03 .front-loop .popular_post_box h3 {
    color: #484A4E;
}
body.home.color03 .front-loop .popular_post_box h3 a {
    color: #484A4E;
}
body.home.color03 .front-loop .popular_post_box h3 a:hover {
    color: #ca6666;
}
body.home.color03 .front-loop .popular_post_box ul a {
    color: #484A4E;
}
body.home.color03 .front-loop .popular_post_box ul a:hover {
    color: #ca6666;
}
body.home.color03 .front-loop .popular_post_box .p_category {
    background: #fff;
    border: 1px solid #ca6666;
    color: #ca6666;
}
body.home.color03 .front-loop .popular_post_box .p_rank {
    background: #900;
    color: #fff;
}
body.home.color03 .front-loop .popular_post_box .p_date {
    background: #343434;
    color: #fff;
}
body.home.color03 .front-main-cont .front-cont-header {
    background: #343434;
    color: #fff;
}
body.home.color03 .front-main-cont .tri-border span {
    border-left: 28px solid transparent;
    border-left: 56px solid transparent;
    border-right: 56px solid transparent;
    border-top: 18px solid #343434;
}
body.home.color03 #front-contents .c_box {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color03 #front-contents .c_box.c_box_left {
    background-color: #fff;
}
body.home.color03 #front-contents .c_box.c_box_right {
    background-color: #fafafa;
}
body.home.color03 #front-contents .c_number {
    background: #27343c;
    color: #fff;
}
body.home.color03 #front-contents h3 {
    color: #27343c;
}
body.home.color03 #front-contents .c_english {
    color: #27343c;
}
body.home.color03 #front-contents .c_text .c_btn a {
    background: #ca6666;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color03 #front-service {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
body.home.color03 #front-service .front-service-inner h3 {
    color: #27343c;
}
body.home.color03 #front-service .front-service-inner .c_english {
    color: #27343c;
}
body.home.color03 #front-service .front-service-inner .c_text .c_btn a {
    background: #27343c;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color03 #front-company {
    background: #fff;
}
body.home.color03 #front-company .c_box {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color03 #front-company dl {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color03 #front-company dl#front-company-1 dt {
    border-top: 2px solid #27343c;
}
body.home.color03 #front-company dl#front-company-1 dd {
    border-top: 1px solid #e5e5e5;
}
body.home.color03 #front-contact {
    background: #ca6666;
}
body.home.color03 #front-contact .c_box_inner input[type=submit], body.home.color03 #front-contact .c_box_inner button {
    background: #131D2A;
}
/* ----------------------------------------
* all
---------------------------------------- */
body.color03 {
    color: #484A4E;
}
body.color03 a {
    color: #ca6666;
}
body.color03 form input[type="submit"], body.color03 form button {
    background: #343434;
    color: #fff;
}
body.color03 #header {
    background: #27343c;
}
body.color03 #header a {
    color: #fff;
}
body.color03 .breadcrumb-area {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
body.color03 #gnav {
    background: #27343c;
}
body.color03 #gnav ul li:hover a {
    background: #31414b;
}
body.color03 #gnav ul li.current-menu-item a {
    background: #31414b;
}
body.color03 #gnav ul li a {
    color: #fff;
    background: #27343c;
}
body.color03 #gnav ul li a:hover {
    color: #fff;
    background: #31414b;
}
body.color03 #gnav ul li .sub-menu {
    background: #fff;
    border: 1px #e5e5e5 solid;
}
body.color03 #gnav ul li .sub-menu li {
    border-bottom: 1px #e5e5e5 solid;
}
body.color03 #gnav ul li .sub-menu li a {
    color: #343434;
    background: #fff;
}
body.color03 #gnav ul li .sub-menu li a:hover {
    background: #fafafa;
    color: #343434;
}
body.color03 #header-fnav-area #header-fnav-btn a {
    background: #31414b;
}
body.color03 #header-fnav-area #header-fnav {
    background: #fff;
    border: 1px #e5e5e5 solid;
}
body.color03 #header-fnav-area #header-fnav li {
    border-bottom: 1px #e5e5e5 solid;
}
body.color03 #header-fnav-area #header-fnav li a {
    color: #343434;
    background: #fff;
}
body.color03 #header-fnav-area #header-fnav li a:hover {
    background: #fafafa;
    color: #343434;
}
body.color03 .cat-content, body.color03 article.post, body.color03 article.page {
    background: #fff;
    border: 1px #e5e5e5 solid;
}
body.color03 .post-header {
    padding: 56px 64px 46px;
    border-bottom: 1px solid #e5e5e5;
}
body.color03 .post-header .cat-name span {
    border: 1px solid #27343c;
    color: #27343c;
}
body.color03 .post-title a {
    color: #484A4E;
}
body.color03 .post-title a:hover {
    color: #ca6666;
}
body.color03 .post-title a {
    color: #343434;
}
body.color03 .post-title a:hover {
    color: #ca6666;
}
body.color03 .post-meta-area {
    border-bottom: 1px solid #e5e5e5;
}
body.color03 .post-meta-area .post-meta-comment li {
    border-left: 1px solid #e5e5e5;
}
body.color03 .post-content hr {
    border-bottom: 1px solid #eee;
}
body.color03 .post-content h2 {
    border-left: 10px solid #131D2A;
    background: #343434;
    color: #fff;
}
body.color03 .post-content h3 {
    border-bottom: 2px solid #343434;
}
body.color03 .post-content h4 {
    border-left: 5px solid #131D2A;
    clear: both;
}
body.color03 .post-content blockquote {
    border: 1px #e5e5e5 solid;
    background: #fafafa;
}
body.color03 .post-content blockquote:before {
    color: #e7e7e7;
}
body.color03 .post-content blockquote cite {
    color: #808080;
}
body.color03 .post-content table {
    border: 1px #ddd solid;
}
body.color03 .post-content table th, body.color03 .post-content table td {
    border: #ddd solid 1px;
}
body.color03 .post-content table th {
    color: #fff;
}
body.color03 .post-content table thead th {
    background: #5e6265;
}
body.color03 .post-content table tbody th {
    background: #919598;
}
body.color03 .post-content table.table-line table, body.color03 .post-content table.table-line th, body.color03 .post-content table.table-line td {
    border-color: #fff;
}
body.color03 .post-content table.table-line th {
    color: #484A4E;
}
body.color03 .post-content table.table-line thead th {
    background: #5e6265;
    color: #fff;
}
body.color03 .post-content table.table-line tr {
    background: #eee;
}
body.color03 .post-content table.table-line tr:nth-child(2n+1) {
    background: #ddd;
}
body.color03 .post-cta {
    background: #131D2A;
    color: #fff;
}
body.color03 .post-cta .cta-post-title {
    border-bottom: 1px solid #eee;
}
body.color03 .post-cta .post-cta-btn a {
    background: #F86222;
    color: #fff;
}
body.color03 .post-cta .post-cta-btn a:hover {
    background: #fa8553;
}
body.color03 .post-cta .btn {
    background: #343434;
}
body.color03 .post-cta .btn:hover {
    background: #ca6666;
}
body.color03 .post-share .post-share-list1 a, body.color03 .post-share .post-share-list2 a, body.color03 .post-share .post-share-list3 a, body.color03 .post-share .post-share-list4 a {
    border: 1px #eee solid;
}
body.color03 .post-share .post-share-list1 a:hover, body.color03 .post-share .post-share-list2 a:hover, body.color03 .post-share .post-share-list3 a:hover, body.color03 .post-share .post-share-list4 a:hover {
    background: #f7f7f7;
}
body.color03 .post-author {
    border: 1px solid #e5e5e5;
    color: #484A4E;
    background: #fff;
}
body.color03 .post-author a {
    color: #343434;
}
body.color03 .post-author .post-author-meta {
    color: #484A4E;
}
body.color03 #comments {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 40px 45px;
}
body.color03 #comments h4 {
    border-bottom: 5px solid #343434;
}
body.color03 #comments h4 i {
    color: #343434;
}
body.color03 .comment-list > .comment {
    border-bottom: 1px #eee solid;
}
body.color03 .comment-list .children .comment-body {
    background: #f7f7f7;
}
body.color03 .cat-content {
    background: #fff;
}
body.color03 .post-loop-wrap .more-link {
    border: 1px #343434 solid;
    color: #343434;
}
body.color03 .post-loop-wrap .more-link:hover {
    background: #343434;
    color: #fff;
}
body.color03 .post-loop-wrap .post-footer {
    border-top: 1px #eee solid;
}
body.color03 .post-loop-wrap .post-footer a.morelink {
    background: #343434;
    color: #fff;
}
body.color03 .pagination span, body.color03 .pagination a {
    color: #484A4E;
    background: #fff;
}
body.color03 .pagination a:hover {
    color: #fff;
    background: #3279BB;
}
body.color03 .pagination .current {
    background: #3279BB;
    color: #fff;
}
body.color03 .side-widget .side-title {
    background: #ebebeb;
    border: 1px solid #e4e4e4;
}
body.color03 .side-widget a {
    color: #27343c;
}
body.color03 .side-widget a:hover {
    color: #27343c;
}
body.color03 .side-widget ul li {
    border-bottom: 1px solid #e5e5e5;
}
body.color03 .side-widget .post-date {
    color: #999999;
}
body.color03 .widget_search {
    border: 1px solid #e5e5e5;
}
body.color03 .widget_search button {
    color: #5e6265;
}
body.color03 .recentcomments {
    color: #808080;
}
body.color03 .recentcomments a {
    color: #484A4E;
}
body.color03 #side .share-list-wrap {
    background: #fff;
}
body.color03 #footer {
    color: #fff;
    border-top: 8px solid #343434;
}
body.color03 #footer a {
    color: #fff;
}
body.color03 #footer a:hover {
    color: #ccc;
}
body.color03 #footer-brand-area {
    border-bottom: 1px solid #343434;
}
body.color03 .footer-01 {
    background: #343434;
}
body.color03 .footer-02 {
    background: #333333;
}
body.color03 .single-lp .lp-wrap {
    border: 1px solid #eee;
    background: #fff;
}
body.color03 .single-lp .lp-thumbnail {
    border: 1px #ccc solid;
    border: 1px #ccc solid;
}
body.color03 .single-lp #lp-header {
    background: #27343c;
}
body.color03 .single-lp #lp-header h1 {
    color: #343434;
    border-bottom: 1px solid #eee;
}
body.color03 .single-lp .lp-form {
    background: #494c4e;
    color: #fff;
}
body.color03 .single-lp .lp-form input[type=submit], body.color03 .single-lp .lp-form button {
    background: #F86222;
    color: #fff;
    border-bottom: 5px solid #e04807;
}
body.color03 .single-lp .lp-form input[type=submit]:hover, body.color03 .single-lp .lp-form button:hover {
    background: #f9743b;
}
body.color03 .pagetop {
    color: #fff;
}
body.color03 .pagetop span {
    background: #2b2b2b;
}
body.color03.single-lp #lp-header {
    background: #ca6666;
}
/* ----------------------------------------
* カラースキーム 04
---------------------------------------- */
/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home.color04 #main_visual {
    background: #FB6C4D;
    background-image: -webkit-linear-gradient(bottom right, #fb6c4d, #fb5235);
    background-image: linear-gradient(to top left, #fb6c4d, #fb5235);
    color: #fff;
}
body.home.color04 .front-loop {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}
body.home.color04 .front-loop h2 {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color04 .front-loop .popular_post_box h3 {
    color: #666666;
}
body.home.color04 .front-loop .popular_post_box h3 a {
    color: #666666;
}
body.home.color04 .front-loop .popular_post_box h3 a:hover {
    color: #2B9CFB;
}
body.home.color04 .front-loop .popular_post_box ul a {
    color: #666666;
}
body.home.color04 .front-loop .popular_post_box ul a:hover {
    color: #2B9CFB;
}
body.home.color04 .front-loop .popular_post_box .p_category {
    background: #333333;
    color: #fff;
}
body.home.color04 .front-loop .popular_post_box .p_rank {
    background: #900;
    color: #fff;
}
body.home.color04 .front-loop .popular_post_box .p_date {
    background: #333333;
    color: #fff;
}
body.home.color04 .front-main-cont .front-cont-header {
    background: #333333;
    color: #fff;
}
body.home.color04 .front-main-cont .tri-border span {
    border-left: 28px solid transparent;
    border-left: 56px solid transparent;
    border-right: 56px solid transparent;
    border-top: 18px solid #333333;
}
body.home.color04 #front-contents .c_box {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color04 #front-contents .c_box.c_box_left {
    background-color: #fff;
}
body.home.color04 #front-contents .c_box.c_box_right {
    background-color: #fafafa;
}
body.home.color04 #front-contents .c_number {
    background: #FB5235;
    color: #fff;
}
body.home.color04 #front-contents h3 {
    color: #FB5235;
}
body.home.color04 #front-contents .c_english {
    color: #FB5235;
}
body.home.color04 #front-contents .c_text .c_btn a {
    background: #343434;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color04 #front-service {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
body.home.color04 #front-service .front-service-inner h3 {
    color: #FB5235;
}
body.home.color04 #front-service .front-service-inner .c_english {
    color: #FB5235;
}
body.home.color04 #front-service .front-service-inner .c_text .c_btn a {
    background: #343434;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color04 #front-company {
    background: #fff;
}
body.home.color04 #front-company .c_box {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color04 #front-company dl {
    border-bottom: 1px solid #e5e5e5;
}
body.home.color04 #front-company dl#front-company-1 dt {
    border-top: 2px solid #FB5235;
}
body.home.color04 #front-company dl#front-company-1 dd {
    border-top: 1px solid #e5e5e5;
}
body.home.color04 #front-contact {
    background: #FB5235;
}
body.home.color04 #front-contact .c_box_inner input[type=submit], body.home.color04 #front-contact .c_box_inner button {
    background: #131D2A;
}
body.color04 {
color: #666666; /* form
---------------------------------------- */ /* ----------------------------------------
* header
---------------------------------------- */
/* ----------------------------------------
* breadcrumb
---------------------------------------- */
/* ----------------------------------------
* gloval nav & primary nav
---------------------------------------- */
/* ----------------------------------------
* main
---------------------------------------- */
/* comment
---------------------------------------- */
/* loop
---------------------------------------- */
/* pager */
/* ----------------------------------------
* side
---------------------------------------- */
/* search */
/* comment */
/* follow */
/* ----------------------------------------
* footer
---------------------------------------- */
/* ----------------------------------------
* LP
---------------------------------------- */
/* ----------------------------------------
* pagetop
---------------------------------------- */
}
body.color04 a {
    color: #FB5235;
}
body.color04 form input[type="submit"], body.color04 form button {
    background: #333333;
    color: #fff;
}
body.color04 #header {
    background: #FB5235;
}
body.color04 #header a {
    color: #fff;
}
body.color04 .breadcrumb-area {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
body.color04 #gnav {
    background: #FB5235;
}
body.color04 #gnav ul li:hover a {
    background: #fb674e;
}
body.color04 #gnav ul li.current-menu-item a {
    background: #fb674e;
}
body.color04 #gnav ul li a {
    color: #fff;
    background: #FB5235;
}
body.color04 #gnav ul li a:hover {
    color: #fff;
    background: #fb674e;
}
body.color04 #gnav ul li .sub-menu {
    background: #fff;
    border: 1px #e5e5e5 solid;
}
body.color04 #gnav ul li .sub-menu li {
    border-bottom: 1px #e5e5e5 solid;
}
body.color04 #gnav ul li .sub-menu li a {
    color: #333333;
    background: #fff;
}
body.color04 #gnav ul li .sub-menu li a:hover {
    background: #fafafa;
    color: #333333;
}
body.color04 #header-fnav-area #header-fnav-btn a {
    background: #fb674e;
}
body.color04 #header-fnav-area #header-fnav {
    background: #fff;
    border: 1px #e5e5e5 solid;
}
body.color04 #header-fnav-area #header-fnav li {
    border-bottom: 1px #e5e5e5 solid;
}
body.color04 #header-fnav-area #header-fnav li a {
    color: #333333;
    background: #fff;
}
body.color04 #header-fnav-area #header-fnav li a:hover {
    background: #fafafa;
    color: #333333;
}
body.color04 .cat-content, body.color04 article.post, body.color04 article.page {
    background: #fff;
    border: 1px #e5e5e5 solid;
}
body.color04 .post-header {
    padding: 56px 64px 46px;
    border-bottom: 1px solid #e5e5e5;
}
body.color04 .post-header .cat-name span {
    border: 1px solid #FB5235;
    color: #FB5235;
}
body.color04 .post-title a {
    color: #666666;
}
body.color04 .post-title a:hover {
    color: #2B9CFB;
}
body.color04 .post-title a {
    color: #333333;
}
body.color04 .post-title a:hover {
    color: #2B9CFB;
}
body.color04 .post-meta-area {
    border-bottom: 1px solid #e5e5e5;
}
body.color04 .post-meta-area .post-meta-comment li {
    border-left: 1px solid #e5e5e5;
}
body.color04 .post-content hr {
    border-bottom: 1px solid #eee;
}
body.color04 .post-content h2 {
    border-left: 10px solid #131D2A;
    background: #333333;
    color: #fff;
}
body.color04 .post-content h3 {
    border-bottom: 2px solid #333333;
}
body.color04 .post-content h4 {
    border-left: 5px solid #131D2A;
    clear: both;
}
body.color04 .post-content blockquote {
    border: 1px #e5e5e5 solid;
    background: #fafafa;
}
body.color04 .post-content blockquote:before {
    color: #e7e7e7;
}
body.color04 .post-content blockquote cite {
    color: #808080;
}
body.color04 .post-content table {
    border: 1px #ddd solid;
}
body.color04 .post-content table th, body.color04 .post-content table td {
    border: #ddd solid 1px;
}
body.color04 .post-content table th {
    color: #fff;
}
body.color04 .post-content table thead th {
    background: #5e6265;
}
body.color04 .post-content table tbody th {
    background: #919598;
}
body.color04 .post-content table.table-line table, body.color04 .post-content table.table-line th, body.color04 .post-content table.table-line td {
    border-color: #fff;
}
body.color04 .post-content table.table-line th {
    color: #666666;
}
body.color04 .post-content table.table-line thead th {
    background: #5e6265;
    color: #fff;
}
body.color04 .post-content table.table-line tr {
    background: #eee;
}
body.color04 .post-content table.table-line tr:nth-child(2n+1) {
    background: #ddd;
}
body.color04 .post-cta {
    background: #131D2A;
    color: #fff;
}
body.color04 .post-cta .cta-post-title {
    border-bottom: 1px solid #eee;
}
body.color04 .post-cta .post-cta-btn a {
    background: #F86222;
    color: #fff;
}
body.color04 .post-cta .post-cta-btn a:hover {
    background: #fa8553;
}
body.color04 .post-cta .btn {
    background: #333333;
}
body.color04 .post-cta .btn:hover {
    background: #2B9CFB;
}
body.color04 .post-share .post-share-list1 a, body.color04 .post-share .post-share-list2 a, body.color04 .post-share .post-share-list3 a, body.color04 .post-share .post-share-list4 a {
    border: 1px #eee solid;
}
body.color04 .post-share .post-share-list1 a:hover, body.color04 .post-share .post-share-list2 a:hover, body.color04 .post-share .post-share-list3 a:hover, body.color04 .post-share .post-share-list4 a:hover {
    background: #f7f7f7;
}
body.color04 .post-author {
    border: 1px solid #e5e5e5;
    color: #666666;
    background: #fff;
}
body.color04 .post-author a {
    color: #333333;
}
body.color04 .post-author .post-author-meta {
    color: #666666;
}
body.color04 #comments {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 40px 45px;
}
@media screen and (max-width: 767px) {
    body.color01 #comments, body.color02 #comments, body.color03 #comments, body.color04 #comments {
        padding: 20px;
    }
}
body.color04 #comments h4 {
    border-bottom: 5px solid #333333;
}
body.color04 #comments h4 i {
    color: #333333;
}
body.color04 .comment-list > .comment {
    border-bottom: 1px #eee solid;
}
body.color04 .comment-list .children .comment-body {
    background: #f7f7f7;
}
body.color04 .cat-content {
    background: #fff;
}
body.color04 .post-loop-wrap .more-link {
    border: 1px #333333 solid;
    color: #333333;
}
body.color04 .post-loop-wrap .more-link:hover {
    background: #333333;
    color: #fff;
}
body.color04 .post-loop-wrap .post-footer {
    border-top: 1px #eee solid;
}
body.color04 .post-loop-wrap .post-footer a.morelink {
    background: #333333;
    color: #fff;
}
body.color04 .pagination span, body.color04 .pagination a {
    color: #666666;
    background: #fff;
}
body.color04 .pagination a:hover {
    color: #fff;
    background: #3279BB;
}
body.color04 .pagination .current {
    background: #3279BB;
    color: #fff;
}
body.color04 .side-widget .side-title {
    background: #ebebeb;
    border: 1px solid #e4e4e4;
}
body.color04 .side-widget a {
    color: #FB5235;
}
body.color04 .side-widget a:hover {
    color: #FB5235;
}
body.color04 .side-widget ul li {
    border-bottom: 1px solid #e5e5e5;
}
body.color04 .side-widget .post-date {
    color: #999999;
}
body.color04 .widget_search {
    border: 1px solid #e5e5e5;
}
body.color04 .widget_search button {
    color: #5e6265;
}
body.color04 .recentcomments {
    color: #808080;
}
body.color04 .recentcomments a {
    color: #666666;
}
body.color04 #side .share-list-wrap {
    background: #fff;
}
body.color04 #footer {
    color: #fff;
    border-top: 8px solid #333333;
}
body.color04 #footer a {
    color: #fff;
}
body.color04 #footer a:hover {
    color: #ccc;
}
body.color04 #footer-brand-area {
    border-bottom: 1px solid #333333;
}
body.color04 .footer-01 {
    background: #343434;
}
body.color04 .footer-02 {
    background: #282828;
}
body.color04 .single-lp .lp-wrap {
    border: 1px solid #eee;
    background: #fff;
}
body.color04 .single-lp .lp-thumbnail {
    border: 1px #ccc solid;
    border: 1px #ccc solid;
}
body.color04 .single-lp #lp-header {
    background: #FB5235;
}
body.color04 .single-lp #lp-header h1 {
    color: #333333;
    border-bottom: 1px solid #eee;
}
body.color04 .single-lp .lp-form {
    background: #494c4e;
    color: #fff;
}
body.color04 .single-lp .lp-form input[type=submit], body.color04 .single-lp .lp-form button {
    background: #F86222;
    color: #fff;
    border-bottom: 5px solid #e04807;
}
body.color04 .single-lp .lp-form input[type=submit]:hover, body.color04 .single-lp .lp-form button:hover {
    background: #f9743b;
}
body.color04 .pagetop {
    color: #fff;
}
body.color04 .pagetop span {
    background: #2b2b2b;
}
body.color04.single-lp #lp-header {
    background: #fb5235;
}
/* bzb_sns_btn 2016.12.20 */
.bzb-sns-btn {
    display: table-cell;
}
.bzb-sns-btn li {
    vertical-align: top;
    font-size: auto;
}
.bzb-sns-btn li.bzb-facebook {
    width: 83px;
}
.bzb-sns-btn li.bzb-twitter {
    width: 75px;
}
.bzb-sns-btn li.bzb-googleplus {
    width: 68px;
}
.bzb-sns-btn li.bzb-pocket {
    width: 86px;
}
.fb_iframe_widget span {
    vertical-align: top !important;
}
.bzb-line a img {
    vertical-align: top !important;
}
/* h2 2016.12.20 */
@media screen and (max-width: 1200px) {
    .post-content h2 {
        margin: 0 auto 2rem;
        padding: 10px 16px 10px 36px;
    }
}
@media screen and (max-width: 767px) {
    .post-content h2 {
        margin: 80px 0 32px 0;
        padding: 10px 16px 10px 20px;
    }
}
/* single-lp h2 2016.12.20 */
.single-lp #main {
    overflow: visible;
}
.single-lp .post-content h2 {
    margin: 80px 0 32px -66px;
}
@media screen and (max-width: 767px) {
    .single-lp .post-content h2 {
        margin: 80px 0 32px -30px;
        padding: 16px 16px 16px 20px;
    }
}
/*bootstrap*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}
.row:before, .row:after {
    display: table;
    content: " ";
}
.row:after {
    clear: both;
}
/*追加*/
.midashi {
    position: relative;
    padding: 0.5em;
    background: #a6d3c8;
    color: white;
}
.midashi::before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-right: solid 15px rgb(149, 158, 155);
}
.box1 {
    margin: 2em 0;
    background: #ffffff;
    border-bottom: #21516B solid 1px;
    border-left: #21516B solid 1px;
    border-right: #21516B solid 1px;
}
.box1 .box-title {
    font-size: 1.2em;
    background: #21516B;
    padding: 10px 15px;
    text-align: left;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 0;
}
.box1 p {
    padding: 15px 20px;
    margin: 0;
}
.green {
    color: #47a3ae;
}
.red {
    color: red;
}
.event1 {
    background: #fff;
    border: 1px #e5e5e5 solid;
    padding: 0px 10px;
}
.btn-square-so-pop {
    position: relative;
    display: inline-block;
    padding: 1em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: url(./img/btn-square-so-pop.png)no-repeat center;
    border-radius: 4px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}
.btn-square-so-pop:hover{
    text-decoration: none;
    opacity: .7;
}
.btn-square-so-pop:active {
/*押したとき*/
box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*マージン各種*/
.mt0 {margin-top: 0px !important;}
.mt20 {margin-top: 20px !important;}
.mt40 {margin-top: 40px !important;}
.mt60 {margin-top: 60px !important;}
.mt80 {margin-top: 80px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb80 {margin-bottom: 80px !important;}
.pt20 {padding-top: 20px !important;}
.pt40 {padding-top: 40px !important;}
.pt60 {padding-top: 60px !important;}
.pt80 {padding-top: 80px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb80 {padding-bottom: 80px !important;}

/*テキスト寄せ*/
.txt-c {text-align: center;}
.txt-l {text-align: left;}
.txt-r {text-align: right;}

/*フォントサイズ変更*/
.fs {font-size: 15px}

/*他社比較テーブル*/
.hikaku {width: 100%;}
.hikaku th.umygame {
    background-color: #ff7300;
    font-weight: bold;
}
.hikaku td.umygame {
    color: #ff7300;
    font-weight: bold;
}
.hikaku td:first-child {
    background: #ffefef;
}
@media screen and (max-width: 640px) {
    .hikaku .thead {
        display: none;
    }
    .hikaku tr {
        width: 100%;
    }
    .hikaku td {
        display: block;
        text-align: right;
        width: 100%;
    }
    .hikaku td:first-child {
        background: #ffefef;
        color: #241913;
        font-weight: bold;
        text-align: center;
    }
    .hikaku td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        margin-right: 10px;
    }
}

@media screen and (max-width: 767px) {
    table.table-bordered {
        white-space: unset !important;
    }
    table.table-bordered th , table.table-bordered td {
        width: 100%;
        display: block;
    }
    form input[type="text"], form input[type="email"], form input[type="url"], form input[type="tel"], form input[type="number"], form input[type="date"], form textarea {
        width: 100% !important;
    }
}


/* ----------------------------------------
* LP　訪問
---------------------------------------- */
.single-lp{
    background: none!important;
    padding: 0;
}
.single-lp .lp-wrap {
    width: 100%;
    border: none;
    margin: 0 auto;
    background: #fff;
    padding: 0;
}
.single-lp #main{
    padding: 0;
}
.single-lp #content{
    padding: 0;
}
.single-lp .cont{
    width: 1000px;
    margin:0 auto;
}
.single-lp .cont-wp{
    width: 840px;
    margin:0 auto;
}
.cont-wp-zi{
    width: 920px;
    margin:0 auto;
}
.lp-date{
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(./img/lp-date-bg.png)no-repeat center center;
    background-size: 1000px;
    width:1000px;
    height: 470px;
	margin: 0 auto;
}
.lp-date img{
    width:825px;
    height: 350px;
}
.lp-a-btn {
    padding: 80px 0;
    text-align: center;
}
.lp-a-btn a{
    display: inline-block;
}
.lp-a-btn a:hover{
    opacity: .7;
}
.lp-a-btn a img{
    width: 583px;
    height: 191px;
}
.midashi-bg{
    position: relative;
}
.midashi-bg img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    box-shadow: 0px 10px 15.48px 2.52px rgba(62, 62, 62, 0.41);
    z-index: 1;
    position: relative;
}
.midashi-bg p {
    font-size: 35px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    color: rgb(238, 238, 238);
    line-height: 1.2;
    text-align: center;
    margin: 0;
    position: absolute;
    top:50%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    width: 100%;
    z-index: 2;
}
.obtain{
    background-color: rgb(240, 253, 242);
    text-align: center;
    padding: 3.8rem 0 3.3rem;
    position: relative;
}
.obtain:before{
    content: '';
    background: url(./img/obtain-bg.png)no-repeat bottom center;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.obtain img{
    width: 848.5px;
    height: auto;
    z-index: 2;
    position: relative;
}
.reality-bg{
    background: url(./img/reality-bg.jpg)no-repeat center bottom;
    background-size: contain;
    width:100%;
    height: auto;
}
@media(min-width:2250px){
    .reality-bg{
        background: url(./img/reality-bg.jpg)no-repeat center bottom;
        background-size: cover;
        width:100%;
        height: auto;
    }
}
.reality-bg .col-md-6{
    padding: 0;
}
.reality-img{
    width: 399px;
    height: auto;
    float: left;
}
.serif-p p{
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    color: rgb(0, 0, 0);
    line-height: 1.75;
    letter-spacing: .01rem;
    margin-bottom: 2.3rem;
}
.sans-p p{
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: rgb(0, 0, 0);
    line-height: 1.75;
    letter-spacing: .03rem;
    margin-bottom: 2.3rem;
}
.pd-tb-60 {
    padding: 60px 0;
}
.pd-tb-80{
    padding:80px 0; 
}
.pd-tb-100{
    padding:92px 0 100px; 
}
.pt-80{
    padding-top:80px; 
}
.pb-80{
    padding-bottom:80px; 
}
.pb-90{
    padding-bottom:90px;
}
.pb-30{
    padding-bottom:30px; 
}
.pt-100{
    padding-top:100px; 
}
.pb-100{
    padding-bottom:100px; 
}
.mt-0{
    margin-top: 0!important;
}
.mb-0{
    margin-bottom: 0!important;
}
.mg-tb-auto{
    margin: auto auto!important;
}
.mt-25{
    margin-top: 2.5rem;
}
.mb-1{
    margin-bottom: 1rem!important;
}
.a40e12{
    color:#a50e12;
    font-weight: bold;
}
.necessity-bg{
    background: url(./img/necessity-bg.jpg)no-repeat left bottom;
    background-size: contain;
    width:100%;
    height: 967.5px;
}
@media(min-width:2250px){
    .necessity-bg{
        background: url(./img/necessity-bg.jpg)no-repeat left bottom;
        background-size: contain;
        width:100%;
        height: auto;
    }
}
.necessity-bg .col-md-6{
    padding: 0;
}
.necessity-img{
    width: 399px;
    height: auto;
    float: right;
}
.know-img {
    text-align: center;
    margin-bottom: 3.5rem;
}
.know-img img{
    width: 715px;
    height: auto;
}
.method-img {
    text-align: center;
    margin-bottom: 3.7rem;
}
.method-img img{
    width: 728px;
    height: auto;
}
.doubt-img{
    text-align: center;
    position: relative;
}
.doubt-img img{
    width: 1041px;
    height: 612.5px;
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 2;
}
.doubt-img:before{
    content:'';
    background: url(./img/doubt-img-bg.jpg) left;
    background-size: 50px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 612.5px;
    z-index: 1;
}
.doubt-img:after{
    content:'';
    background: url(./img/doubt-img-bg.jpg) right;
    background-size: 50px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 612.5px;
    z-index: 1;
}
@media(min-width: 2250px){
    .doubt-img:before{
        content:'';
        background: url(./img/doubt-img-bg.jpg) left;
        background-size: 50.05px;
        background-repeat: repeat-x;
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 612.5px;
        z-index: 1;
    }
    .doubt-img:after {
        content: '';
        background: url(./img/doubt-img-bg.jpg) right;
        background-size: 50.05px;
        background-repeat: repeat-x;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 612.5px;
        z-index: 1;
    }
}
.doubt-img2 {
    text-align: center;
    margin: 5rem auto 1rem;
}
.doubt-img2 img{
    width: 728px;
    height: auto;
}
.padevOP-bg{
    background-color: rgb(240, 253, 242);
}
.padevOP-bg div img{
    width: 720px;
    height: auto;
}
.profile-cont{
    margin: 0 auto 5.5rem;
    text-align: center;
    position: relative;
    width: 100%;
    height: 632px;
}
.profile-cont img{
    width: 1065px;
    height: 632px;
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 2;
}
.profile-cont:before{
    content:'';
    background: url(./img/profile-l.jpg) left;
    background-size: 50px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 632px;
    z-index: 1;
}
.profile-cont:after{
    content:'';
    background: url(./img/profile-r.jpg) right;
    background-size: 50px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 632px;
    z-index: 1;
}
.f-30{
    color:#a50e12;
    font-weight: bold;
}
.f-30-size{
    font-size: 35px;
}
.content-cont{
    background: url(./img/content-bg.png)no-repeat center center;
    background-size: cover;
    text-align: center;
    padding: 2.8rem 0;
    position: relative;
}
.content-cont img{
    width: 767px;
    height: auto;
    z-index: 2;
    position: relative;
}
.padevOP{
    text-align: center;
    margin-top: -1rem;
}
.padevOP img{
    width: 719px;
    height: auto;
}

.sd-bg-wp {
    background-color: #259073;
}
.seminar-date-bg{
    background: #f8fffd url(./img/seminar-date.png)center center;
    background-size: contain;
    background-blend-mode: multiply;
    width: 100%;
    height: auto;
    padding: 50px 0;
    margin: 0 auto 5rem;
}
.seminar-date{
    background: #fff;
    width: 920px;
    margin: 0 auto;
    padding:1.85rem 40px 1.85rem 40px;
}
.seminar-date div{
    text-align: center;
}
.seminar-date div img{
    width: 725px;
    height: auto;
    margin-bottom: 1.1rem;
}
.seminar-date-table{
    max-width: 100%;
    width: 100%;
    border:none!important;
}
.seminar-date-table tr th,.seminar-date-table tr td{
    border:none;
}
.seminar-date-table tr th {
    background-color: rgb(227, 223, 223)!important;
    width: 170px;
    vertical-align: middle;
    text-align: center;
    padding: .5rem 0;
    font-size: 18px;
    font-family: "Hiragino Sans";
    font-weight: 500;
    color: rgb(0, 0, 0);
}
.seminar-date-table-th-f{
    padding: 1rem 0 0rem!important;
}
.seminar-date-table tr th.vt{
    vertical-align: top!important;
}
.seminar-date-table tr td {
    background-color: rgb(238, 238, 238)!important;
    padding: 0;
}
.seminar-date-table tr td p {
    margin: 0 0 0 3rem;
    padding: .2rem 0 .3rem;
    font-size: 18px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: rgb(0, 0, 0);
}
.seminar-date-table-p{
    padding: 0rem 0 .5rem!important;
}
.seminar-date-table tr td p.ft {
    padding: .5rem 0 0;
}

.seminar-date-table tr td p:last-child {
    margin: 0 0 0 3rem;
    padding: .8rem 0 1rem;
    line-height: 1.4;
}
.seminar-date-table-hr {
    border-bottom: 1px rgb(206 206 206) solid;
    width: 95%;
    margin: 0 auto;
}
.qa-bg{
    background-color: rgb(240, 253, 242);
    padding: 6.3rem 0 4.5rem;
    margin: 0 auto 7rem;
}
.qa-bg dl{
    border-bottom: 1px solid rgb(209, 209, 209);
    padding:0 40px 2rem;
    margin: 0 0 1.7em;
}
.qa-bg dl:nth-child(1){
    border-top: 1px solid rgb(209, 209, 209);
    padding:2.2rem 40px;
}
.qa-bg dl dt{
    position: relative;
    padding-left: 3rem;
    margin-bottom: 1.4rem;
    font-size: 20px;
    font-family: 'Noto Serif JP', serif;
    color: rgb(0, 0, 0);
    font-weight: 500;
    line-height: 1.25;
}

.qa-bg dl dt:before{
    content:'';
    background: url(./img/q.png)no-repeat center center;
    background-size: 30px;
    width:30px;
    height: 30px;
    position: absolute;
    top:-.1rem;
    left:0;
}
.qa-bg dl dd{
    margin:0;
    position: relative;
    padding-left: 3rem;
    font-size: 18px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 300;
    color: rgb(0, 0, 0);
    line-height: 1.556;
}
.qa-bg dl dd:before{
    content:'';
    background: url(./img/a.png)no-repeat center center;
    background-size: 30px;
    width:30px;
    height: 30px;
    position: absolute;
    top:-.1rem;
    left:0;
}
.application{
    position: relative;
    width: 647px;
    margin: 3rem auto;
    text-align: center;
}
.application:before{
    content:'';
    background: url(./img/application-l.png)no-repeat center center;
    background-size: 35px;
    width:35px;
    height: 47px;
    position: absolute;
    top: -.3rem;
    left:.5rem;
}
.application:after{
    content:'';
    background: url(./img/application-r.png)no-repeat center center;
    background-size: 35px;
    width:35px;
    height: 47px;
    position: absolute;
    top: -.3rem;
    right:.5rem;
}
.application p{
    font-size: 23px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(4, 17, 34);
    font-weight: 500;
    line-height: 1.435;
}
.application + .lp-a-btn{
    padding:0 0 7.23rem;
}
.f33{
    font-size: 33px;
    font-weight: 500;
}
.f25{
    font-size: 25px;
    font-weight: bold;
    color:#a50e12;
}
.f12{
    font-size: 12px;
}
.single-lp .post-footer{
    background-color: rgb(207, 217, 237);
    padding:90px 0;
}
.single-lp .lp-fot{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single-lp .lp-fot-logo img{
    width: 335px;
    height: auto;
}
.lp-fot-tx{
    width: 415px;
}
.single-lp .lp-fot-tx{
    width: 470px;
}
.lp-fot-tx p{
    margin-bottom: 0;
    font-size: 15px;
    font-family: "Hiragino Sans";
    color: rgb(34, 34, 34);
    line-height: 1.667;
}
.lp-fot-tx-sg{
    font-weight: bold;
}
.copyright{
    background-color: rgb(34, 34, 34);
    display: flex;
    justify-content: center;
    align-items: center;
}
.fot-copy {
    font-size: 10px;
    font-family: "Hiragino Sans";
    color: rgb(255, 255, 255);
    text-align: center;
    margin: 0;
    padding: .13rem 0;
}
/* ----------------------------------------
* LP 訪問sp
---------------------------------------- */
@media screen and (max-width: 1200px){
    .single-lp #main, .single-lp #side, .single-lp .main-inner {
        margin: 0;
    }
    .one-column.single-lp #side{
        display: none;
    }
}
@media(max-width: 1024px){
    .single-lp #main, .single-lp #side, .single-lp .main-inner{

    }
    .single-lp .cont{
        width: 100%;
        margin:0 auto;
        padding: 0 1rem;
    }
    .single-lp .cont-wp{
        width: 100%;
        margin:0 auto;
        padding: 3rem 1rem;
    }
    .cont-wp-zi{
        width: 100%;
        margin:0 auto;
    }
    .lp-date {
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(./img/lp-date-bg.png)no-repeat center center;
        background-size: 100%;
        width: 100%;
        height: 100%;
    }
    .lp-date img{
        width: 100%;
        margin: 0 auto;
        padding: 1rem;
    }
    .midashi-bg img {
        width: 100%;
        height: 124px;
    }
    .midashi-bg p {
        font-size: 28px;
    }
    .serif-p p {
        font-size: 18px;
    }
    .profile-cont {
        height: auto;
    }
    .profile-cont img {
        width: 100%;
        height: auto;
    }
    .doubt-img img {
        width: 100%;
        height: auto;
    }
    .doubt-img:before{
        display: none;
    }
    .doubt-img:after{
        display: none;
    }
    .profile-cont:before{
        display: none;
    }
    .profile-cont:after{
        display: none;
    }
}
.sp-992{
    display: none;
}
@media(max-width: 992px){
    .pc-992{
        display: none;
    }
    .sp-992{
        display: block;
    }
    .reality-img-rs{
        text-align: center;
    }
    .reality-img {
        width: 399px;
        height: auto;
        float: none;
    }
    .necessity-img-rs{
        text-align: center;
    }
    .necessity-img {
        float: none;
    }
    .seminar-date div img {
        width: 600px;
        height: auto;
        margin-bottom: 1.1rem;
    }
    .seminar-date {
        background: #fff;
        width: 95%;
        margin: 0 auto;
        padding: 1.5rem 40px .5rem 40px;
    }
    .necessity-bg {
        height: auto;
    }
}
.sp-768{
    display: none;
}
@media(max-width: 768px){
    .pc-768{
        display: none;
    }
    .sp-768{
        display: block;
    }
    .profile-cont img {
        width: 100%;
        height: auto;
    }
    .midashi-bg p {
        font-size: 24px;
    }
    .seminar-date-table tr th {
        font-size: 15px;
    }
    .seminar-date-table tr td {
        padding: 0 .5rem;
    }
    .seminar-date-table tr td p {
        font-size: 15px;
        margin: 0 0 0 1rem;
    }
    .single-lp .lp-fot {
        display: block;
    }
    .lp-fot-logo{
        text-align: center;
    }
    .lp-fot-tx {
        width: 95%;
        margin: 2rem auto 0;
    }
    .single-lp .post-footer {
        padding: 50px 0;
    }
}
.sp-640{
    display: none;
}
@media(max-width: 640px){
    .sp-640{
        display: block;
    }
    .profile-cont img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .midashi-bg img {
        width: 100%;
        height: 85px;
    }
    .midashi-bg p {
        font-size: 18px;
    }
    .serif-p p {
        font-size: 16px;
    }
    .a40e12 {
        font-size: 16px;
    }
    .doubt-img2 {
        margin: 2rem auto 2rem;
    }
    .method-img {
        margin-bottom: 2rem;
    }
    .necessity-img-rs {
        margin-bottom: 2rem;
    }
    .mt-25 {
        margin-bottom: 0!important;
        margin-top: 4rem;
    }
    .seminar-date-table {
        white-space: unset!important;
    }
    .seminar-date-table tr th {
        font-size: 15px;
        display: block;
        width: 100%;
    }
    .seminar-date-table tr td {
        display: block;
    }
    .seminar-date-table tr td p:last-child {
        margin: 0 0 0 1rem;
    }
    .seminar-date-table-hr{
        display: none;
    }
    .application {
        width: 100%;
    }
    .application p {
        font-size: 20px;
    }
    .application:before {
        content: '';
        background: url(./img/application-l.png)no-repeat center center;
        background-size: 28px;
        width: 28px;
        height: 38px;
        position: absolute;
        top: .5rem;
        left: 1.5rem;
    }
    .application:after {
        content: '';
        background: url(./img/application-r.png)no-repeat center center;
        background-size: 28px;
        width: 28px;
        height: 38px;
        position: absolute;
        top: .5rem;
        right: 1.5rem;
    }
    .qa-bg {
        padding: 1.3rem 0 1.5rem;
        margin: 0 auto 3rem;
    }
    .lp-a-btn a img {
        width: 100%;
        height: auto;
    }
    .application + .lp-a-btn {
        padding: 0 1rem 3.23rem;
    }
    .obtain {
        padding: 2rem .5rem;
    }
    .content-cont {
        padding: 2rem .5rem;
    }
    #toc_container{
        width: 100%;
    }
}
@media(max-width: 580px){

    .application p {
        font-size: 18px;
        font-weight: 500;
    }
}
.sp-480{
    display: none;
}
@media(max-width: 480px){
    .sp-480{
        display: block;
    }
    .sp-cont{
        padding: 0!important;
    }
    .lp-a-btn {
        padding: 45px 1rem;
    }
    .know-img {
        margin-bottom: 2rem;
    }
    .profile-cont {
        margin: 0 auto 2.5rem;
    }
    .single-lp .cont-wp {
        padding: 3rem 1rem 0;
    }
    .padevOP-bg{
        padding: 0 0 2rem;
    }
    .seminar-date {
        background: #fff;
        width: 95%;
        margin: 0 auto;
        padding: 1.5rem 10px .5rem 10px;
    }
    .seminar-date-table-th-f {
        padding: .5rem 0 .5rem!important;
    }
    .seminar-date-bg {
        margin: -2.5rem auto 5rem;
    }
    .seminar-date-table-p {
        padding: .5rem 0 .5rem!important;
    }
    .qa-bg dl {
        padding: 0 15px 2rem;
        margin: 0 0 1.7em;
    }
    .qa-bg dl:nth-child(1) {
        padding: 2.2rem 10px;
    }
    .qa-bg dl dt {
        font-size: 17px;
    }
    .qa-bg dl dd {
        font-size: 15px;
    }
    .cont-wp-zi {
        width: 95%;
    }
    .tttt{/*消す*/
        width:95%;text-align:center;margin:5rem auto;
    }
    .ttttt{/*消す*/
        margin:0rem auto 5rem!important;
        width: 95%!important;
    }
}
@media (max-width: 320px){
    .application p {
        font-size: 15px;
    }
}
/* ----------------------------------------
* LP 予防
---------------------------------------- */
.yobou-cont{
    background: rgb(158, 175, 187);
}
.single-lp .yobou-cont-wp{
    width: 1000px;
    margin:0 auto;
}
.single-lp .yobou-cont-wp_840{
    width: 840px;
    margin:0 auto;
}
.main-v{
    position: relative;
}
.main-v:before{
    content:'';
    background: url(./img/main-band.jpg);
    background-repeat: repeat-x;
    background-size: cover;
    width: 100%;
    height: 230px;
    position: absolute;
    bottom: 0;
    left: 100%;
}
.main-v:after{
    content:'';
    background: url(./img/main-band.jpg);
    background-repeat: repeat-x;
    background-size: cover;
    width: 100%;
    height: 230px;
    position: absolute;
    bottom: 0;
    right: 100%;
}
.yobou-midashi h3{
    font-size: 40px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: rgb(40, 67, 86);
    line-height: 1.25;
    border: none;
    margin: .3rem auto 2.6rem;
}
.text-white{
    color: rgb(255, 255, 255)!important;
}
.yobou-acquire-knowledge img{
    width: 187px;
    height: auto;
}
.yobou-construct img{
    width: 114px;
    height: auto;
}
.yobou-action img{
    width: 88px;
    height: auto;
}
.yobou-dental-IQ img{
    width: 110px;
    height: auto;
}
.yobou-LTV img{
    width: 68px;
    height: auto;
}
.yobou-QA img{
    width: 73px;
    height: auto;
}
.yobou-seminar-contents img{
    width: 175px;
    height: auto;
}
.yobou-lp-date{
    display: flex;
    justify-content: center;
    align-items: center;
    width:1000px;
    height: 430px;
}
.yobou-lp-date img{
    width:825px;
    height: 350px;
}
.yobou-obtain{
    background: url(./img/yobou-obtain-bg.png)no-repeat center;
    background-size: cover;
    width: 100%;
    height: 1315px;
    padding: 0;
    position: relative;
    padding: 9rem 0 0;
}
@media(min-width: 1510px){
    .yobou-obtain{
        background: url(./img/yobou-obtain-bg.png)no-repeat center;
        background-size: cover;
        width: 100%;
        height: 90vw;
        padding: 0;
        position: relative;
        padding: 9rem 0 0;
    }
}
.yobou-reality-bg{
    background-color: rgb(229, 231, 233);
    margin: -10rem auto 0;
    padding: 12rem 0 2.3rem;
}
.yobou-cont-wp-r{
    display: flex;
    justify-content: space-between;
    width: 1485px;
    margin: 0 auto;
    padding-left: 20rem;
}
.pd-yobou-philosophy{
    padding: 5.3rem 0 0;
}
.philosophy-bg {
    background-color: rgb(229, 231, 233);
    overflow: hidden;
    -webkit-clip-path: polygon(100% 0, 100% 91%, 0% 100%, 0 0);
    clip-path: polygon(100% 0, 100% 91%, 0% 100%, 0 0);
    padding: 0 0 100px;
}
.pt-yobou-dental-IQ{
    padding: 2.5rem 0 1rem;
}

.yobou-reality-cont{
    display: flex;
}
.yobou-cont-wp-r-r{
    width: 613px;
}
.yobou-reality-img{
    width: 100%;
    max-width: 526px;
}
.yobou-reality-img img{
    width: 100%;
    max-width: 526px;
    height: auto;
}
.yobou-profile-cont{
    background: url(./img/yobou-profile-bg.jpg)no-repeat center;
    background-size: cover;
    width: 100%;
    height: 660px;
    position: relative;
    text-align: center;
}
.yobou-profile-cont:after{
    content: '';
    background: url(./img/yobou-profile-bg-obi-r.png);
    background-size: contain;
    background-repeat: repeat-x;
    width: 100%;
    height: 660px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    box-shadow: 0px 4px 3px 0px #b9b9b9;;
}
.yobou-profile-cont img{
    width: 1075px;
    height: 632px;
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    margin: 0 auto;
    z-index: 2;
}
@media(max-width: 992px){
    .single-lp .yobou-cont-wp {
        width: 100%;
        margin: 0 auto;
    }
    .main-v:before{
        display: none;
    }
    .yobou-lp-date {
        width: 100%;
        height: auto;
        padding: 2rem;
    }
    .yobou-lp-date img {
        width: 100%;
        height: auto;
    }
    .yobou-profile-cont img{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0;
        left:0;
        right:0;
        margin: 0 auto;
        z-index: 2;
    }
}
.philosophy-img {
    text-align: center;
    margin: 4rem auto 3.5rem;
}
.philosophy-img img{
    width: 730px;
    height:auto;
}
.ltv-bg{
    background: url(./img/ltv-bg.png)no-repeat center;
    background-size: cover;
    width: 100%;
    height: 2804px;
}
@media(min-width: 1510px){
    .ltv-bg{
        -webkit-clip-path: polygon(100% 0, 100% 97%, 0% 100%, 0 3.5%);
        clip-path: polygon(100% 0, 100% 97%, 0% 100%, 0 3.5%);
        overflow: hidden;
    }
}
.pd-ltv-bg{
    padding: 8.5rem 0 0;
}
.ltv-h3{
    margin: .3rem auto 4rem!important;
}
.ltv-bg p{
    color:#fff;
}
.ltv-img{
    text-align: center;
    margin: 0 auto 2.3rem;
}
.ltv-img img{
    width: 620px;
    height: auto;
}
.yellow-tx{
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    color: #dbdd31;
    line-height: 1.75;
}
.satisfaction-img{
    text-align: center;
    margin: 0 auto 2.8rem;
}
.yobou-construct-cont{
    padding: 3rem 0 0;
}
.satisfaction-img img{
    width: 772px;
    height: auto;
}
.profit-img{
    text-align: center;
    margin: -1.5rem auto 3.5rem;
}
.profit-img img{
    width: 665px;
    height: auto;
}
.satisfaction{
    text-align: center;
}
.satisfaction img{
    width: 772px;
    height: auto;
}
.yobou-construct-cont-p-top{
    margin: 4rem auto 2.3rem;
}
.yobou-construct-cont-p-bottom{
    margin: 0 auto 9rem!important;
}
.yobou-yajirushi{
    text-align: center;
    margin: 2.5rem auto 4rem;
}
.yobou-yajirushi img{
    width: 100px;
    height: auto;
}
.yobou-method-cont{
    background: url(./img/yobou-method-bg.jpg) center center;
    background-repeat: repeat;
    background-size: contain;
    width: 100%;
    height: 371px;
    text-align: center;
    position: relative;
}
.yobou-method-cont img{
    width: 1014px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.yobou-midashi-red {
    text-align: center;
    margin: 0 auto 4.3rem;
}
.yobou-midashi-red h3{
    font-size: 35px;
    font-family: 'Noto Serif JP', serif;
    color: rgb(165, 14, 18);
    font-weight: bold;
    line-height: 1.429;
    border:none;
}
.attend-cont{
    padding: 0 0 3rem;
}
.attend-img{
    text-align: center;
    margin: 0 auto 4.3rem;
}

.attend-img img{
    width:555px;
    height: auto;
}
.yobou-content-bg{
    background: url(./img/yobou-content-bg.png)no-repeat center;
    background-size: cover;
    width: 100%;
    height: auto;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 0 3.5%);
    clip-path: polygon(100% 0, 100% 100%, 0% 100%, 0 3.5%);
    overflow: hidden;
    padding-bottom: 2rem;
}
.yobou-seminar-contents-cont{
    padding: 10rem 0 0;
}
.yobou-content-bg p{
    color:#fff;
}
.yobou-seminar-contents-wp{
    display: flex;
    justify-content: space-between;
    margin: 0 auto 2.5rem;
}
.yobou-seminar-contents-wp-l{
    width: 545px;
}
.yobou-seminar-contents-wp-r{
    width: 245px;
}
.yobou-content01{
    width: 245px;
    height: auto;
}
.yobou-content02{
    text-align: center;
    margin: 4rem auto 4rem;
}
.yobou-content02 img{
    width: 616px;
    height: auto;
}
.yobou-content-p{
    margin: 6rem auto 0rem;
}
.yobou-seminar-title{
    text-align: center;
    margin: 2.5rem auto 2.5rem;
}
.yobou-seminar-date-bg {
    background-color: rgb(214, 226, 242);
    padding: 2rem 0;
}
.yobou-seminar-date-table tr th {
    background-color: rgb(102, 136, 160)!important;
    width: 170px;
    vertical-align: middle;
    text-align: center;
    padding: .5rem 0;
    font-size: 18px;
    font-family: 'Noto Serif JP', serif!important;
    font-weight: 500;
    color: #fff!important;
}

.yobou-seminar-date-table tr td {
    background-color: rgb(251, 251, 251)!important;
}

.yobou-seminar-date-table tr td p {
    font-family: 'Noto Serif JP', serif!important;
    font-weight: 400;
}
.yobou-seminar-title img{
    width: 504px;
    height: auto;
}
.yobou-btn-font{
    font-size: 23px;
    font-family: 'Noto Serif JP', serif!important;
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.435;
    text-align: center;
}
.yobou-qa-bg{
    padding: 6rem 0 2.5rem;
    margin: 0 auto;
}
.yobou-qa-bg .yobou-midashi h3{
    margin: .3rem auto 4rem;
}
.yobou-qa-bg dl{
    border-bottom: 1px solid rgb(40, 67, 86);
    padding:0 0 2rem 40px;
    margin: 0 0 1.7em;
}
.yobou-qa-bg-dl-nth1{
    border-top: 1px solid rgb(40, 67, 86);
    padding:2.2rem 0 2rem 40px!important;
}
.yobou-qa-bg dl dt{
    position: relative;
    padding-left: 4.5rem;
    margin-bottom: 1.5rem;
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(0, 0, 0);
    font-weight: 600;
    line-height: 1.25;
}
.yobou-qa-bg dl dt:before{
    content:'';
    background: url(./img/yobou-q.jpg)no-repeat center center;
    background-size: 40px;
    width:40px;
    height: 40px;
    position: absolute;
    top:.3rem;
    left:0;
}
.yobou-qa-bg-be:before{
    content:'';
    background: url(./img/yobou-q.jpg)no-repeat center center;
    background-size: 40px;
    width:40px;
    height: 40px;
    position: absolute;
    top:-.4rem!important;
    left:0;
}
.yobou-qa-bg dl dd{
    margin:0;
    position: relative;
    padding-left: 4.5rem;
    font-size: 18px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 300;
    color: rgb(0, 0, 0);
    line-height: 1.556;
}
.yobou-qa-bg dl dd:before{
    content:'';
    background: url(./img/yobou-a.jpg)no-repeat center center;
    background-size: 40px;
    width:40px;
    height: 40px;
    position: absolute;
    top:-.1rem;
    left:0;
}
.yobou-seminar-obi img{
    width: 100%;
    height:42.5px;
    object-fit: cover;
}
.yobou-lp-a-btn {
    padding: 60px 0 1rem!important;
}
/* ----------------------------------------
* 予防LP SP
---------------------------------------- */
@media(max-width: 1498px){
    .yobou-cont-wp-r {
        width: 1195px;
        margin: 0 auto;
        padding-left: 11rem;
    }
    .yobou-cont-wp-r-r {
        width: 60%;
    }
    .yobou-reality-img {
        width: 40%;
        max-width: 100%;
        margin: 0 0rem auto 2rem;
    }
    .yobou-reality-img img {
        width: 100%;
        max-width: 400px;
        height: auto;
    }
}
@media (max-width: 1200px){
    .yobou-cont-wp-r {
        width: 1035px;
        margin: 0 auto;
        padding: 0 0 0 6rem;
    }
}
@media (max-width: 1024px){
    .yobou-cont-wp-r {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 0 1rem;
    }
}
@media(max-width:992px){
    .single-lp .yobou-cont-wp_840{
        width: 100%;
        margin:0 auto;
        padding-left:1rem;
        padding-right:1rem;
    }
    .yobou-midashi h3 {
        font-size: 35px;
    }
    .yobou-profile-cont{
        height: auto;
    }
    .yobou-profile-cont img {
        position: unset;
    }
    .yobou-profile-cont {
        background: none;
    }
    .yobou-profile-cont:after{
        display: none;
    }
    .yobou-method-cont {
        height: 330px;
    }
    .yobou-content-bg {
        background: url(./img/yobou-content-bg.png)no-repeat center;
        background-size: cover;
        width: 100%;
        height: auto;
        padding: 0 0 2rem;
    }
}
@media (max-width: 768px){
    .yobou-method-cont {
        height: 270px;
    }
    .yobou-midashi-red h3 {
        font-size: 25px;
    }
    .yobou-obtain {
        background: url(./img/yobou-obtain-bg.png)no-repeat center;
        background-size: cover;
        width: 100%;
        height: auto;
        padding: 0;
        position: relative;
        padding: 9rem 0 9rem;
    }
    .yobou-cont-wp-r {
        display: block;
        padding: 0 1rem 0;
    }
    .yobou-cont-wp-r-r {
        width: 100%;
    }
    .yobou-reality-img {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 2rem;
        text-align: center;
    }
    .profit-img {
        margin: 2rem auto 3rem;
    }
    .ltv-bg {
        background: url(./img/ltv-bg.png)no-repeat center;
        background-size: cover;
        width: 100%;
        height: auto;
        padding: 0 0 4rem;
    }
    .yobou-lp-a-btn {
        padding: 30px 1rem 1rem!important;
    }
}
@media (max-width: 640px){
    .yobou-seminar-contents-wp {
        display: block;
        margin: 0 auto 2rem;
    }
    .yobou-content-p {
        margin: 2rem auto 0;
    }
    .yobou-content-bg {
        background: url(./img/yobou-content-bg.png)no-repeat center;
        background-size: cover;
        width: 100%;
        height: auto;
        padding: 0 0 2rem;
    }
    .yobou-method-cont {
        height: auto;
    }
    .yobou-method-cont img {
        width: 100%;
        height: auto;
        position: unset;
    }
    .yobou-method-cont{
        background: none;
    }
    .yobou-yajirushi {
        text-align: center;
        margin: 2.5rem auto 2rem;
    }
    .yobou-yajirushi img {
        width: 65px;
    }
    .yobou-midashi-red h3 {
        font-size: 18px;
    }
    .yobou-construct-cont p {
        margin: 2rem auto 2rem;
    }
    .yobou-seminar-contents-cont {
        padding: 6rem 0 0;
    }
    .yobou-seminar-contents-wp-l {
        width: 100%;
    }
    .yobou-seminar-contents-wp-r {
        width: 100%;
        text-align: center;
    }
    .yobou-seminar-date-table tr th {
        width: 100%;
    }
    .yobou-seminar-title img {
        width: 100%;
        height: auto;
        padding: 0 1rem;
    }
    .seminar-date-table-th-f {
        padding: .5rem 0 .5rem!important;
    }
    .seminar-date-table-p {
        padding: .5rem 0 .5rem!important;
    }
    .yobou-qa-bg-dl-nth1 {
        padding: 2rem 1rem 2rem!important;
    }
    .yobou-qa-bg dl {
        padding: 0 1rem 2rem;
        margin: 0 0 1.7em;
    }
    .yobou-qa-bg dl dt {
        padding-left: 3.5rem;
        margin-bottom: 1.5rem;
        font-size: 18px;
    }
    .yobou-qa-bg dl dd {
        padding-left: 3.5rem;
        font-size: 16px;
    }
    .yobou-qa-bg-be:before {
        content: '';
        background: url(./img/yobou-q.jpg)no-repeat center center;
        background-size: 40px;
        width: 40px;
        height: 40px;
        position: absolute;
        top: .2rem!important;
    }
    .yobou-construct-cont-p-bottom {
        margin: 0 auto 2rem!important;
    }
    .single-lp .lp-fot-tx {
        width: 100%;
    }
}
@media (max-width: 480px){
    .pc-480{
        display: none;
    }
    .yobou-midashi h3 {
        font-size: 24px;
        font-weight: 400;
    }
    .yobou-obtain {
        padding: 5rem 0 5rem;
    }
    #yobou p {
        font-size: 16px!important;
        margin-bottom: 2rem;
    }
    .sans-p p {
        font-size: 16px;
    }
    .yellow-tx {
        font-size: 18px;
    }
    .pd-yobou-philosophy {
        padding: 2.3rem 0 0;
    }
    .philosophy-img {
        text-align: center;
        margin: 2rem auto 2rem;
    }
    .philosophy-bg {
        background-color: rgb(229, 231, 233);
        overflow: hidden;
        -webkit-clip-path: polygon(100% 0, 100% 97%, 0% 100%, 0 0);
        clip-path: polygon(100% 0, 100% 97%, 0% 100%, 0 0);
        clip-path: polygon(100% 0, 100% 97%, 0% 100%, 0 0);
        padding: 0 0 50px;
    }
    .pt-yobou-dental-IQ {
        padding: 1.5rem 0 0;
    }
    .pd-ltv-bg {
        padding: 5.5rem 0 0;
        margin: -2rem auto 0!important;
    }
    .ltv-h3 {
        margin: .3rem auto 2rem!important;
    }
    .yobou-content-bg {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 0 1.5%);
        clip-path: polygon(100% 0, 100% 100%, 0% 100%, 0 1.5%);
        overflow: hidden;
    }
    .yobou-construct-cont {
        padding: 0;
    }
    .yobou-construct-cont p {
        margin: 1rem auto 2rem;
    }
    .yobou-seminar-contents-wp .mt40{
        margin-top: 0!important;
    }
    .yobou-midashi-red {
        margin: 0 auto 2.3rem;
    }
    .attend-img {
        margin: 0 auto 2.3rem;
    }
    .attend-cont {
        padding: 0 0 0rem;
    }
    .yobou-qa-bg {
        padding: 2rem 0 0rem;
        margin: 0 auto;
    }
    .seminar-date-table tr td p:last-child {
        margin: 0 0 0 0rem;
    }
    .yobou-qa-bg .yobou-midashi h3 {
        margin: .3rem auto 3rem;
    }
}


/* ----------------------------------------
* デントライトSEO用LP
---------------------------------------- */
.dentalight-main-vl img{
    width: 100%;
    object-fit: cover;
}
#dentalight p{
    font-feature-settings: "palt";
}
.dentalight-hd-line{
    background:url(./img/dentalight-hd-line.png)no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 17px;
    font-family: 'Noto Sans JP', sans-serif;
    padding-bottom: 1rem;
    margin-bottom: 3.5rem;
}
.dentalight-cont-wp{
    text-align:center;
}
@media (min-width: 2050px){
    .dentalight-main-vl img {
        height: auto;
        width: 100%;
        object-fit: cover;
    }
}
.dentalight-cont{
    width: 1100px;
    margin: 0 auto;
}
.dentalight-h3{
    font-size: 35px!important;
    font-family: 'Noto Sans JP', sans-serif!important;
    color: rgb(32, 31, 31)!important;
    font-weight: 500!important;
    line-height: 1.286!important;
    text-align: center!important;
    border-top:2px dotted #000!important;
    border-bottom:2px dotted #000!important;
    padding: 1.57rem 0;
    width: 1000px;
    margin: 0 auto!important;
    font-style: italic;
}
.dentalight-case-cont-sy{
    margin-top: -12rem;
}
.dentalight-case-cont{
    width: 1000px;
    margin: 0 auto;
}
.dentalight-case{
    width: 1000px;
    display: flex;
    justify-content: space-between;
}
.dentalight-case-midashi-1 dt,.dentalight-case-midashi-2 dt,.dentalight-case-midashi-3 dt{
    font-size: 15px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(129, 131, 131);
    border-bottom:1px solid rgb(129, 131, 131);
    display: inline-block;
}
.dentalight-case-midashi-1 dd,.dentalight-case-midashi-2 dd,.dentalight-case-midashi-3 dd{
    font-size: 30px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(32, 31, 31);
    font-weight: 500;
    margin-left: 0!important;
}
.dentalight-case-midashi-1{
    margin-top: 4.5rem;
}
.dentalight-case-midashi-2{
    text-align:right;
}
.dentalight-case1-1,.dentalight-case2-2,.dentalight-case3-1{
    width: 500px;
}
.dentalight-case1-2,.dentalight-case2-1,.dentalight-case3-2{
    width: 450px;
}
.dentalight-case p {
    font-size: 17px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(32, 31, 31);
    line-height: 1.588;
}
.dentalight-case-tl{
    font-size:14px!important;
    font-weight: 500;
    margin-top: .5rem;
}
.dentalight-case1-2,.dentalight-case2-1,.dentalight-case3-2{
    position: relative;
    z-index: 1;
}
.dentalight-case1-2:before{
    content: '';
    position: absolute;
    top: -16rem;
    right: -50px;
    background: url(./img/dentalight-case-1.png)no-repeat;
    background-size: 241px;
    width: 241px;
    height: 100%;
    z-index: -1;
}
.dentalight-case3-2:before{
    content: '';
    position: absolute;
    top: -13rem;
    right: -50px;
    background: url(./img/dentalight-case-3.png)no-repeat;
    background-size: 322px;
    width: 322px;
    height: 100%;
    z-index: -1;
}
.dentalight-case2-1:before{
    content:'';
    position: absolute;
    top:-14rem;
    left:-50px;
    background:url(./img/dentalight-case-2.png)no-repeat;
    background-size:330px;
    width: 330px;
    height: 100%;
    z-index: -1;
}
.dentalight-case-2-sy{
    background: url(./img/dentalight-case-cont-sy.png)no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 921px;
    display: flex;
    align-items: center;
}





.dentalight-case1-img,.dentalight-case3-img{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.dentalight-case1-img div:nth-child(1),.dentalight-case2-img div:nth-child(1),.dentalight-case3-img div:nth-child(1){
    margin-right: 1rem;
}
.dentalight-case1-img div img,.dentalight-case2-img div img,.dentalight-case3-img div img{
    width: 308px;
    height: auto;
}
.dentalight-case2-img{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}








.dentalight-trouble{
    text-align: center;
    background:url(./img/dentalight-trouble-sy.png)no-repeat center center;
    background-size: contain;
    width: 950px;
    height: 933px;
    position: relative;
    margin: 5rem auto 0;
}
.dentalight-trouble:before{
    content: '';
    background: url(./img/dentalight-trouble-sy-ba.png);
    background-size: contain;
    background-position: top;
    background-repeat-x: repeat;
    width: 100%;
    height: 933px;
    position: absolute;
    top: 0;
    left: 100%;
}
.dentalight-trouble:after{
    content: '';
    background: url(./img/dentalight-trouble-sy-ba.png);
    background-size: contain;
    background-position: top;
    background-repeat-x: repeat;
    width: 100%;
    height: 933px;
    position: absolute;
    top: 0;
    right: 100%;
}
.dentalight-trouble p{
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-style: italic;
    color: rgb(255, 255, 255);
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    padding: 4.5rem 0 0;
    margin-bottom: 1rem;
}
.trouble-ul{
    padding: 0;
    margin: 0 auto!important;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 800px;
}
.trouble-ul li{
    width: 255px;
    height: 100%;
    margin: 0 0 1rem;
    list-style: none;
}
.ye {
    font-size: 35px!important;
    font-family: 'Noto Sans JP', sans-serif!important;
    color: rgb(244, 239, 85)!important;
    font-weight: 500!important;
    font-style: italic;
    border-top:2px dotted #fff!important;
    border-bottom:2px dotted #fff!important;
    padding: 3rem 0;
    margin: 1rem auto 2.5rem!important;
}
.dentalight-trouble-seo{
    text-align: center;
    margin-top: -69px;
}
.dentalight-trouble-seo img{
    width: 100%;
    height: 887px;
    object-fit: cover;
}
@media (min-width: 2100px){

    .dentalight-trouble-seo img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}
.dentalight-feature{
    background-color: rgb(243, 242, 242);
    padding: 3rem 0;
}
.dentalight-feature-sy{
    background-color: rgb(231, 230, 230);
}
.feature-midashi-spn{
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(32, 31, 31);
    font-weight: 500;
    line-height: 2.25;
}
.dentalight-feature-sy{
    position: relative;
    padding: 4rem 0 1.5rem;
}
.dentalight-feature-sy:before{
    content:'';
    background: url(./img/dentalight-feature-sy1.png)no-repeat right center;
    background-size: 540px;
    width: 540px;
    height: 540px;
    position: absolute;
    top:240px;
    right:0;
    z-index: 1;
}
.dentalight-feature-sy:after{
    content:'';
    background: url(./img/dentalight-feature-sy2.png)no-repeat bottom center;
    background-size: 1045px;
    width: 1045px;
    height: 480px;
    margin: 0 auto;
    position: absolute;
    bottom:0;
    right:0;
    left:0;
    z-index: 1;
}
.dentalight-feature-cont{
    width: 645px;
    margin-left: 150px;
    margin-top: 2rem;
}
.dentalight-feature aside{
    font-size: 15px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
    display: inline-block;
    margin-bottom: 1.5rem;
    font-weight: 600;
}
.dentalight-feature-aside{
    margin-top:2rem;
}
.dentalight-feature p{
    font-size: 17px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #201f1f;
    line-height: 1.588;
    margin-right: 1.5rem;
    position: relative;
    z-index: 2;
}

.dentalight-feature-ul{
    background:#fff;
    padding: 2rem 1.5rem;
    margin:2rem 1.5rem!important;
}
.dentalight-feature-ul li{
    background: url(./img/dentalight-feature-ck.png)no-repeat left center;
    background-size: 26px;
    width: 100%;
    height: 100%;
    list-style: none;
    text-indent: 2rem;
    font-size: 18px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    color: rgb(32, 31, 31);
    line-height: 2.2;
    font-feature-settings: "palt";
}
.dentalight-red{
    color:#f33232;
    font-weight: 600!important;
    font-size: 17px;
}
.dentalight-difference-wp{
    padding: 4.5rem 0 0;
}
.dentalight-difference{
    width: 900px;
    margin: 3.5rem auto;
}

.dentalight-difference p{
    font-size: 17px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: rgb(32, 31, 31);
    line-height: 1.588;
    font-feature-settings: "palt";
}
.dentalight-difference-img1,.dentalight-difference-img2,.dentalight-difference-img3{
    text-align: center;
}
.dentalight-difference-img1{
    margin-top: -1rem;
}
.dentalight-difference-img1 img,.dentalight-difference-img2 img,.dentalight-difference-img3 img{
    width: 700px;
    height: auto;
}
.dentalight-specialized{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    margin: 3rem auto 1rem;
}
.dentalight-specialized h6{
    background-color: rgb(16, 186, 172);
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: rgb(255, 255, 255);
    text-align: center;
    margin: 0 auto;
    padding: .2rem 0;
    width: 398px;
}
.dentalight-specialized ul{
    padding: 3rem 1rem 2.5rem;
    margin: -1rem auto 2rem;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(16, 186, 172);
    background-color: rgba(191, 169, 148, 0);
    list-style: none;
    text-align: center;
    width: 420px;
    height: 198px;
    font-feature-settings: "palt";
}
.dentalight-difference-img2{
    margin: 4rem auto 0;
}
.dentalight-difference-fontred ul{
    padding: 2rem 1rem 2.5rem;
}
.dentalight-difference-fontred ul li{
    color: #f33232!important;
}
.dentalight-specialized ul li{
    font-size: 18px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(86, 86, 86);
    font-weight: 600;
    line-height: 2;
}
.dentalight-comparison{
    text-align: center;
    position: relative;
}
.dentalight-comparison img{
    width: 1065px;
    height: auto;
    position: relative;
    left: 0;
    z-index: 2;
}
.dentalight-comparison:before{
    content:'';
    background: url(./img/dentalight-comparison-sy.jpg)center center;
    background-size: 100px;
    width: 100%;
    height: 420px;
    position: absolute;
    top:0;
    left: 0;
    z-index: 1;
}
.dentalight-comparison2 {
    background-color: rgb(247, 247, 247);
    text-align: center;
    padding: 3rem 0 5.5rem;
}
.dentalight-comparison2 img{
    width: 923px;
    height: auto;
}
.dentalight-comparison3 {
    background: url(./img/dentalight-comparison3-sy.jpg)no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 675px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.dentalight-comparison3:before{
    content:'';
    background: url(./img/dentalight-comparison3-sy-v.png)no-repeat center center;
    background-size: contain;
    width: 250px;
    height: 31.5px;
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin: 0 auto;
}
.dentalight-comparison3 img{
    width: 948px;
    height: auto;
}
.dentalight-specification,.dentalight-process,.dentalight-introduction{
    width: 1100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.dentalight-specification{
    margin: 6rem auto 0;
}
.dentalight-introduction{
    align-items: flex-start;
}
.dentalight-specification,.dentalight-introduction{
    padding-left: 50px;
}
.dentalight-process{
    padding-right: 50px;
}

.dentalight-specification-r{
    background:url(./img/dentalight-spi1.png)no-repeat center center;
    background-size: 474px;
    width: 474px;
    height: 414px;
}
.dentalight-process-l{
    background:url(./img/dentalight-spi2.png)no-repeat center center;
    background-size: 500px;
    width: 500px;
    height:379px;
}
.dentalight-specification-ul{
    padding: 0;
    margin: 0!important;
    list-style: none;
    font-feature-settings: "palt";
    list-style: none!important;
}
.dentalight-specification-ul li{
    text-indent: 2rem;
    background:url(./img/dentalight-specification-ul.png)no-repeat left center;
    background-size: 24px;
    width: 100%;
    height:100%;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 1rem;
}

.dentalight-specification dl dt,.dentalight-process dl dt,.dentalight-introduction dl dt{
    font-size: 15px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    color: rgb(129, 131, 131);
    border-bottom: 1px solid rgb(129, 131, 131);
    display: inline-block;
    letter-spacing: .1em;
}
.dentalight-specification dl dd,.dentalight-process dl dd,.dentalight-introduction dl dd{
    font-size: 30px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    color: rgb(32, 31, 31);
    font-style: italic;
    margin-left: 0;
}

.dentalight-process-sy{
    background:url(./img/dentalight-process-sy.png)no-repeat center center;
    background-size: cover;
    width: 100%;
    height:871px;
    display: flex;
    align-items: center;
}
@media(min-width: 2001px){
    .dentalight-process-sy{
        height:50vw;
    }
}
.dentalight-process-r dl{
    text-align: right;
}
.dentalight-process-ul{
    list-style: none!important;
    padding: 0;
    margin: 0!important;
}
.dentalight-process-ul li{
    background-color: rgb(255, 255, 255);
    margin-bottom: .3rem!important;
    width: 440px;
    height: 105px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 8rem;
    font-size: 18px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(82, 82, 82);
    font-weight: 500;
    font-feature-settings: "palt";
}
.dentalight-process-fontred{
    color: #f33232!important;
    font-size:16px;
}
.dentalight-process-ul li:nth-child(1){
    display: block;
    padding-top: 2rem;
    line-height: 1.3;
}
.dentalight-process-ul li:nth-child(1):before{
    content:'';
    background: url(./img/step1.png)no-repeat left center;
    background-size: contain;
    width: 82px;
    height: 82px;
    position: absolute;
    top: .7rem;
    left: 1rem;
}
.dentalight-process-ul li:nth-child(2):before{
    content:'';
    background: url(./img/step2.png)no-repeat left center;
    background-size: contain;
    width: 82px;
    height: 82px;
    position: absolute;
    top: .7rem;
    left: 1rem;
}
.dentalight-process-ul li:nth-child(3):before{
    content:'';
    background: url(./img/step3.png)no-repeat left center;
    background-size: contain;
    width: 82px;
    height: 82px;
    position: absolute;
    top: .7rem;
    left: 1rem;
}
.dentalight-process-ul li:nth-child(4):before{
    content:'';
    background: url(./img/step4.png)no-repeat left center;
    background-size: contain;
    width: 82px;
    height: 82px;
    position: absolute;
    top: .7rem;
    left: 1rem;
}
.dentalight-process-ul li:nth-child(5):before{
    content:'';
    background: url(./img/step5.png)no-repeat left center;
    background-size: contain;
    width: 82px;
    height: 82px;
    position: absolute;
    top: .7rem;
    left: 1rem;
}
.dentalight-introduction-ul{
    padding:0;
    margin: 0 auto 2rem!important;
    list-style: none!important;
}
.dentalight-introduction-ul li{
    position: relative;
    font-feature-settings: "palt";
    padding-left: 2rem;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: .5rem;
    font-family: 'Noto Sans JP', sans-serif;
}
.dentalight-introduction-ul li:before{
    content:'';
    background: url(./img/dentalight-introduction-ul.png)no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    top: .3rem;
    left: 0;
}
.dentalight-introduction-img{
    margin-bottom: 1rem;
}
.dentalight-introduction-l dl{
    margin: 0 0 2rem;
}
.dentalight-introduction-l .dentalight-red{
    font-weight: 700!important;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 7rem;
}
.dentalight-introduction-l p{
    font-feature-settings: "palt";
}
.dentalight-introduction-r{
    position: relative;
}
.dentalight-introduction-r:before{
    content:'';
    background:url(./img/dentalight-spi3.png)no-repeat center center;
    background-size: 472px;
    width: 472px;
    height:328px;
    position: absolute;
    top:1.5rem;
    right:0;
}
.dentalight-introduction-img img{
    zoom:.5;
}
.dentalight-introduction p{
    font-size:17px!important;
}
.dentalight-support-sy{
    background:url(./img/dentalight-support-sy.png)no-repeat center center;
    background-size: cover;
    width: 100%;
    height:375px;
}
.dentalight-support{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1050px;
    height: 375px;
    margin: 0 auto;
    padding-left: 50px;
}
.dentalight-support-r img{
    width: 227px;
    height: auto;
}
.dentalight-10baac{
    color:#10baac;
    font-size: 35px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 800!important;
    line-height: 1.286;
    font-style:italic;
    margin-right: .5rem;
}
.dentalight-support-l h3{
    font-size: 35px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(32, 31, 31);
    font-weight: 600;
    line-height: 1.286;
    font-style: italic;
    border-bottom:none!important;
    margin: 0;
}

.dentalight-support-l p{
    font-size: 15px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(82, 82, 82);
    line-height: 1.8;
    margin-top: 1.5rem;
    margin-bottom: 0;
    font-feature-settings: "palt";
}
.dentalight-qa{
    padding:7.3rem 0;
}
.dentalight-qa dl{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(46, 173, 209);
    background-color: rgba(247, 247, 247, 0);
    padding:2.5rem 50px;
    width: 900px;
    margin: 3rem auto 3rem;
}
.dentalight-qa dl dt{
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(46, 173, 209);
    font-weight: bold;
    position: relative;
    padding-left: 3rem;
    margin-bottom: 1rem;
}
.dentalight-qa dl dt:before{
    content:'';
    background:url(./img/dentalight-q.png)no-repeat center center;
    background-size: 20px;
    width: 20px;
    height:25px;
    position: absolute;
    top:.4rem;
    left:0;
}
.dentalight-qa dl dd{
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: rgb(35, 35, 35);
    line-height: 1.875;
    position: relative;
    padding-left: 3rem;
    margin-left: 0;
}
.dentalight-qa dl dd:before{
    content:'';
    background:url(./img/dentalight-a.png)no-repeat center center;
    background-size: 20px;
    width: 20px;
    height:20px;
    position: absolute;
    top:.4rem;
    left:0;
}
.dentalight-qa dl dd strong{
    font-size: 16px;
}


.dentalight-rt-sy{
    background:url(./img/dentalight-rt-sy.png)no-repeat center center;
    background-size: cover;
    width: 100%;
    height:860px;
    display: flex;
    justify-content: center;
}
.dentalight-rt{
    font-size: 25px!important;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(255, 255, 255);
    text-align: center;
    border-bottom: none!important;
    margin: 5.5rem auto 5rem!important;
}


.dentalight-table{
    width: 700px;
    margin: 0 auto;
}

.dentalight-table div{
    background: #fff;
    margin-bottom: 1.2rem;
    font-size: 17px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(35, 35, 35);
    padding: .6rem 0 .6rem 1rem;
}
.dentalight-table input[type="text"],
.dentalight-table input[type="email"],
.dentalight-table textarea{
    border:none!important;
}
.dentalight-btn{
    text-align: center;
}
.dentalight-table input[type="submit"]{
    border-color: rgb(255, 255, 255);
    background-color: rgb(51, 221, 207);
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(255, 255, 255);
    text-align: center;
    outline:none;
    width: 478px;
    padding: 1.4rem 0;
    margin: 2rem auto 0;
}
.dentalight-table input[type="submit"]:hover{
    opacity: .7;
}



.dentalight-fot-line{
    background:url(./img/dentalight-fot-line.jpg)no-repeat center center;
    background-size: cover;
    width: 100%;
    height:40px;
    margin: 6rem auto 0;
}




/*----------------------------------------------------------------------------------------------*/
.dentalight-trouble-midashi-{
    margin-top: -13rem;
    text-align: center;
}


@media(max-width: 1350px){
    .dentalight-trouble-midashi- {
        margin-top: 0;
    }
}


.dentalight-trouble-midashi- p{
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(35, 35, 35);
    font-weight: 500;
    line-height: 1.5;
}


.dentalight-trouble-sy-ba--{
    text-align: center;
    background:url(./img/dentalight-trouble-sy-.png)no-repeat center center;
    background-size: cover;
    width: 850px;
    height: 673px;
    position: relative;
    margin: 5rem auto 0;
    display: flex;
    align-items: center;
    padding: 0 0 3rem;
}
.dentalight-trouble-sy-ba--:before{
    content: '';
    background: url(./img/dentalight-trouble-sy-ba-.png);
    background-size: contain;
    background-position: top;
    background-repeat-x: repeat;
    width: 100%;
    height: 672px;
    position: absolute;
    top: 0;
    left: 100%;
}
.dentalight-trouble-sy-ba--:after{
    content: '';
    background: url(./img/dentalight-trouble-sy-ba-.png);
    background-size: contain;
    background-position: top;
    background-repeat-x: repeat;
    width: 100%;
    height: 672px;
    position: absolute;
    top: 0;
    right: 100%;
}


@media(max-width: 992px){
    .dentalight-trouble-sy-ba-- {
        text-align: center;
        background: url(./img/dentalight-trouble-sy-.png)no-repeat center center;
        background-size: cover;
        width: 100%;
        height: auto;
        position: relative;
        margin: 5rem auto 0;
        display: flex;
        align-items: center;
        padding: 3rem 0 9rem;
    }

    .dentalight-trouble-midashi- p {
        font-size: 16px;
    }
    .dentalight-trouble-sy-ba--:before,.dentalight-trouble-sy-ba--:after{
        display: none;
    }

}




/* ----------------------------------------
* デントライトSEO用LP sp
---------------------------------------- */
@media(max-width: 1650px){
    .dentalight-case-cont-sy {
        margin-top: -10rem;
    }
}

@media(max-width: 1450px){
    .dentalight-case-cont-sy {
        margin-top: -9rem;
    }
}
@media(max-width: 1398px){
    .dentalight-main-vl img {
        height: auto;
        width: 100%;
        object-fit: cover;
    }
}

@media(max-width: 1300px){
    .dentalight-case-cont-sy {
        margin-top: -8rem;
    }
    .dentalight-h3 {
        font-size: 30px!important;
    }
}
@media(max-width: 1250px){
    .dentalight-case-cont-sy {
        margin-top: -7rem;
    }
}

@media(max-width: 1200px){
    .dentalight-trouble-seo {
        margin-top: -75px;
    }
}

@media(max-width: 1120px){
    .dentalight-h3{
        width: 90%!important;
    }
    .dentalight-case-cont-sy {
        margin-top: 0;
    }
    .dentalight-case-cont {
        width: 100%;
        padding-left:1rem;
        padding-right:1rem;
    }
    .post-content h3{
        width: 100%;
    }
    .dentalight-case-cont-sy .dentalight-case-cont {
        width: 100%;
        padding-left:3rem;
        padding-right:3rem;
    }
    .dentalight-case {
        width: 100%;
    }
    .dentalight-case1-2, .dentalight-case2-1, .dentalight-case3-2 {
        width: 400px;
    }
    .dentalight-feature-cont {
        margin-left: 100px;
    }
}


.sp-992{
    display: none;
}
@media(max-width: 992px){
    .sp-992{
        display: block;
    }
    .pc-992{
        display: none;
    }
    .dentalight-case-cont-sy .dentalight-case-cont {
        padding-left:1rem;
        padding-right:1rem;
    }
    .dentalight-case {
        display: block;
    }
    .dentalight-case-midashi-1 {
        margin-top: 6.5rem;
    }
    .dentalight-case1-2, .dentalight-case2-1, .dentalight-case3-2 {
        width: 100%;
    }
    .dentalight-case1-1, .dentalight-case2-2, .dentalight-case3-1 {
        width: 100%;
    }
    .dentalight-case1-img, .dentalight-case3-img {
        justify-content: space-between;
    }
    .dentalight-case1-img div img, .dentalight-case2-img div img, .dentalight-case3-img div img {
        width: 100%;
    }
    .dentalight-case1-2:before {
        background-size: 150px;
        width: 150px;
        top: -20rem;
        right: 0;
    }
    .dentalight-case-2-sy {
        height: auto;
        margin-top: 10rem;
        margin-bottom: 10rem;
    }
    .dentalight-case2-1:before {
        top: -19rem;
        left: 0;
        background-size: 180px;
        width: 180px;
    }
    .dentalight-case2-img {
        justify-content: space-between;
    }
    .dentalight-case3-2:before {
        top: -19rem;
        right: 0;
        background-size: 180px;
        width: 180px;
    }
    .dentalight-trouble-sy-ba-- {
        width: 100%;
    }
    .dentalight-trouble {
        width: 100%;
        background-size: cover;
    }
    .dentalight-trouble:before,.dentalight-trouble:after{
        display: none;
    }
    .ye{
        width: 97%!important;
    }
    .dentalight-cont {
        width: 100%;
    }
    .dentalight-feature-sy {
        padding: 2rem 1rem 0;
    }
    .dentalight-feature-cont {
        width: 100%;
        margin-left: 0;
    }
    .dentalight-feature p {
        width: 65%;
    }
    .dentalight-feature-sy:before {
        background-size: cover;
        width: 340px;
        height: 335px;
        top: 290px;

    }
    .dentalight-feature-sy:after {
        background-size: cover;
        width: 100%;
        height: 439px;
    }
    .dentalight-feature-ul {
        margin: 2rem 1.5rem 5rem!important;
    }
    .df-pb{
        padding-bottom: 2rem;
    }
    .dentalight-difference-wp {
        padding: 4.5rem 1rem 0;
    }
    .dentalight-comparison:before{
        display: none;
    }
    .dentalight-comparison2 {
        padding: 3rem 1rem 5.5rem;
    }
    .dentalight-comparison2 img {
        width: 100%;
    }
    .dentalight-specification, .dentalight-process, .dentalight-introduction {
        width: 100%;
        display: block;
    }
    .dentalight-specification-r {
        margin: 0 auto;
    }
    .dentalight-process {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .dentalight-process-sy {
        height: auto;
        padding: 8rem 0;
    }
    .dentalight-process-ul{
        padding: 0 0 3rem;
    }
    .dentalight-process-ul li {
        width: 100%;
    }
    .dentalight-process-l {
        margin: 0 auto;
    }
    .dentalight-specification, .dentalight-introduction {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .dentalight-introduction-r:before {
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .dentalight-introduction-l .dentalight-red {
        margin-bottom: 2rem;
    }
    .dentalight-introduction-r:before{
        display: none;
    }
    .dentalight-introduction-r img{
        zoom:.5;
        margin: 0 auto;
    }
    .dentalight-support-sy{
        position: relative;
    }
    .dentalight-support {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .dentalight-support-l {
        width: 60%;
        margin-bottom: 0;
    }
    .dentalight-support-r {
        text-align:center;
    }
    .dentalight-support-r img {
        zoom:.7;
    }
    .dentalight-support-l h3 {
        margin: 1rem auto;
    }
    .dentalight-qa {
        padding: 7.3rem 1rem;
        width: 100%;
    }
    .dentalight-qa dl {
        width: 100%;
    }
    .dentalight-rt-sy {
        height: auto;
    }
    .dentalight-rt-sy div {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
    }
    .dentalight-table {
        width: 100%;
    }
    .dentalight-table .dentalight-form{
        display: flex;
        align-items: center;
    }
    .dentalight-table .dent-vt{
        display: flex;
        align-items: flex-start;
    }

    .dentalight-trouble-seo img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .dentalight-trouble-seo {
        margin-top: 0;
    }

}


@media(max-width: 768px){
    .dentalight-hd-line{
        margin-bottom: 1rem;
    }
    .dentalight-h3 {
        font-size: 25px!important;
    }
    .dentalight-case-midashi-3{
        margin-bottom: 1rem;
    }
    .dentalight-case-midashi-1 dd, .dentalight-case-midashi-2 dd, .dentalight-case-midashi-3 dd {
        font-size: 20px;
    }
    .dentalight-case p {
        font-size: 15px;
    }
    .dentalight-case1-2:before {
        top: -7rem;
        zoom: .7;
        opacity: .5;
    }
    .dentalight-case2-1:before {
        top: -7rem;
        zoom: .7;
        opacity: .5;
    }
    .dentalight-case3-2:before {
        top: -7rem;
        zoom: .7;
        opacity: .5;
    }
    .dentalight-trouble {
        height: auto;
        padding: 0 0 13rem;
    }
    .trouble-ul {
        padding: 0 1rem;
        width: 100%;
    }
    .trouble-ul li {
        width: 49%;
    }
    .dentalight-feature p {
        font-size: 15px;
    }
    .dentalight-red {
        font-size: 15px;
    }
    .dentalight-feature-ul{
        margin:0 auto 2rem!important;
    }
    .dentalight-feature-ul li {
        font-size: 15px;
    }
    .dentalight-feature-sy:after {
        background-size: cover;
        width: 100%;
        height: 328px;
    }
    .dentalight-difference {
        width: 100%;
    }
    .dentalight-specialized {
        display: block;
    }
    .dentalight-specification dl dd, .dentalight-process dl dd, .dentalight-introduction dl dd {
        font-size: 20px;
    }
    .dentalight-specification-ul li{
        font-size:15px!important;
    }
    .dentalight-introduction-ul li{
        font-size:15px;
    }
    .dentalight-support-l h3 {
        font-size: 25px;
    }
    .dentalight-10baac {
        font-size: 25px;
    }
    .dentalight-qa dl dt {
        font-size: 18px;
    }
    .dentalight-qa dl dd{
        margin-left: 0;
    }
    .dentalight-specialized h6,.dentalight-specialized ul {
        width: 100%;
    }
    .dentalight-table input[type="submit"]{
        width: 100%;
    }

}



@media(max-width: 640px){
    .pc-640{
        display: none;
    }
    .dentalight-hd-line{
        margin-bottom: 0;
    }
    .dentalight-hd-line {
        height: auto;
        font-size: 12px;
        padding-left: .5rem;
        padding-bottom: 1rem;
        padding-top: .3rem;
        line-height: 1.2;
    }
    .dentalight-trouble-sy-ba-- {
        margin: 3rem auto 0;
        padding: 3rem 0 7rem;
    }
    .dentalight-specification-r,.dentalight-process-l {
        background-size: contain;
        width: 100%;
    }
    .dentalight-difference p {
        font-size: 15px;
    }
    .dentalight-case-cont-sy {
        margin-top: 0rem;
    }
    .dentalight-feature-sy:before,.dentalight-feature-sy:after{
        display: none;
    }
    .feasy1-sp{
        margin-left: -1rem;
    }
    .feasy1-sp img{
        width: 100%;
    }
    .feasy2-sp{
        text-align: center;
        position: relative;
    }
    .feasy2-sp:before{
        content:'';
        background: url(./img/dentalight-feature-sy2-2.png)no-repeat center center;
        background-size: contain;
        width: 217px;
        height: 222px;
        position: absolute;
        top: -70%;
        left: -1rem;
    }
    .feasy2-sp img{
        width: 70%;
    }
    .dentalight-feature p {
        width: 100%;
    }
    .dentalight-case-midashi-1 {
        margin-top: 2.5rem;
        margin-bottom: 1rem!important;
    }
    .dentalight-case-2-sy {
        height: auto;
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    .dentalight-trouble p {
        font-size: 17px;
        padding: 2.5rem 0 0;
    }
    .trouble-ul {
        padding: 0 .5rem;
    }
    .trouble-ul li {
        margin: 0 0 .5rem;
    }
    .dentalight-trouble-seo {
        margin-top: 0;
    }
    .dentalight-trouble {
        padding: 0 0 8rem;
    }
    .dentalight-h3 {
        font-size: 22px!important;
        padding: 1rem 0;
    }
    .dentalight-specialized h6 {
        font-size: 16px;
        width: 95%;
        margin-bottom: -1rem;
    }
    .dentalight-specialized ul {
        padding: 2rem .5rem 2rem;
        margin: 0rem auto 2rem;
    }
    .dentalight-specialized ul li {
        font-size: 15px;
    }
    .dentalight-difference-fontred ul {
        padding: 2rem .5rem 2rem;
    }
    .dentalight-comparison2 {
        padding: 3rem .5rem 3.5rem;
    }
    .dentalight-comparison3 {
        height: auto;
        padding: 3rem 0;
    }
    .dentalight-comparison3 img {
        width: 90%;
        margin-left: 1.3rem;
    }
    .dentalight-feature-ul {
        padding: 2rem .5rem;
    }
    .dentalight-specification {
        margin: 3rem auto 0;
    }
    .dentalight-specification-ul li {
        text-indent: 0rem;
        padding-left: 2rem;
        padding-bottom: .3rem;
        padding-top: .2rem;
    }
    .dentalight-feature-ul li {
        text-indent: 0rem;
        padding-left: 2rem;
        line-height: 1.4;
        margin-bottom: 1rem;
        background-size: 24px;
    }
    .dentalight-process-sy {
        background: url(./img/dentalight-process-sy-sp.png)no-repeat center center;
        background-size: cover;
        padding: 4rem 0;
    }
    .font15{
        font-size: 15px;
    }
    .dentalight-specialized ul{
        height: auto;
    }
    .dentalight-process-ul li{
        padding-left: 6.5rem;
        font-size: 15px;
    }
    .dentalight-process-ul li:nth-child(1):before,
    .dentalight-process-ul li:nth-child(2):before,
    .dentalight-process-ul li:nth-child(3):before,
    .dentalight-process-ul li:nth-child(4):before,
    .dentalight-process-ul li:nth-child(5):before {
        left: .5rem;
    }
    .dentalight-process-ul li:nth-child(1) {
        padding-top: 2rem;
        line-height: unset;
    }
    .dentalight-support {
        display: block;
        padding-top: 1rem;
        padding-bottom: 1rem;
        height: auto;
    }
    .dentalight-specification-r {
        background: url(./img/dentalight-spi1-sp.png)no-repeat center center;
        background-size: contain;
        width: 100%;
        height: 100vw;
    }
    .dentalight-process-l{
        height: 100vw;
        width: 100%;
        background: url(./img/dentalight-spi2-sp.png)no-repeat center center;
        background-size: contain;
        margin-left: -1rem;
    }
    .dentalight-introduction-r {
        margin-right: -1rem;
        margin-bottom: 2rem;
    }
    .dentalight-support-l {
        width: 100%;
    }
    .dentalight-support-sy {
        background: url(./img/dentalight-support-sy-sp.jpg)no-repeat center center;
        background-size: cover;
        height: auto;
    }
    .dentalight-qa dl{
        padding: 1.5rem 10px;
    }
    .dentalight-qa dl dt {
        padding-left: 2rem;
    }
    .dentalight-qa dl dd {
        padding-left: 2rem;
    }
    .dentalight-qa {
        padding: 2.3rem 1rem;
    }
    .dentalight-qa dl dt {
        font-size: 16px;
    }
    .dentalight-table .dentalight-form {
        display: block;
        padding: 0 0 0 1rem;
    }
    .dentalight-table .dent-vt {
        display: block;
    }

}


.dentlight-br-wp{
    margin-left: 0!important;
    margin-bottom: 5rem!important;
}
.dentlight-br{
    text-align: center;
    margin: 2rem auto;
}
.dentlight-br a:hover{
    opacity: .7;
}
.dentlight-br img{
    width: 780px;
}
@media(max-width: 640px){
    .dentlight-br-wp {
        margin-bottom: 0rem!important;
    }
    .dentlight-br {
        margin: 2rem auto 0;
        padding: 0 1rem;
    }
}







/*
2021/09/29 今だけの豪華特典
テスト用
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap');
.present{
    background-color: rgb(252, 249, 239);
    padding-bottom: 5rem;
    position: relative;
}
.present:before{
    content: '';
    background: url(./img/present4.png);
    background-size: 1500px;
    background-repeat-x: repeat;
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.present-cont{
    width: 840px;
    margin: 0 auto;
}
.present h3 {
    background-color: rgb(0, 55, 65);
    text-align: center;
    font-size: 42px!important;
    font-weight: bold!important;
    line-height: 1.2!important;
    color: #f2d74a;
    position: relative;
    padding: .8rem 0 1.54rem;
    margin-top: 1rem!important;
    margin-bottom: 3.6rem!important;
    z-index: 2;
}
.present h3:before {
    content: '';
    background: url(./img/present1.png)no-repeat center;
    background-size: 175px;
    width: 175px;
    height: 32px;
    position: absolute;
    top: -1rem;
    left: 0;
    right:0;
    margin: 0 auto;
}
.present h3 span {
    font-size: 23px!important;
}
.present .present-p-1 {
    background-color: rgb(0, 55, 65);
    width: 90%;
    height: 40px;
    font-size: 20px!important;
    font-weight: bold;
    color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    z-index: 2;
    position: relative;
    letter-spacing: .03rem;
}
.present-2{
    position: relative;
    top: -5.1rem;
    right: 1.2rem;
    width: 840px;
    margin: 0 auto;
}
.present-2:before{
    content: '';
    background: url(./img/present2.png)no-repeat center;
    background-size: 376px;
    width: 376px;
    height: 140px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.present .present-p-2 {
    font-size: 30px;
    font-family: 'Noto Sans JP', sans-serif!important;
    font-weight: 900!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgb(0, 55, 65);
    line-height: 1.333;
    text-align: center;
    margin: 1.2rem auto 1.7rem!important;
    letter-spacing: .1rem;
}
.present-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .5rem;
}
.present-wrap .present-l{
    position: relative;
    top: -1.5rem;
    margin-right: 5rem;
}
.present-wrap .present-l:before{
    content: '';
    background: url(./img/present5.png)no-repeat center;
    background-size: 50px;
    width: 50px;
    height: 155px;
    position: absolute;
    top: 0;
    left: -3.5rem;
}
.present-wrap .present-l:after{
    content: '';
    background: url(./img/present6.png)no-repeat center;
    background-size: 50px;
    width: 50px;
    height: 155px;
    position: absolute;
    top: 0;
    right: -3.5rem;
}
.present-wrap .present-l p{
    font-size: 17px!important;
    color: rgb(0, 55, 65);
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.471;
    text-align: center;
    margin: 0!important;
}
.present-r{
    position: relative;
    right: -2rem;
}
.present-wrap .present-r img{
    width: 320px;
}
.present-ct {
    background-color: rgb(229, 225, 207);
    width: 805px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.present-ct p {
    font-size: 17px!important;
    color: rgb(0, 55, 65);
    font-weight: bold;
    line-height: 1.294;
    text-align: center;
    margin: 0!important;
}
.present-ct p span {
    color: rgb(193, 6, 10);
    font-size: 17px!important;
    font-weight: normal!important;
    margin-top: .5rem;
    display: block;
}
/*スマのボタン非表示*/
.postid-1425 #responsive-menu-button{
    display: none!important;
}
@media(max-width: 840px){
    .present-cont {
        width: 100%;
        padding: 0 1rem;
    }
}
@media(max-width: 768px){
    .present h3 {
        font-size: 30px!important;
    }
    .present h3 span {
        font-size: 18px!important;
    }
    .present .present-p-2 {
        font-size: 24px!important;
        margin: 2rem auto 1.5em!important;
    }
    .present-wrap {
        margin-bottom: 1.5rem;
    }
    .present-wrap .present-r img {
        width: 250px;
    }
    .present-ct {
        width: 100%;
        height: auto;
        padding: 1rem;
    }
    .present-ct p,
    .present-ct p span {
        font-size: 15px!important;
    }
    .present .present-p-1 {
        width: 100%;
        height: auto;
        padding: .5rem 0;
        text-align: center;
    }
}

@media(max-width: 640px){
    .present-wrap {
        display: block;
        text-align: center;
    }
    .present-2 {
        right: 1rem;
        width: 100%;
    }
    .present-wrap .present-l {
        top: unset;
        margin-right: 0;
    }
    .present-l,
    .present-wrap .present-l:before,
    .present-wrap .present-l:after{
        display: inline-block;
    }
    .present-r {
        right: 0;
        margin-top: 4rem;
    }
}
@media(max-width: 480px){
    .present h3 {
        padding: 1rem 0 .8rem;
    }
    .present-wrap .present-l:before,
    .present-wrap .present-l:after{
        background-size: 45px;
        height: 140px;
    }
    .present .present-p-2 {
        font-size: 20px!important;
    }
    .present-ct p, 
    .present-ct p span {
        text-align: left;
    }
}

/*
2021/09/29 今だけの豪華特典
テスト用  ここまで
*/


/* 221128追加url(./img/dentalight-trouble-sy-.png)no-repeat center center */
table.recruit {
width: 100%;
box-sizing: border-box;
table-layout: fixed;
border-left: 1px solid #ddd !important;
border-top: 1px solid #ddd !important;
}
table.recruit th , table.recruit td {
vertical-align: top;
border-bottom: 1px solid #ddd !important;
border-right: 1px solid #ddd !important;
box-sizing: border-box;
white-space: normal;
}
table.recruit th {
background: #47a3ae !important;
width: 200px;
}
@media(max-width: 768px){
table.recruit th , table.recruit td {
width: 100%;
display: block;
}
}