/*
Theme Name:force_tcd078 child
Template:force_tcd078
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Version:1.1.12
*/

body {
    font-weight: 400;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
body {
    position: relative;
    min-width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    color: #333;
    font-size: 15px;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
}

::after, ::before {
    box-sizing:border-box;
    text-decoration: inherit;
    vertical-align: inherit;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.is-style-crease {
    position: relative;
    padding: calc(.5em + 20px);
    padding-right: calc(.5em + 20px);
    background-color: #f7f7f7;
}

.is-style-crease::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    background-color: inherit;
    border-color: #fff #fff rgba(0,0,0,.1) rgba(0,0,0,.1);
    border-style: solid;
    border-width: 0 20px 20px 0;
    box-shadow: -1px 1px 1px rgb(0 0 0 / 5%);
    content: "";
}

.num2 .is-style-crease::before {border-color: rgb(228, 228, 228) rgb(228, 228, 228) rgba(0,0,0,.1) rgba(0,0,0,.1);}

h3.pb_headline,
.num1 h3.catch,
.num2 h3.catch,
.num4 h3.catch{
    position: relative;
    z-index: 1;
    margin: 1em 0 2em !important;
    font-size: 20px !important;
    line-height: 1.4;
    font-weight: 700;
    color: #fff;
    padding: .9em .75em !important;
    background: -webkit-repeating-linear-gradient(
45deg
, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
    background: repeating-linear-gradient(
45deg
, #000000, #000000 5px, #333 5px, #333 10px);
    color: #fff !important;
    text-align: left !important;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
}

.post_content p,
.post_row{line-height: 1.6 !important;}

.post_row{margin-left: -12px !important; margin-right: -12px !important;}
.post_col, .post_col-2, .post_col-3{padding-left: 12px !important; padding-right: 12px !important;}

@media (min-width: 600px){
    h3.pb_headline,
    .num1 h3.catch,
    .num2 h3.catch,
    .num3 h3.catch{font-size:23px !important;}
.index_design_content1.num1 .post_col-2:first-child{width: 65%;}
.index_design_content1.num1 .post_col-2:last-child{width: 35%;}
}
.index_design_content1.num1 .post_col-2:last-child .bg-gray{
    background: linear-gradient(90deg,rgb(238,238,238) 0%,rgb(236,236,236) 100%);
    padding: 1.5em;
}

.index_design_content1.num1 .post_col-2:last-child ul{list-style: none; margin: -10px 0 0; padding: 0;}
.index_design_content1.num1 .post_col-2:last-child li{border-bottom: dashed 1px rgba(200,200,200,.5); padding: 5px 0;}
.index_design_content1.num1 .post_col-2:last-child li:before{
    font-family: "Font Awesome 5 Free";
    content: '\f00c';
    font-weight: 900;
    color:rgb(221, 51, 51);
    display: inline-block;
    margin-right: 4px;
}

/*.index_post_list1,*/
.num2,
.index_post_list1{
    background-color:rgb(228, 228, 228);
    width: 100%;
    padding-left: calc((100% - 850px)/2);
    padding-right: calc((100% - 850px)/2);
    box-sizing:border-box;
}

.index_design_content1.num3{
    position: relative;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.46);
    background-blend-mode:multiply;
    background-image: url(/wp-content/uploads/2021/08/black-and-white-1853980_1280.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    padding-left: calc((100% - 850px)/2);
    padding-right: calc((100% - 850px)/2);
    box-sizing:border-box;
}
.index_design_content1.num3 .post_col_inner{
    padding: 1.5em;
    background-color:rgba(200, 200, 200, 0.15);
}

.index_design_content1.num3 h3{
    font-weight: bold; color: #fff; box-sizing:border-box; padding: 0 5.5em; margin-top: 0!important; letter-spacing: .2px; position: relative;
}
.index_design_content1.num3 h3::before {
    left: 2em;
    right: auto;
}
.index_design_content1.num3 h3::after {
    left: auto;
    right: 2em;
}
.index_design_content1.num3 h3::before, .index_design_content1.num3 h3::after {
    position: absolute;
    top: 50%;
    bottom: auto;
    display: block;
    width: 3em;
    height: 1px;
    pointer-events: none;
    content: "";
    background: currentColor;
}

@media (max-width: 599px){
    .index_design_content1.num3 h3{padding: 0 4.5em;}
    .index_design_content1.num3 h3::before, .index_design_content1.num4 h3::after {width: 2em;}
    .num4 .post_content{padding: 40px 20px;}
    .num4 .post_content img{display: block; margin: 0 auto;}
}

.index_design_content1.num3 h4{
    font-weight: bold; color: #eb2e38;
}

.num4 .post_content h4{border:none; box-sizing:border-box; padding:5px 0 5px 20px !important; font-weight: bold; position: relative;}
.num4 .post_content h4::before {
    content: "";
    width: 4px;
    height: 100%;
    background: repeating-linear-gradient(#eb2e38 0%, #eb2e38 50%, #fedfdf 50%, #fedfdf 100%);
}
.num4 .post_content h4::before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: block;
}



.index_design_content1 .button{margin-top: 30px;}
.button a{border-radius: 30px;}

.q_custom_button1{border-radius: 30px; background-color: #eb2e38 !important; margin: 10px 30px !important; border:none !important}
.q_custom_button1:hover{opacity: 0.8;}

.tcd-pb-widget h4{font-weight: bold; border-bottom: 1px dotted #ccc; padding: 15px 0;}