@charset "utf-8"; /* CSS Document */

/*基本レイアウト用*/
.flex{
    display:flex;
}
.m-w500px{
    max-width: 500px;
}
.m-w400px{
    max-width: 400px;
}
.m-w300px{
    max-width: 300px;
}
.m-w200px{
    max-width: 200px;
}
.m-w100px{
    max-width: 100px;
}

.pt20{
    padding-top: 20px;
}

.img img{
    width: 100%;
}

.pc-no-active{
    pointer-events: none;
    color: #333333!important;
    border-bottom: none!important;
}
@media screen and (max-width: 1024px){
    .pc-no-active{
        pointer-events: visible;
        color: #005aa0!important;
        border-bottom: 1px solid #005aa0!important;
    }
}

.non-design-table tr{
    margin-bottom: 0px;
}
.non-design-table tr th{
    padding: 2px 2px;
    border-right: none;
    border-bottom: none;
    background-color: rgba(204,222,236,0);
    width: 0;
    white-space: nowrap;
}
.non-design-table tr th span{
    border-left: 3px solid rgb(94 135 167 / 20%);
    border-right: 3px solid rgb(94 135 167 / 20%);
    padding: 0 0 0 5px;
}
.non-design-table tr td{
    padding: 2px 2px;
    border-right: none;
    border-bottom: none;
}

#contentsArea .txt-center{
    text-align: center;
}

.marker-r {
    background: linear-gradient(transparent 70%, #ffa3a3 70%);
    padding: 0 10px;
}
.top-border,.bottom-border{
    position: relative;
    padding: 20px 5px;
}
.top-border:before,.bottom-border:after{
    width: 90%;
    height: 1px;
    z-index: 1;
}
.top-border:before{
    content: '';
    border-top: 1px solid #d7d7d7;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.bottom-border:after{
    content: '';
    border-bottom: 1px solid #d7d7d7;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.one-word {
    display: inline-block;
}

/*提出書類について*/

#under .document-submitted-intro .conTtl06:before,#under .document-submitted-intro .conTtl06:after{
    content: "";
    background-color: #005aa0;
    display: block;
    width: 100%;
    height: 4px;
}
#under .document-submitted-intro .conTtl06:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    z-index: 1;
}
#under .document-submitted-intro .conTtl06:after{
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    margin-left: -15px;
    z-index: 1;
}
#under .document-submitted-intro .document-information{
    width: 100%;
}
@media screen and (max-width: 850px){
    #under .document-submitted-intro .document-information.flex{
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
    }
}
#under .document-submitted-intro .document-information .img-box{
    width: calc(30% - 10px);
    margin-right: 10px;
}
@media screen and (max-width: 850px){
    #under .document-submitted-intro .document-information .img-box{
        width: 100%;
        margin-right: 0;
    }
}
#under .document-submitted-intro .document-information .img-box .img{
    background-color: #ffffff;
}
@media screen and (max-width: 850px){
    #under .document-submitted-intro .document-information .img-box .img{
        background-color: #ffffff;
    }
    #under .document-submitted-intro .document-information .img-box .img img{
        max-width: 300px;
    }
}
#under .document-submitted-intro .document-information .information-box{
    width: calc(70% - 10px);
    max-width: 600px;
    padding: 10px;
    margin-left: 10px;
    margin-right: auto;
}
@media screen and (max-width: 850px){
    #under .document-submitted-intro .document-information .information-box{
        width: 100%;
        max-width: 600px;
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
    }
}
#under .document-submitted-intro .document-information .intro-box{
    border: 2px solid rgba(51,51,51,0.5);
    border-radius: 20px;
    padding: 20px;
}
#under .document-submitted-intro .document-information .intro-box .intro{
    line-height: 1.8;
}


.document-box{
    width: 100%;
}
@media screen and (max-width: 1100px){
    .document-box.flex{
        flex-wrap: wrap;
        flex-direction: column;
    }
}
.document-box .individual-bg,.document-box .corporation-bg {
    padding: 20px 20px 60px 20px;
}
#under .document-box .for-individual,#under .document-box .for-corporation{
    background-color: #ffffff;
    padding: 20px 0;
}
.document-box .individual{
    color: #000000;
    width: calc(50% - 10px);
    margin-right: 10px;
}
.document-box .individual-bg{
    background-color: #f2fdfc;
}
@media screen and (max-width: 1100px){
    .document-box .individual{
        width: 100%;
        margin-right: 0px;
    }
}
#under .document-box .individual h2{
    color: #000000;
}
#under .document-box .individual .conTtl06:before{
    content: "";
    background-color: #000000;
}
#under .document-box .individual-ttl span{
    background-color: #ffffff;
}
.document-box .corporation{
    color: #ffffff;
    width: calc(50% - 10px);
    margin-left: 10px;
}
.document-box .corporation-bg{
    background-color: rgba(51,51,51,0.5);
}
@media screen and (max-width: 1100px){
    .document-box .corporation{
        width: 100%;
        margin-left: 0px;
    }
}
#under .document-box .corporation h2{
    color: #ffffff;
}
#under .document-box .corporation .conTtl06:before{
    content: "";
    background-color: #ffffff;
}
#under .document-box .corporation-ttl span{
    background-color: #ffffff;
    color: #000000;
}
.document-box .individual-ttl,.document-box .corporation-ttl{
    position: relative;
    padding: 0 10px;
}
.document-box .individual-ttl:before,.document-box .corporation-ttl:before{
    content: "";
    display: block;
    width: 100%;
    max-width: 400px;
    height: 1px;
    background-color: #c9c9c9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
.document-box .individual-ttl span,.document-box .corporation-ttl span{
    position: relative;
    padding: 0 5px;
}
.document-box .individual-txt,.document-box .corporation-txt{
    color: #000000;
    padding: 20px 20px;
}
.document-box .intro {
    line-height: 1.8;
}

.document-list{
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.document-list li,.document-list p{
    color: #000000;
}
@media screen and (max-width: 1100px){
    .document-list.flex{
        justify-content: flex-start;
    }
}
@media screen and (max-width: 780px){
    .document-list.flex{
        justify-content: space-evenly;
    }
}
@media screen and (max-width: 580px){
    .document-list.flex{
        flex-direction: column;
        justify-content: center;
    }
}
.document-list.flex li{
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}
@media screen and (max-width: 726px){
    .document-list.flex li{
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }
    #contentsArea .document-list.flex li p{
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 580px){
    .document-list.flex li{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    #contentsArea .document-list.flex li p{
        text-align: center;
    }
}
@media screen and (max-width: 320px){
    .document-list.flex li{
        width: 100%;
    }
}

.document-list img {
    max-width: 200px;
}

.attention-box{
    background-color: #ffdada;
    padding: 2px;
}
.attention-box-bg{
    background-color: #ffdada;
    color: #333333;
    padding: 10px;
    border: 2px solid #ffffff;
}
.attention-ttl.flex {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 10px;
}
.attention-box .img-icon{
    margin-right: 5px;
}

/*-------------------
アイコン
-------------------*/
#contentsArea .plus-block .center{
    text-align:center;
}

#contentsArea .plus-block-area .plus-block .plus-icon-area{
    position: relative;
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-icon{
    display: block;
    width: 30px;
    height: 30px;
    z-index: 1;
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .h-center-l{
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .h-center-r{
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .wh-center{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-icon:before{
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background: linear-gradient(25deg, rgba(200, 200, 200, 0.8), rgba(0, 0, 0, 0.8));
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1.5px;
    z-index: 1;
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-icon:after{
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background: linear-gradient(25deg, rgba(200, 200, 200, 0.8), rgba(0, 0, 0, 0.8));
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1.5px;
    z-index: 1;
    transform: rotate(90deg);
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-icon.bg-g-red:before{
    background: linear-gradient(25deg, rgba(255, 230, 230, 0.8), rgba(255, 130, 130, 0.9))!important;
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-icon.bg-g-red:after{
    background: linear-gradient(25deg, rgba(255, 230, 230, 0.8), rgba(255, 130, 130, 0.9))!important;
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-icon.bg-g-orange:before{
    background: linear-gradient(25deg, rgba(255, 230, 230, 0.8), rgba(234, 117, 48, 0.9))!important;
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-icon.bg-g-orange:after{
    background: linear-gradient(25deg, rgba(255, 230, 230, 0.8), rgba(234, 117, 48, 0.9))!important;
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-icon.bg-g-pink:before{
    background: linear-gradient(25deg, rgba(255, 230, 230, 0.8), rgba(235, 64, 116, 0.8))!important;
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-icon.bg-g-pink:after{
    background: linear-gradient(25deg, rgba(255, 230, 230, 0.8), rgba(235, 64, 116, 0.8))!important;
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-icon.bg-g-blue:before{
    background: linear-gradient(25deg, rgba(242, 253, 252, 0.8), rgba(0, 90, 160, 0.8));
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-icon.bg-g-blue:after{
    background: linear-gradient(25deg, rgba(242, 253, 252, 0.8), rgba(0, 90, 160, 0.8));
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-icon.bg-g-gray:before{
    background: linear-gradient(25deg, rgba(220, 220, 220, 0.8), rgba(80, 80, 80, 0.8));
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-icon.bg-g-gray:after{
    background: linear-gradient(25deg, rgba(220, 220, 220, 0.8), rgba(80, 80, 80, 0.8));
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-shadow:before{
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background: rgba(175, 175, 175, 0.3);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.5px;
    z-index: 1;
}
#contentsArea .plus-block-area .plus-block .plus-icon-area .plus-shadow:after{
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background: rgba(175, 175, 175, 0.3);
    position: absolute;
    top: 50%;
    left: -1px;
    margin-top: -1px;
    z-index: 0;
    transform: rotate(90deg);
}

/*------番号付きリスト1～10----------*/

.num-list .num01,.num-list .num02,.num-list .num03,.num-list .num04,.num-list .num05,.num-list .num06,.num-list .num07,.num-list .num08,.num-list .num09,.num-list .num10 {
  position: relative;
  padding: 0 0 0 25px;
}
.num-list .num01:before {
    content: '1)';
    position: absolute;
    left: -1px;
    z-index: 9999;
}
.num-list .num02:before {
    content: '2)';
    position: absolute;
    left: -1px;
    z-index: 9999;
}
.num-list .num03:before {
    content: '3)';
    position: absolute;
    left: -1px;
    z-index: 9999;
}
.num-list .num04:before {
    content: '4)';
    position: absolute;
    left: -1px;
    z-index: 9999;
}
.num-list .num05:before {
    content: '5)';
    position: absolute;
    left: -1px;
    z-index: 9999;
}
.num-list .num06:before {
    content: '6)';
    position: absolute;
    left: -1px;
    z-index: 9999;
}
.num-list .num07:before {
    content: '7)';
    position: absolute;
    left: -1px;
    z-index: 9999;
}
.num-list .num08:before {
    content: '8)';
    position: absolute;
    left: -1px;
    z-index: 9999;
}
.num-list .num09:before {
    content: '9)';
    position: absolute;
    left: -1px;
    z-index: 9999;
}
.num-list .num10:before {
    content: '10)';
    position: absolute;
    left: -1px;
    z-index: 9999;
}