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

 voice

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

.voice_box {
    position: relative;
    width: 100%;
    padding: 2%;
    border: 1px solid #4392BC;
    margin-bottom: 30px;
}

.voice_box:before {
    content: url(../image/voice_icon.png);
    display: block;
    position: absolute;
    top: 14px;
    left: 15px;
    width: 41px;
    height: 48px;
}

.voice_txt {
    padding-left: 50px;
}

.voice_notes {
    color: #388cb8;
    font-size: 12px;
}

@media only screen and (max-width: 690px) {
    .voice_box {
        margin-bottom: 15px;
    }
}


/*form*/

.formflow li {
    width: 29% !important;
}

#submit_button input {
    margin-bottom: 40px!important;
}


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

 TOP SUB common

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

.interview_con {
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    padding: 48px 2em;
    border: 2px solid #4392BC;
    margin: -80px auto 0;
    width: calc(100% - 64px);
    text-align: center;
}

.interview_section .bl-hot {
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.interview_section .bl-hot.bl-hover .interview_con,
.interview_section .bl-hot.bl-hover .interview_img img {
    opacity: .7;
}

.interview_title {
    margin-bottom: 24px;
}

.interview_title a {
    color: #4392BC;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: none;
}

.interview_txt {
    line-height: 2;
}

@media only screen and (max-width: 979px) {
    .interview_title {
        margin-bottom: 24px;
    }
    .interview_title a {
        color: #4392BC;
        font-size: 18px;
        line-height: 1.2;
        font-weight: bold;
        text-decoration: none;
    }
    .interview_con {
        padding: 36px 2em;
    }
    .interview_section>div.bl-hover .img::before {
        display: none;
    }
    .col4.interview_section .flr {
        width: 50%;
    }
}

@media only screen and (max-width: 690px) {
    .interview_section>div.flt {
        margin-bottom: 30px;
    }
    .interview_con {
        margin: -40px auto 0;
        width: calc(100% - 30px);
        padding: 20px;
    }
    .interview_title {
        margin-bottom: 16px;
    }
    .interview_txt {
        line-height: 1.6;
        font-size: 14px;
    }
}


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

area_m

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

#area_m_con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    /*-webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;*/
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#area_m_con .area_m_col {
    position: relative;
    width: calc((100% - 4px * 4) / 5);
    margin-left: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: calc(100vw / 8);
}

#area_m_con .area_m_col:nth-child(5n + 1) {
    margin-left: 0;
    margin-bottom: 80px;
}

#area_m_con .area_m_col.bl-hover::after {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#service01 {
    background-image: url("../image/top_servicetype_img01.jpg");
}

#service02 {
    background-image: url("../image/top_servicetype_img02.jpg");
}

#service03 {
    background-image: url("../image/top_servicetype_img03.jpg");
}

#service04 {
    background-image: url("../image/top_servicetype_img04.jpg");
}

#service05 {
    background-image: url("../image/top_servicetype_img05.jpg");
}

#service06 {
    background-image: url("../image/top_servicetype_img06.jpg");
}

#service07 {
    background-image: url("../image/top_servicetype_img07.jpg");
}

#service08 {
    background-image: url("../image/top_servicetype_img08.jpg");
}

#service09 {
    background-image: url("../image/top_servicetype_img09.jpg");
}

#service10 {
    background-image: url("../image/top_servicetype_img10.jpg");
}

.area_m_title {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 12px 1em;
    line-height: 1.2;
    background-color: rgba(0, 0, 0, 0.4);
    color: #ffffff;
}

.area_m_btn {
    position: absolute;
    bottom: -20px;
    right: 0;
}

.area_m_btn a {
    display: block;
    line-height: 40px;
    padding: 0 2.5em 0 1em;
    background: #4392BC url("../image/common/arr01.png") no-repeat 90% center/14px auto;
    color: #ffffff;
    text-decoration: none;
}

.area_m_btn a:hover {
    background-color: #003154;
}

.area_m_col.bl-hover .area_m_btn a {
    background-color: #003154;
}

@media only screen and (max-width: 1119px) {
    #area_m_con .area_m_col {
        width: calc((100% - 4px * 2) / 3);
        height: calc(100vw / 5);
    }
    #area_m_con .area_m_col:nth-child(3n+1) {
        margin-left: 0;
        margin-bottom: 48px;
    }
    #area_m_con .area_m_col:nth-child(5n+1) {
        margin-bottom: 48px;
        margin-left: auto;
    }
    .area_m_title {
        padding: 12px .5em;
    }
}

@media only screen and (max-width: 1024px) {
    #area_m_con .area_m_col.bl-hover::after {
        display: none;
    }
}

@media only screen and (max-width: 690px) {
    #area_m_con .area_m_col {
        width: calc((100% - 4px * 1) / 2);
        height: calc(100vw / 4.5);
    }
    #area_m_con .area_m_col:nth-child(2n+1) {
        margin-left: 0;
        margin-bottom: 48px;
    }
    #area_m_con .area_m_col:nth-child(3n+1) {
        margin-left: auto;
        margin-bottom: 48px;
    }
    .area_m_title {
        padding: 10px .5em;
        font-size: 15px;
    }
    .area_m_btn a {
        font-size: 14px;
    }
    .area_m_btn a:hover {
        background-color: #003154;
    }
}

@media only screen and (max-width: 480px) {
    #area_m_con .area_m_col {
        height: calc(100vw / 2);
    }
}


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

 DB

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

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: bold;
}

.t-default .row {
    margin-right: auto;
    margin-left: auto;
}

.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 {
    padding: 0;
}

.space-40 {
    display: none;
}

#area6 {
    max-width: 100% !important;
    padding: 0;
}

.blog_index_tag li.recommend {
    display: none;
}

.t-default #area3-wrapper .container {
    padding: 0;
    max-width: 100%;
}

.t-default .ible-area--item-mainimage {
    height: auto;
}

.t-default .ible-area--breadcrumb .ible-widget__breadcrumbs {
    background-color: #ffffff;
}


/******----table逕ｨ---******/

.w5 {
    width: 5%;
}

.w10 {
    width: 10%;
}

.w15 {
    width: 15%;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30%;
}

.w35 {
    width: 35%;
}

.w40 {
    width: 40%;
}

.w45 {
    width: 45%;
}

.w50 {
    width: 50%;
}

.w55 {
    width: 55%;
}

.w60 {
    width: 60%;
}

.w65 {
    width: 65%;
}


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

.col4_m_421 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.col4_m_421 .col {
    width: calc((100% - 16px * 3) / 4);
    margin-left: 16px;
}

.col4_m_421 .col:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 979px) {
    .col4_m_421 .col {
        width: calc((100% - 16px * 1) / 2);
        margin-bottom: 16px;
    }
    .col4_m_421 .col:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 690px) {
    .col4_m_421 .col {
        width: 100%;
        margin-bottom: 16px;
        margin-left: 0;
    }
}

#area_n {
    background-color: #EEEEEE;
    padding: 70px 0 90px;
}

.area_n_title {
    color: #ffffff;
    background-color: #003154;
    padding: 8px 12px;
    font-size: 15px;
    position: relative;
}

@media only screen and (max-width: 690px) {
    .area_n_title {
        cursor: pointer;
    }
    .area_n_title:before {
        content: "";
        width: 40px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.1);
    }
    .area_n_title:after {
        content: "";
        box-sizing: border-box;
        width: 10px;
        height: 10px;
        border-bottom: 1px solid #FFF;
        border-right: 1px solid #FFF;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        right: 15px;
        top: calc(50% - 8px);
    }
    .area_n_title.active:before {
        background: rgba(255, 255, 255, 0.3);
    }
    .area_n_title.active:after {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        top: calc(50% - 4px);
    }
}

.area_n_title .material-icons {
    vertical-align: middle;
    font-size: 20px;
    margin-right: 8px;
}

.area_n_list li {
    margin-top: 5px;
    list-style: none;
}

.area_n_list li a {
    display: block;
    background-color: #ffffff;
    padding: 8px 12px;
    border: 2px solid #ffffff;
    text-decoration: none;
}

.area_n_list li a::before {
    font-family: FontAwesome;
    content: "\f105";
    padding-right: 8px;
    font-size: 18px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    font-size: 14px;
}

.area_n_list li a:hover {
    border-color: #4392BC;
}

@media only screen and (max-width: 979px) {
    #area_n {
        padding: 50px 0 60px;
    }
}

@media only screen and (max-width: 690px) {
    #area_n {
        padding: 40px 0 50px;
    }
    .area_n_list {
        display: none;
    }
}

.sub_list .area_n_title .material-icons {
    color: #4392BC;
}

.sub_list .area_n_title {
    color: #333333;
    background-color: #ffffff;
    border-bottom: 1px solid #D6D6D6;
    padding: 0 4px 8px 0;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.sub_list .area_n_list li a {
    background-color: #F5F5F5;
    padding: 2px 8px;
    border: 2px solid #F5F5F5;
    position: relative;
}

.sub_list .area_n_list li a::before {
    display: none;
}

.sub_list .area_n_list li a::after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 18px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    font-size: 14px;
    position: absolute;
    top: calc(50% - 7px);
    right: 8px;
    color: #4392BC;
    line-height: 1;
}

.sub_list .area_n_list li a:hover {
    border-color: #4392BC;
}


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


/******-------- btn -------******/

.btn a {
    display: inline-block;
    border: 1px solid #4392BC;
    color: #4392BC;
    text-align: center;
    padding: 12px 10px;
    width: 100%;
    line-height: 1.4;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    position: relative;
}

.btn_half a {
    display: inline-block;
    border: 1px solid #4392BC;
    color: #4392BC;
    text-align: center;
    padding: 12px 10px;
    width: 100%;
    line-height: 1.4;
    background-color: rgba(255, 255, 255, 0.7);
    width: 50%;
    max-width: 480px;
}

@media only screen and (max-width: 690px) {
    .btn_half a {
        width: 100%;
    }
}

.btn_onethird a {
    display: inline-block;
    border: 1px solid #4392BC;
    color: #4392BC;
    text-align: center;
    padding: 12px 10px;
    width: 100%;
    line-height: 1.4;
    background-color: rgba(255, 255, 255, 0.7);
    width: 33.33333%;
    max-width: 240px;
}

@media only screen and (max-width: 690px) {
    .btn_onethird a {
        width: 100%;
    }
}

.btn_twothird a {
    display: inline-block;
    border: 1px solid #4392BC;
    color: #4392BC;
    text-align: center;
    padding: 12px 10px;
    width: 100%;
    line-height: 1.4;
    background-color: rgba(255, 255, 255, 0.7);
    width: 66%;
    max-width: 480px;
}

@media only screen and (max-width: 690px) {
    .btn_twothird a {
        width: 100%;
    }
}

.btn_threefourths a {
    display: inline-block;
    border: 1px solid #4392BC;
    color: #4392BC;
    text-align: center;
    padding: 12px 10px;
    width: 100%;
    line-height: 1.4;
    background-color: rgba(255, 255, 255, 0.7);
    width: 75%;
    max-width: 240px;
}

@media only screen and (max-width: 979px) {
    .btn_threefourths a {
        max-width: 320px;
    }
}

@media only screen and (max-width: 690px) {
    .btn_threefourths a {
        width: 100%;
    }
}

.btn_fs_s a {
    display: inline-block;
    border: 1px solid #4392BC;
    color: #4392BC;
    text-align: center;
    padding: 12px 10px;
    width: 100%;
    line-height: 1.4;
    background-color: rgba(255, 255, 255, 0.7);
    max-width: 200px;
    padding: 4px;
    font-size: 14px;
}

.btn_circle a {
    border-radius: 30px;
}

.btn a::after,
.btn_half a::after,
.btn_onethird a::after,
.btn_twothird a::after,
.btn_threefourths a::after,
.btn_fs_s a::after {
    font-family: FontAwesome;
    content: "\f105";
    padding-right: 8px;
    font-size: 18px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    position: absolute;
    right: 8px;
    line-height: 1;
}

.btn.downward a::before,
.btn_half.downward a::before,
.btn_onethird.downward a::before,
.btn_twothird.downward a::before,
.btn_threefourths.downward a::before,
.btn_fs_s.downward a::before {
    font-family: FontAwesome;
    content: "\f107";
    padding-right: 8px;
    font-size: 18px;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.btn a:hover,
.btn_half a:hover,
.btn_onethird a:hover,
.btn_twothird a:hover,
.btn_threefourths a:hover,
.btn_fs_s a:hover {
    text-decoration: none;
    background-color: #003154;
    color: #ffffff;
    border: 1px solid #003154;
}

.btn_bg a {
    text-decoration: none;
    background-color: #003154;
    color: #ffffff;
    border: none;
}

.btn_bg_key a {
    text-decoration: none;
    background-color: #4392BC;
    color: #ffffff;
    border: none;
}

.btn_bg a:hover,
.btn_bg_key a:hover {
    opacity: .8;
    border: none;
}

.t-default p.btn.btn_bg_key {
    width: 100%;
}


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


/******-------- CTA area -------******/

.t-default .cta,
.cta {
    border: 1px solid #CCCCCC;
    padding: 56px 0;
    text-align: center;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

.t-default .cta {
    margin: 48px auto;
}

.t-default .cta_txt,
.cta_txt {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 32px;
}

.t-default .cta_block,
.cta_block {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
}

.t-default .cta_item,
.cta_item {
    width: 50%;
    padding: 0 4em;
}

.t-default .cta_tel,
.cta_tel {
    border-right: 1px solid #CCCCCC;
    padding-right: 0;
}

.t-default .cta_num,
.cta_num {
    font-size: 42px;
    line-height: 1.2;
    border-bottom: 1px solid #4392BC;
    display: inline-block;
    padding: 0 8px 8px;
}

.t-default .cta_num .material-icons,
.cta_num .material-icons {
    font-size: 32px;
    padding-right: 4px;
    vertical-align: middle;
}

.t-default .cta_add,
.cta_add {
    font-size: 14px;
    margin-top: 10px;
}

.t-default .cta_mail a,
.cta_mail a {
    display: block;
    background-color: #ED9531;
    color: #ffffff;
    font-weight: bold;
    margin: auto;
    font-size: 20px;
    text-decoration: none;
}

.t-default .cta_mail a .material-icons,
.cta_mail a .material-icons {
    font-size: 24px;
    padding-right: 16px;
    color: #ffffff;
    vertical-align: middle;
}

.t-default .cta_mail a:hover,
.cta_mail a:hover {
    background-color: #C06700;
}

@media only screen and (max-width: 979px) {
    .t-default .cta,
    .cta {
        padding: 40px 0;
        width: 100%;
    }
    .t-default .cta_txt,
    .cta_txt {
        padding: 0 4em;
    }
    .t-default .cta_item,
    .cta_item {
        padding: 0 2em;
    }
    .t-default .cta_num,
    .cta_num {
        font-size: 32px;
    }
    .t-default .cta_num .material-icons,
    .cta_num .material-icons {
        font-size: 24px;
    }
    .t-default .cta_mail a,
    .cta_mail a {
        font-size: 18px;
    }
    .t-default .cta_mail a .material-icons,
    .cta_mail a .material-icons {
        font-size: 20px;
    }
}

@media only screen and (max-width: 690px) {
    .t-default .cta,
    .cta.cta {
        padding: 24px 0;
        width: 100%;
    }
    .t-default .cta_tel,
    .cta_tel {
        border-right: none;
    }
    .t-default .cta_block,
    .cta_block {
        flex-direction: column;
    }
    .t-default .cta_txt,
    .cta_txt {
        padding: 0 1.5em;
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 20px;
    }
    .t-default .cta_item,
    .cta_item {
        padding: 0 1.5em;
        width: 100%;
    }
    .t-default .cta_num,
    .cta_num {
        font-size: 30px;
    }
    .t-default .cta_num .material-icons,
    .cta_num .material-icons {
        font-size: 24px;
    }
    .t-default .cta_mail a,
    .cta_mail a {
        font-size: 16px;
        padding: 16px 4px;
        margin-top: 24px;
        line-height: 1 !important;
    }
    .t-default .cta_mail a .material-icons,
    .cta_mail a .material-icons {
        font-size: 20px;
    }
}


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


/******-------- btn_list 6 -------******/

.btn_list6 {
    display: flex;
    flex-wrap: wrap;
}

.btn_list6 li {
    width: calc((100% - 30px) / 3);
    list-style: none;
    position: relative;
}

.btn_list6 li:not(:nth-child(3n)) {
    margin-right: 15px;
}

.btn_list6 li:nth-child(n+4) {
    margin-top: 8px;
}

.btn_list6 li a {
    display: block;
    /*background-color: #F5F5F5;*/
    padding: 8px .5em 8px 1.5em;
    /* border: 2px solid #F5F5F5;*/
    line-height: 1.4;
    color: #4392BC;
    font-weight: bold;
}

.btn_list6 li a .material-icons {
    margin-right: 8px;
    font-size: 16px;
    color: #4392BC;
}

.btn_list6 li a:hover {
    border-color: #4392BC;
    color: #333333;
}


/*.btn_list6 li::before{
    font-family: FontAwesome;
    content: "\f105";
    padding-right: 8px;
    font-size: 14px;
    line-height: 1;
    color: #4392BC;
    position: absolute;
    top: 12px;
    left: 8px;
}*/

@media only screen and (max-width: 979px) {
    .btn_list6 li {
        width: calc((100% - 8px) / 2);
        margin-right: 8px;
    }
    .btn_list6 li:nth-child(3n) {
        margin-right: 0;
    }
    .btn_list6 li:nth-child(3n) {
        margin-right: 0;
    }
    .btn_list6 li:nth-child(n+2) {
        margin-top: 8px;
    }
    .btn_list6 li:not(:nth-child(3n)) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 690px) {
    /*.btn_list6 li{width: calc((100% - 8px) / 2);}
  .btn_list6 li:nth-child(3n){margin-right: 8px;}
  .btn_list6 li:nth-child(n + 3){margin-top: 8px;}
  .btn_list6 li:nth-child(2n),
  .btn_list6 li:nth-child(6n){margin-right: 0;}
  .btn_list6 li a{font-size: 14px;padding: 5px .5em 5px 1.5em;}*/
    .btn_list6 li,
    .btn_list6 li:not(:nth-child(6n)) {
        width: 100%;
        margin-right: 0;
    }
    .btn_list6 li:not(:first-child) {
        margin-top: 8px;
    }
    .btn_list6 li a {
        padding: 4px 0.5em 4px 1.5em;
    }
}


/******-------- btn_list 4 -------******/

.btn_list4 {
    display: flex;
    flex-wrap: wrap;
}

.btn_list4 li {
    width: calc((100% - 30px) / 3);
    list-style: none;
    position: relative;
}

.btn_list4 li:not(:nth-child(3n)) {
    margin-right: 15px;
}

.btn_list4 li:nth-child(n+4) {
    margin-top: 8px;
}

.btn_list4 li a {
    display: block;
    /*background-color: #F5F5F5;*/
    padding: 8px .5em 8px 1.5em;
    /*border: 2px solid #F5F5F5;*/
    color: #4392BC;
    font-weight: bold;
    line-height: 1.4;
}

.btn_list4 li a .material-icons {
    margin-right: 8px;
    font-size: 16px;
    color: #4392BC;
}

.btn_list4 li a:hover {
    border-color: #4392BC;
    color: #333333;
}


/*.btn_list4 li::before{
    font-family: FontAwesome;
    content: "\f105";
    padding-right: 8px;
    font-size: 14px;
    line-height: 1;
    color: #4392BC;
    position: absolute;
    top: 12px;
    left: 8px;
}*/

@media only screen and (max-width: 979px) {
    .btn_list4 li {
        width: calc((100% - 8px) / 2);
        margin-right: 8px;
        margin-top: 8px;
    }
    .btn_list4 li:nth-child(3n) {
        margin-right: 0;
    }
    .btn_list4 li:nth-child(3n) {
        margin-right: 0;
    }
    /* .btn_list4 li:nth-child(n + 2){margin-top: 0;}*/
    .btn_list4 li:not(:nth-child(3n)) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 690px) {
    .btn_list4 li {
        width: 100%;
    }
    .btn_list4 li:not(:nth-child(4n)) {
        margin-right: 0;
    }
    .btn_list4 li:nth-child(3n) {
        margin-right: 0;
    }
    .btn_list4 li:nth-child(n+2) {
        margin-top: 8px;
    }
    .btn_list4 li:nth-child(2n),
    .btn_list4 li:nth-child(6n) {
        margin-right: 0;
    }
    .btn_list4 li a {
        font-size: 14px;
        padding: 5px .5em 5px 1.5em;
    }
}


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

.common_btn {
    text-align: center;
}

.common_btn a {
    max-width: 350px;
}


/******-------- table 07 -------******/

.t-default .tab07_db_area .col-sm-6 {
    float: none;
    width: 100%;
    height: auto !important;
}

.t-default .tab07_db_title {
    border-bottom: 2px solid #4392BC;
    display: table;
    width: 100%;
}

.t-default .tab07_db_title>p {
    color: #4392BC;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

.t-default .tab07_db_title>p span {
    padding: 8px 16px;
}

@media only screen and (min-width: 980px) {
    .t-default #listgrid2col1 .ible-cell #head2,
    .t-default .tab07_db_title p:first-child {
        width: 20%;
    }
    .t-default #listgrid2col1 .ible-cell #pragraph1,
    .t-default .tab07_db_title p:nth-child(2) {
        width: 48%;
    }
    .t-default #listgrid2col1 .ible-cell #pragraph2,
    .t-default .tab07_db_title p:nth-child(3) {
        width: 15%;
    }
    .t-default #listgrid2col1 .ible-cell #pragraph3,
    .t-default .tab07_db_title p:nth-child(4) {
        width: 17%;
    }
}

@media only screen and (min-width: 691px) and (max-width: 979px) {
    .t-default #listgrid2col1 .ible-cell #head2,
    .t-default .tab07_db_title p:first-child {
        width: 17%;
    }
    .t-default #listgrid2col1 .ible-cell #pragraph1,
    .t-default .tab07_db_title p:nth-child(2) {
        width: 45%;
    }
    .t-default #listgrid2col1 .ible-cell #pragraph2,
    .t-default .tab07_db_title p:nth-child(3) {
        width: 18%;
    }
    .t-default #listgrid2col1 .ible-cell #pragraph3,
    .t-default .tab07_db_title p:nth-child(4) {
        width: 20%;
    }
}

.t-default .tab07_db_title>p:not(:last-child),
.t-default .tab07_db_con .ible-part__basic:not(:last-child) {
    border-right: 1px solid #CCCCCC;
}

.t-default .tab07_db_con {
    display: table;
    width: 100%;
}

.t-default .tab07_db_con .ible-part__basic {
    display: table-cell !important;
    vertical-align: middle !important;
    padding: 8px 16px;
}

.t-default .tab07_db_con {
    border-bottom: 1px solid #CCCCCC;
}

.t-default .tab07_db_area .col-sm-6:last-child .tab07_db_con {
    border-bottom: none;
}

a>.txt_link {
    color: #4392BC;
    text-decoration: underline;
}

@media only screen and (max-width: 690px) {
    table.tab07 thead th {
        padding: 8px;
        font-size: 15px;
    }
    .t-default .tab07_db_title {
        display: none;
    }
    .t-default .tab07_db_con {
        display: block;
    }
    .t-default .tab07_db_con .ible-part__basic {
        width: 100%;
        display: block !important;
        padding: 0;
    }
    .t-default #listgrid2col1 {
        border-top: 2px solid #4392BC;
    }
    .t-default .tab07_db_title>p:not(:last-child),
    .t-default .tab07_db_con .ible-part__basic:not(:last-child) {
        border-right: none;
    }
    .t-default .tab07_db_area .col-sm-6:last-child .tab07_db_con {
        border-bottom: 1px solid #CCCCCC;
    }
    .t-default .tab07_db_con {
        padding: 16px 0;
    }
    .t-default #listgrid2col1 #head2 {
        position: relative;
        padding-left: 70px;
        font-weight: bold;
        margin-bottom: 8px;
    }
    .t-default #listgrid2col1 #head2::before {
        content: "雑誌名 : ";
        position: absolute;
        font-weight: bold;
        width: 65px;
        left: 0;
        font-size: 13px;
    }
    .t-default #listgrid2col1 #pragraph1 {
        line-height: 1.4;
    }
    .t-default #listgrid2col1 #pragraph1 {
        position: relative;
        padding-left: 70px;
        margin-bottom: 8px;
    }
    .t-default #listgrid2col1 #pragraph1::before {
        content: "概要 : ";
        position: absolute;
        font-weight: bold;
        width: 65px;
        left: 0;
        font-size: 13px;
    }
    .t-default #listgrid2col1 #pragraph2 {
        position: relative;
        padding-left: 70px;
    }
    .t-default #listgrid2col1 #pragraph2::before {
        content: "発行部数: ";
        position: absolute;
        font-weight: bold;
        width: 65px;
        left: 0;
        font-size: 13px;
    }
    .t-default #listgrid2col1 #pragraph3::before {
        content: "掲載料金（参考金額：4色1P）";
        font-weight: bold;
        width: 100%;
        font-size: 13px;
    }
}


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


/******-------- pager -------******/

.t-default #listgrid2col1 .pager {
    padding-top: 32px;
    padding-bottom: 0;
}

.t-default .pager li.previous>a,
.t-default .pager li.next>a {
    border: none;
}

.t-default .pager li.current>span {
    border-color: #4392BC;
    background-color: #4392BC;
    color: #ffffff;
}


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


/******-------- comment -------******/

.t-default .comment_area,
.comment_area {
    max-width: 1000px;
    width: 100%;
    margin: 88px auto 0;
    background-color: #EEEEEE;
    padding: 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.t-default .ca_img,
.ca_img {
    width: 220px;
}

.t-default .ca_con,
.ca_con {
    width: calc(100% - 220px);
    padding-left: 32px;
}

.t-default .ca_title,
.ca_title {
    font-size: 20px;
    font-weight: bold;
    color: #4392BB;
    padding-left: 10px;
    border-left: 3px solid #4392BB;
    line-height: 1.2;
    margin-bottom: 20px;
}

.t-default .ca_txt,
.ca_txt {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 20px 24px;
    position: relative;
    font-size: 16px;
    line-height: 1.8;
}

.t-default .ca_txt::before,
.ca_txt::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 12px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    top: calc(50% - 12px);
    left: -12px;
}

.t-default .blog_index_box::before {
    content: "";
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid rgba(67, 146, 188, 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.t-default .purpose_title h3,
.t-default .purpose_title h3 a {
    color: #333333;
    background-color: #ffffff;
    border-bottom: 1px solid #D6D6D6;
    color: #4392bc;
    font-size: 18px;
    padding: 0 4px 8px 0;
    margin-bottom: 10px;
}

.t-default .purpose_title h3 a {
    border-bottom: none;
}

.t-default .purpose_title h3 .material-icons {
    vertical-align: middle;
    padding-right: 6px;
}

@media only screen and (max-width: 690px) {
    .t-default .comment_area,
    .comment_area {
        margin: 32px auto 32px;
        padding: 16px;
        flex-direction: column;
    }
    .t-default .ca_img,
    .ca_img {
        width: 220px;
        margin: auto auto 8px;
    }
    .t-default .ca_con,
    .ca_con {
        width: 100%;
        padding-left: 0;
    }
    .t-default .ca_title,
    .ca_title {
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 16px;
    }
    .t-default .ca_txt,
    .ca_txt {
        padding: 16px 20px;
        font-size: 14px;
    }
    .t-default .ca_txt::before,
    .ca_txt::before {
        display: none;
    }
}


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


/******-------- media case -------******/

.media_area {
    margin-bottom: 30px;
}

.t-default .media_area .newold,
.t-default .media_area .pager,
.t-default .media_area .taglist,
.t-default .media_area .blog_index_category,
.t-default .media_area .blog_index_time_sp,
.t-default .media_area .blog_index_box:nth-child(n+6),
.t-default .media_area .blog_index_time_pc {
    display: none;
}

.t-default .media_area #dcms_layoutPageBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
}

.t-default .media_area .blog_index_box {
    margin-left: 16px;
    position: relative;
    width: calc((100% - 16px * 3) / 4);
    min-width: 23%;
    margin-bottom: 20px;
    /* border-bottom: 1px solid #ccc;*/
    /*    padding-bottom: 20px;*/
    z-index: 2;
    background-color: #f9f9f9;
}

.t-default .media_area .blog_index_box::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    bottom: -20px;
    left: 0;
}


/*
   {margin-left: 0;}*/

.t-default .media_area .blog_index_box:nth-child(2) {
    margin-left: 0;
}


/*.t-default .media_area #dcms_layoutPageBlock::after{
  content: "";
  display: table;
  clear: both;
}*/

.t-default .media_area .blog_index_img_in {
    height: 160px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.t-default .media_area .blog_index_right {
    background-color: #f9f9f9;
    padding: 1.5em 1em 0.5em;
}

.t-default .media_area .blog_index_right+.blog_index_right {
    padding-top: 0;
    padding-bottom: 1.5em;
}

.t-default .media_area .blog_index_right h3 {
    line-height: 1.2;
    font-size: 15px;
}

.t-default .media_area .blog_index_right h3 a {
    font-weight: bold;
    color: #333333;
    font-size: 15px;
    line-height: 1.4;
    display: block;
}

.t-default .media_area .blog_index_right>p {
    /*  font-weight: bold;*/
    line-height: 1.4;
    color: #777777;
    margin: 0 0 16px;
}

.t-default .media_area .blog_index_right .blog_index_tag {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
}

.t-default .media_area .blog_index_right .blog_index_tag li {
    width: 50%;
    list-style: none;
}

.t-default .media_area .blog_index_right .blog_index_tag a {
    display: block;
    background-color: #333333;
    padding: 6px 10px;
    border-radius: 16px;
    color: #ffffff;
    line-height: 1;
    font-size: 9px;
    margin: 0 2px;
    text-align: center;
}

.t-default .media_area .blog_index_right .blog_index_tag li {
    width: auto;
    margin-bottom: 4px;
}

@media only screen and (max-width: 979px) {
    .t-default .media_area .blog_index_box {
        width: calc((100% - 24px * 1) / 2);
        margin-left: 24px;
        margin-bottom: 24px;
    }
    .t-default .media_area .blog_index_box:nth-child(4) {
        margin-left: 0;
    }
    .t-default .media_area .blog_index_img_in {
        height: 120px;
    }
}

@media only screen and (max-width: 690px) {
    .t-default .media_area .blog_index_box {
        width: 100%;
        margin-left: 0;
        margin-bottom: 16px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 16px;
        background-color: #ffffff;
    }
    .t-default .media_area .blog_index_box::after {
        display: none;
    }
    .t-default .media_area .blog_index_left {
        width: 100PX;
        height: 100PX;
        float: left;
    }
    .t-default .media_area .blog_index_right {
        width: calc( 100% - 100px);
        padding: 0 20px;
        float: right;
        padding: 0.5em 1em 0.5em;
    }
    .t-default .media_area .blog_index_right h3 a {
        line-height: 1.2;
    }
    .t-default .media_area .blog_index_right+.blog_index_right {
        padding-bottom: 0.5em;
    }
    .t-default .media_area .blog_index_img_in {
        min-height: 100PX;
        height: 100PX;
    }
    .t-default .media_area .blog_index_right>p {
        font-size: 11px;
    }
    .t-default .media_area .blog_index_right+.blog_index_right {
        display: none;
    }
    .t-default .media_area .blog_index_right {
        background-color: #ffffff;
    }
}


/*.t-default .media_area .newold,
.t-default .media_area .pager,
.t-default .media_area article:nth-child(n + 6),
.t-default .media_area .taglist{display: none;}
.t-default .media_area #dcms_layoutPageBlock {
    display: flex;
    flex-wrap: wrap;
}
.t-default .media_area article{
    margin-left: 16px;
    position: relative;
    width: calc((100% - 16px * 3) / 4);
    z-index: 2;
}
.t-default .media_area article:nth-child(2) {margin-left: 0;}
.t-default .media_area time{display: none;}
.t-default .media_area .title{margin-bottom: 12px;}
.t-default .media_area .title,
.t-default .media_area .title a {
    color: #4392bc;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
}
.t-default .media_area p {
    color: #777777;
    font-weight: bold;
    line-height: 1.4;
    margin: 16px 0;
}
.t-default .media_area .post_thumbnail img{
  width: 100%;
  height: auto;
}
.t-default .media_area article .info{padding: 1.5em 1em;}
.t-default .media_area .catelist{display: flex;}
.t-default .media_area .catelist a {
    background-color: #333333;
    border-radius: 16px;
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
    width: 48%;
    margin: 0 1%;
    display: block;
}
.t-default .media_area article::before {
  -webkit-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid rgba(67,146,188,0);
  position: absolute;
  top: 0;
  left: 0;
}
.t-default .media_area article:hover::before {border-color: rgba(67,146,188,1);}

@media only screen and (max-width: 979px) {
  .t-default .media_area article{width: calc((100% - 16px * 1) / 2);}
  .t-default .media_area article:nth-child(n + 4) {margin-top: 24px;}
  .t-default .media_area article:nth-child(2n) {margin-left: 0;}
  .t-default .media_area p {margin: 8px 0;}
  .t-default .media_area .title{margin-bottom: 8px;}
}
@media only screen and (max-width: 690px) {
  .t-default .media_area article{width: 100%;margin-left: 0;}
  .t-default .media_area article:nth-child(n + 3) {margin-top: 16px;}
  .t-default .media_area article{display: flex;}
  .t-default .media_area .post_thumbnail{width: 40%;}
  .t-default .media_area article .info{padding: 0 0.5em;width: 60%;}
  .t-default .media_area .catelist a{font-size: 9px;padding: 4px 8px;}
  .t-default .media_area .title{margin-bottom: 4px;}
  .t-default .media_area p{font-size: 11px;margin: 0 0 8px;}
  .t-default .media_area article:hover::before {display: none;}
}*/


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


/******-------- media case -------******/


/*#senior_blog.media_area .newold,
#senior_blog.media_area .pager,
#senior_blog.media_area article:nth-child(n + 5),
#senior_blog.media_area .taglist{display: none;}
#senior_blog.media_area {
    display: flex;
    flex-wrap: wrap;

}
#senior_blog.media_area article{
    margin-left: 16px;
  margin-bottom:15px;
    position: relative;
    width: calc((100% - 16px) / 2);
    z-index: 2;
  display:flex;
  justify-content:space-between;

}
#senior_blog.media_area article:nth-child(odd) {margin-left: 0;}
#senior_blog.media_area time{display: none;}
#senior_blog.media_area .title{:margin-bottom: 12px;}
#senior_blog.media_area .title,
#senior_blog.media_area .title a {
    color: #4392bc;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
}
#senior_blog.media_area p {
    color: #777777;
    font-weight: bold;
    line-height: 1.4;
    margin: 16px 0;
}

#senior_blog.media_area .post_thumbnail {
  width:80px;
  height:80px;
  overflow:hidden;
  position:relative;
}

#senior_blog.media_area .post_thumbnail img{
  width: auto;
  max-width:400px;
  height: 80px;
  position:absolute;
  top:0;
  left:-50%;
  margin-left:40px;
}
#senior_blog.media_area article .info{
  height:80px;
  width:calc(95% - 80px);
  display:table;
  padding-right:16px;
}
#senior_blog.media_area article .info .verlign_m{
  display:table-cell;
  vertical-align:middle;
  width:100%;
}

#senior_blog.media_area .catelist{display: flex;}
#senior_blog.media_area .catelist a {
    background-color: #333333;
    border-radius: 16px;
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
    width: 48%;
    margin: 0 1%;
    display: block;
}
#senior_blog.media_area article::before {
  -webkit-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid rgba(67,146,188,0);
  position: absolute;
  top: -2px;
  left: -2px;
}
#senior_blog.media_area article:hover::before {border-color: rgba(67,146,188,1);}

@media only screen and (max-width: 979px) {
  #senior_blog.media_area article{width: calc((100% - 16px * 1) / 2);}

  #senior_blog.media_area article:nth-child(2n) {margin-left: 0;}
  #senior_blog.media_area p {margin: 8px 0;}
  #senior_blog.media_area .title{margin-bottom: 8px;}
}
@media only screen and (max-width: 690px) {
  #senior_blog.media_area article{width: 100%;margin-left: 0;margin-bottom: 10px;}
  #senior_blog.media_area article:nth-child(n + 3) {margin-top: 0;}
  #senior_blog.media_area article{display: flex;}
  #senior_blog.media_area .post_thumbnail{width: 40%;}
  #senior_blog.media_area article .info{padding: 0; width: 60%;}
  #senior_blog.media_area .catelist a{font-size: 9px;padding: 4px 8px;}
  #senior_blog.media_area .title{margin-bottom: 4px;}
  #senior_blog.media_area p{font-size: 11px;margin: 0 0 8px;}
  #senior_blog.media_area article:hover::before {display: none;}
}*/


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


/******-------- footer -------******/

.t-default #area7-wrapper {
    background-color: #EEEEEE;
}

.t-default #area7-wrapper .container,
.t-default #area1-wrapper .container {
    max-width: 100%;
    padding: 0;
}

.t-default #footer {
    margin: 0;
}


/*.t-default #area8-wrapper,*/

.t-default #area2-wrapper {
    display: none;
}

.t-default #area1-wrapper #globalnav {
    margin: 0;
}

.t-default #area1-wrapper #header {
    background-color: #ffffff;
}

.t-default .ible-grid__list-category .search-result-cell:nth-child(n+4) {
    margin-top: 0;
}

.t-default p.h_lead {
    font-size: 11px;
    margin: 8px 0 0;
}

.t-default #area3-wrapper {
    top: -1px;
    position: relative;
}

.t-default .tab07_db_area .tab07_db_con .ible-part__basic:first-child {
    display: none !important;
}


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


/****** DB 髫�縺玲､懃ｴ｢逕ｨ ******/

.t-default #area8-wrapper {
    display: none;
}

@media only screen and (min-width: 691px) {
    .history_table th br {
        display: none;
    }
}

.asterisk {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 11px;
}

.free_btn a {
    display: inline-block;
    padding: 12px 50px 12px 30px;
    position: relative;
    color: #FFF;
    text-align: center;
    background: #4392BC;
    border-radius: 4px;
    text-decoration: none;
    line-height: 1.3;
    min-width: 230px;
    transition: 0.3s;
}

.free_btn a:hover {
    background: #315874;
}

.free_btn a:before {
    content: "";
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 1px solid #FFF;
    position: absolute;
    top: calc(50% - 7px);
    right: 15px;
    transition: 0.3s;
    background: #4392BC;
    box-shadow: 0 0 0 1px #4392BC;
    z-index: 10;
    transition: 0.3s;
}

.free_btn a:after {
    content: "";
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 1px solid #FFF;
    position: absolute;
    top: calc(50% - 4px);
    right: 12px;
    z-index: 1;
}

.free_btn a:hover:before {
    background: #315874;
    box-shadow: 0 0 0 1px #315874;
}


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

side_banner

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

.side_banner li {
    list-style: none;
    margin-bottom: 10px;
}

.side_banner li *,
.side_banner li *:before,
.side_banner li *:after {
    transition: 0.3s;
}

.side_banner_in {
    display: table;
    width: 100%;
    border: 1px solid #BBB;
    background: #F8F8F8;
}

.side_banner_img {
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    padding: 5px;
}

.side_banner_img a {
    display: block;
    height: 50px;
}

.side_banner_img img {
    width: 100%;
    height: auto;
}

.side_banner_txt {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 30px 10px 10px;
    position: relative;
    font-size: 13px;
    line-height: 1.4;
}

.side_banner_txt:after {
    content: "";
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-top: 1px solid #BBB;
    border-right: 1px solid #BBB;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: calc(50% - 4px);
}


/* hover */

.side_banner_in.bl-hover {
    border: 1px solid #4392BC;
}

.bl-hover .side_banner_txt {
    color: #4392BC;
}

.bl-hover .side_banner_txt:after {
    border-top: 1px solid #4392BC;
    border-right: 1px solid #4392BC;
}

.bl-hover .side_banner_img img {
    opacity: 0.7;
}

@media only screen and (min-width: 691px) and (max-width: 979px) {
    .side_banner li {
        float: right;
        width: 49%;
    }
    .side_banner li:nth-child(odd) {
        float: left;
        clear: both;
    }
}


/* db */


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

.subcate_title .material-icons {
    color: #4392BC;
    vertical-align: middle;
    font-size: 20px;
    margin-right: 8px;
}

.subcate_title {
    display: block;
    color: #333333;
    background-color: #ffffff;
    border-bottom: 1px solid #D6D6D6;
    padding: 0 4px 8px 0;
    margin-bottom: 10px;
}

.subcate_title a {
    font-weight: bold;
    font-size: 18px;
    color: #4392bc;
}

.magazine_list .col-sm-3 {
    width: 24.1%;
    margin-right: 1.2%;
    margin-bottom: 5px;
}

.magazine_list .col-sm-3:nth-child(4n) {
    margin-right: 0;
}

.magazine_list .ible-cell {
    height: auto !important;
}

.magazine_list .ible-part__core a {
    background-color: #F5F5F5;
    padding: 3px 8px;
    border: 2px solid #F5F5F5;
    position: relative;
    display: block;
}

.magazine_list .ible-part__core a::before {
    display: none;
}

.magazine_list .ible-part__core a::after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 18px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    font-size: 14px;
    position: absolute;
    top: calc(50% - 7px);
    right: 8px;
    color: #4392BC;
    line-height: 1;
}

.magazine_list .ible-part__core a:hover {
    border-color: #4392BC;
    text-decoration: none;
}

@media only screen and (min-width: 691px) and (max-width: 979px) {
    .magazine_list .col-sm-3 {
        width: 48.5%;
        margin-right: 3%;
    }
    .magazine_list .col-sm-3:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 690px) {
    .magazine_list .col-sm-3 {
        width: 100%;
        margin-right: 0;
    }
    .magazine_list .col-sm-3:nth-child(2n) {
        margin-right: 0;
    }
}


/* internet_advertising */


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


/*.internet_ad .box4{
  display: table;
}*/

.ad_txt_link {
    /*  display:table-cell;
  vertical-align:middle;*/
    text-align: center;
    width: 100%;
    /*  min-width:184px;
  min-height:184px;*/
    height: auto;
    /*  border:1px solid #dddddd;*/
    position: relative;
}

.ad_txt_link a {
    padding: 0 12px;
    color: #4392bc;
    /*  word-break: break-all;*/
    display: block;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ad_txt_link a img {
    height: auto !important;
    width: auto !important;
    max-width: auto !important;
    display: inline-block !important;
}

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

.ad_img100 img {
    max-width: 200px;
    height: auto;
}

.internet_ad .box4 {
    border: 1px solid #dddddd;
}

.internet_ad .box4:nth-child(4) {
    margin-right: 0 !important;
}

@media only screen and (min-width: 691px) and (max-width: 979px) {
    .ad_txt_link {
        /*  width:200px;
  height:200px;*/
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 690px) {
    .col4_m.internet_ad .flt,
    .col4_m.internet_ad .flr {
        width: 48%;
        float: left;
        position: relative;
    }
    .ad_txt_link {
        /*  max-width:200px;*/
        /*  min-width:1px;
  min-height:1px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  display:block;
  padding:0;
  line-height: 1.3;*/
    }
    .ad_txt_link a {
        padding: 8px;
        /*  display:block;*/
        word-wrap: break-word;
    }
    /*
.ad_txt_link {display: table;}
.ad_txt_link a {display:table-cell;}*/
}

.c_head {
    padding: 15px 24px;
}

.contact_footer {
    margin-top: 100px;
}

.contact_header {
    margin-bottom: 50px;
}


/* thum block */

.media_area {
    /* display: flex; */
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
}

.media_area article {
    width: 48%;
    /*margin:0 auto;*/
}

.blog_thum_block {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.blog_thum_block:hover {
    opacity: 0.7;
}

.blog_thum_block h3 {
    margin: 0;
    text-align: left;
    width: 80%;
    padding: 0 20px;
    font-size: 15px;
    line-height: 1.5!important;
    /*  font-weight: normal;*/
}

.blog_thum_img {
    overflow: hidden;
    width: 30%;
    /* 繝医Μ繝溘Φ繧ｰ縺励◆縺�棧縺ｮ蟷� */
    height: 100px;
    /* 繝医Μ繝溘Φ繧ｰ縺励◆縺�棧縺ｮ鬮倥＆ */
    position: relative;
}

.blog_thum_img img {
    max-width: none!important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 170%!important;
}

@media only screen and (max-width: 690px) {
    .media_area {
        display: block;
    }
    .media_area article {
        width: 100%;
        margin: 0 auto;
    }
    .blog_thum_img {
        width: 100px;
        height: 100px;
    }
    .blog_thum_block h3 {
        width: calc( 100% - 100px);
    }
    /* --screen and (max-width: 690px) end-------------------- */
}

.pd10 {
    padding: 10px;
}

.pd10 a {
    text-decoration: underline;
}

.pd10 a:hover {
    text-decoration: none;
}

.blog_index_right h3 a {
    text-align: left!important;
}


/***-----02-----***/


/*.flow_ver02_2_in{
	max-width: 1100px;
	width: calc(100% - 5%);
	margin-right: auto;
	margin-left: auto;
}*/

.flow_ver02_2_in .title {
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: normal;
    text-align: center;
}

.flow_ver02_2 .flow_txt {
    float: left;
    width: calc(25% - 23px);
    position: relative;
}

.flow_ver02_2 .flow_txt:not(:last-child) {
    margin-right: 30px;
}

.flow_ver02_2 .flow_txt:not(:last-child)::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    position: absolute;
    top: calc(50% - 4px);
    left: calc(100% + 15px - 4px);
}

.flow_ver02_2 .flow_txt .txt {
    text-align: center;
    padding: 15px 6%;
}

.flow_ver02_2 .flow_txt .detail {
    padding: 16px 7% 24px;
}

.flow_ver02_2_in ul li {
    margin-left: 16px;
    list-style-type: disc;
    font-size: 14px;
}

@media only screen and (max-width: 979px) {
    .flow_ver02_2 .flow_txt {
        width: calc(50% - 23px);
        margin-bottom: 24px;
    }
    .flow_ver02_2 .flow_txt:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 690px) {
    .flow_ver02_2 .flow_ver02_2_in .title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .flow_ver02_2 .flow_txt {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 40px;
    }
    .flow_ver02_2 .flow_txt:not(:last-child)::after {
        border-width: 14px 10px 0 10px;
        top: calc(100% + 20px - 7px);
        left: calc(50% - 5px);
    }
}


/* flow 02 ***/

.flow_txt_arr .txt {
    background-color: #329bd2;
    color: #ffffff;
}

.flow_txt_arr:not(:last-child) .txt::after {
    border-color: transparent transparent transparent #329bd2;
}

.flow_txt_arr .detail {
    background-color: #f9f9f9;
}

@media only screen and (max-width: 690px) {
    .flow_txt_arr:not(:last-child)::after {
        border-color: #999999 transparent transparent transparent;
    }
}

.flow_ver02_2 .flow_txt:not(:last-child)::after {
    border-color: transparent transparent transparent #999999;
}

.flow_ver02_2 .flow_txt .txt {
    background-color: #329bd2;
    color: #ffffff;
}

.flow_ver02_2 .flow_txt .detail {
    background-color: #f9f9f9;
}

@media only screen and (max-width: 690px) {
    .flow_ver02_2 .flow_txt:not(:last-child)::after {
        border-color: #999999 transparent transparent transparent;
    }
}

.txt_link2 {
    display: flex;
    flex-wrap: wrap;
}

.txt_link2 li {
    list-style: none;
    margin-right: 24px;
}

@media only screen and (max-width: 690px) {
    .txt_link2 li {
        margin-bottom: 8px;
    }
}

.txt_link2 a {
    color: #4392bc;
    position: relative;
    padding-left: 12px;
    text-decoration: underline;
}

.txt_link2 a::before {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 18px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    font-size: 14px;
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    color: #4392BC;
    line-height: 1;
}

body.kotanka header {
    position: static;
}

.listing_ban {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.listing_ban li {
    width: calc(20% - 8px);
    list-style: none;
    margin-right: 10px;
    margin-bottom: 10px;
}

.listing_ban li:nth-child(5n) {
    margin-right: 0;
}


/*.listing_ban li{
    list-style: none;
    margin-right: 16px;
  }*/

@media only screen and (min-width:691px) and (max-width:1120px) {
    .area_o_list li .foto img {
        min-height: 0px!important;
    }
    .area_o_list li .foto {
        height: auto!important;
    }
    .area_o_list li .foto img {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        min-height: 0;
        -webkit-transform: none;
        -ms-transform: unset;
        transform: none;
    }
}

@media only screen and (max-width: 690px) {
    .listing_ban li {
        width: calc(33.3333% - 8px);
        list-style: none;
        margin-right: 12px;
        margin-bottom: 10px;
    }
    .listing_ban li:nth-child(5n) {
        margin-right: 12px;
    }
    .listing_ban li:nth-child(3n) {
        margin-right: 0;
    }
    .area_o_list li .foto img {
        min-height: 0px!important;
    }
    /*.area_o_list li .foto {
      height: 65px!important;
  }*/
    .area_o_list li .foto {
        position: static;
        height: auto;
        display: block;
    }
    .area_o_list li .foto img {
        min-height: 0px!important;
    }
    .area_o_list li .foto img {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        min-height: 0px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: none;
    }
    .area_o_list li .foto img {
        position: static;
        top: 50%;
        left: 50%;
        width: auto;
        height: auto;
        min-height: 0px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 690px) {
    .t-default.tabbm.pager,
    .t-default.tabbm .pager {
        padding-bottom: 0;
    }
    .t-default.tabbm .tab07_db_area {
        border-top: 2px solid #4392BC;
    }
    .t-default.tabbm .tab07_db_area #head2 {
        position: relative;
        padding-left: 70px;
        font-weight: bold;
        margin-bottom: 8px;
        font-size: 14px;
    }
    .t-default.tabbm .tab07_db_area #head2::before {
        content: "雑誌名 : ";
        position: absolute;
        font-weight: bold;
        width: 65px;
        left: 0;
        font-size: 13px;
    }
    .t-default.tabbm .tab07_db_area #pragraph1 {
        position: relative;
        padding-left: 70px;
        margin-bottom: 8px;
    }
    .t-default.tabbm .tab07_db_area #pragraph1::before {
        content: "概要 : ";
        position: absolute;
        font-weight: bold;
        width: 65px;
        left: 0;
        font-size: 13px;
    }
    .t-default.tabbm .tab07_db_area #pragraph2 {
        position: relative;
        padding-left: 70px;
        font-size: 14px;
    }
    .t-default.tabbm .tab07_db_area #pragraph2::before {
        content: "発行部数: ";
        position: absolute;
        font-weight: bold;
        width: 65px;
        left: 0;
        font-size: 13px;
    }
    .t-default.tabbm .tab07_db_area #pragraph3 {
        width: 100%;
        display: block !important;
        padding: 0;
        font-size: 14px;
    }
    .t-default.tabbm .tab07_db_area #pragraph3::before {
        content: "掲載料金（参考金額：4色1P）";
        font-weight: bold;
        width: 100%;
        font-size: 13px;
    }
}

#top_rss_db .btn_threefourths a {
    background-color: #4392BC;
    display: block;
    margin: auto;
    padding: 12px 10px;
    border-radius: 4px;
    border: none !important;
}

.magazine_list #top_rss_db .rss_title a {
    background: transparent !important;
    padding: 0;
    border: none !important;
}

#top_rss_db .btn_threefourths a:hover {
    background-color: #003154;
    border: none !important;
    border-radius: 4px !important;
}

.magazine_list #top_rss_db .rss_title a:hover {
    border: none !important;
}

.magazine_list #top_rss_db .rss_title a::after {
    border-color: #ffffff !important;
}

.magazine_list .ible-part__core #top_rss_db a::after {
    color: #ffffff !important;
}


/* BM form */


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

@media only screen and (max-width: 690px) {
    #form_contact_main dd {
        text-align: left!important;
    }
}