@font-face{ 
	font-family:'HiraginoSansW3'; 
	src:url('../../font/HiraginoSansGBW3.woff') format('woff');
	font-style: normal;	
}
@font-face{ 
	font-family:'HiraginoSansW6'; 
	src:url('../../font/HiraginoSansGBW6.woff') format('woff');
	font-style: normal;	
}
@font-face{ 
	font-family:'HiraginoSansW7'; 
	src:url('../../font/HiraginoSansGBW7.woff') format('woff');
	font-style: normal;	
}
@font-face{ 
	font-family:'YuGothB'; 
	src:url('../../font/YuGothB.woff') format('woff');
	font-style: normal;	
}
html {
    /* font-size: 62.5%; */
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}
body, table,
input, textarea, select, option, button,
h1, h2, h3, h4, h5, h6 {
    /* line-height: 1.1; */
}
ol, ul {
    list-style: none;
}





.section_title {
    width: 100%;
    font-family: HiraginoSansW3;
    font-size: 3rem;
    line-height: 10rem;
    font-weight: bold;
    color: #231815;
}
@media only screen and (max-width: 768px) {
    .section_title {
        font-size: 2rem;
        line-height: initial;
        padding-bottom: 1rem;
    }
}
.section_title p {
    display: inline-block;
    border-left: solid #878887 2px;
    font-family: HiraginoSansW3;
    font-size: 0.25em;
    color: #707071;
    margin-left: 3rem;
    padding-left: 1rem;
    word-break: break-all;
}
@media only screen and (max-width: 768px) {
    .section_title p {
        font-size: 0.7rem;
        margin-left: 0rem;
    }
}
.content-align {
    justify-content: space-between;
    flex-wrap: wrap;
}
@media only screen and (min-width: 641px) {
    .content-area1::before,
    .content-area1::after {
        content: '';
        flex: 1;
    }
    .content-area1 .service-block {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
}
.service-block {
    position: relative;
    width: 31.5%;
    padding-bottom: 2rem;
    margin-bottom: 5rem;
    border-radius: 1rem;
    background: #F6F8F8;
}
@media only screen and (max-width: 768px) {
    .service-block {
        width: 100%;
        margin-bottom: 2rem;
    }
}
.service-block .block-title {
    border-radius: 1rem 1rem 0 0;
    background: linear-gradient(90deg, #2F69AB, #2B4996);
    text-align: center;
    font-family: HiraginoSansW7;
    font-size: 1.5rem;
    line-height: 7rem;
    color: white;
}
@media only screen and (max-width: 768px) {
    .service-block .block-title {
        line-height: 5rem;
    }
}
.service-block ul:nth-of-type(1) {
    padding: 2rem 1rem 0 3rem;
    min-height: 10rem;
}
@media only screen and (max-width: 768px) {
    .service-block ul:nth-of-type(1) {
        padding: 1rem 1rem 1rem 3rem;
        min-height: 0;
        letter-spacing: -0.05rem;
    }
}
.service-block ul:nth-of-type(1) li {
    padding: 0.5rem 0;
    list-style: disc;
    font-size: 1rem;
    line-height: 1.4;
    color: #0464A4;
}
.service-block ul:nth-of-type(1) li span {
    display: block;
    padding-top: 1rem;
    font-size: 0.8rem;
}
.service-block ul:nth-of-type(2) {
    width: 90%;
    margin: auto;
    padding: 2rem 1rem 2rem 3rem;
    border-radius: 0.5rem;
    background: #94A1A8;
}
@media only screen and (max-width: 768px) {
    .service-block ul:nth-of-type(2) {
        padding: 1rem 1rem 1rem 3rem;
        letter-spacing: -0.05rem;
    }
}
.service-block ul:nth-of-type(2) li {
    padding: 0.5rem 0;
    font-size: 1rem;
    line-height: 1.4;
    color: white;
    list-style-image: url(../../img/Asset11.png);
}

.character {
    margin: auto;
    width: 6rem;
    height: 10rem;
}
@media only screen and (max-width: 768px) {
    .character {
        width: 5rem;
        height: 7rem;
    }
}
.item1 {
    background: url(../../img/Asset01.png) center bottom no-repeat;
    background-size: contain;
}
.item2 {
    background: url(../../img/Asset03.png) center bottom no-repeat;
    background-size: contain;
}
.item3 {
    background: url(../../img/Asset05.png) center bottom no-repeat;
    background-size: contain;
}
.item4 {
    background: url(../../img/Asset07.png) center bottom no-repeat;
    background-size: contain;
}
.item5 {
    background: url(../../img/Asset09.png) center bottom no-repeat;
    background-size: contain;
}

.ticket {
    position: absolute;
    right: 1rem;
    bottom: 2rem;
}
.ticket img {
    width: 2rem;
    margin: 0 0.2rem;
}
@media only screen and (max-width: 768px) {
    .ticket img {
        width: 3rem;
    }
}




/* ///////////////// */
.service-intro {
    position: relative;
    text-align: center;
    /* padding: 5rem 0 0; */
}
.service-intro .intro-title {
    /* position: absolute;
    left: 0;
    top: 5rem; */
    font-family: HiraginoSansW3;
    font-size: 2rem;
    line-height: 3;
    text-align: left;
}
.step1 {
    position: relative;
}

.service-intro .step_label {
    display: inline-block;
    border: solid #929FA6 2px;
}
.service-intro .step_label .flexContainer {
    align-items: center;
}
.service-intro .step_label p:nth-of-type(1) {
    width: 12rem;
}
@media only screen and (max-width: 768px) {
    .service-intro .step_label p:nth-of-type(1) {
        width: 50%;
    }
}
.service-intro .step1 .step_label p:nth-of-type(1) img {
    width: 8rem;
    vertical-align: middle;
}
.service-intro .step2 .step_label p:nth-of-type(1) img {
    width: 6rem;
    vertical-align: middle;
}
.service-intro .step_label p:nth-of-type(2) {
    background: #929FA6;
    width: 15rem;
    font-family: HiraginoSansW6;
    font-size: 2rem;
    color: white;
}
.service-intro .step1 .step_label p:nth-of-type(2) {
    line-height: 10rem;
}
.service-intro .step2 .step_label p:nth-of-type(2) {
    line-height: 1.5;
    padding: 2rem 0;
}

.service-intro .step-arrow {
    position: relative;
    padding: 2rem 0;
}
.service-intro .step1 .step-arrow img {
    width: 3%;
}
.service-intro .step2 .step-arrow img {
    width: 80%;
}
@media only screen and (max-width: 768px) {
    .service-intro .step1 .step-arrow img {
        width: 4%;
    }
    .service-intro .step2 .step-arrow img {
        width: 80%;
    }
}
.service-intro .step-arrow .arrow-desc {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 10rem;
    background: url(../../img/Asset13.png) center center no-repeat;
    background-size: contain;
    font-family: HiraginoSansW3;
    font-size: 1rem;
    line-height: 2;
    color: white;
    right: 20%;
}
@media only screen and (max-width: 768px) {
    .service-intro .step-arrow .arrow-desc {
        transform: translate(0, -50%);
        right: 0;
    }
}
.service-intro .step1 .step-arrow .arrow-desc {
    top: 50%;
}
.service-intro .step2 .step-arrow .arrow-desc {
    top: 30%;
}
.step2-sub {
    position: relative;
    width: 100%;
   /* background: rgb(0, 100, 170, 0.1);*/
}
/*
.step2-sub.block1 {
    padding: 3rem 2rem 0;
}
.step2-sub.block2 {
    padding: 3rem;
}
@media only screen and (max-width: 768px) {
    .step2-sub.block1 {
        padding: 3rem 0.5rem 0;
    }
    .step2-sub.block2 {
        padding: 3rem 0.5rem;
    }
}*/ 
.step2-sub.block1 {
        padding: 1rem 1rem 0;
        position: absolute;
		z-index: 10;
    }

.step2-sub.mobile {
        display: none;
    }
@media only screen and (max-width: 768px) {
    .step2-sub.mobile {
        display: flex;
    }
}
.yelloow_bg {
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
    height: 110%;
    left: 0;
    top: 55%;
    background: #FDEFC9;
    z-index: -1;
}
.grey_bg {
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
    height: 110%;
    right: 0;
    top: 55%;
    z-index: -1;
    background: #DBDEE6;
}
.step2-sub .step2-sub-block {
    width: 19%;
    padding: 2rem 0;
    background: url(../../img/Asset20.png) center center no-repeat;
    background-size: cover;
    border-radius: 1rem;

    font-family: HiraginoSansW7;
    font-size: 1rem;
    line-height: 1.5;
    color: white;
}
.step2-sub .step2-sub-block2 {
    width: 30%;
    padding: 2rem 0;
    background: url(../../img/Asset20.png) center center no-repeat;
    background-size: cover;
    border-radius: 1rem;

    font-family: HiraginoSansW7;
    font-size: 1rem;
    line-height: 1.5;
    color: white;
}
.step2-sub .step2-sub-block3 {
    width: 45%;
    padding: 2rem 0;
    background: url(../../img/Asset20.png) center center no-repeat;
    background-size: cover;
    border-radius: 1rem;

    font-family: HiraginoSansW7;
    font-size: 1rem;
    line-height: 1.5;
    color: white;
}

.step2-sub .service-type {
    width: 49%;
    padding: 10rem 1rem 0;
}
@media only screen and (max-width: 768px) {
    .step2-sub .service-type {
        width: 100%;
        padding: 1rem 1rem;
    }
}
.step2-sub .service-type.left-block {
    background: #FDEFC9;
}
.step2-sub .service-type.right-block {
    background: #DBDEE6;
}
.step2-sub .service-type .type-title {
    font-family: HiraginoSansW7;
    font-size: 2rem;
    line-height: 2;
    color: #585858;
}
.step2-sub .service-type .type-comment {
    padding: 1rem 0;
    font-family: HiraginoSansW3;
    font-size: 1rem;
    line-height: 1.5;
    color: #EC6643;
}
.step2-sub .service-type .type-list {
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    align-items: center;
}
.step2-sub .service-type .type-list li {
    position: relative;
    width: 30%;
    height: 9rem;
    margin: 0.5rem auto;
    background: url(../../img/Asset15.png) left center no-repeat;
    background-size: contain;
    font-family: HiraginoSansW3;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #0D5B92;
}
.step2-sub .service-type .type-list li span {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 100%;
    top: 50%;
    left: 50%;
    padding: 0 1rem;
}
@media only screen and (max-width: 768px) {
    .step2-sub .service-type .type-list li {
        height: 7rem;
    }
    .step2-sub .service-type .type-list li span {
        padding: 0 0.5rem;
    }
}
.service-intro .type-reference,
.service-intro .step-reference {
    padding: 1rem 0;
    font-size: 0.7rem;
}


/* //////////////// */
.part2 {
    position: relative;
}
.part2 .content-area {
    padding: 2rem 3rem 0;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.strength-block {
    width: 49%;
    margin-bottom: 3rem;
    padding: 2rem 1rem;
    background: linear-gradient(90deg, #F3F8FC, #D8E8F7);
}
@media only screen and (max-width: 768px) {
    .part2 .content-area {
        padding: 2rem 1rem 0;
    }
    .strength-block {
        width: 100%;
    }
}
.strength-block .strength-title {
    font-family: HiraginoSansW7;
    font-size: 2rem;
    line-height: 2;
    color: #004BA0;
    border-bottom: solid #FEDD6B 2px;
}
.strength-block .strength-desc {
    padding: 1rem 0 0;
    font-family: HiraginoSansW3;
    font-size: 0.8rem;
    line-height: 2;
    color: #717171;
}




/* ///////////////// */
.part3 {
    position: relative;
}
.part3 .content-area {
    padding: 2rem 3rem 0;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    justify-content: space-between;
}
@media only screen and (max-width: 768px) {
    .part3 .content-area {
        padding: 2rem 0 0;
    }
}
.part3 .content-area .commitment-block {
    width: 48%;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
@media only screen and (max-width: 768px) {
    .part3 .content-area .commitment-block {
        width: 100%;
        margin-bottom: 3rem;
    }
}
.part3 .content-area .commitment-block p {
    font-family: HiraginoSansW6;
    font-size: 1rem;
    line-height: 3;
    color: #717171;
}
@media only screen and (max-width: 768px) {
    .part3 .content-area .commitment-block p {
        font-size: 0.8rem;
        line-height: 2;
    }
}
.highlight {
    padding: 0 3rem 0 0;
    background: #FFFBCB;
}
@media only screen and (max-width: 768px) {
    .highlight {
        padding: 0 0 0 0;
        background: #FFFBCB;
    }
}
.part3 .content-area .commitment-block .comment {
    margin-top: 2rem;
}
.part3 .content-area .commitment-block p span {
    font-size: 1rem;
}
.part3 .content-area .commitment-block img {
    width: 100%;
}
.part3 .content-area .commitment-block .left-content,
.part3 .content-area .commitment-block .right-content {
    /* margin: auto; */
}
.part3 .content-area .commitment-block .left-content {
    width: 45%;
}
.part3 .content-area .commitment-block .right-content {
    width: 50%;
}
@media only screen and (max-width: 768px) {
    .part3 .content-area .commitment-block .left-content {
        width: 50%;
    }
    .part3 .content-area .commitment-block .right-content {
        width: 45%;
    }
}
.part3 .content-area .commitment-block .left-content p {
    background: url(../../img/Asset18-2.png) center no-repeat;
    background-size: contain;
    text-align: center;
    font-family: HiraginoSansW6;
    font-size: 0.8rem;
    line-height: 8;
    color: #241916;
}
@media only screen and (max-width: 768px) {
    .part3 .content-area .commitment-block .left-content p {
        font-size: 0.75rem;
    }
}



/* ///////////////// */
.part4 {
    position: relative;
    /* background: #FFFEEE; */
}
.part4 .content-area {
    padding: 2rem 3rem 0;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    justify-content: space-between;
}
@media only screen and (max-width: 768px) {
    .part4 .content-area {
        padding: 2rem 0 0;
    }
}
.part4 .fee-data {
    /* width: 49.7%; */
    margin: 0 auto 2rem;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: solid #888888 1px;
    text-align: center;
}
@media only screen and (max-width: 768px) {
    .part4 .fee-data {
        word-break: keep-all;
    }
}
.part4 .fee-data thead {
    background: #9FA0A0;
    font-family: YuGothB;
    font-size: 1rem;
    color: white;
}
@media only screen and (max-width: 768px) {
    .part4 .fee-data thead {
        font-size: 0.6rem;
    }
}
.part4 .fee-data thead th {
    padding: 1rem 0;
}


.part4 .fee-data tbody {
    font-family: HiraginoSansW3;
    font-size: 1rem;
    line-height: 1.5;
}
@media only screen and (max-width: 768px) {
    .part4 .fee-data tbody {
        font-size: 0.6rem;
    }
}
.part4 .fee-data tbody tr:nth-of-type(odd) {
    background: #FFF;
}
.part4 .fee-data tbody tr:nth-of-type(even) {
    background: #EFEFEF;
}
.part4 .fee-data td {
    padding: 1rem;
    overflow: hidden;
    word-break: normal;
    vertical-align: middle;
    border-left: dotted #888888 1px;
    border-right: dotted #888888 1px;
}
@media only screen and (max-width: 768px) {
    .part4 .fee-data td {
        padding: 0.2rem;
    }
}
.part4 .fee-data tbody tr td.td-cell0 {
    width: 20%;
    text-align: center;
}
.part4 .fee-data tbody tr td.td-cell1 {
    width: 30%;
    text-align: left;
}
.part4 .fee-data tbody tr td.td-cell2 {
    width: 12%;
}
.part4 .fee-data tbody tr td.td-cell3 {
    width: 19%;
    font-family: HiraginoSansW7;
    font-weight: bold;
}
.part4 .fee-data tbody tr td.td-cell4 {
    width: 15%;
}
.part4 .fee-data .color01 {
    background: #EFF8FE;
}
.part4 .fee-data .color02 {
    background: #FEF4F8;
}
.part4 .fee-data .color03 {
    background: #E7F3EE;
}
.part4 .fee-data .color04 {
    background: #FEF0DB;
}
.part4 .fee-type1  {

}
.part4 .fee-type2 {
    
}


.only-sp {
	display: none;
}
@media screen and (max-width: 768px) {
	.only-pc {
		display: none !important;
	}
	.only-sp {
		display: block !important;
	}
}