.pan{
    color:#838383;
    margin-top:1%;
    margin-bottom:1%;
    font-size: 0.9em;
    margin-left:10px;
}
.pan a{
    color:#838383;
}


/*-----------------------------
Archive-work
-----------------------------*/

.type-box{
    border:solid 1px #BF0009;
    background:#BF0009;
    color:#fff;
    border-radius:5px;
    padding:2%;
    text-align:center;
}


@media screen and (min-width:641px){
    .ar-work-flo{
        float:left;
        width:44%;
        margin-right:1%;
    }
    .ar-work-flo2{
        text-align: left;
        float:left;
        width:54%;
        margin-left:1%;
    }
    .type-boxflo{
        float:left;
        width:48%;
        margin:1%;
    }
}
@media screen and (max-width:640px){
    .ar-work-flo{
        width:100%;
    }
    .ar-work-flo2{
        text-align: left;
        width:100%;
        margin-top:2%;
    }
    .type-boxflo{
        width:80%;
        margin:0% 10% 2%;
    }
}
.ar-workbox{
    border:solid 1px #eee;
    border-radius:8px;
    padding:2%;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2)
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2)
    -ms-box-shadow: 0 3px 3px rgba(0,0,0,0.2)
    -o-box-shadow: 0 3px 3px rgba(0,0,0,0.2)
    box-shadow: 0 0 0 1px #bc0001 inset;
}

.ar-tit{
    border-top:solid 3px #bc0001;
    border-bottom:solid 3px #bc0001;
    padding:0.8% 1%;
}
.ar-tit h2{
    margin-block-start: 0;
    margin-block-end: 0;
    margin:0;
    font-size:1.3em;
    font-weight:600;
    color:#bc0001;
}

.av-wk-bot-tt h2{
    margin-block-start: 0;
    margin-block-end: 0;
    margin:0;
    font-size:1.2em;
    font-weight:600;
    color:#bc0001;
}


.ar-work-catch{
    font-size:1em;
    font-weight:600;
    margin-top:10px;
}
.ar-work-detail{
    font-size:0.9em;
    margin-bottom:2%;
}

.ar-work-table table {
    border-collapse: collapse;
    border-spacing: 0;
  }
.ar-work-table th,.ar-work-table td{
    border:solid 1px #afafaf;
    padding:1%;
    vertical-align:middle;
}
.ar-work-table th{
    background:#f1f1f1;
    padding:1% 2%;
    width:25%;
    font-size:0.8em;
}
.ar-work-table td{
    font-size:0.9em;
    padding-left:2%;
}
.ar-work-term{
    float:left;
    width:49%;
    margin:1% 1% 1% 0;
    border:solid 1px #F64702;
    padding:1%;
    text-align:center;
    font-size:0.8em;
    border-radius:6px;
    color:#F64702;
}
.spmore {
    display: block;
    width: 100%;
    text-align: center;
    background: #bc0001;
    border-radius: 5px;
    padding:2% 0%;
}
.spmore p{
    color: #FFF;
    position: relative;
    font-size:1.4em;
    margin-block-start: 0;
    margin-block-end: 0;
}
.spmore p::before{
    content: "";
    position: absolute;
    top: 18%;
    left: 90%;
    width: 15px;
    height: 15px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}

/*-----------------------------
キンキンな特集記事
-----------------------------*/
.ar_feature-flo{
    float:left;
    width:25%;
    margin-right:4%;
}
.ar_feature-flo2{
    float:left;
    width:71%;
    font-size:0.9em;
}
.single-artit{
    color:#bc0001;
    font-size:1.3em;
    font-weight:600;
}


/*-----------------------------
Single work
-----------------------------*/
.workbox{
    border:solid 1px #bc0001;
    border-radius:10px;
    padding:2%;
}
.work-logo{
    display:inline-block;
    width:20%;
    margin:0 3%;
    vertical-align:middle;
}
.work-logo2{
    display:inline-block;
    width:72%;
    vertical-align:middle;
    font-size:1.4em;
    font-weight:600;
    color:#bc0001;
    line-height:140%;
    margin-top:1%;
}
.work-logo2 span{
    color:#ccc;
    font-size:0.6em;
}
.work-logo3{
    text-align:center;;
    font-size:1.4em;
    font-weight:600;
    color:#bc0001;
}
.work-term{
    display:inline-block;
    margin:0.5% 0.5% 0.5% 0;
    border:solid 1px #F64702;
    padding: 1% 2%;
    text-align:center;
    font-size:0.8em;
    border-radius:6px;
    color:#F64702;
}
.work-catch{
    font-size:1.2em;
    font-weight:600;
    margin:2% 0;
}
.work-sub{
    padding: 0.25em 0.5em;/*上下 左右の余白*/
    color: #bc0001;/*文字色*/
    background: transparent;/*背景透明に*/
    border-left: solid 5px #bc0001;/*左線*/
    font-size:1.2em;
    font-weight:600;
    color:#bc0001;
}
.work-subimg{
    float:left;
    width:49%;
    margin-right:1%;
}
.work-subimg2{
    float:left;
    width:49%;
    margin-left:1%;
}
.work-table table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size:0.9em;
}
.work-table th,.work-table td{
    border:solid 1px #afafaf;
    padding:2%;
    vertical-align:middle;
}
.work-table th{
    padding:1% 2%;
    width:25%;
    background:#f1f1f1;
}
.work-table td{
    padding:1% 2%;
}
.btn01{
    width:50%;
    background-color:#bc0001;
    color:#fff;
    padding:2% 1%;
    border-radius:5px;
    font-size:1.1em;
    font-weight:600;
}
.btn01 span{
    font-size:1.2em;
}
.btn01 button, input[type="button"], input[type="reset"], input[type="submit"] {
    width:50%;
    background-color:#bc0001 !important;
    color:#fff !important;
    padding:2% 1% !important;
    border-radius:5px !important;
    font-size:1.3em !important;
    font-weight:900 !important;
    border:none !important;
}
@media screen and (min-width:641px){
    .single-reco{
        display:inline-block;
        width:48%;
        margin:1% 0.5%;
        border:solid 1px #afafaf;
        padding:1%;
        vertical-align: top;
        text-align: left;
    }
}
@media screen and (max-width:640px){
    .single-reco{
        width:100%;
        margin:1% 0.5% 2%;
        border:solid 1px #afafaf;
        padding:1%;
        vertical-align: top;
    }
}
.single-reco_img{
    float:left;
    width: 30%;
    margin-right:2%;
}
.single-reco_text{
    float:left;
    text-align: left;
    width: 68%;
    font-size:0.9em;
}
.single-reco_text div{
    font-size:1.1em;
    font-weight:600;
}
.f-08{
    font-size:0.8em;
}
.single-content{
    line-height:180%;
}
.single-content h3{
    padding: 0.25em 0.5em;
    color: #bc0001;
    background: transparent;
    border-left: solid 3px #bc0001;
    font-size: 1.2em;
    font-weight: 900;
    margin-top: 5%;
    margin-bottom: 1%;
}

.single-content img{
    margin:2% 0 3%;
}
.side-btn{
    widows: 100%;
    background-color:#bc0001;
    color:#fff;
    padding:2% 1%;
    border-radius:5px;
    font-size:1.1em;
    font-weight:600;
}
.side-btn span{
    font-size:1.2em;
}
.side-btn button, input[type="button"], input[type="reset"], input[type="submit"] {
    width:100%;
    background-color:#bc0001 !important;
    color:#fff !important;
    padding:2% 1% !important;
    border-radius:5px !important;
    font-size:1.3em !important;
    font-weight:900 !important;
    border:none !important;
}


/*-------------------------
  転職サポート
-------------------------*/
.support-grey{
    background:#FC8622;
    border-radius:4px;
    padding:3% 4%;
    font-size:1.25em;
    font-weight:600;
    color: #fff;
    text-align: center;
  position: relative;
}

.support-grey span{
    position: absolute;
    background:#FC8622;
    color: #000;
    border-radius:6px;
    font-size: 0.8em;
    padding:10px 20px;
    top: -10px;
    left:0px;
}

.support-grey:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  border: 15px solid transparent;
  border-top: 15px solid #FC8622;
  width: 0;
  height: 0;
  margin-left: -7px;
}


.support-box{
    padding:10px;
    border:solid 1px #eee;
    border-radius:8px;
    padding:2%;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2)
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2)
    -ms-box-shadow: 0 3px 3px rgba(0,0,0,0.2)
    -o-box-shadow: 0 3px 3px rgba(0,0,0,0.2)
    box-shadow: 0 0 0 1px #bc0001 inset;
    margin-bottom: 20px;
}

.support-box2{
    padding:40px;
    border:solid 3px #C20000;
    border-radius:8px;
    padding:2%;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2)
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2)
    -ms-box-shadow: 0 3px 3px rgba(0,0,0,0.2)
    -o-box-shadow: 0 3px 3px rgba(0,0,0,0.2)
    box-shadow: 0 0 0 1px #bc0001 inset;
    margin-bottom: 20px;
    font-weight: 900;
    font-size: 1.1em;
}

@media screen and (max-width:640px){
    .support-flo{
        float:none;
        width:100%;
        padding:10px;

    }
    .support-flo2 img{
        width: 100%;
    }
    .support-flo2{
        float:none;
        width:100%;
        padding:10px;
    }
}
@media screen and (min-width:641px){
    .support-flo{
        float:left;
        width:58%;
        margin-right:4%;
    }
    .support-flo2{
        float:left;
        width:38%;
    }
}

.supo-sub{
    font-size:1.6em;
    font-weight:600;
    line-height: 130%;
}
.supo-sub span{
    color:#bc0001;
    font-size:1.2em;
}

/*-------------------------
  ブログカード
-------------------------*/
@media screen and (min-width:641px){
    .blog-card {
        background: #fbfaf8;
        border:1px solid #ddd;
        word-wrap:break-word;
        max-width:100%;
        border-radius:5px;
        margin: 15px 0px 30px;
    }
    .blog-card-thumbnail {
        float:left;
        width:28%;
        padding:10px;
    }
    .blog-card-title {
        padding:10px 10px 0px 0;
        font-size:120%;
        font-weight: bold;
        line-height: 1.5em;
    }
    .blog-card-excerpt {
        color:#333;
        margin:0 10px 10px;
        font-size:0.8em;
        line-height: 1.5em;
    }
}
@media screen and (max-width:640px){
    .blog-card {
        background: #fbfaf8;
        border:1px solid #ddd;
        word-wrap:break-word;
        max-width:100%;
        border-radius:5px;
        margin-top:5px;
        font-size:0.9em;
    }
    .blog-card-thumbnail {
        float:left;
        width:30%;
        padding:5px;
    }
    .blog-card-title {
        padding:10px 10px 10px 0;
        font-weight: bold;
        line-height: 1.5em;
    }
    .blog-card-excerpt {
        color:#333;
        font-size:0.8em;
        margin:0 10px 10px;
        line-height: 1.5em;
    }
}
  .blog-card:hover {
    background: #fee;
  }
  .blog-card a {
    text-decoration: none;
  }
  .blog-card-title {
      color: #337ab7;
      display: block;
  }
  .blog-card-thumbnail img {
      display: block;
      padding: 0;
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
  }
  .blog-card-content {
      line-height:120%;
  }
  .blog-card .clear {
    clear: both;
  }


/*-------------------------
  目次
-------------------------*/
@media screen and (min-width:641px){
    .outline{
        border:1px solid #bc0001;
        padding:10px 10px 10px;
        margin-top:20px;
        display:block;
        font-size:0.9em;
        line-height:1.5em;
        width:90%;
    }
}
@media screen and (max-width:640px){
    .outline{
        border:1px solid #bc0001;
        padding:10px 10px 0;
        margin-top:20px;
        display:inline-block;
        font-size:0.9em;
        line-height:1.5em;
        width:90%;
        margin-left:5%;
    }
}
.outline__title{
    color:#bc0001;
    font-size:1.2em;
    font-weight:600;
}
.outline__toggle{display: none;}
.outline__switch::before{
    color:#bc0001;
	content:"[▽]";
	cursor:pointer;
	margin-left:5px;
	border-radius: 5px;
}
.outline__toggle:checked + .outline__switch::before{
    color:#bc0001;
    content:"[△]"
}
.outline__switch + .outline__list{
	overflow:hidden;
	width:0;
	height:0;
	margin-top:0;
	margin-left:-5px;
	transition: 0.2s;
}
.outline__toggle:checked + .outline__switch + .outline__list {
    width: auto;
    height: auto;
    margin-top: 10px;
    transition: 0.2s;
    border-top: dotted 1px #d2d2d2;
    padding-top: 1em;
}
.outline__item:before {content: normal;}
.outline__link{
	display:relative;
	color:#191919 !important;
}
.outline__link:hover{border:none;}
.outline__number{
	display: inline-block;
	color:#bc0001;
    border-right:solid 2px #bc0001;
    padding:0.2% 1% 0.2% 0; 
    font-size:1.0em;
	font-weight:600;
	margin-right: 5px;
}
label.outline__switch {
    position: relative;
}
li .outline__item{
    list-style-type:none!important;
}
li .outline__item:before{
    content:'- ';
}
ul .outline__item{
	list-style-type:none!important;
}
.outline ul{
    -webkit-padding-start: 1.2em;
    margin:0 0 0 3em;
}
.outline li{
    text-align:left;
    margin-top:1%;
    margin-bottom:2%;
    font-size:1.15em;
}
#outline__1 , #outline__2 , #outline__3 , #outline__4 , #outline__5 , #outline__6 , #outline__7 , #outline__8 , #outline__9{
    padding: 0.25em 0.5em;/*上下 左右の余白*/
    color: #bc0001;/*文字色*/
    background: transparent;/*背景透明に*/
    border-left: solid 5px #bc0001;/*左線*/
    font-size:1.4em;
    font-weight:600;
    margin-top:5%;
    margin-bottom:1%;
}
@media screen and (min-width:641px){
    .inter-sub{
        padding: 0.25em 0.5em;/*上下 左右の余白*/
        color: #bc0001;/*文字色*/
        background: transparent;/*背景透明に*/
        border-left: solid 5px #bc0001;/*左線*/
        font-size:1em;
        font-weight:600;
        margin-top:5%;
        margin-bottom:1%;
    }
    .inter-sub h2{
        margin:0;
    }
    .inter-sub h2 span{
        font-size:0.8em;
    }
}
@media screen and (max-width:640px){
    .inter-sub{
        padding: 0.3em 0.5em;/*上下 左右の余白*/
        background: transparent;/*背景透明に*/
        border-left: solid 5px #bc0001;/*左線*/
    }
    .inter-sub h2{
        color: #bc0001;/*文字色*/
        font-size:1.2em;
        font-weight:600;
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 0;
        margin-inline-end: 0;
    }
}



/*その他*/
.youtube2,.youtube3,.youtube4,.youtube5 {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
.youtube2 iframe,
.youtube3 iframe,
.youtube4 iframe,
.youtube5 iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}



.container_work {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
}
.main-col_work {
    width: 70%;
    margin-right:2%;
}


@media screen and (max-width: 641px) {
    .main-col_work {
        width: 96%;
        margin-left:2%;
    }
}



.side-col_work {
    width: 28%;
}
.sidebar__item--fixed {
    position: sticky;
    margin-bottom: 0;
    top: 10px;
    z-index: 1;
}


.kasolp-wrap h2{font-size: 1em !important;}

/*mv*/
#mv {
    width: 100%;
    max-height: 450px;
    padding-top: 60px;
    background: url(../img/newkin_lp/bg_mv.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    text-align: center;
}

/*mind*/
#mind {
    padding-top: 20px;
    background: #fef4f4;
    overflow: hidden;
    text-align: center;
}
#mind img{
    width: 
    width: 100%;
    max-height: 940px;
}



/*obtained*/
#obtained {
    width: 100%;
    background: url(../img/newkin_lp/bg_obtained03.png), #ffdd21;
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: 94% 100%;
}
#obtained .inner {
}
#obtained .head {
    width: 100%;
    background-color: #be0009;
}
#obtained .head h2 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 20px;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    color: #fff;
}
#obtained h3 {
    margin-bottom: 45px;
    font-size: 1.5em;
    line-height: 1.8;
    padding: 20px;
}
#obtained h3 span {
    font-size: 2em;
    font-weight: bold;
    color: #be0009;
}
#obtained ul {
    max-width: 980px;
    width: 90%;
}
#obtained ul li {
    margin-bottom: 30px;
    overflow: hidden;
}
#obtained ul li dl dt {
    width:10%;
}
#obtained ul li dl dd {
    width: 80%;
    padding: 0 30px 5px 30px;
    font-size: 1.8em;
    line-height: 1.6;
    display: table;
}
#obtained ul li dl dd span {
    display: table-cell;
    vertical-align: middle;
}
#obtained ul li dl dd span em  {
    padding-right:0.1em;
    font-weight: bold;
    color: #be0009; 
}
/*nth-child(odd)　奇数*/
#obtained ul li:nth-child(odd) dl dt {
    float: left;
}
#obtained ul li:nth-child(odd) dl dd {
    float: right;
    padding: 0 30px 5px 40px;
}
#obtained ul li:nth-child(odd) dl dd {
    background: url(../img/newkin_lp/bg_obtained01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 20px auto;
}
/*:nth-child(even)　偶数*/
#obtained ul li:nth-child(even) dl dt {
    float: right;
}
#obtained ul li:nth-child(even) dl dd {
    float: left;
}
#obtained ul li:nth-child(even) dl dd {
    background: url(../img/newkin_lp/bg_obtained02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 20px auto;
}

/*reason*/
#reason {
    background-color: #fef3f3;
}
#reason .head {
    width: 100%;
    background-color: #be0009;
}
#reason .inner {
    overflow: hidden;
}
#reason .head h2 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 20px;
    padding-top: 17px;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.3;
    color: #fff;
    position: relative;
}
#reason ul{list-style: none;
padding:20px;margin: 0px  0px 0px 0px !important;}
#reason ul li {
    float: left;
    margin-bottom: 30px;
}
#reason ul li dl {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-width: 1px;
    border-radius: 6px;
}
#reason ul li dl dt {
    padding: 15px 15px 15px 60px;
    font-size: 2em;
    font-weight: bold;
    color: #be0009;
    background-color: #fffbea;
    position: relative;
    border-radius: 6px 6px 0 0;
}


@media screen and (min-width: 841px) {
    #reason ul li dl dt:before {
        content: " ";
        width: 90px;
        height: 78px;
        background: url(../img/newkin_lp/img_reason02.png);
        background-repeat: no-repeat;
        background-size: cover;
        vertical-align: middle;
        display: inline-block;
        position: absolute;
        top: -21px;
        right: 3px;
    }
}
#reason ul li dl dt:after {
    content: " ";
    width: 39px;
    height: 39px;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    top: 11px;
    left: 8px;
}
#reason ul li:nth-child(1) dl dt:after {
    background: url(../img/newkin_lp/ico_reason01.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#reason ul li:nth-child(2) dl dt:after {
    background: url(../img/newkin_lp/ico_reason02.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#reason ul li:nth-child(3) dl dt:after {
    background: url(../img/newkin_lp/ico_reason03.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#reason ul li:nth-child(4) dl dt:after {
    background: url(../img/newkin_lp/ico_reason04.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#reason ul li dl dd {
   font-size: 1.2em;
    padding: 30px 20px
}


/*conversion*/
.conversion {
    padding-top: 7%;
    background: url(../img/newkin_lp/bg_conversion01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.conversion div {
    width: 66%;
    float: right;
    margin-right: 7%;
}
.conversion dl dt {
    width: 100%;
    margin-bottom: 3%;
}
.conversion dl dd {
    width: 80%;
    max-width: 718px;
    margin: 0 auto 4%;
}
.conversion p {
    width: 85%;
    max-width: 813px;
    margin: 0 auto 6%;
}
.conversion h3 {
    width: 80%;
    max-width: 601px;
    margin: 0 auto 8%;
}
/*comparison*/


#comparison {
    background-color: #fef3f3;
}

#comparison ul{
    list-style: none;
    margin: 0px 0px 0px 0px !important;
    padding: 20px;
}


#comparison .head {
    background-color: #be0009;
    padding: 20px;
}
#comparison .inner {
    overflow: hidden;
}
#comparison .head h2 {
    max-width: 980px;
    margin: 0 auto;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    color: #fff;
    position: relative;
}
#comparison .illust {
    max-width: 979px;
    margin: 20px auto -40px;
}
#comparison section h3 {
    font-size: 1.3em;
    padding-top: 50px;
    font-weight: bold;
    color: #be0009;
    text-align: center;
    line-height: 1.4;
}
#comparison section h3 span {
    font-size: 1.8em;
    color: #000;
}
/*comparison01*/
#comparison section#comparison01 {
    margin-bottom: 40px;
}
#comparison section#comparison01 ul {
    margin-bottom: 80px;
    overflow: hidden;
}
#comparison section#comparison01 ul li dl {
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}
#comparison section#comparison01 ul li dl dt {
    width: 100%;
    padding: 12px;
    font-size: 2em;
    text-align: center;
}
#comparison section#comparison01 ul li dl dd.txt {
    padding: 10px;
   font-size: 1.2em;
    line-height: 1.8;
    float: left;
}
#comparison section#comparison01 ul li dl dd.img {
    width: 123px;
     padding: 5px;
    float: right;
}
#comparison section#comparison01 ul li:first-child dl {
    border: 4px solid #7795a2;
}
#comparison section#comparison01 ul li:first-child dl dt {
    width: 100%;
    color: #fff;
    background-color: #7795a2;
}
#comparison section#comparison01 ul li:last-child dl {
    border: 4px solid #ffdd21;
}
#comparison section#comparison01 ul li:last-child dl dt {
    color: #000;
    font-weight: bold;
    background-color: #ffdd21;
}
#comparison section#comparison01 {
}
#comparison section#comparison01 p {
    margin-bottom: 80px;
    font-size: 2em;
    line-height: 2;
    text-align: center;
}
#comparison section#comparison01 table {
    max-width: 980px;
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #e3e3e3;
}
#comparison section#comparison01 table th, #comparison section#comparison01 table td {
    vertical-align: middle;
    border: 1px solid #e3e3e3;
}
#comparison section#comparison01 table tr {
    height: 60px;
}
#comparison section#comparison01 table tr td {
    text-align: center;
}
#comparison section#comparison01 table tr:first-child {
    border: 1px solid #e3e3e3;
    border-bottom: none;
   font-size: 1.2em;
    text-align: center;
}
#comparison section#comparison01 table tr:first-child th:first-child {
    background-color: #edeeef;
    font-weight: normal;
}
#comparison section#comparison01 table tr:first-child th:nth-child(2) {
    padding-left: 0px;
    background-color: #7795a2;
    color: #fff;
    text-align: center;
}
#comparison section#comparison01 table tr:first-child th:nth-child(3) {
    padding-left: 0px;
    background-color: #ffdf37;
    text-align: center;
}
#comparison section#comparison01 table tr th {
    width: 30%;
    padding-left: 50px;
    font-weight: bold;
    text-align: left;
}
#comparison section#comparison01 table tr:nth-child(odd) {
    background-color: #f7f7f7;
}
#comparison section#comparison01 table tr:nth-child(even) {
    background-color: #fbfbfb;
}



/*comparison02*/
#comparison ul{
    list-style: none;
    padding: 20px;
    margin: 0px 0px 0px 0px !important;
}
#comparison section#comparison02 p.top {
    margin-bottom: 70px;
    font-size: 2em;
    line-height: 1.6;
    text-align: center;
}
#comparison section#comparison02 .general h4 {
    margin-bottom: 50px;
    font-size: 2em;
    line-height: 82px;
    font-weight: bold;
    text-align: center;
    border-radius: 90px;
}
#comparison section#comparison02 .general#general1 h4 {
    background-color: #7795a2;
    color: #fff;
}
#comparison section#comparison02 ul {
    overflow: hidden;
}




    #comparison section#comparison02 ul li {
        width: 100%;
        margin-bottom: 50px;
        float: left;
        position: relative;
    }




@media screen and (min-width: 841px) {
    #comparison section#comparison02 ul li {
        width: 48%;
        margin-bottom: 50px;
        float: left;
        position: relative;
    }

}




#comparison section#comparison02 ul li dl {
    margin-bottom: 20px;
}
#comparison section#comparison02 ul li dl dd {
    font-size: 1em;
    line-height: 40px;
    background-color: #fff;
    text-align: center;
    width: 100%;
}
#comparison section#comparison02 ul li p {
   font-size: 1.2em;
}
#comparison section#comparison02 .general#general1 ul li:nth-child(4):after, #comparison section#comparison02 .general#general1 ol li:nth-child(5):after, #comparison section#comparison02 .general#general1 ol li:nth-child(6):after {
    content: " ";
    width: 256px;
    height: 195px;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    top: -21px;
    right: 13px;
}
#comparison section#comparison02 ul li:nth-child(4):after {
    background: url(../img/newkin_lp/txt_comparison02_1.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#comparison section#comparison02 ul li:nth-child(5):after {
    background: url(../img/newkin_lp/txt_comparison02_2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#comparison section#comparison02 ul li:nth-child(6):after {
    background: url(../img/newkin_lp/txt_comparison02_3.png);
    background-repeat: no-repeat;
    background-size: cover;
}
/*general2*/
#comparison section#comparison02 .general#general2 h4 {
    background-color: #ffdf37;
    color: #000;
    font-weight: bold;
}
.result#result02 {
    padding-top: 10%;
    padding-bottom: 10%;
    background: url(../img/newkin_lp/bg_result02.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}
.result#result02 h5 {
    width: 50%;
    padding-right: 15%;
    margin-bottom: 5%;
    float: right;
}
/*result*/

.result {
}
.result#result01 {
    margin-bottom: 6%;
    padding-top: 6%;
    padding-bottom: 6%;
    background: url(../img/newkin_lp/bg_result01.jpg), #000;
    background-position: 90% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.result#result01 h5 {
    width: 56%;
    padding-left: 14.2%;
    margin-bottom: 5%;
}
.result table {
    width: 70%;
    margin: 0 auto;
   font-size: 1.2em;
    text-align: center;
    background-color: #fbfbfb;
}
.result table tr {
    height: 60px;
    border: 1px solid #e3e3e3;
}
.result table tr th, .result table tr td {
    border: 1px solid #e3e3e3;
    vertical-align: middle;
    width: 20%;
}
.result table tr td span {
    font-weight: bold;
    color: #ff000c;
}



/*voice*/
.voice {
    padding-bottom: 40px;
    background-color: #fef3f3;
}
.voice .head {
    background-color: #be0009;
}
.voice#voice_further .inner {
}
.voice#voice_further .head h2 {
    max-width: 980px;
    margin: 0 auto;
    padding-top: 16px;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    position: relative;
}
.voice .top {
    padding-top: 50px;
    margin-bottom: 50px;
}
.voice .top dl {
    max-width: 980px;
}
.voice .top dl dt img {
    vertical-align: bottom;
}
.voice .top dl dd {
    padding: 25px 10px;
    font-size: 2em;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 1.1;
    background-color: #be0009;
}
.voice .top dl dd span {
    font-size: 1.2em;
}
.voice .bottom {
    overflow: hidden;
}



    .voice .bottom .left {
        width:100%;
        float: none;
        padding: 20px;
    }


@media screen and (min-width: 841px) {
    .voice .bottom .left {
        width: 50%;
        float: left;
    }
}



.voice .bottom .left dl {
    margin-bottom: 30px;
}
.voice .bottom .left dl dt {
    margin-bottom: 10px;
    font-size: 1.8em;
    font-weight: bold;
    color: #e38700;
    text-align: left;
}
.voice .bottom .left dl dd {
   font-size: 1.2em;
    text-align: left;
}



.voice .bottom .right {
        width:100%;
        float: none;
        padding: 20px;
}


@media screen and (min-width: 841px) {
    .voice .bottom .right {
        width: 48%;
        float: right;
    }
}

.voice .bottom .right dl {
}
.voice .bottom .right dl dt {
    padding-top: 10px;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    background-color: #444444;
}
.voice .bottom .right dl dd {
    padding: 30px 20px 10px 20px;
    background-color: #fff;
}
.voice .bottom .right dl dd iframe {
    width: 100%;
    height: 214px;
    margin-bottom: 15px;
}
.voice .bottom .right dl dd p {
    margin-bottom: 1em;
    font-size: 1em;
    line-height: 1.8;
    text-align: left;
}
.voice .bottom .right dl dd p a {
    color: #000;
}
.voice .head h2 {
    max-width: 980px;
    margin: 0 auto;
    font-size: 2em;
    font-weight: bold;
    line-height: 135px;
    text-align: center;
    color: #fff;
    position: relative;
}
/*insertion*/
#insertion {
    padding-bottom: 80px;
    background-color: #fef3f3;
    overflow: hidden;
}
#insertion .head {
    height: 135px;
    background-color: #be0009;
}
#insertion .head h2 {
    max-width: 980px;
    margin: 0 auto;
    padding-top: 13px;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    position: relative;
}
#insertion ul li {
    width: 480px;
    margin-bottom: 55px;
    float: left;
}
#insertion ul li:first-child {
    margin-right: 20px;
}
#insertion ul li:last-child {
    margin-left: 240px;
    margin-bottom: 0;
    clear: both;
    display: block;
}
#insertion ul li dl dt {
    height: 270px;
}
#insertion ul li dl dd {
    height: 80px;
    margin-bottom: 20px;
    padding-top: 8px;
    font-size: 2em;
    line-height: 1.4;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #be0009;
}
#insertion ul li p {
    font-size: 12px;
    line-height: 1.6;
}
#insertion ul li p a {
    color: #000;
    word-break: break-all;
}
#insertion ul li iframe {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}
/*flow*/

#flow {
    background-color: #fff;
    position: relative;
    padding-bottom: 70px;
    overflow: hidden;
}

#flow ol{
    list-style: none;
    margin: 0px 0px 0px 0px !important;
    padding: 20px;
}



#flow .head {
    padding: 20px;
    width: 100%;
    background-color: #be0009;
}
#flow .head h2 {
    max-width: 980px;
    margin: 0 auto;
    font-size: 2em;
    font-weight: bold;
    line-height: 135px;
    text-align: center;
    color: #fff;
    position: relative;
}
#flow h5 {
    margin-top: 70px;
    margin-bottom: 60px;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    position: relative;
    z-index: 10;
}
#flow ol {
    position: relative;
    z-index: 10;

}
#flow ol li {
    padding-bottom: 50px;
    background: url(../img/newkin_lp/ico_flow01.png);
    background-position: 50% 90%;
    background-repeat: no-repeat;
    background-size: 25px;
}
#flow ol li:last-child {
    padding-bottom: 0;
    background: none;
}
#flow ol li span {
    max-width: 660px;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 1.8em;
    text-align: center;
    background-color: #fff;
    border: solid 1px #e3e3e3;
    border-radius: 6px;
    display: block;
}
#flow ol li:last-child span {
    background-color: #e38700;
    color: #fff;
}
#flow .inner:before {
    content: " ";
    max-width: 242px;
    height: 638px;
    background: url(../img/newkin_lp/img_flow01.png);
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    top: 160px;
    right: 78%;
    z-index: 1;
}
#flow .inner:after {
    content: " ";
    max-width: 359px;
    height: 588px;
    background: url(../img/newkin_lp/img_flow02.png);
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 75%;
    z-index: 11;
}


#wrapper {
    padding-bottom:0;
    
    }

body footer {
    text-align: center;
    font-size:10px;
}
.inner {
     max-width: 980px;
    margin: 0 auto;
    padding:0 10px;
}
/*170130*/
#main_header.fixed {
    height: 69px;
}
#main_header {
    height: 67px;
}



@media screen and (max-width: 641px) {    
    .lp-wrap{
        font-size: 0.8em
    }
}



.bg_gry{
    background: #F2F2F2;
    padding:40px 20px;
    text-align: center;
}


.bg_gry h3,.bg_gry2 h3{
    text-align: center;
    font-size: 2em;
     position: relative;
    }

.bg_gry h3::after,.bg_gry2 h3::after{
    content: "";
    position: absolute;
    left: 50%;
    margin-left:-50px;
    bottom: -20px;
    width: 100px;
    border-bottom: 3px solid #BE0009;
}



.bg_gry h4 span,.bg_gry2 h4 span{
    text-align: center;
    font-size: 0.8em;
    font-weight: 0;
    display: block;
}

.bg_gry h2,.bg_gry2 h4{
    text-align: center;
     position: relative;
     font-size: 1.2em;
     margin-bottom: 40px;
    }

.bg_gry h2,.bg_gry2 h4::after{
    content: "";
    position: absolute;
    left: 50%;
    margin-left:-25px;
    bottom: -10px;
    width: 50px;
    border-bottom: 2px solid #404040;
}


.bg_gry .kaso-wid table tr:nth-child(odd) {
    background-color: #fbfbfb;
}
.bg_gry .kaso-wid table tr:nth-child(even) {
    background-color: #f7f7f7;
}
.bg_gry .kaso-wid table tr th {
    width: 41%;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.bg_gry .kaso-wid table tr .type {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    line-height:3em;
}
.bg_gry .kaso-wid table tr td {
    padding: 20px;
    vertical-align: middle;
    width: 55%;
}

.bg_gry .kaso-wid table tr {
    height: auto;
    padding: 20px 0;
    display: block;
}

@media screen and (max-width:640px){
    .bg_gry .kaso-wid table tr th {
        width: 100%;
        font-size: 18px;
        display: block;
    }
    .bg_gry .kaso-wid table tr .type {
        float: none;
    }
    .bg_gry .kaso-wid table tr td.txt {
        padding: 10px 20px 0;
        width: 100%;
        display: block;
    }
}

.wh-ptn:nth-child(odd) {
    background-color: #fbfbfb;
}
.wh-ptn:nth-child(even) {
    background-color: #f7f7f7;
}



.bg_gry2{
    background: #F2F2F2;
    padding:40px 20px;
    text-align: center;
}

table.table5{
    width: 100%;
}

table.table5 tr{
    width: 100%;
}

table.table5 td{
    width: 20%;
    background: #F2F2F2;
    padding:20px;
}
table.table5 th{
    width: 20%;
    background:#FBA727;
    color: #fff;
    padding:20px;
}

table.table4{
    width: 100%;
}

table.table4 tr{
    width: 100%;
}

table.table4 td{
    width: 25%;
    background: #F2F2F2;
    padding:20px;
}
table.table4 th{
    width: 25%;
    background:#FBA727;
    color: #fff;
    padding:20px;
}


@media screen and (max-width: 841px) {    
    table.table5 td{
        width: 50%;
        padding:20px;
    }
    table.table5 th{
        width: 50%;
        padding:20px;
}
    table.table4 td{
        width: 50%;
        padding:20px;
    }
    table.table4 th{
        width: 50%;
        padding:20px;
    }
}


.bg_red{
    background: #BE0009;
    color: white;
    padding:40px 20px 60px 20px;
    text-align: center;
}

.bg_red h3{
    text-align: center;
    font-size: 2em;
     position: relative;
    }

.bg_red h3::after{
    content: "";
    position: absolute;
    left: 50%;
    margin-left:-50px;
    bottom: -20px;
    width: 100px;
    border-bottom: 3px solid #fff;
}

.bg_red h4{
    text-align: center;
     position: relative;
     font-size: 1.2em;
     margin-bottom: 40px;
    }

.bg_red h4::after{
    content: "";
    position: absolute;
    left: 50%;
    margin-left:-25px;
    bottom: -10px;
    width: 50px;
    border-bottom: 2px solid #fff;
}


.bg_red h4 span{
    text-align: center;
    font-size: 0.8em;
    font-weight: 0;
    display: block;
}



.pr-bx-hf{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-top: 20px;
    background: #9F0001;
    padding: 20px 20px 40px 20px;
    width: 48%;
}

.pr-bx-ful{
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin-top: 20px;
        background: #9F0001;
        padding: 20px 20px 40px 20px;
        width: 98%;
}

@media screen and (max-width: 641px) {    
    .pr-bx-hf{
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin-top: 20px;
        background: #9F0001;
        padding: 20px 20px 40px 20px;
        width: 98%;
    }
}


.kaso-wid{
    max-width:1100px;
    margin:0 auto;
}

@media screen and (min-width:1150px){
    .kaso-wid{
        width: 100%;
        margin:0 auto;
    }
}
@media screen and (min-width:641px) and ( max-width:1149px){
    .kaso-wid{
        width: 98%;
        margin:0 auto;
    }
}
@media screen and (max-width:640px){
    .kaso-wid{
        width:100%;
    }
}

.trim-slick img{
  width: 100%;
  max-height: 400px;
  object-fit: cover;
}
.trim-slick-front img{
  width: 100%;
  max-height: 200px;
  object-fit: cover;
}
.trim-slick-arc img{
  width: 100%;
  max-height: 200px;
  object-fit: cover;
}
.trim-wrap{
  position:relative;
  max-width:100%;
  height:0;
  padding-bottom:35%;/* 幅に対する縦のサイズ */
  overflow:hidden;
  background-color:#fff;
}
.trim-wrap img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  max-width:124%;/* 横向き16:9の画像が表示エリア一杯になるように指定 */
  max-height:initial;
}
@media screen and (max-width:640px){
    .trim-slick-front img{
      width: 100%;
      max-height: 200px;
      object-fit: cover;
    }
}

/* 2021.12掲載フォームのために追加 */
.wpcf7 textarea[name="your-catch"],
.wpcf7 textarea[name="your-time"],
.wpcf7 textarea[name="your-fukuri"],
.wpcf7 textarea[name="your-kyuka"],
.wpcf7 textarea[name="your-hokatenpo"],
.wpcf7 textarea[name="your-catch2"],
.wpcf7 textarea[name="your-time2"],
.wpcf7 textarea[name="your-fukuri2"],
.wpcf7 textarea[name="your-kyuka2"],
.wpcf7 textarea[name="your-hokatenpo2"]{
    height:110px !important;
}
::placeholder {
    color: rgb(189, 189, 189);
}
.wpcf7-spinner{
    display:none !important;
}

.work-table table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size:0.9em;
}
.keisaimidashi{
    background-color:#575757 !important;
    color:#fff !important;
}
@media screen and (min-width:641px){
    .work-table th,.work-table td{
        border:solid 1px #afafaf;
        padding:2%;
        vertical-align:middle;
    }
    .work-table th{
        padding:1% 2%;
        width:25%;
        background:#f1f1f1;
    }
    .work-table td{
        padding:1% 2%;
    }
}
@media screen and (max-width:640px){
    .work-table th,.work-table td{
        display:block;
        width:100%;
        border:solid 1px #afafaf;
        padding:2%;
    }
    .work-table th{
        padding:1% 2%;;
        background:#f1f1f1;
    }
    .work-table td{
        padding:1% 2%;
    }
}