@charset "UTF-8";
body{
    font-family:Prompt,Noto Sans JP,\6e38\30b4\30b7\30c3\30af\4f53,Yu Gothic,YuGothic,Helvetica Neue,Helvetica,Arial,\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,\30e1\30a4\30ea\30aa,Meiryo,\ff2d\ff33 \ff30\30b4\30b7\30c3\30af,MS PGothic,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -webkit-text-size-adjust:none;
    text-size-adjust:100%
}
.c-LinkBtnList{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    max-width:700px;
    margin-left:auto;
    margin-right:auto
}
.c-LinkBtnList:after{
    content:"";
    display:block;
    max-width:220px;
    width:100%
}
@media screen and (max-width: 1000px){
    .c-LinkBtnList{
        flex-wrap:wrap;
        justify-content:space-between
    }
}
.c-LinkBtnList__item{
    max-width:220px
}
@media screen and (max-width: 1000px){
    .c-LinkBtnList__item{
        width:48%;
        max-width:48%;
        margin-top:20px
    }
}
.c-LinkBtnList .c-btn{
    color: #000;
    text-decoration: none;
    margin-top:20px;
    width:220px;
    justify-content:flex-start;
    padding:5px 20px 5px 30px
}
@media screen and (max-width: 1000px){
    .c-LinkBtnList .c-btn{
        width:100%;
        height:80px!important;
        margin-top:0
    }
}
.c-tagBtn{
    max-width:380px;
    width:100%;
    display:block;
    border:1px;
    padding:25px 30px;
    background-color:#fff;
    border:1px solid #000;
    outline-offset:0px;
    -webkit-clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);
    clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);
    position:relative
}
.c-tagBtnWrap .c-tagBtn{
    margin-left:auto;
    margin-right:auto
}
.c-tagBtnWrap.mod-left .c-tagBtn{
    margin-left:0
}
.c-tagBtn:before{
    content:"";
    display:block;
    width:42px;
    height:1px;
    background-color:#000;
    transform:rotate(45deg);
    right:-7px;
    top:14px;
    position:absolute
}
.c-tagBtn .text{
    display:flex;
    align-items:center;
    margin-left:0;
    transition:margin-left .3s
}
.c-tagBtn .text:before{
    opacity:0;
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    position:absolute;
    top:-1px;
    left:-1px;
    background:url(/static/dist/images/btn_bg_tag.png) no-repeat center/100% 100%;
    transition:.3s ease-out;
    content:"";
    z-index:-1
}
.c-tagBtn .text .num{
    font-weight:400;
    font-size:1.75rem;
    margin-right:10px
}
.c-tagBtn.mod-target:after{
    transform:rotate(-45deg)!important;
    top:44%!important
}
.c-tagBtn:after{
    content:"";
    display:block;
    position:absolute;
    top:48%;
    right:20px;
    transform:translateY(-50%);
    background:url(/static/dist/images/dots.svg) center no-repeat;
    background-size:4px 4px;
    height:4px;
    width:4px
}
.c-tagBtn:hover{
    opacity:1
}
@media screen and (max-width: 1000px){
    .c-tagBtn:hover{
        height:auto
    }
}
.c-tagBtn:hover .text{
    color:#fff;
    margin-left:-20px
}
.c-tagBtn:hover .text:before{
    opacity:1
}
.c-tagBtn:hover:before{
    opacity:0;
    transition:opacity .3s ease-out
}
.c-tagBtn:hover:after{
    background:url(/static/dist/images/ico-arw-white.svg) center no-repeat;
    background-size:16px 6px;
    height:6px;
    width:16px
}
@media screen and (max-width: 1000px){
    .c-tagBtn{
        opacity:1;
        border:none
    }
}
@media screen and (max-width: 1000px) and (max-width: 1000px){
    .c-tagBtn{
        height:auto
    }
}
@media screen and (max-width: 1000px){
    .c-tagBtn .text{
        color:#fff;
        margin-left:-20px
    }
    .c-tagBtn .text:before{
        opacity:1;
        transition:opacity .3s ease-out
    }
    .c-tagBtn:before{
        opacity:0;
        transition:opacity .3s ease-out
    }
    .c-tagBtn:after{
        background:url(/static/dist/images/ico-arw-white.svg) center no-repeat;
        background-size:16px 6px;
        height:6px;
        width:16px
    }
}
.c-editor>:first-child{
    margin-top:0
}
.c-editor>:last-child{
    margin-bottom:0
}
.c-editor *+*{
    margin-top:30px
}
.c-editor .wp-block-column+.wp-block-column{
    margin-top:0
}
@media screen and (max-width: 1000px){
    .c-editor .wp-block-column+.wp-block-column{
        margin-top:30px
    }
}
.c-editor h1{
    display:block;
    width:100%;
    position:relative;
    margin-top:50px
}
.c-editor h1 span{
    font-size:1.25rem;
    display:block;
    width:100%;
    border:1px solid #000;
    padding:15px 10px;
    font-weight:700;
    color:#fff
}
.c-editor h1:before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:radial-gradient(at left top,#eb4754 56%,#eacc69 100%);
    position:absolute;
    top:5px;
    left:-5px;
    z-index:-1
}
.c-editor h1.mod-blog{
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.c-editor h1.mod-blog span{
    font-size:1.375rem;
    border:none;
    padding:0;
    display:inline-block;
    color:#000
}
.c-editor h1.mod-blog:before{
    display:none
}
.c-editor h1.mod-blog:after{
    content:"";
    display:block;
    width:100%;
    height:5px;
    background:radial-gradient(at 130px 98px,#f02837 55%,#eacc69 100%)
}
.c-editor h2{
    display:flex;
    align-items:flex-start;
    font-size:1.125rem;
    font-weight:700;
    line-height:1.7777777778;
    margin-top:50px
}
.c-editor h2.mod-mt0{
    margin-top:0!important
}
.c-editor h2:before{
    content:"";
    display:block;
    margin-right:10px;
    margin-top:5px;
    width:20px;
    height:20px;
    min-width:20px;
    background:linear-gradient(150deg,#eb4754,#eacc69)
}
.c-editor h3{
    font-weight:700;
    font-size:.9375rem;
    color:#eb4c3e;
    line-height:1.6666666667;
    margin-top:30px
}
.c-editor h3.mod-member{
    font-size:1.5rem;
    font-weight:400
}
.c-editor h3.mod-member+*{
    margin-top:24px
}
.c-editor h3.mod-member:not(:first-child){
    margin-top:70px
}
.c-editor p{
    font-size:1rem;
    line-height:1.75
}
.c-editor p.left{
    text-align:left
}
.c-editor p.center{
    text-align:center
}
.c-editor p.right{
    text-align:right
}
.c-editor p.mt10{
    margin-top:10px
}
.c-editor .box{
    background-color:#fff;
    padding:20px;
    border:1px solid #d0d6d9
}
.c-editor a{
    color:#5b5b8d;
    text-decoration:underline
}
.c-editor a:hover{
    text-decoration:none;
    opacity:1
}
@media screen and (max-width: 1000px){
    .c-editor a img{
        clear:both;
        float:none!important;
        margin:10px auto!important
    }
}
.c-editor a.exLink[target=_blank]:not(.has-img){
    display:inline;
    position:relative;
}
.c-editor a.exLink[target=_blank]:not(.has-img):after{
    content:"";
    display:inline-block;
    margin-left:6px;
    margin-right:6px;
    background:url(/static/dist/images/ico-target.svg) center no-repeat;
    background-size:10px 10px;
    height:10px;
    width:10px
}
.c-editor a.exLink[target=_blank][\:has\(img\)]:after{
    display:none!important
}
.c-editor a.exLink[target=_blank]:has(img):after{
    display:none!important
}

.c-editor ul li{
    padding-left:22px;
    position:relative
}
.c-editor ul li:before{
    content:"";
    display:block;
    min-width:11px;
    position:absolute;
    top:5px;
    left:0;
    background:url(/static/dist/images/ico-list.svg) center no-repeat;
    background-size:11px 20px;
    height:20px;
    width:11px
}
.c-editor ul li+li{
    margin-top:10px
}
.c-editor ul li ul{
    margin-top:10px
}
.c-editor ul li ul li:before{
    background:url(/static/dist/images/ico-child-list.svg) center no-repeat;
    background-size:12px 12px;
    height:12px;
    width:12px
}
.c-editor ul li ul li+li{
    margin-top:10px
}
.c-editor ol.parent{
    counter-reset:number;
    padding-left:25px
}
.c-editor ol.parent li.parent{
    position:relative;
    padding-left:24px;
    border-left:1px solid #000
}
.c-editor ol.parent li.parent:before{
    counter-increment:number;
    content:counter(number);
    display:block;
    font-size:1.875rem;
    position:absolute;
    left:-33px;
    top:0px
}
.c-editor ol.parent li.parent+li{
    margin-top:24px
}
.c-editor ol.parent li.parent ul{
    padding-left:20px;
    margin-top:10px
}
.c-editor ol.parent li.parent ul li{
    padding-left:0;
    border-left:none
}
.c-editor ol.parent li.parent ul li+li{
    margin-top:10px
}
.c-editor ol.parent li.parent ul li:before{
    content:"";
    left:-15px;
    top:7px;
    background:url(/static/dist/images/ico-child-list.svg) center no-repeat;
    background-size:12px 12px;
    height:12px;
    width:12px
}
.c-editor blockquote{
    background-color:#fff;
    padding:7px 15px;
    width:100%;
    font-size:.875rem;
    position:relative
}
.c-editor blockquote:before{
    content:"";
    display:block;
    width:2px;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:linear-gradient(150deg,#eb4754,#eacc69)
}
.c-editor figure{
    width:100%
}
.c-editor figure img{
    display:block;
    margin:0 auto
}
.c-editor figure figcaption{
    font-size:.75rem;
    margin-top:5px;
    text-align:center
}
.c-editor .tableWrap{
    overflow-x:scroll
}
.c-editor table{
    min-width:750px;
    font-size:.875rem;
    border:1px solid #000
}
.c-editor table thead{
    border-bottom:1px dashed #000
}
.c-editor table tr{
    border-bottom:1px dashed #000;
    text-align:left
}
.c-editor table th{
    border:none;
    padding:15px 20px;
    background-color:#ececef
}
.c-editor table th:first-child{
    border-right:1px solid #000
}
.c-editor table td{
    border:none;
    padding:15px 20px;
    margin-top:0
}
.c-editor table td:first-child{
    font-weight:700;
    vertical-align:middle;
    border-right:1px solid #000
}
.c-editor table.mod-flex{
    border:none
}
.c-editor table.mod-flex tr{
    border:none;
    display:flex;
    align-items:center
}
.c-editor table.mod-flex tr+.c-editor table.mod-flex tr{
    margin-top:20px
}
.c-editor table.mod-flex td:first-child{
    color:#eb4c3e;
    font-weight:300;
    padding-left:0;
    padding-right:10px;
    min-width:95px;
    vertical-align:middle;
    -moz-text-align-last:justify;
    text-align-last:justify;
    font-size:1.25rem;
    border-right:1px solid #EB4C3E
}
.c-editor table.mod-flex td:last-child{
    padding-left:10px
}
.c-editor .col{
    display:flex;
    justify-content:space-between
}
@media screen and (max-width: 1000px){
    .c-editor .col{
        flex-direction:column
    }
}
.c-editor .col>:first-child,.c-editor .col>img{
    max-width:200px;
    width:28%;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    margin-right:5%
}
@media screen and (max-width: 1000px){
    .c-editor .col>:first-child,.c-editor .col>img{
        display: block;
        margin: 0 auto 30px;
        max-width:50%;
        width:50%
    }
}
.c-editor .col>:first-child img{
    width:100%;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content
}
.c-editor .col>:nth-child(2) span.title,.c-editor .col .text span.title{
    font-weight:700;
    font-size:1.25rem;
    margin-bottom:20px;
    display:block
}
.c-editor .col p+p{
    margin-top:20px
}
.c-editor strong{
    font-weight:700
}
.c-editor .img2Col{
    display:flex;
    align-items:center;
    justify-content:space-between
}
@media screen and (max-width: 1000px){
    .c-editor .img2Col{
        flex-direction:column
    }
}
.c-editor .img2Col__item{
    width:47%;
    background-color:#fff
}
@media screen and (max-width: 1000px){
    .c-editor .img2Col__item{
        width:100%
    }
}
.c-editor .img2Col__item img{
    display:block;
    margin:0 auto;
    height:100%
}
.c-editor .wp-block-code,.c-editor pre{
    display:block;
    overflow:auto;
    background-color:#ececef;
    padding:20px;
    white-space:pre!important
}
.c-editor .wp-block-code code,.c-editor pre code{
    white-space:pre!important
}
.c-editor .profile{
    display:block;
    position:relative;
    background-color:#fff;
    border:1px solid #D0D6D9;
    margin:50px 0;
    padding:20px
}
.c-editor .profile:after{
    display:block;
    clear:both;
    content:""
}
.c-editor .profile>.profPhoto{
    display:block;
    float:left;
    width:110px;
    height:auto;
    margin:0 30px 0 0
}
.c-editor .profile>.profPhoto img{
    display:block;
    position:relative;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0!important;
    float:none!important
}
.c-editor .profile p:not(.profPhoto){
    width:100%;
    margin-top:0;
    margin-bottom:0;
    position:relative;
    font-size:14px;
    line-height:1.8
}
.c-editor .flow{
    position:relative;
    margin:50px 0;
    padding:30px 0;
    background-image:url(data:image/svg+xml;
    charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-9d2d647e-592e-477f-9924-32dcbc3affa8%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%206%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%222.5%22%20fill%3D%22%231a1a1a%22%2F%3E%3C%2Fsvg%3E),url(data:image/svg+xml;
    charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-9d2d647e-592e-477f-9924-32dcbc3affa8%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%206%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%222.5%22%20fill%3D%22%231a1a1a%22%2F%3E%3C%2Fsvg%3E),url(data:image/svg+xml;
    charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-9d2d647e-592e-477f-9924-32dcbc3affa8%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%206%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%222.5%22%20fill%3D%22%231a1a1a%22%2F%3E%3C%2Fsvg%3E),url(data:image/svg+xml;
    charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-9d2d647e-592e-477f-9924-32dcbc3affa8%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%206%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%222.5%22%20fill%3D%22%231a1a1a%22%2F%3E%3C%2Fsvg%3E);
    background-size:6px auto,6px auto,6px auto,6px auto;
    background-position:left top,right top,right bottom,left bottom;
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat
}
.c-editor .flow:after{
    display:block;
    position:absolute;
    width:calc(100% - 2px);
    height:calc(100% - 5px);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-top:1px solid #1A1A1A;
    border-bottom:1px solid #1A1A1A;
    z-index:0;
    content:""
}
.c-editor .flow+.flow{
    margin-top:60px
}
.c-editor .flow+.flow:before{
    display:block;
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,-52px) rotate(45deg);
    width:27px;
    height:27px;
    background-color:transparent;
    border-right:1px solid #1A1A1A;
    border-bottom:1px solid #1A1A1A;
    content:""
}
.c-editor .flow>p{
    position:relative;
    z-index:1;
    margin:0;
    font-size:16px;
    line-height:1.8
}
.c-editor .flow>p:first-of-type{
    margin-bottom:6px;
    color:#eb4c3e!important;
    font-size:15px;
    font-weight:700
}
.c-editor .dialog{
    position:relative;
    margin:50px 0
}
.c-editor .dialog:after{
    display:block;
    clear:both;
    content:""
}
.c-editor .dialog p{
    margin:0
}
.c-editor .dialog>.dialog_iv{
    position:relative;
    font-weight:700;
    font-size:16px;
    line-height:1.8;
    margin-bottom:40px;
    padding-left:70px
}
.c-editor .dialog>.dialog_iv:before{
    display:block;
    position:absolute;
    top:12px;
    left:0;
    width:62px;
    height:2px;
    background-color:#1a1a1a;
    content:""
}
.c-editor .dialog>.dialog_yl,.c-editor .dialog>.dialog_rd,.c-editor .dialog>.dialog_bl,.c-editor .dialog>.dialog_cy,.c-editor .dialog>.dialog_pp,.c-editor .dialog>.dialog_as{
    float:left;
    display:block;
    line-height:1.8;
    font-size:16px;
    padding:2px 10px;
    margin-top:0
}
.c-editor .dialog>.dialog_yl+p,.c-editor .dialog>.dialog_rd+p,.c-editor .dialog>.dialog_bl+p,.c-editor .dialog>.dialog_cy+p,.c-editor .dialog>.dialog_pp+p,.c-editor .dialog>.dialog_as+p{
    min-height:34px;
    padding-top:3px;
    padding-left:68px;
    margin-bottom:16px
}
.c-editor .dialog>.dialog_yl+p:last-of-type,.c-editor .dialog>.dialog_rd+p:last-of-type,.c-editor .dialog>.dialog_bl+p:last-of-type,.c-editor .dialog>.dialog_cy+p:last-of-type,.c-editor .dialog>.dialog_pp+p:last-of-type,.c-editor .dialog>.dialog_as+p:last-of-type{
    margin-bottom:0
}
.c-editor .dialog>.dialog_yl{
    background-color:#eacc69
}
.c-editor .dialog>.dialog_rd{
    color:#fff;
    background-color:#eb4754
}
.c-editor .dialog>.dialog_bl{
    color:#fff;
    background-color:#6bb7f8
}
.c-editor .dialog>.dialog_cy{
    color:#fff;
    background-color:#4ed9e5
}
.c-editor .dialog>.dialog_pp{
    color:#fff;
    background-color:#5b5b8d
}
.c-editor .dialog>.dialog_as{
    background-color:#d0d6d9
}
.c-editor .voice{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:nowrap;
    margin:50px 0
}
.c-editor .voice.r{
    flex-direction:row-reverse
}
.c-editor .voice+.voice{
    margin-top:-10px
}
.c-editor .voice>.icon{
    display:block;
    width:80px;
    height:auto;
    text-align:center;
    flex-grow:0;
    flex-shrink:0;
    margin-right:30px
}
.c-editor .voice>.icon>img{
    width:100%;
    height:auto
}
.c-editor .voice>.icon>.name{
    margin-top:10px;
    font-size:16px;
    font-weight:700;
    line-height:1.5
}
.c-editor .voice.r>.icon{
    margin-right:0;
    margin-left:30px
}
.c-editor .voice>.voicecomment{
    display:block;
    position:relative;
    width:100%;
    min-height:50px;
    margin:0;
    padding:10px;
    border-left:2px solid #EB4C3E;
    background-color:#fff;
    line-height:1.8
}
.c-editor .voice>.voicecomment:after{
    display:block;
    position:absolute;
    top:15px;
    left:0;
    transform:translate(-100%);
    width:15px;
    height:20px;
    background-color:#eb4c3e;
    -webkit-clip-path:polygon(0 50%,100% 0%,100% 100%);
    clip-path:polygon(0 50%,100% 0%,100% 100%);
    content:""
}
.c-editor .voice>.voicecomment p{
    margin:0;
    font-size:16px
}
.c-editor .voice.r>.voicecomment{
    border-left:none;
    border-right:2px solid #1A1A1A
}
.c-editor .voice.r>.voicecomment:after{
    left:auto;
    right:0;
    transform:translate(100%);
    background-color:#1a1a1a;
    -webkit-clip-path:polygon(0 0,100% 50%,0 100%);
    clip-path:polygon(0 0,100% 50%,0 100%)
}
.c-h2{
    font-size:2rem;
    font-weight:300;
    margin-bottom:55px;
    margin-left:50px
}
.c-h2.mod-ml0{
    margin-left:0
}
.c-h2:before{
    content:"";
    width:11px;
    height:3px;
    background-color:#eb4c3e;
    display:block;
    margin-bottom:30px
}
@media screen and (max-width: 1000px){
    .c-h2{
        margin-left:20px;
        font-size:1.5rem
    }
}
.c-relatedCard{
    max-width:350px;
    width:31.25%;
    position:relative
}
@media (hover: hover){
    .c-relatedCard:hover .c-btn{
        opacity:1
    }
}
@media screen and (hover: hover) and (max-width: 1000px){
    .c-relatedCard:hover .c-btn{
        height:auto
    }
}
@media (hover: hover){
    .c-relatedCard:hover .c-btn span{
        color:#fff;
        left:-20px
    }
    .c-relatedCard:hover .c-btn:before{
        opacity:1;
        transition:opacity .3s ease-out
    }
    .c-relatedCard:hover .c-btn:after{
        background:url(/static/dist/images/ico-arw-white.svg) center no-repeat;
        background-size:16px 6px;
        height:6px;
        width:16px
    }
}
@media screen and (max-width: 1000px){
    .c-relatedCard{
        max-width:100%
    }
    .c-relatedCard+.c-relatedCard{
        margin-top:40px
    }
}
.c-relatedCard:before{
    content:"";
    display:block;
    width:100%;
    height:calc(100% - 80px);
    background-color:#fff;
    position:absolute;
    left:50%;
    bottom:20px;
    transform:translate(-50%);
    z-index:0
}
.c-relatedCard__link{
    display:block;
    width:100%;
    height:100%;
    z-index:2;
    opacity:1
}
.c-relatedCard__link:hover{
    opacity:1
}
.c-relatedCard__inner{
    position:relative;
    z-index:1;
    max-width:88.5714285714%;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:50px;
    width:100%;
    height:100%
}
@media screen and (max-width: 1000px){
    .c-relatedCard__inner{
        padding-bottom:40px
    }
}
.c-relatedCard__figure{
    width:100%;
    position:relative;
    border:1px solid #000;
    background-color:#fff
}
.c-relatedCard__figure:before{
    content:"";
    display:block;
    padding-top:56.25%
}
.c-relatedCard__figure img{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    bottom:0;
    left:0
}
.c-relatedCard__title{
    margin-top:10px;
    font-size:1.25rem;
    font-weight:700;
    line-height:1.95;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    min-height:113px
}
@media screen and (max-width: 1000px){
    .c-relatedCard__title{
        min-height:unset
    }
}
.c-relatedCard__company{
    margin-top:20px
}
.c-relatedCard__cateWrap{
    margin-top:15px;
    display:flex;
    flex-wrap:wrap
}
.c-relatedCard__cateWrap .p-category{
    margin-right:10px
}
.c-relatedCard__hashWrap{
    display:flex;
    flex-wrap:wrap;
    margin-top:0;
    margin-bottom:20px
}
.c-relatedCard__hashWrap .p-hash{
    margin-bottom:0;
    text-decoration:none
}
.c-relatedCard__btnWrap{
    z-index:1;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translate(-50%)
}
.p-solution iframe{
    max-width:700px;
    width:100%;
    margin-left:auto;
    margin-right:auto
}
.p-solution_editor h2{
    margin-bottom:30px;
    display:flex;
    align-items:flex-start;
    font-size:1.125rem;
    font-weight:700;
    line-height:1.7777777778
}
.p-solution_editor h2.mod-mt0{
    margin-top:0!important
}
.p-solution_editor h2:before{
    content:"";
    display:block;
    margin-right:10px;
    margin-top:5px;
    margin-bottom:0;
    width:20px;
    height:20px;
    min-width:20px;
    background:linear-gradient(150deg,#eb4754,#eacc69)
}
.p-solution_editor p{
    font-size:1rem;
    line-height:1.75
}
.p-solution_editor p.mt10{
    margin-top:10px
}
.p-solution .c-editor h2{
    margin-top:60px
}
.p-solution .c-editor h2+*{
    margin-top:30px!important
}
.p-solution .c-editor .col .text{
    margin-top:0
}
@media screen and (max-width: 1000px){
    .p-solution .c-editor .col .text{
        margin-top:30px
    }
}
.p-solution__simpleTable{
    font-size:.875rem;
    border:1px solid
}
.p-solution__simpleTable--tr{
    border-bottom:1px dashed black
}
.p-solution__simpleTable--tr:last-child{
    border-bottom:nones
}
.p-solution__simpleTable--td{
    padding:10px 20px
}
.p-solution__simpleTable--td:first-child{
    width:30%;
    font-weight:700;
    border-right:1px solid black
}
.p-solution p.mod-center{
    text-align:center
}
.p-solution__title{
    font-weight:300;
    font-size:2rem;
    line-height:1.78125
}
.p-solution__title.mod-center,.p-solution__textCenter{
    text-align:center
}
.p-solution__col{
    display:flex;
    justify-content:space-between;
    align-items:flex-start
}
@media screen and (max-width: 1000px){
    .p-solution__col{
        flex-direction:column
    }
}
.p-solution__col img{
    width:200px;
    margin-right:20px
}
@media screen and (max-width: 1000px){
    .p-solution__col img{
        width:50%;
        margin:0 auto;
        display: block;
    }
}
.p-solution__col p{
    max-width:560px
}
@media screen and (max-width: 1000px){
    .p-solution__col p{
        max-width:100%;
        margin-top:20px
    }
}
.p-solution__boxWrap{
    display:flex;
    justify-content:space-between
}
.p-solution__boxWrap.mod-center{
    justify-content:center
}
@media screen and (max-width: 1000px){
    .p-solution__boxWrap{
        flex-direction:column
    }
}
.p-solution__box{
    background-color:#fff;
    border:1px solid #ECECEF;
    padding:30px 20px;
    position:relative;
    width:31.25%
}
@media screen and (max-width: 1000px){
    .p-solution__box{
        width:100%
    }
    .p-solution__box+.p-solution__box{
        margin-top:40px
    }
}
.p-solution__box:before{
    content:"";
    display:block;
    position:absolute;
    left:45%;
    transform:translateY(-50%);
    top:-1px;
    background:url(/static/dist/images/img_whiteboxTop.svg) center no-repeat;
    background-size:25px 30px;
    height:30px;
    width:25px
}
.p-solution__box--border{
    display:block;
    height:1px;
    width:100%;
    background-color:#ececef;
    margin-top:20px;
    position:relative
}
.p-solution__box--border:before,.p-solution__box--border:after{
    content:"";
    display:block;
    width:7px;
    height:7px;
    background-color:#ececef;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    border-radius:100%
}
.p-solution__box--border:after{
    left:unset;
    right:0
}
.p-solution__box--title{
    text-align:center;
    font-weight:300;
    font-size:1.125rem;
    line-height:1.7777777778
}
.p-solution__box--title.mod-min64{
    min-height:64px
}
@media screen and (max-width: 1000px){
    .p-solution__box--title.mod-min64{
        min-height:unset
    }
}
.p-solution__box--text{
    margin-top:10px
}
.p-solution__figure{
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
    background-color:#fff
}
.p-solution__figure.mod-min{
    max-width:650px
}
.p-solution__figure img{
    display:block;
    max-height:inherit;
    margin:0 auto
}
.p-solution__wide{
    margin:0 calc(50% - 50vw);
    width:100vw
}
.p-solution__wide--inner{
    padding:0 20px;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto
}
.p-solution__wide--inner.mod-superWide{
    max-width:1130px
}
.p-solution__leftGrayCard{
    display:flex;
    position:relative;
    padding-bottom:60px
}
@media screen and (max-width: 1000px){
    .p-solution__leftGrayCard{
        flex-direction:column
    }
}
.p-solution__leftGrayCard+.p-solution__leftGrayCard{
    margin-top:30px
}
.p-solution__leftGrayCard:last-child{
    padding-bottom:0
}
.p-solution__leftGrayCard:last-child:after{
    display:none
}
.p-solution__leftGrayCard:after{
    content:"";
    display:block;
    background:url(/static/dist/images/ico-arw-bottom.svg) center no-repeat;
    background-size:40px 21px;
    height:21px;
    width:40px;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translate(-50%)
}
.p-solution__leftGrayCard--num{
    font-size:3rem
}
.p-solution__leftGrayCard--title{
    font-size:1.25rem;
    font-weight:700;
    margin-top:20px
}
.p-solution__leftGrayCard--left{
    border:1px solid #000;
    border-right:none;
    padding:45px 20px;
    background-color:#ececef;
    width:26.0416666667%;
    -webkit-clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);
    clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);
    position:relative
}
.p-solution__leftGrayCard--left:before{
    content:"";
    display:block;
    width:42px;
    height:1px;
    background-color:#000;
    transform:rotate(45deg);
    right:-6px;
    top:14px;
    position:absolute
}
@media screen and (max-width: 1000px){
    .p-solution__leftGrayCard--left{
        width:100%;
        border-right:1px solid
    }
}
.p-solution__leftGrayCard--right{
    border:1px solid #000;
    padding:40px 30px;
    background-color:#fff;
    width:73.9583333333%;
    -webkit-clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);
    clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);
    position:relative
}
.p-solution__leftGrayCard--right:before{
    content:"";
    display:block;
    width:42px;
    height:1px;
    background-color:#000;
    transform:rotate(45deg);
    right:-7px;
    top:14px;
    position:absolute
}
@media screen and (max-width: 1000px){
    .p-solution__leftGrayCard--right:before{
        width:43px;
        right:-6px;
        top:14px
    }
    .p-solution__leftGrayCard--right{
        width:100%;
        border-top:none
    }
}
.p-solution__leftGrayCard--purple{
    font-weight:700;
    color:#5b5b8d;
    margin-top:40px;
    display:flex;
    align-items:center
}
.p-solution__leftGrayCard--purple:before{
    content:"";
    display:block;
    margin-right:10px;
    background:url(/static/dist/images/img_solutionLeftIcon.svg) center no-repeat;
    background-size:5px 7px;
    height:7px;
    width:5px
}
.p-solution__leftGrayCard--list{
    display:flex;
    margin-top:10px
}
@media screen and (max-width: 1000px){
    .p-solution__leftGrayCard--list{
        flex-direction:column
    }
}
.p-solution__leftGrayCard--figure{
    margin-right:20px
}
@media screen and (max-width: 1000px){
    .p-solution__leftGrayCard--figure{
        margin-right:0;
        margin-top:20px
    }
    .p-solution__leftGrayCard--figure img{
        width:100%
    }
    .p-solution__leftGrayCard--figure:first-child{
        margin-top:0
    }
}
.p-solution__cardList{
    display:flex;
    justify-content:space-between;
    margin-top:60px;
    flex-wrap:wrap
}
.p-solution__cardList:after{
    content:"";
    display:block;
    max-width:350px;
    width:31.25%
}
.p-solution__cardList .c-relatedCard:before{
    background-color:#ececef
}
@media screen and (max-width: 1000px){
    .p-solution__cardList{
        flex-direction:column
    }
    .p-solution__cardList:after{
        display:none
    }
    .p-solution__cardList .c-relatedCard{
        width:100%
    }
}
.p-solution__qa--title{
    color:#eb4c3e;
    font-size:1.5rem;
    margin-bottom:30px
}
.p-solution__qa--q{
    display:flex;
    align-items:flex-start;
    padding:20px 70px 20px 0;
    border-top:1px solid #000;
    cursor:pointer;
    position:relative;
    background-image:url(/static/dist/images/ico-plus.svg);
    background-size:36px;
    background-repeat:no-repeat;
    background-position:right 20px center;
    width:100%;
    text-align:left
}
.p-solution__qa--q span{
    font-size:1.5rem;
    margin-right:10px
}
.p-solution__qa--q:after{
    content:"";
    display:block;
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    background-color:#000;
    transition:width;
    transition-delay:.3s;
    height:1px
}
.p-solution__qa--q.is-active{
    background-image:url(/static/dist/images/ico-close.svg)
}
.p-solution__qa--q.is-active:after{
    width:41px;
    transition-delay:0s
}
.p-solution__qa--q.is-active+.p-solution__qa--a{
    margin-left:40px
}
.p-solution__qa--q+.p-solution__qa--a{
    margin-left:40px
}
.p-solution__qa--a{
    display:flex;
    justify-content:space-between;
    overflow:hidden;
    position:relative;
    height:0;
    visibility:hidden;
    padding:0 20px;
    border-left:1px solid;
    border-bottom:1px solid #000
}
.p-solution__qa--a+.p-solution__qa--q{
    margin-top:30px
}
.p-solution__redBox{
    display:flex;
    flex-direction:column;
    padding:30px 20px;
    border:1px solid #EB4C3E;
    width:31.25%
}
.p-solution__redBoxList{
    display:flex;
    justify-content:space-between
}
@media screen and (max-width: 1000px){
    .p-solution__redBoxList{
        flex-direction:column
    }
    .p-solution__redBox{
        width:100%
    }
    .p-solution__redBox+.p-solution__redBox{
        margin-top:30px
    }
}
.p-solution__redBox--title{
    color:#eb4c3e;
    text-align:center;
    font-size:1.125rem;
    font-weight:700;
    margin-bottom:30px;
    min-height:58px
}
@media screen and (max-width: 1000px){
    .p-solution__redBox--title{
        min-height:unset
    }
}
.p-participation{
    padding:50px 20px;
    width:100%;
    background-color:#ececef;
    border:1px solid #000;
    -webkit-clip-path:polygon(60px 0%,calc(100% - 60px) 0%,100% 60px,100% 100%,0 100%,0 60px);
    clip-path:polygon(60px 0%,calc(100% - 60px) 0%,100% 60px,100% 100%,0 100%,0 60px);
    position:relative
}
.p-participation.mod-white{
    background-color:#fff
}
.p-participation.mod-skelton{
    background-color:transparent
}
@media screen and (max-width: 1000px){
    .p-participation{
        padding:40px 40px 50px
    }
}
.p-participation:before,.p-participation:after{
    content:"";
    display:block;
    width:86px;
    height:1px;
    background-color:#000;
    position:absolute;
    top:29px;
    left:-14px;
    z-index:1;
    transform:rotate(-45deg)
}
.p-participation:after{
    left:unset;
    right:-14px;
    transform:rotate(45deg) scaleY(-1)
}
.p-participation__inner p{
    text-align:center
}
.p-participation__title{
    font-size:1.5rem;
    font-weight:300;
    text-align:center
}
.p-participation__text{
    margin-top:30px;
    text-align:center
}
.p-participation__bold{
    margin-bottom:25px;
    font-size:24px;
    font-weight:300;
    line-height:1.8;
    text-align:center
}
.p-participationWrap{
    display:flex;
    justify-content:space-between
}
@media screen and (max-width: 1000px){
    .p-participationWrap{
        flex-direction:column
    }
}
.p-participationWrap .p-participation{
    max-width:460px
}
@media screen and (max-width: 1000px){
    .p-participationWrap .p-participation{
        max-width:100%
    }
}
.p-archiveCase__list{
    display:flex;
    justify-content:center;
    flex-wrap:wrap
}
@media screen and (min-width: 1001px){
    .p-archiveCase__list{
        justify-content:space-between
    }
}
.p-archiveCase__list .c-relatedCard{
    max-width:500px
}
.p-archiveCase__list .c-relatedCard:before{
    background-color:#ececef
}
.p-archiveCase__list .c-relatedCard .c-relatedCard__inner{
    width:88%
}
.p-archiveCase__list .c-relatedCard .c-relatedCard__figure{
    width:86.3636363636%;
    margin:0 auto
}
@media screen and (min-width: 1001px){
    .p-archiveCase__list .c-relatedCard{
        width:calc((100% - 60px)/2);
        max-width:100%
    }
    .p-archiveCase__list .c-relatedCard:nth-child(n+3){
        margin-top:60px
    }
}
.p-category{
    border-radius:42px;
    background-color:#000;
    color:#fff;
    text-align:center;
    padding:8px 20px;
    margin-right:10px;
    margin-bottom:10px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    line-height:1
}
.p-hash{
    font-size:.875rem;
    margin-right:20px;
    margin-bottom:10px;
    text-decoration:underline;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.p-solutionTable{
    width:100%
}
.p-solutionTable__td:first-child{
    font-size:1.125rem;
    font-weight:300;
    width:250px;
    padding:20px 30px 20px 0;
    line-height:1.7777777778;
    border-top:2px solid #8E8EB2
}
@media screen and (max-width: 1000px){
    .p-solutionTable__td:first-child{
        width:45%
    }
}
.p-solutionTable__td:last-child{
    font-size:.875rem;
    padding:20px;
    border-top:1px solid #D0D6D9
}
 

.p-solution__boxWrap2 {
    display:flex;
    flex-wrap:wrap;
    margin-top:30px;
    justify-content:space-between;
}

.p-solution__box2 {
    display:block;
    background-color: #fff;
    width:47.5%;
    padding:30px 30px 80px;
    border-top:1px solid #ECECEF;
    border-right:1px solid #ECECEF;
    border-bottom: 1px solid #ECECEF;
    border-left: 1px solid #ECECEF;
    -webkit-clip-path:polygon(0 0,calc(100% - 50px) 0,100% 50px,100% 100%,0 100%);
    clip-path:polygon(0 0,calc(100% - 50px) 0,100% 50px,100% 100%,0 100%);
    width:47.1428571429%;
    position:relative;
    margin-bottom: 30px;
}
@media screen and (max-width: 1000px){
    .p-solution__box2{
        width:100%
    }
    .p-solution__box2+.p-solution__box2{
        margin-top:50px
    }
}
.p-solution__box2:before{
    content:"";
    display:block;
    width:72px;
    height:1px;
    background-color:#ECECEF;
    transform:rotate(45deg);
    right:-13px;
    top:25px;
    position:absolute
}

.p-solution__box2--title {
    padding-bottom:0;
    border-bottom:3px solid #EB4754;
    font-size:1.25rem;
    font-weight:700;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-bottom: 15px;

}

.p-solution__box2 .c-btnWrap {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}


.p-solution__box--leftimg {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.p-solution__box--leftimg>:first-child {
    width: 72%;
}

.p-solution__box--leftimg>:last-child {
    width: 26%;
}
@media screen and (max-width: 1000px){

    .p-solution__box--leftimg {
        flex-direction: column-reverse;
    }
    
.p-solution__box--leftimg>:first-child {
    width: 100%;
}

.p-solution__box--leftimg>:last-child {
    width: 40%;
    margin: 0 auto 30px;
}
    }
ul.p-solution__simpleList {
    margin-left: 20px;
}

ul.p-solution__simpleList li {
    list-style-type: disc;
}

.p-solution_editor ul li{
    padding-left:22px;
    position:relative
}
.p-solution_editor ul li:before{
    content:"";
    display:block;
    min-width:11px;
    position:absolute;
    top:5px;
    left:0;
    background:url(/static/dist/images/ico-list.svg) center no-repeat;
    background-size:11px 20px;
    height:20px;
    width:11px
}
.p-solution_editor ul li+li{
    margin-top:10px
}
.p-solution_editor ul li ul{
    margin-top:10px
}
.p-solution_editor ul li ul li:before{
    background:url(/static/dist/images/ico-child-list.svg) center no-repeat;
    background-size:12px 12px;
    height:12px;
    width:12px
}
.p-solution_editor ul li ul li+li{
    margin-top:10px
}

@media screen and (max-width: 1000px){
br.nosp {
    display: none;
}
}

.kintone_btns {
    display: flex;
    justify-content: space-between;
    margin-top: 60px!important;
}

div.l-content div.kintone_btns img {
    width: 50px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

@media screen and (max-width: 1000px){
    .kintone_btns {
        flex-wrap: wrap;
    }

    div.l-content div.kintone_btns img {
        margin-right: 15px!important;
    }
}

div.l-content div.kintone_btns a {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    text-align: center;
    font-size: 120%;
    border: 1px solid #ccc;
    width: 48%;
    padding: 20px;
    text-decoration: none;
    color: #000;
}

@media screen and (max-width: 1000px){
    div.l-content div.kintone_btns a {
        width: 100%;
    }
    div.l-content div.kintone_btns a:first-child {
        margin-bottom: 20px;
    }
}

div.l-content div.kintone_btns a:hover {
    opacity: 0.5;
}

.l-content h2.kintone-h2 {
    display: inline-block;
    font-size: 28px;
    font-weight: normal;
    vertical-align: middle;
    margin: 70px 0 45px;
}

.l-content h2.kintone-h2 img {
    display: inline-block;
    width: 40px;
    margin-right: 20px;
    vertical-align: middle;
}
.l-content h2.kintone-h2::before {
    display: none;
}

.l-content h3.kintone-h3 {
    display: inline-block;
    color: #000;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 4px;
    background-position: left bottom;
    background-image: linear-gradient(to right, #F02837, #EACC69 100%);
    background-size: 100% 2px;
    background-repeat: no-repeat;
    margin-top: 60px;
}

.kintone-line {
    height: 1px;
    width: 100%;
    margin-top: 60px;
    border-top: 1px dashed #444;
}

.kintone-span {
    font-size: 90%;
    display: inline-block;
    padding: 2px 15px;
    border-radius: 30px;
    background: #ddd;
    margin: 0 16px 10px 0;
}

p.kintone-info {
    line-height: 1.6;
}


.kintone-sample {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.kintone-sample b {
    display: inline-block;
    margin-bottom: 10px;
}


@media screen and (max-width: 1000px){
    .kintone-sample > div {
        width: 100%;
    }
    .l-content div.kintone_btns a:nth-child(2),
    .l-content div.kintone-sample div:nth-child(2),
    .l-content div.kintone-sample div.kintone-function p:nth-child(2) {
        margin-top: 0;
    }
}



@media screen and (max-width: 1000px){
    .l-content div.kintone-sample div.kintone-function p {
        width: 24%;
    }
}


@media screen and (max-width: 768px){
    .l-content div.kintone-sample div.kintone-function p {
        width: 48%;
    }
}

.l-content div.kintone_btns a:not(:first-child),
.l-content div.kintone-sample div:not(:first-child),
.l-content div.kintone-sample div.kintone-function p:not(:first-child) {
    margin-top: 0;
}

.kintone-sample .kintone-comment span {
    display: inline-block;
    margin-left: 20px;
    margin-top: 0;
    position: relative;
    text-align: right;
    
}

.kintone-flex-wrp {
    padding: 8px 8px 0 8px;
    background: #dcdceb;
    border-radius: 7px;
}

.kintone-flex-wrp h4 {
    color: #2d2d6d;
    font-size: 14px;
    text-align: center;
}

.kintone-comment span {
    font-size: 14px;
}

.kintone-comment h4 {
    width: 100%;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 12px;
    padding: 4px;
    background: #62628f;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.kintone-person {
    text-align: right;
}

.kintone-comment span:before {
position: absolute;
left: -25px;
top: -9px;
font-weight: bold;
font-size: 30px;
content:"…";
color: #b1b1ca;
}


.c-editor .col.kintone-a-img>:first-child {
    min-width: 195px!important;
    width: 195px!important;
}

.c-editor .col.kintone-a-img>:first-child img {
    width: 100%!important;
}

.c-editor table.kintone-comp {
    width: 100%;
}

.c-editor table.kintone-comp tr:nth-child(2) td {
    font-size: 14px;
}

.c-editor table.kintone-comp td,
.c-editor table.kintone-comp th {
    padding: 12px;
    vertical-align: middle;
    text-align: center;
}
.c-editor table.kintone-comp th {
    line-height: 1.3;
}

.kintone-comp td {
    font-size: 12px;
    line-height: 1.2;
}
.kintone-comp td span {
    line-height: 1.8;
    font-size: 20px;
}

.c-editor table.kintone-comp td:nth-child(3),
.c-editor table.kintone-comp th:nth-child(3) {
    border-left: 1px dashed #000;
    border-right: 1px dashed #000;
}


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

.c-editor table.kintone-comp {
    min-width: 100%;
    width: 100%;
    overflow-x:scroll;
}

}

.p-solution__bnr--2col {
    display: flex;
    justify-content: center;
}

.p-solution__bnr--2col img:first-child {
    margin-right: 2%;
}
.p-solution__bnr--2col * {
    width: 32%;
}


.kintone-sample h4 {font-weight: bold;}

.kintone-sample > div {
    border:1px solid #dcdceb;
    background: #fff;
    padding: 20px;
    width: 49%;
    margin-bottom: 20px;
}

.kintone-sample div.kintone-function {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 12px!important;
}

.l-content div.kintone-sample div.kintone-function p {
    font-size: 14px;
    text-align: center;
    display: flex;
    border-radius: 5px;
    width: 48.5%;
    min-height: 52px;
    padding: 8px 4px;
    line-height: 1.3;
    height: auto;
    margin-bottom: 10px;
    background: #fff;
    vertical-align:middle;
    justify-content: center;
    align-items: center;
}