* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    line-height: 1.2;

}
* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /*Firefox*/
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}
ul li {

    list-style: none;

}

a {

    text-decoration: none;

    color: #313131;

}

@font-face {

    font-family: 'Brush Script Mt';

    font-style: italic;

    font-weight: normal;

    src: url('BRUSHSCI.ttf') format('truetype');

}
@font-face {

    font-family: 'MYRIADPRO-SEMIBOLD';

    src: url('fonts/MYRIADPRO-SEMIBOLD.OTF') format('truetype');

}
@font-face {

    font-family: 'MYRIADPRO-BOLD';

    src: url('fonts/MYRIADPRO-BOLD.OTF') format('truetype');

}@font-face {

    font-family: 'MYRIADPRO-REGULAR';

    src: url('fonts/MYRIADPRO-BOLD.OTF') format('truetype');

}
@font-face {

    font-family: 'KozukaGothicPr6N-Medium';

    src: url('fonts/kozgopr6n-medium.otf') format('truetype');

}

@font-face {

    font-family: 'KozukaGothicPr6N-H';

    src: url('fonts/KozGoPr6N-Heavy.otf') format('truetype');

}

@font-face {

    font-family: 'KozukaGothicPr6N-Bold';

    src: url('fonts/KozGoPr6N-Bold.otf') format('truetype');

}

@font-face {

    font-family: 'KozukaGothicPr6N';

    src: url('fonts/kozgopr6n-regular.otf') format('truetype');

}



@font-face {

    font-family: 'KozukaGothicPr6NHeavy';

    src: url('KozGoPr6N-heavy-1.ttf') format('truetype');

}

@font-face {

    font-family: 'KozukaGothicPr6NEL';

    src: url('KozGoPr6N-extralight.otf') format('truetype');

}

body {

    font-family: 'KozukaGothicPr6N';

}

.wrapper {

    max-width: 1920px;

    margin: 0 auto;

}

.col-1 {

    width: 6.333333333%;

    float: left;

    margin: 0px 1%;

}

.col-2 {

    width: 14.66666667%;

    float: left;

    margin: 0px 1%;

}

.col-3 {

    width: 23%;

    float: left;

    margin: 0px 1%;

}

.col-4 {

    width: 33.33333333%;

    float: left;

}

.col-5 {

    width: 40%;

    float: left;

}

.col-5-inline {

    width: 40%;

    display: inline-block;

}

.col-6 {

    width: 50%;

    float: left;

}

.col-7-inline {

    width: 59%;

    display: inline-block;

}

.col-7 {

    width: 60%;

    float: left;

}

.col-8 {

    width: 64.66666667%;

    float: left;

    margin: 0px 1%;

}

.col-9 {

    width: 73%;

    float: left;

    margin: 0px 1%;

}

.col-10 {

    width: 81.33333333%;

    float: left;

    margin: 0px 1%;

}

.col-11 {

    width: 89.66666667%;

    float: left;

    margin: 0px 1%;

}

.col-12 {

    width: 100%;

    float: left;

}



.row {

    overflow: hidden;

}

/*.header {

	overflow: hidden;

	background-image: url('../img/20200310_318079103(1).png');

	background-repeat: no-repeat;

	background-position: right;

	background-position-y: 100%;

	background-size: 50%;

	transition: 1.5s;

	animation: fadeInUp 1s ease;

}*/

.top-menu {

    background: #fff;

    border-radius: 6px;

    /* box-shadow: 2px 10px 13px 0px rgb(0 0 0 / 11%); */

    padding: 0px 29px;

    padding-top: 33px;

    padding-bottom: 28px;

    box-shadow: 5px 8px 12.5px 0px rgb(0 0 0 / 15%);

    position: absolute;
    z-index: 999;

}



.logo {

    width: 100%;

}

.left-top-menu .logo img {

    width: 84%;

}

.left-top-menu .logo a {

    display: block;

}

.left-top-menu {

    overflow: hidden;

}

.slogan {

    font-size: 14px;

    margin-top: 11px;

}

.slogan span {

    font-family: 'KozukaGothicPr6N-Bold';

    letter-spacing: 0px;

    color: rgb(49, 49, 49);

}

ul.list-top-menu {

    margin-top: 14px;

}

ul.list-top-menu li {

    display: inline-block;

    border-right: 1px solid #c2c2c2;

}

ul.list-top-menu li:last-child {

    border: none;

}

ul.list-top-menu li a {

    display: block;

    padding: 0 19px;

    font-weight: 500;

    font-size: 14px;

    font-family: KozukaGothicPr6N-Medium;

    color: rgb(49, 49, 49);
    line-height: 1.5;

}

.log-in {

    float: left;

    margin-right: 31px;

}

.register {

    float: left;

}

.small-title {

    float: right;

}

.main-description {

    background-image: url('../img/tickk.png');

    background-repeat: no-repeat;

    background-size: 5%;

    background-position: left;

}

.right-top-menu {

    overflow: hidden;

}

.bt-log {

    overflow: hidden;

    float: right;

}

.bt-change-language {

    margin-bottom: 20px;

    text-align: right;

}

.log-in a {

}

.register a {

}

.bt-header-content .btn-top-login a {

    background-color: rgb(248, 161, 1);

    min-width: 222px;

}



.bt-header-content .register.btn-top-login a {

    background: none;

}

.btn-top-login a {

    background: #f8a101;

    color: #fff;

    min-width: 195.8px;

    display: block;

    text-align: center;

    border-radius: 7px;

    font-family: 'KozukaGothicPr6N-Bold';

    font-size: 20.44px;

    padding: 10px 0px;

}

.register.btn-top-login a {

    background: #fff;

    color: #f8a101;

    border: 1px solid #f8a101;

    /* padding-bottom: 2px; */

    /* padding-top: 6px; */

    padding: 9px 0px;

}

.small-title span {

    font-family: KozukaGothicPr6N-Medium;

    font-size: 10.41px;

    color: rgb(49, 49, 49);

}

.small-title {

    margin-top: 6px;

    float: left;

    font-size: 11px;

    font-weight: 500;

}

.row-top {

    overflow: hidden;

}

.header-content {

    overflow: hidden;

}

.header-left-top {

    overflow: hidden;

}

.bt-change-language label {

    margin-right: 15px;

    font-weight: 500;

    font-size: 12px;

    font-family: KozukaGothicPr6N-Medium;

}

.bt-change-language label:last-child {

    margin-right: 0;

}

ul.list-top-menu li:first-child a {

    padding-left: 6px;

}

.main-header-content {

    /*padding-top: 225px;*/

    /*padding-bottom: 79px;*/
    padding-top: 85px;
    padding-bottom: 79px;

}

span.bt-main-header-content {

    display: block;

    /* padding: 6px 34px; */

    width: 95%;

    font-size: 23px;

    background: #002b62;

    outline: none;

    border-radius: 6px;

    color: #fff;

    font-weight: 700;

    font-weight: 700;

    font-family: 'KozukaGothicPr6N-Medium';

    padding: 16px;

    text-align: center;

}

.bg_top {

    background: url(../img/img/bgmain.png);

    background-repeat: no-repeat;

    background-position-x: right;

    background-size: 50%;

}

.slogan-main-header-content p {

    font-size: 35px;

    font-family: 'KozukaGothicPr6N-H';

    color: rgb(49, 49, 49);

    line-height: 1.68;
    padding-right: 60px;

}

.slogan-main-header-content {

    /*margin-top: 16px;*/

    /*margin-bottom: 20px;*/
    margin-top: 10px;
    margin-bottom: 14px;

}

p.title-main-header-content {

    font-size: 28px;

    color: #002b62;

    font-weight: 900;

    margin-top: 10px;

    font-family: 'KozukaGothicPr6N-Bold';

    font-weight: bold;
    padding-right: 78px;

}

.list-group-item ul li p.main-description {

    font-size: 18px;

    padding: 0px 34px;

    font-weight: 500;

    padding: 6px 41px;

    margin-bottom: 11px;

    font-family: 'KozukaGothicPr6N-Medium';

}

.list-group-item ul {

    /*margin-top: 75px;*/

    /*margin-bottom: 104px;*/
    margin-top: 24px;
    margin-bottom: 26px;

}



.bt-header-content .bt-log {

    float: none;

}

.bt-header-content {

}

.first-content-page {

    background-image: url('../img/bgblue.png');

    background-repeat: no-repeat;

    background-attachment: fixed;
    background-size: cover;

}

.list-detail {

}

.title-detail {

    margin-bottom: 67px;
    padding-right: 280px;

}

.text-item-detail {

    background: white;

    border-radius: 20px;

    margin-bottom: 32px;

    font-family: 'KozukaGothicPr6N-Medium';

    font-size: 35px;

    padding: 35px 0px;

    padding-left: 111px;

}

.text-item-detail:last-child {

    margin-bottom: 0px;

}

.title-detail > p {

    font-size: 35px;

    color: #fff;

    font-weight: 400;

    font-family: 'KozukaGothicPr6N-Bold';

}

.bt-log.bt-log-second-content .btn-top-login a {

    background: #f8a101;

    color: #fff;

    min-width: 222px;

    display: block;

    text-align: center;

    border-radius: 7px;

    font-family: 'KozukaGothicPr6N-Bold';

    font-size: 20.44px;

    padding: 10px 0px;

}



.bt-log.bt-log-second-content .register a {

    background: none;

    color: #f8a101;

}

.item-detail p {

}

.top-content {

}

.bt-log.bt-log-second-content {

}

.bt-log.bt-log-second-content > .log-in {

    display: inline-block;

    float: none;

}

.text-center {

    text-align: center;

}

.section-content-2 .bt-log {

    float: none;

}



.top-content.section-content-2 {

    padding-bottom: 90px;

    padding-top: 72px;

}

.bt-log.bt-log-second-content > .register {

    display: inline-block;

    float: none;

}

.logo-second-content-page img {

    width: 63.5%;

    margin-bottom: 41px;

}

p.title-second-content-page {

    font-family: 'KozukaGothicPr6N-Bold';

    font-size: 34px;

    color: rgb(49, 49, 49);

}

p.decription-second-content {

    font-size: 17px;

    font-weight: 400;

    margin-top: 26px;

    font-family: 'KozukaGothicPr6N';

    color: rgb(49, 49, 49);

}

span.sub_bold_txt_blue {

    font-family: 'MYRIADPRO-BOLD';

    color: #002b62;

}

.detail-second-content {

    margin-bottom: 150px;

    position: relative;

}

.top-second-content-page {

    overflow: hidden;

    margin-bottom: 85px;

}

.detail-first-content-page {

    overflow: hidden;

    padding: 95px 41px;

}

.img-detail-second-content img {

    width: 100%;

}

.decription-detail-second-content {

}

.detail-second-content-3 p.title-decription-detail-second-content {

    line-height: 1.2;

}

.decription-detail-second-content.decription-detail-second-content-2 {

}

.img-detail-second-content.img-detail-second-content-2 img {

}

.item-second-content {

    overflow: hidden;

    position: relative;

}

p.title-decription-detail-second-content {

}

p.text-decription-second-content {

}

.detail-second-content-2 p.title-decription-detail-second-content {

    padding-left: 75px;

    padding-right: 100px;

    line-height: 1.2;

}



.detail-second-content-2 .decription-detail-second-content.border-blue {

    margin-right: 16px;

    padding-top: 116px;

    padding-right: 0px;

}

.detail-second-content-2 p.text-decription-second-content {

    padding-left: 75px;

    /* font-size: 17px; */

}

p.numerical-order.number-2 {

    top: -21px;

    left: -6px;

    z-index: -4;

}

.detail-second-content-2 p.first-note-detail-second-content {

    bottom: initial;
    left: initial;
    top: -29px;
    right: 0px;
    z-index: 0;
    padding-right: 0px;
    text-align: left;

}

p.title-decription-detail-second-content {

    font-family: 'KozukaGothicPr6N-Bold';

    color: #002b62;

    font-size: 35px;

    margin-bottom: 14px;

}
p.title-decription-detail-second-content.mobile {
    display: none;
}
.detail-second-content-2 .img-detail-second-content img {

    /* position: absolute; */

    /* bottom: 0px; */

    /* width: 100%; */

    margin-top: 146px;

}

p.text-decription-second-content {

    font-family: 'KozukaGothicPr6N-Medium';

    color: #313131;

    font-size: 17px;

    line-height: 1.8;

}

p.first-note-detail-second-content {

}

p.numerical-order-1 {

    position: absolute;

    top: 21%;

    right: 0px;

    font-family: 'Brush Script Mt';

    font-size: 352px;

    opacity: 0.5;

    color: #dde0e5;

}

p.two-note-detail-second-content {

    font-size: 70px;

    color: #f8a101;

    position: absolute;

    top: -5%;

    right: 0;

    background-color: #fff;

    font-weight: 900;

    padding-left: 34px;

}

p.numerical-order-2 {

    position: absolute;

    top: -10%;

    left: 0;

    font-family: 'Brush Script Mt';

    font-size: 352px;

    opacity: 0.5;

    color: #dde0e5;

}

.decription-detail-second-content.decription-detail-second-content-2

.title-decription-detail-second-content {

}

.decription-detail-second-content.decription-detail-second-content-3 {

}

.decription-detail-second-content.decription-detail-second-content-3

.text-decription-second-content {

}

.wrapper.asl {

    position: relative;

    top: 0px;

}

/*.decription-detail-second-content.decription-detail-second-content-3 .title-decription-detail-second-content {*/

/*	width: 85%;*/

/*}*/

p.three-note-detail-second-content {

    font-size: 70px;

    color: #f8a101;

    position: absolute;

    left: 0px;

    top: -38px;

    background-color: #fff;

    font-weight: 900;

    width: 90%;

}

p.numerical-order-3 {

    position: absolute;

    top: -23%;

    right: 1%;

    font-family: 'Brush Script Mt';

    font-size: 352px;

    opacity: 0.5;

    color: #dde0e5;

}

.img-detail-second-content.img-detail-second-content-3 img {

    margin-top: 19%;

}

.third-content-page {

    background-image: url('../img/bgblue.png');

    background-repeat: no-repeat;

    background-attachment: fixed;

    padding-top: 90px;

    padding-bottom: 104px;
    background-size: cover;

}

.header-third-content-page {

}

.top-header-third-content-page {

    text-align: center;

}

.top-header-third-content-page p {

    color: #fff;

    font-size: 42px;

    font-family: 'KozukaGothicPr6N-Medium';

    line-height: 1.5;

}

.body-third-content-page {

    /*overflow: hidden;*/

    /*background-image: url('../img/楕円形 7 のコピー.png');*/

    /*background-repeat: no-repeat;*/

    /*background-size: contain;*/

    /*background-position-x: 10%;*/

    /*margin-left: 216px;*/

    /*margin-right: 103px;*/

    /*margin-top: 113px;*/

}

.title-item-subject {

    font-size: 35px;

    font-weight: 700;

    text-align: center;

    position: absolute;

    top: 26%;

    left: 21%;

}

h4.title-detail-item-subject {

    font-size: 35px;

    font-weight: 700;

    color: #f8a101;

}

.detail-item-subject p {

    font-size: 20px;

    color: #fff;

    font-weight: 500;

}

.detail-item-subject {

    float: right;

}

.item-subject-third-content-page {

}

.item-subject-third-content-page.item-2-subject-third-content-page {

}

.item-subject-third-content-page.item-2-subject-third-content-page

.title-item-subject {

}

.item-subject-third-content-page.item-2-subject-third-content-page

.detail-item-subject {

}

.item-subject-third-content-page.item-2-subject-third-content-page

.detail-item-subject

p {

}

.item-subject-third-content-page.item-3-subject-third-content-page {

}

.item-subject-third-content-page.item-3-subject-third-content-page

.title-item-subject {

}

.item-subject-third-content-page.item-3-subject-third-content-page

.detail-item-subject {

}

.item-subject-third-content-page.item-3-subject-third-content-page

.detail-item-subject

p {

}

.note-item-subject {

    color: #f8a101 !important;

    font-weight: 500;

    margin-top: 0px !important;

}

.footer-third-content-page {

    overflow: hidden;

}

.bottom-footer-third-content-page {

    text-align: center;

    margin-top: 85px;

}

.bottom-footer-third-content-page p {

    color: #fff;

    font-size: 42px;

    font-weight: 900;

}

.top-fourth-content-page {

    overflow: hidden;

    text-align: center;

}

.top-slogan-fourth-content-page p.title-top-slogan {

}



.explain-logo-fourth-content-page {

    text-align: left;

}

.explain-logo-fourth-content-page p:first-child {

}

.explain-logo-fourth-content-page p {

}

.explain-logo-fourth-content-page {

    /*background-image: url('../img/レイヤー 12.png');*/

    /*background-repeat: no-repeat;*/

    /*background-position-x: 20%;*/

    /*background-position-y: center;*/

    /*margin-top: 54px;*/

}

.top-slogan-fourth-content-page {

}

.media-fourth-content-page {

    overflow: hidden;

    padding: 0px 49px;

    margin-top: 72px;

}

.media-body {

}

.media-thumbnail {

    width: 33%;

    float: right;

    min-height: 200px;

}

.media-thumbnail img {

    width: 100%;

    min-height: 200px;

}

.text-media {

    overflow: hidden;

    margin-bottom: 109px;

}

h5.title-text-media {

    font-size: 30px;

    color: #002b62;

    font-weight: 700;

}

p.decreption-title-text-media {

}

.bt-log.bt-log-fifth-content {

    overflow: hidden;

    float: none;

    margin: 24px 0px;

}

.detail-fifth-content {

    overflow: hidden;

    text-align: center;

    margin: 48px 0;

}

.bt-log.bt-log-fifth-content .log-in {

    float: none;

    margin: 0 auto;

    width: 26%;

}

h5.title-fifth-content-page {

    color: #fff;



    font-family: 'KozukaGothicPr6N-Bold';

    font-size: 35px;

}

.fifth-content-page {

    background-image: url('../img/bgblue.png');

    background-repeat: no-repeat;

    background-attachment: fixed;

    padding: 69px 0px;
    background-size: cover;

}

p.text-fifth-content-page {

    font-family: 'KozukaGothicPr6N-Medium';

    font-size: 17px;

    color: #fff;
    line-height: 1.5;

}

.bt-log.bt-log-fifth-content a {

    font-size: 35px;

}

.top-sixth-content-page p.title-top-slogan {

}

.top-slogan-sixth-content-page > span {

    border: 5px solid;

    width: 30%;

    height: 50%;

    display: block;

    margin: 0 auto;

    border-radius: 6px;

    color: #002b62;

}

.top-sixth-content-page {

    overflow: hidden;

}

.top-slogan-sixth-content-page {

    text-align: center;

}

.top-slogan-sixth-content-page p {

    font-size: 18px;

    font-weight: 500;

}

.top-slogan-sixth-content-page {

}

.decription-sixth-content-page {

    overflow: hidden;

    margin-top: 43px;

    margin-bottom: 100px;

    width: 97%;

    margin-left: auto;

    margin-right: auto;

}

p.text-drcription-sixth {

}

.detail-decription-sixth {

    overflow: hidden;

    position: relative;

    background-color: rgb(248, 248, 254);

    border-radius: 8px;

    box-shadow: 5px 7px 10px 0px rgb(0 0 0 / 15%);

    margin-bottom: 25px;

}

img.img-sixth-content-page {

    float: right;

    width: 64%;

}



img.img-sixth-content-page.img-2 {

    float: left;

    width: 59%;

}

p.text-drcription-sixth.text-2 {

    position: absolute;
    width: 39%;
    font-family: 'KozukaGothicPr6N';
    font-size: 20px;
    top: 199px;
    right: 0;
    left: initial;
    padding-right: 0px;

}

.top-seventh-content-page {

}

.seventh-content-page {

    background-image: url('../img/bgblue.png');

    background-repeat: no-repeat;

    background-attachment: fixed;
    background-size: cover;

}

.top-seventh-content-page {

    overflow: hidden;

    text-align: center;

}

.top-seventh-content-page-left {

    overflow: hidden;

    text-align: left;

}

.top-slogan-seventh-content-page .title-top-slogan {

}

.top-slogan-seventh-content-page > span {

    border: 5px solid;

    width: 14%;

    height: 50%;

    display: block;

    margin: 0 auto;

    border-radius: 6px;

    color: #fff;

    margin-bottom: 20px;

}

.top-slogan-seventh-content-page p {

    color: #fff;

    font-weight: 200;

    font-size: 18px;

}

.top-slogan-seventh-content-page {

}

.category-seventh-content-page {

}

.detail-category {

    background: #fff;

    border-radius: 9px;

    text-align: center;

    box-shadow: 11px 8px 18px 0px rgb(0 0 0 / 15%);

    position: relative;

    margin: 25px 30px;

    padding-left: 57px;

    padding-right: 57px;



    padding-top: 44px;

}

h5.title-detail-category {

}

p.decription-detail-category {

    font-size: 20px;

    font-weight: 500;

}

p.numerical-order {

    font-size: 347px;

    color: rgba(0, 43, 98, 0.2);

    font-family: 'Brush Script Mt';

    /* top: 0; */

    position: absolute;

    /* right: 0px; */

    z-index: -4;

    font-style: italic;

}

p.decription-detail-category {

}

img.image-detail-category {

    max-height: 100px;

    max-width: 150px;

}

img.image-detail-category-resources {

    max-height: 150px;

    max-width: 250px;

}

.top-slogan-eighth-content-page {

    text-align: center;

    margin-top: 90px;

}

.top-eighth-content-page {

    overflow: hidden;

}

.top-slogan-eighth-content-page > span {

    border: 5px solid;

    width: 34%;

    height: 50%;

    display: block;

    margin: 0 auto;

    border-radius: 6px;

    color: #002b62;

}

.top-slogan-eighth-content-page p.title-top-slogan {

}

.decription-eighth-content-page {

    margin-top: 10px;

    margin-left: 61px;

    margin-right: 48.6px;

    margin-bottom: 46.5px;

}

.decription-eighth-content-page p {

    font-size: 17px;

    font-family: 'KozukaGothicPr6N-Medium';

    color: rgb(49, 49, 49);

    line-height: 2;

}

p.last-text-2 {

    margin-top: 52px;

}

.name-form-sign-up {

    margin-top: 54px;

}

h4.title-form {

    font-size: 34.7px;

    color: rgb(49, 49, 49);

    font-family: 'KozukaGothicPr6N-Bold';

}

p.decription-title-form {

    font-size: 17px;

    font-family: 'KozukaGothicPr6N-Medium';

    color: rgb(49, 49, 49);

    margin-top: 27px;

}

.form-sign-up {

    background-color: rgb(248, 248, 254);

    margin-left: 43.75px;

    margin-right: 43.75px;

    overflow: hidden;

    border: 0.2px solid #c2c2e8;

    border-radius: 7px;

}

.detail-form-sign-up {

    margin-top: 75.7px;

    margin-left: 70.8px;

    margin-right: 73px;

    margin-bottom: 56.25px;

}

label {

    display: inline-block;

}

.form-group {

    margin-bottom: 63.8px;

}

.form-control {

    display: block;

    width: 100%;

    padding: 0.35rem 0.75rem;

    font-size: 17px;

    line-height: 2;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    box-shadow: 8px 6px 12.5px 0px rgb(0 0 0 / 7%);

}

.form-check {

    position: relative;

    display: block;

    margin-bottom: 0rem;

}

label.content-label {

    font-size: 17px;

    position: relative;

    margin-bottom: 23.6px;

    color: rgb(49, 49, 49);

    font-family: 'KozukaGothicPr6N-Medium';

}


label.content-label.mycontentlabel:after {
    content: 'Required';
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 3px;
    font-family: 'KozukaGothicPr6N-Medium';
    padding: 3px 7px;
    width: 51px;
    margin-left: 6px;
    border-radius: 6px;
    background: rgb(215, 30, 30);
}
label.form-check-label {

    font-size: 17px;

    font-family: 'KozukaGothicPr6N-Medium';

    color: rgb(49, 49, 49);

    line-height: 2;

}

input.form-check-input {

    width: 19px;

    height: 19px;

    border-color: rgb(191, 191, 191);

    margin-right: 6px;

}

label.content-label.mycontent-label {

    margin-left: 5px;

}

.form-group.center-form {

    text-align: center;

    margin-bottom: 23px;

}

label.content-label.check-label-center::after {

    content: '';

}

.btn.btn-primary {

    text-align: center;

    border-radius: 7px;

    background-color: rgb(248, 161, 1);

    width: 36%;

    display: block;

    margin: 0 auto;

    padding: 27px 0;

}

.btn.btn-primary a {

    font-size: 35px;

    color: #fff;

    font-family: 'MYRIADPRO-BOLD';

}
.error {
    color: red;
}
.btn.btn-primary button.submit_contact {

    font-size: 35px;
    color: #fff;
    font-family: 'KozukaGothicPr6N-Bold';
    background: none;
    border: none;
    outline: none;
    cursor: pointer;

}

button.btn.btn-primary {

    display: block;

    font-size: 35px;

    font-family: 'KozukaGothicPr6N-Bold';

    font-weight: 700;

    width: 34%;

    margin: 0 auto;

    cursor: pointer;

    color: #fff;

    background-color: #f8a101;

    border: none;

    border-radius: 0.25rem;

}

button.btn.btn-primary:active {

    border: none;

}

button.btn.btn-primary:focus {

    border: none;

    outline: none;

}

p.drecription-bt-form-sign-up {

    font-size: 17px;

    font-family: 'KozukaGothicPr6N-Medium';

    margin-top: 23px;

}

.footer-content {

}

.left-footer-menu .logo a img {

    width: 85.5%;

    padding-bottom: 14.6px;

}

.detail-footer-conter {

    overflow: hidden;

}

.footer-content {

    padding-top: 119px;

}

.left-footer-menu .logo {

    border-bottom: 0.35px solid #313131;

}

.left-footer-menu {

    margin-left: 8.3px;

}

ul.list-footer-menu li {

    font-size: 17px;

    font-family: 'KozukaGothicPr6N-Medium';

    padding-top: 30px;

    color: rgb(49, 49, 49);

}

.contact {

    font-size: 17px;

    margin-top: 54px;

    margin-left: 69px;

    color: rgb(49, 49, 49);

    font-family: 'KozukaGothicPr6N-Medium';

}

.contact p {

    padding-top: 30px;

}

.final-text {

    margin-top: 109px;

    margin-bottom: 7.6px;

}

p.last-text {

    text-align: center;

    font-size: 17px;

    background-color: #f8f8fe;

    padding: 26px 0;

    font-family: 'KozukaGothicPr6NEL';

    color: rgb(49, 49, 49);

}

/*.item-detail .text-item-detail-1{*/

/*	background-image: url('../img/レイヤー 13.png');*/

/*	background-repeat: no-repeat;*/



/*}*/

/*.item-detail .text-item-detail-2{*/

/*	background-image: url('../img/レイヤー 122.png');*/

/*	background-repeat: no-repeat;*/



/*}*/

/*.item-detail .text-item-detail-3{*/

/*	background-image: url('../img/レイヤー 123.png');*/

/*	background-repeat: no-repeat;*/

/*}*/

body[data-aos-duration='400'] [data-aos] {

    transition-duration: 1.5s;

}

.title-top-slogan {

    display: inline-block;

    position: relative;

    overflow: hidden;

    font-size: 35px;

    font-family: 'KozukaGothicPr6N-Bold';

    color: rgb(49, 49, 49);

}
.title-six{
    font-family: 'MYRIADPRO-REGULAR';
}
.mauxanh {

    color: #002b62;

}
.decription-detail-second-content.border-blue.no-b-left.no-b-top:before {
    content: "";
    width: 5%;
    border-top: 2px solid rgb(0, 43, 98);
    position: absolute;
    top: 0;
    right: 0;
}
span.mauxanh {

    color: #002b62;

}
.title-form.mauxanh{
    color: #002b62;
}

.line-blue {

    height: 7px;

    background: #002b62;

    display: block;

    border-radius: 6px;

    margin-top: 6px;

}

span.line-blue.wow.fadeInLeft.line-white {

    background: #fff;

}

img.icon_bg {

    display: inline-block;

    vertical-align: middle;

    max-width: 111px;

    margin-right: 36px;
    float: left;

}

.fourth-content-page {

    padding-top: 165px;

    padding-bottom: 100px;

}

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

    .wrapper {

        width: 1193px;

    }

    .decription-detail-second-content {

    }

    p.title-decription-detail-second-content {

    }

    p.text-decription-second-content {

    }

    p.first-note-detail-second-content {

    }

    p.numerical-order-1 {

        position: absolute;

        top: 13%;

        right: 5%;

        font-family: 'Brush Script Mt';

        font-size: 300px;

        opacity: 0.5;

        color: #dde0e5;

    }

    p.two-note-detail-second-content {

        font-size: 60px;

        color: #f8a101;

        position: absolute;

        top: 33%;

        right: 5%;

        background-color: #fff;

        font-weight: 900;

        padding-left: 34px;

    }

    p.numerical-order-2 {

        position: absolute;

        top: 32%;

        left: 10%;

        font-family: 'Brush Script Mt';

        font-size: 352px;

        opacity: 0.5;

        color: #dde0e5;

    }

    .decription-detail-second-content.decription-detail-second-content-2 {

    }

    .decription-detail-second-content.decription-detail-second-content-2

    .title-decription-detail-second-content {

    }

    .img-detail-second-content.img-detail-second-content-2 img {

    }

    p.three-note-detail-second-content {

        font-size: 62px;

        color: #f8a101;

        position: absolute;

        left: 10%;

        top: 68%;

        background-color: #fff;

        font-weight: 900;

        width: 80%;

    }



    .decription-detail-second-content.decription-detail-second-content-3 {

    }

    .decription-detail-second-content.decription-detail-second-content-3

    .title-decription-detail-second-content {

        padding-right: 50px;

    }

    .img-detail-second-content.img-detail-second-content-3 img {

        margin-top: 25%;

        height: 242px;

    }

    .body-third-content-page {

        /*overflow: hidden;*/

        /*background-image: url('../img/楕円形 7 のコピー.png');*/

        /*background-repeat: no-repeat;*/

        /*background-size: contain;*/

        /*background-position-x: 10%;*/

        /*margin-left: 78px;*/

        /*margin-right: 103px;*/

        /*margin-top: 113px;*/

    }

    h4.title-detail-item-subject {

        font-size: 30px;

        font-weight: 700;

        color: #f8a101;

    }

    .detail-item-subject p {

        font-size: 17px;

        color: #fff;

        font-weight: 500;

        line-height: 30px;

        margin-top: 10px;

    }

    .item-subject-third-content-page.item-2-subject-third-content-page {

        background-position-x: 44%;

        background-position-y: center;

    }

    .item-subject-third-content-page.item-2-subject-third-content-page

    .title-item-subject {

        left: 38%;

        top: 40%;

    }

    .item-subject-third-content-page.item-2-subject-third-content-page

    .detail-item-subject {

        position: absolute;

        right: 2%;

        top: 30%;

    }

    .item-subject-third-content-page.item-2-subject-third-content-page

    .detail-item-subject

    p {

        font-size: 12px;

    }

    .item-subject-third-content-page.item-3-subject-third-content-page

    .detail-item-subject {

        position: absolute;

        right: 2%;

        top: 48%;

    }

    .item-subject-third-content-page.item-3-subject-third-content-page

    .detail-item-subject

    p {

        font-size: 13px;

    }

    .detail-item-subject {

        position: absolute;

        right: 0;

        top: 12%;

    }

    .category-seventh-content-page {

    }

    .detail-category {

        background: #fff;

        border-radius: 9px;

        text-align: center;

        box-shadow: 11px 8px 18px 0px rgb(0 0 0 / 15%);

        position: relative;

        margin: 25px 0px;

        padding-left: 26px;

        padding-right: 26px;



        padding-top: 44px;

    }

    .item-detail p {

    }

    .item-detail .text-item-detail-1 {

    }

    .item-detail .text-item-detail-2 {

    }

    .item-detail .text-item-detail-3 {

    }

    .media-body {

    }

    p.text-drcription-sixth {

    }

    h5.title-text-media {

        font-size: 27px;

        color: #002b62;

        font-weight: 700;

    }

    p.decreption-title-text-media {

    }

    /*.header {

              overflow: hidden;

              background-repeat: no-repeat;

              background-position: right;

              background-position-y: 75%;

              background-size: 50%;

          }*/

    .item-subject-third-content-page {

    }

    .title-item-subject {

        font-size: 35px;

        font-weight: 700;

        text-align: center;

        position: absolute;

        top: 19%;

        left: 19%;

    }

    .item-subject-third-content-page.item-3-subject-third-content-page

    .title-item-subject {

        top: 58%;

        left: 20%;

        line-height: 1.5;

    }

}

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

    .wrapper {

        width: 100%;

    }
    .third-content-page{
        -o-background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size:contain;
        background-size: contain;
        background-repeat: repeat;

    }
    .seventh-content-page{
        -o-background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size:contain;
        background-size: contain;
        background-repeat: repeat;

    }
    .first-content-page{
        -o-background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size:contain;
        background-size: contain;
        background-repeat: repeat;

    }
    .fifth-content-page{
        -o-background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size:contain;
        background-size: contain;
        background-repeat: repeat;

    }
    .decription-detail-second-content.border-blue.no-b-left.no-b-top:before {
        content: none;
    }
    .item-detail .text-item-detail-1 {

        background-repeat: no-repeat;

        background-size: 9%;

        background-position-x: 12%;

        background-position-y: 40%;

    }

    .item-detail .text-item-detail-2 {

        background-repeat: no-repeat;

        background-size: 9%;

        background-position-x: 12%;

        background-position-y: 40%;

    }

    .item-detail .text-item-detail-3 {

        background-repeat: no-repeat;

        background-size: 9%;

        background-position-x: 12%;

        background-position-y: 40%;

    }

    .col-sm-12 {

        width: 98%;

        float: left;

        margin: 0px 1%;

    }

    .img-detail-second-content img {

        min-height: 142px;

    }

    .title-top-slogan {

    }

    /*.header {

              overflow: hidden;

              margin-bottom: 0;

              background-image: url('../img/20200310_318079103(1).png');

              background-repeat: no-repeat;

              background-position: right;

              background-position-y: 100%;

              background-size: 50%;

          }*/

    .slogan {

        font-size: 5px;

    }

    .top-menu {

        margin: 8px 12px;

        padding: 12px;

        border-radius: 0px;

    }

    .left-top-menu {

        overflow: hidden;

        padding-left: 10px;

    }

    ul.list-top-menu li a {

        padding: 0px 5px;

        font-size: 5px;

    }

    .bt-change-language {

        margin: 0;

    }

    .right-top-menu {

        margin: 0;

        padding-right: 10px;

    }

    ul.list-top-menu {

        margin-top: 6px;

    }

    .log-in {

        margin-right: 5px;

    }

    .log-in a {

        padding: 5px 8px;

        font-size: 10px;

    }

    .register a {

        padding: 4px 5px;

        font-size: 10px;

    }

    .small-title {

        font-size: 6px;

    }

    .main-header-content {

        padding: 0;

        margin: 6px 19px;

    }

    span.bt-main-header-content {

        width: 100%;

        padding: 0 26px;

        font-size: 8px;

    }

    .slogan-main-header-content p {

        font-size: 10px;

    }

    p.title-main-header-content {

        font-size: 10px;

    }

    .list-group-item ul {

        margin: 33px 0 15px 0;

    }

    .list-group-item ul li p.main-description {

        font-size: 8px;

        padding: 0px 12px;

    }

    .bt-header-content .log-in {

        font-size: 11px;

    }

    .bt-header-content .register {

        font-size: 11px;

    }

    .item-detail .text-item-detail {

        font-size: 15px;

        padding: 20px;

        padding-left: 20%;

    }

    .title-detail > p {

        font-size: 14px;

        margin-left: 18px;

    }

    .list-detail {

        margin-top: 45px;

        margin-bottom: 44px;

    }

    .title-detail {

        margin-bottom: 35px;
        padding-right: 0px;

    }
    .title-detail p {
        text-align: left;
    }
    .top-content {

    }

    .item-detail {

        margin: 0;

    }

    .bt-header-content {

        overflow: hidden;

        margin-bottom: 0;

    }

    .bt-log.bt-log-second-content {

    }

    .logo-second-content-page img {

        width: 52%;

        margin-bottom: 15px;

    }

    p.title-second-content-page {

        font-size: 8px;

    }

    p.decription-second-content {

        font-size: 7px;

    }

    .detail-second-content {

        margin-top: 37px;

        margin-left: 20px;

        width: 90%;

        margin-bottom: 75px;

    }

    .decription-detail-second-content {

    }

    p.title-decription-detail-second-content {

    }

    p.text-decription-second-content {

    }

    p.first-note-detail-second-content {

    }



    /*.header-third-content-page {

              overflow: hidden;

              margin-top: 45px;

          }*/

    .decription-detail-second-content.decription-detail-second-content-2 {

    }

    p.two-note-detail-second-content {

        font-size: 21px;

        top: 0;

        right: 0;

    }



    .img-detail-second-content.img-detail-second-content-2 img {

    }

    .img-detail-second-content.img-detail-second-content-3 img {

        margin-top: 10%;

    }

    .decription-detail-second-content.decription-detail-second-content-3 {

    }

    .decription-detail-second-content.decription-detail-second-content-3

    .text-decription-second-content {

    }

    p.three-note-detail-second-content {

        font-size: 20px;

        left: 0;

        top: -7%;

    }



    .top-header-third-content-page p {

        font-size: 15px;

    }

    .body-third-content-page {

        margin: 46px 5px;

        background-image: url('../img/楕円形 7 のコピー.png');

        background-repeat: no-repeat;

        background-size: 26%;

        background-position-x: 5%;

        padding-bottom: 21px;

    }

    .detail-item-subject {

        position: absolute;

        right: 0;

        top: 0;

    }

    .bottom-footer-third-content-page {

        text-align: center;

        margin-top: 15px;

    }

    .footer-third-content-page {

        overflow: hidden;

        margin-bottom: 42px;

    }

    .item-subject-third-content-page {

    }

    .title-item-subject {

        font-size: 9px;

        font-weight: 700;

        top: 18%;

        left: 15%;

    }

    h4.title-detail-item-subject {

        font-size: 11px;

    }

    .detail-item-subject p {

        font-size: 8px;

    }

    .item-subject-third-content-page.item-2-subject-third-content-page {

        background-position-x: 26%;

    }

    .item-subject-third-content-page.item-2-subject-third-content-page

    .title-item-subject {

        left: 24%;

    }

    .item-subject-third-content-page.item-2-subject-third-content-page

    .detail-item-subject {

        position: absolute;

        right: 15px;

    }

    .item-subject-third-content-page.item-2-subject-third-content-page

    .detail-item-subject

    p {

        font-size: 7px;

    }

    .item-subject-third-content-page.item-3-subject-third-content-page

    .title-item-subject {

        left: 15%;

        top: 56%;

    }

    .item-subject-third-content-page.item-3-subject-third-content-page

    .detail-item-subject {

        position: absolute;

        right: 6%;

        top: 30%;

    }

    .item-subject-third-content-page.item-3-subject-third-content-page

    .detail-item-subject

    p {

        font-size: 6px;

    }

    .top-slogan-fourth-content-page {

        margin-top: 73px;

    }

    .bottom-footer-third-content-page p {

        font-size: 15px;

    }

    .top-slogan-fourth-content-page p.title-top-slogan {

    }

    .explain-logo-fourth-content-page {

        /*background-image: url('../img/レイヤー 12.png');*/

        /*background-repeat: no-repeat;*/

        /*background-size: 20%;*/

        /*margin-top: 26px;*/

    }

    .explain-logo-fourth-content-page p:first-child {

    }

    .explain-logo-fourth-content-page p {

    }

    .media-fourth-content-page {

        margin-bottom: 25px;

        margin-top: 25px;

    }



    .detail-fifth-content {

        overflow: hidden;

        text-align: center;

        margin: 24px 0;

    }

    .top-slogan-sixth-content-page {

        margin-top: 58px;

    }

    .decription-sixth-content-page {

        overflow: hidden;

        margin-top: 22px;

        margin-bottom: 50px;
        width: 100%;
    }

    .media-body {

    }

    .media-thumbnail {

        width: 100%;

        float: none;

        margin: 0;

        min-height: 200px;

    }

    .top-slogan-seventh-content-page {

        margin-top: 42px;

    }

    h5.title-text-media {

        font-size: 15px;

    }

    p.decreption-title-text-media {

    }

    .media-thumbnail {

        min-height: inherit;

    }

    .media-thumbnail img {

        min-height: inherit;

    }

    h5.title-fifth-content-page {

        font-size: 20px;

    }

    .bt-log.bt-log-fifth-content .log-in {

        float: none;

        margin: 0 auto;

        width: 60%;

        font-size: 25px;

    }

    p.text-fifth-content-page {

        font-size: 10px;

    }

    .detail-decription-sixth {

        margin: 20px;

    }

    .top-sixth-content-page p.title-top-slogan {

    }

    .top-slogan-sixth-content-page > span {

        width: 45%;

    }

    .top-slogan-sixth-content-page p {

        font-size: 10px;

    }

    p.text-drcription-sixth {

    }

    p.text-drcription-sixth.text-2 {

    }

    .top-slogan-seventh-content-page .title-top-slogan {

    }

    .top-slogan-seventh-content-page > span {

        width: 21%;

    }

    .detail-category {

        padding: 30px 10px;

        position: relative;

        margin: 11px 12px;

        padding-bottom: 8px;

        margin-bottom: 40px;

    }

    .top-slogan-eighth-content-page {

        text-align: center;

        margin-top: 45px;

    }

    .category-seventh-content-page {

    }

    img.image-detail-category {

        max-height: 80px;

        width: auto;

    }

    h5.title-detail-category {

    }

    p.decription-detail-category {

        min-height: 80px;

        font-size: 16px;

    }

    .top-slogan-seventh-content-page p {

        color: #fff;

        font-weight: 200;

        font-size: 15px;

    }

    p.numerical-order {

        position: absolute;

        top: 0;

        font-family: 'Brush Script MT';

        left: 0;

        font-size: 90px;

        color: #cacfd7;

        opacity: 0.5;

    }

    .top-slogan-eighth-content-page p.title-top-slogan {

    }

    .top-slogan-eighth-content-page > span {

        width: 50%;

    }

    .decription-eighth-content-page {

        margin-top: 25px;

        margin-left: 20px;

        margin-right: 20px;

    }

    .decription-eighth-content-page p {

        margin-bottom: 20px;

        font-size: 12px;

    }

    h4.title-form {

        font-size: 25px;

    }

    p.decription-title-form {

        font-size: 7px;

    }

    .name-form-sign-up {

        text-align: center;

        margin-bottom: 20px;

    }

    label.content-label {

        font-size: 12px;

    }

    label.form-check-label {

        font-size: 12px;

    }

    label.content-label.mycontentlabel:after {
        content: 'Required';
        color: #fff;
        font-size: 12px;
        position: absolute;
        top: -1px;
        font-family: 'KozukaGothicPr6N-Medium';
        padding: 6px 10px;
        width: 51px;
        border-radius: 6px;
        background: rgb(215, 30, 30);
    }
    label.content-label.mycontentlabel.mycontentlabel2:after {
        content: 'Required';
        color: #fff;
        font-size: 12px;
        position: absolute;
        top: 22px;
        font-family: 'KozukaGothicPr6N-Medium';
        padding: 6px 10px;
        width: 51px;
        border-radius: 6px;
        background: rgb(215, 30, 30);
    }
    label.content-label.mycontentlabel.mycontentlabel2.mycontentlabel3:after {
        content: 'Required';
        color: #fff;
        font-size: 12px;
        position: absolute;
        top: 25px;
        font-family: 'KozukaGothicPr6N-Medium';
        padding: 6px 10px;
        width: 51px;
        border-radius: 6px;
        background: rgb(215, 30, 30);
    }
    .form-sign-up {

        overflow: hidden;

        padding: 0 34px;

        background-color: #f8f8fe;

        margin-left: 20px;

        margin-right: 20px;

    }

    .form-control {

        font-size: 1rem;

    }

    button.btn.btn-primary {

        font-size: 20px;

        width: 100%;

    }

    p.drecription-bt-form-sign-up {

        text-align: center;

        font-size: 13px;

        line-height: 2.5;

    }

    .detail-footer-conter .left-footer-menu {

        margin-left: 10%;

    }

    ul.list-footer-menu li {

        font-size: 8px;

        font-weight: 400;

    }

    .contact {

        font-size: 9px;

        font-weight: 500;

        margin-top: 40%;

        margin-left: 40px;

    }

    p.last-text {

        font-size: 10px;

    }

    .footer-content {

        margin-left: 20px;

    }

    .bt-log.bt-log-fifth-content a {

        font-size: 25px;

    }

}


.top-menu {

    left: 50%;

    transform: translateX(-50%) !important;

    width: 100%;

    max-width: 1373px;

    /*margin-top: 30px;*/

    padding: 27px 40px;
    margin-top: 8px;
}

.wrapper {

    width: 1193px;

}



.header-content {

    padding-top: 100px;

}

.title-mt-10 {

    font-family: 'KozukaGothicPr6N-Bold';

    color: #313131;

    font-size: 35px;

}

.text-media {

}

.button-ten10 a {

    width: auto !important;

}

.ctn-btn-ten10 {

    margin: 15px 0;

}

.border-blue {

    border: 2px solid rgb(0, 43, 98);

}

.bt-change-language input {

    vertical-align: middle;
    margin-right: 5px;

}

p.first-note-detail-second-content {

    color: #f8a101;

    font-family: 'KozukaGothicPr6N-H';

    font-size: 70px;

    position: absolute;

    bottom: -68px;

    background: #ffffff;

    padding-right: 35px;

}

.decription-detail-second-content.border-blue {

    padding-top: 0px;

    padding-bottom: 98px;

    padding-right: 60px;

}

.img-detail-second-content {

    padding-right: 12px;

}

.no-b-left {

    border-left: 0px;

}

.no-b-right {

    border-right: 0px;

}

.no-b-top {

    border-top: 0px;

}

p.numerical-order.number-1 {

    top: 130px;

    right: -10px;

    line-height: 1;

}

.detail-second-content:last-child {

    margin-bottom: 0px;

}

.detail-second-content-3 p.first-note-detail-second-content {

    bottom: initial;

    left: initial;

    top: -15px;

    left: 0px;

    background: none;

}

.detail-second-content.detail-second-content-3 img {

    padding-top: 78px;

}

.detail-second-content.detail-second-content-3 img {

    padding-top: 111px;

}



.detail-second-content-3 .decription-detail-second-content.border-blue {

    padding-top: 83px;

    padding-bottom: 63px;

}

.detail-second-content-3

.decription-detail-second-content.border-blue

p.title-description-second-content {

    margin-top: 5px;

}



.decription-detail-second-content.border-blue.no-b-left

.title-decription-detail-second-content {

    padding-bottom: 0px;

    margin-top: 35px;
    padding-right: 5px;

}

p.numerical-order.number-3 {

    top: -89px;

    right: 0px;

}

.body-third-content-page {

    margin-left: 128px;

    background-image: url(../img/cong.png);

    background-repeat: no-repeat;

    background-size: initial;

    margin-top: 100px;

    position: relative;

}

.cnt-box-1 .box_circle {

    position: absolute;

    left: 57px;

}

.cnt-box-2 .box_circle {

    position: absolute;

    top: 285px;

    left: 167px;

}

.cnt-box-1 .box-content {

    padding-left: 263px;

}

h3.title_box {

    font-family: 'KozukaGothicPr6N-Bold';

    font-size: 35px;

    color: #f8a101;

    line-height: 1.2;

}

.row.cnt-box-3 {

    margin-top: 82px;

}

.box-content {

    padding: 1px 0px;

}

.cnt-box-3 .box_circle {

    bottom: -27px;

}

.cnt-box-2 .box-content {

    padding-left: 368px;

    margin-top: 93px;

}

p.des_box {

    font-family: 'KozukaGothicPr6N-Medium';

    font-size: 17px;

    color: #fff;

    line-height: 2;

    margin-top: 10px;

    padding-right: 178px;
}

.bottom-footer-third-content-page p {

    font-family: 'KozukaGothicPr6N-H';

    font-size: 41px;

    line-height: 1.5;

}



.bottom-footer-third-content-page p.vang {

    color: #f8a101;

    letter-spacing: 5px;

}

.box-content p.sub {

    font-family: 'KozukaGothicPr6N-Medium';

    font-size: 12.5px;

    color: #f8a101;

}

.box_circle span {

    font-family: 'KozukaGothicPr6N-Bold';

    font-size: 35px;

    color: #313131;

}



.box_circle .border-circle {

    background: white;

    height: 167px;

    width: 167px;

    text-align: center;

    /* line-height: 167px; */

    border: 3.5px solid #f8a101;

    box-sizing: initial;

    border-radius: 50%;

}



.box_circle {

    display: inline-block;

}



.box_circle {

    /* border: 3.5px solid #f8a101; */

    /* width: 167px; */

    /* text-align: center; */

    /* height: 187px; */

}



.box_circle .border-circle span {
    font-size: 30px;

}
.content-circle {
    margin-top: 48px;
}
.explain-logo-fourth-content-page .box-left {

    float: left;

    width: 34%;

}



.explain-logo-fourth-content-page .box-left- {

    float: left;

}



h3.title_fourth {

    font-family: 'KozukaGothicPr6N-Bold';

    color: #313131;

    font-size: 41px;

}

.explain-logo-fourth-content-page {

    margin-top: 69px;

}

.explain-logo-fourth-content-page {

    overflow: hidden;

    width: max-content;

    margin-left: auto;

    margin-right: auto;

}



.explain-logo-fourth-content-page .box-right {

    float: left;

}

p.t__title_fourth {

    line-height: 34.7px;

    font-family: 'KozukaGothicPr6N-Medium';

    color: #313131;

    font-size: 17px;

}

.media-fourth-content-page .media-body h5 {

    font-family: 'KozukaGothicPr6N-Bold';

    font-size: 28px;

    line-height: 35px;
    padding-right: 145px;

}



.media-fourth-content-page .media-body {

}



h5.title-text-media {

}



.media-fourth-content-page .media-body h5 p {

    font-family: 'KozukaGothicPr6N';

    font-size: 17px;

}

.media-body {

    width: 67%;

    float: left;

    padding-right: 57px;

}

p.decreption-title-text-media {

    font-size: 17px;

    font-weight: 400;

    line-height: 1.2;

    margin-top: 25px;

    color: #313131;
    font-family: 'KozukaGothicPr6N';

}

.text-media:last-child {

    margin-bottom: 0px;

}

.log-in.button-ten10 {

    display: block;

    text-align: center;

    float: none;

    font-family: 'MYRIADPRO-BOLD';

    width: 29%;

    margin: 0px auto;

    background: #f8a101;

    border-radius: 7px;

    padding: 23px 0px;

}



.log-in.button-ten10 a {

    color: #fff;

}

p.sub_tittle-slogan {

    font-family: 'KozukaGothicPr6N-Medium';

    font-weight: initial;

    font-size: 17px;

    line-height: 1.2;

}



.title-top-slogan {

    margin-bottom: 8px;

}

p.text-drcription-sixth {

    position: absolute;

    width: 43%;

    font-family: 'KozukaGothicPr6N';

    font-size: 20px;

    top: 170px;

    left: 35px;

    line-height: 1.2;
    padding-right: 133px;

}

.sixth-content-page {

    padding-top: 137px;

    padding-bottom: 94px;

}

.eighth-content-page {

    padding-top: 50px;

    padding-bottom: 20px;

}


.decription-sixth-content-page:last-child {

    margin-bottom: 0px;

}

.top-slogan-seventh-content-page .title-top-slogan span {

    font-family: 'MYRIADPRO-BOLD';

    color: #ffff;

    font-size: 35px;

}

.top-slogan-seventh-content-page .sub_top {

    font-family: 'KozukaGothicPr6NEL';

    line-height: 1.2;

    margin-top: 0px;
    padding: 0 422px;

}

.seventh-content-page {

    padding-top: 100px;

}



.detail-category p.numerical-order {

    font-family: 'Brush Script Mt';

    position: absolute;

    font-size: 104px;

    z-index: 0;

    top: -24px;

    left: -4px;

}
p.t__title_fourth.mobile {
    display: none;
}
.category-seventh-content-page .detail-category-my {

    margin-right: 60px;

    width: 29.9%;

}



.category-seventh-content-page .detail-category-my:nth-child(3n) {

    margin-right: 0px;

}

p.decription-detail-category {

    text-align: left;

    line-height: 1.2;

    font-family: 'KozukaGothicPr6N-Medium';

    font-size: 17px;

    font-weight: initial;

    margin-top: 12px;

}

h5.title-detail-category {

    font-family: 'KozukaGothicPr6N-Bold';

    font-size: 28px;

    margin-top: 40px;

    min-height: 105px;

}

.detail-category {

    padding-bottom: 104px;

    height: 440px;

}



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

    .top-menu {

        display: none;

    }

}



.header-mobile {

    display: none;

}

.navtoggle {

    display: none;

}

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

    .wrapper {

        width: 100%;

        padding: 0px 34px;

    }

    .header-mobile {

        display: block;

    }

    .navtoggle {

        display: block;

        width: 18.13vw;

        height: 15.4vw;

        position: absolute;

        right: 0;

        top: 0;

        cursor: pointer;

    }

    .navtoggle div {

        width: 9vw;

        margin: 6.4vw auto 0;

        position: relative;

    }

    .navtoggle span {

        display: block;

        position: absolute;

        height: 0.8vw;

        width: 100%;

        background: #000;

        left: 0;

        transition: 0.35s ease-in-out;

    }

    .navtoggle span:nth-child(1) {

        top: 0;

    }

    .navtoggle span:nth-child(2) {

        top: 2.4vw;

    }

    body.active .navtoggle span:nth-child(1) {

        top: 1.2vw;

        transform: rotate(35deg);

    }

    body.active .navtoggle span:nth-child(2) {

        top: 1.2vw;

        transform: rotate(-35deg);

    }

    #header-mobile {

        width: 100%;

        position: fixed;

        z-index: 99;

    }



    #header-mobile .hinner {

        width: 82%;

        height: 16vw;

        background-color: #fff;

        border-radius: 0 0 2.66vw 2.66vw;

        position: absolute;

        left: 9%;

        top: 0;

        z-index: 99;

        box-shadow: 0 0 5.33vw rgb(0 0 0 / 16%);

        display: flex;

        align-items: center;

    }

    .img-logo-mobile {

        width: 350px;

        max-width: 60%;

    }

    .third-content-page .body-third-content-page {

        margin: 0px 0px;

        background-image: initial;

    }



    .third-content-page .box_circle {

        position: initial;

        float: left;

        width: 100%;

    }

    .third-content-page .box-content {

        padding: 0px;

        float: left;

        width: 100%;

        margin: 0px;

        margin-top: 6px;

        text-align: center;

    }

    .third-content-page .box_circle .border-circle {

        margin: 0 auto;

    }

    .third-content-page .row.cnt-box-3 {

        margin: 0px;

    }

    .top-header-third-content-page p {

        font-size: 33px;

    }

    .top-header-third-content-page {

        margin-bottom: 30px;

    }

    .body-third-content-page .cnt-box-1,

    .body-third-content-page .cnt-box-2 {

        margin-bottom: 26px;

    }

    .bottom-footer-third-content-page p.vang {

        font-size: 34px;

    }

    p.t__title_fourth.mobile {
        display: block;
    }
    p.t__title_fourth.desktop {
        display: none;
    }
    .bottom-footer-third-content-page p {

        font-size: 30px;

    }

    .main-header-content {

        margin: 0px;

        margin-right: 8px;

    }



    span.bt-main-header-content {

        padding: initial;

        font-size: initial;

        font-size: 14px;

        padding: 5px 0px;

    }

    p.title-main-header-content {

        font-size: 18px;
        padding-right: 0;

    }



    .slogan-main-header-content p {

        font-size: 14px;
        padding-right: 0;
    }



    .list-group-item ul li p.main-description {

        font-size: 12px;

    }



    .bt-header-content .btn-top-login a {

        width: 100%;

        min-width: initial;

    }



    .bt-header-content .log-in {

        margin-right: 0px;

        /* display: inline-block; */

        /* float: none; */

        width: 49%;

        margin: 0px 1%;

    }



    .bt-header-content .register.btn-top-login a {

        padding: 4px 5px;

    }



    .bt-header-content .register {

        width: 49%;

        margin: 0px 0%;

    }



    .bt-header-content .log-in a {

        font-size: 14px;

    }

    .bt-change-language label {
        margin-right: 5px;
        font-weight: 500;
        font-size: 20.44px;
        font-family: KozukaGothicPr6N-Medium;
        color: white;
    }

    .bt-header-content .register a {

        font-size: 14px;

    }



    .list-group-item ul {

        margin-top: 10px;

    }



    .slogan-main-header-content {

        margin-bottom: 0px;

        margin-top: 5px;

    }



    .list-group-item ul li p.main-description {

        padding-right: 0px;

        margin-bottom: 8px;

    }



    .header-left-top.bg_top {

        margin-bottom: 24px;

    }



    .header-content {

        padding-top: 40px;

    }



    .main-header-content {

        padding-top: 42px;

    }

    #header-mobile .logo {

        width: 70%;

        margin-left: 5%;

    }

    .logo img {

        width: 100%;

        max-width: initial;

    }

    .detail-first-content-page {

        padding: 0px;

    }



    .title-detail > p {

        font-size: 20px;

        text-align: center;

    }



    .item-detail .text-item-detail {

        padding: 18px 8px;

    }



    img.icon_bg {

        margin-right: 3px;

        width: 15%;

    }

    .top-content.section-content-2 {

        padding: 20px 0px;

    }



    .bt-log.bt-log-second-content > .log-in {

        display: inline-block;

    }



    .bt-log.bt-log-second-content .btn-top-login a {

        min-width: initial;

        padding: 7px 20px;

        font-size: 16px;

    }



    .bt-log.bt-log-second-content .btn-top-login.register a {

        padding: 6px 28px;

    }

    p.decription-second-content {

        font-size: 15px;

    }

    .decription-detail-second-content.border-blue {

        padding: 0;

        border: none;

    }

    .logo-second-content-page img {

        width: 80%;

        margin-bottom: 15px;

    }

    p.title-second-content-page {

        font-size: 14px;

    }

    .decription-detail-second-content.border-blue.no-b-right {

        padding: 0px;

        transform: translateY(102%);

        margin-right: 0;

    }
    .detail-second-content-3 p.first-note-detail-second-content {
        bottom: initial;
        top: 36%;
        left: 0;
        background: none;
        text-align: center;
    }
    .detail-second-content-2 p.title-decription-detail-second-content {

        padding: 0;
        text-align: center;

    }

    .detail-second-content-2 p.text-decription-second-content {

        padding: 0;

    }

    p.first-note-detail-second-content {

        position: absolute;
        font-size: 37px;
        background: none;
        padding: 0 0;
        top: 29%;
        left: 0;
        text-align: center;
        right: 0;

    }

    p.numerical-order.number-1 {

        position: absolute;

        top: 373px;

        left: 35%;

        font-size: 250px;

    }
    .img-detail-second-content {
        padding-right: 0;
    }
    .img-detail-second-content.img-detail-second-content-2 img {

        /*transform: translateY(-192%);*/

    }

    .detail-second-content {

        position: relative;
        margin-bottom: 0px;
        margin-left: 0;
        width: 100%;

    }
    .decription-detail-second-content.border-blue.no-b-left .title-decription-detail-second-content {
        padding-bottom: 0px;
        margin-top: 120px;
        text-align: center;
    }

    p.numerical-order.number-2 {

        top: 46%;

        font-size: 244px;

        left: 27%;

    }

    .img-detail-second-content.img-detail-second-content-2 {

        margin-bottom: 0px;
        transform: translateY(-128%);

    }

    .detail-second-content-2 p.first-note-detail-second-content {

        font-size: 37px;
        text-align: center;
        top: 36%;
        right: 0;
        left: 0;

    }

    .detail-second-content.detail-second-content-3 img {

        padding-top: 20px;

    }



    .detail-second-content-3 .decription-detail-second-content.border-blue {

        padding: 0;

    }
    p.title-decription-detail-second-content.desktop {
        display: none;
    }
    p.title-decription-detail-second-content.mobile {
        display: block;
    }
    p.numerical-order.number-3 {

        top: 51%;

        font-size: 250px;

        left: 12%;

    }

    h3.title_fourth {

        font-size: 18px;

    }

    .explain-logo-fourth-content-page .box-left- img {

        width: 100%;

    }

    .explain-logo-fourth-content-page .box-right {

        width: 80%;

    }

    .explain-logo-fourth-content-page .box-left- {

        width: 18%;

    }

    .media-fourth-content-page {

        padding: 0;

    }
    .explain-logo-fourth-content-page{
        width: 100%;
    }

    .media-fourth-content-page .media-body h5 {

        line-height: inherit;

        font-size: 24px;
        padding-right: 0;

    }
    .top-slogan-seventh-content-page .sub_top {
        padding: 8px 0;
    }
    .media-body {

        width: 100%;

        padding: 0;

        margin-bottom: 20px;

    }

    .text-media {

        margin-bottom: 50px;

    }

    .fourth-content-page {

        padding-top: 100px;

        padding-bottom: 50px;

    }

    p.text-drcription-sixth {

        top: 23%;
        font-size: 15px;
        left: 0;
        width: 100%;
        position: inherit;
        padding: 0 12px;

    }
    img.img-sixth-content-page {
        float: right;
        width: 100%;
        margin: 17px 0;
        padding: 0 12px;
    }
    .detail-decription-sixth {

        margin: 20px 0;

        padding: 22px 0;

    }
    img.img-sixth-content-page.img-2 {
        float: left;
        width: 100%;
    }
    p.text-drcription-sixth.text-2 {

        top: 30%;
        right: 0;
        font-size: 15px;
        position: inherit;
        width: 100%;

    }

    .sixth-content-page {

        padding-top: 50px;

    }

    .category-seventh-content-page .detail-category-my {

        width: 98%;

    }

    .detail-category {

        padding-bottom: 50px;

        padding-left: 20px;

        padding-right: 20px;

        height: 440px;

    }

    p.decription-detail-category {

        font-size: 20px;

    }

    h5.title-detail-category {

        min-height: 80px;

    }

    .decription-eighth-content-page p {

        font-size: 18px;

    }

    .title-form {

        font-size: 35px;

    }

    .decription-eighth-content-page p {

        font-size: 18px;

    }

    .form-sign-up {

        margin: 0 0;

        padding: 0 0;

    }

    h4.title-form {

        font-size: 27px;

    }

    p.decription-title-form {

        font-size: 18px;
        padding: 0 16px;

    }

    .detail-form-sign-up {

        margin: 50px 25px;

    }

    label.content-label {

        font-size: 16.5px;

    }



    p.drecription-bt-form-sign-up {

        text-align: center;

        font-size: 18px;

    }

    .btn.btn-primary {

        width: 85%;

        padding: 16px 0;

    }

    label.form-check-label {

        font-size: 11px;

    }
    p.des_box {
        padding-right: 0;
    }
    .detail-footer-conter .left-footer-menu {

        margin-left: 0;

    }

    ul.list-footer-menu li {

        font-size: 14px;

        padding-top: 15px;

    }

    .contact p {

        padding-top: 0;

    }

    p.mail-contact {

        padding-top: 28px;

    }

    .contact {

        font-size: 14px;

        margin: 48px 20px;

    }

    .final-text {

        margin-top: 7px;

        padding: 0 5px;

    }

    p.last-text {

        font-size: 18px;

    }

    .footer-content {

        padding-top: 50px;

        margin-left: 0;

    }

}



/* nav toggle */

.nav-toggle {

    cursor: pointer;

    height: 2rem;

    right: 5%;

    position: absolute;

    width: 3.6rem;

    z-index: 2;

    top: 50%;

    transform: translateY(-50%);

}

.nav-toggle:hover {

    opacity: 0.8;

}

.nav-toggle .nav-toggle-bar,

.nav-toggle .nav-toggle-bar::after,

.nav-toggle .nav-toggle-bar::before {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    background: black;

    content: '';

    height: 0.32rem;

    transition: all 0.5s;

    width: 100%;

}

.nav-toggle .nav-toggle-bar {

    background: transparent;

}

.nav-toggle .nav-toggle-bar {

    margin-top: 0;

}

.nav-toggle .nav-toggle-bar::after {

    margin-top: 0.5rem;

}

.nav-toggle .nav-toggle-bar::before {

    margin-top: -0.5rem;

}

.nav-toggle.expanded .nav-toggle-bar {

    background: transparent;

}

.nav-toggle.expanded .nav-toggle-bar::after,

.nav-toggle.expanded .nav-toggle-bar::before {

    background: black;

    margin-top: 0;

}

.nav-toggle.expanded .nav-toggle-bar::after {

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.nav-toggle.expanded .nav-toggle-bar::before {

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



/* nav */

.nav {

    background-image: url('../img/bgblue.png');

    background-repeat: no-repeat;

    font-size: 2rem;

    padding: 6rem 2rem 2rem 2rem;

    position: fixed;

    z-index: 1;

    height: 100vh;

    top: -100vh;

    width: 90%;

    transition: top 0.5s;

    left: 50%;

    transform: translateX(-50%);

    display: flex;

    flex-direction: column;

    justify-content: center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
    background-size: cover;

}

.nav.expanded {

    top: 0vh;

}

.nav ul {

    list-style: none;

    margin: auto 0;

    padding: 0;

}

.ctn-nav-mobile {

    width: 100%;

    height: 100%;

}



.bt-log-mobile a {

    background: #f8a101;

    color: #fff;

    min-width: 195.8px;

    display: block;

    text-align: center;

    border-radius: 7px;

    font-family: 'KozukaGothicPr6N-Bold';

    font-size: 20.44px;

    padding: 10px 0px;

}



.regis.btn-top-login-mobile a {

    background: #fff;

    color: #f8a101;

    border: 1px solid #f8a101;

}



.list-top-menu-mobile a {

    color: white;

    font-family: 'KozukaGothicPr6N-Bold';

    font-size: 20.44px;

}



.btn-top-login-mobile a {

    float: none;

    padding: 16px 0px;

}



.btn-top-login-mobile {

    width: 90%;

    margin: 30px auto;

}



.list-top-menu-mobile {

}



ul.list-top-menu-mobile {

    width: 90%;

    margin: 0 auto;

}

.list-top-menu-mobile li {

    margin: 5px 0;

}

/* .list-top-menu-mobile li {

  margin: 20px 0;

} */

.detail-category {
    padding-bottom: 104px;
    height: 495px;
    padding-left: 46px;
    padding-right: 46px;
    padding-top: 50px;
}
.top-menu.fixed {
    position: fixed;
    max-width: 1373px;
    margin-top: 0px;
    z-index: 9999;
}
.my-eighth-content{
    padding-top: 216.94px;
}
.my-eighth-content-2{
    padding-top: 216.94px;
    padding-bottom: 351px;
}
.my-eighth-content .form-sign-up{
    margin-left: 0;
    margin-right: 0;
}
.my-eighth-content-2 .form-sign-up{
    margin-left: 0;
    margin-right: 0;
}
.form-sign-up.my-form-thank{
    border: none;
    border-radius: inherit;
    background-color: inherit;
}
.header-mobile{
    position: relative;
    z-index: 2;
}
@media only screen and (max-width: 768px){
    .detail-category{
        height: 500px;
        padding-top: 50px;
        padding-left: 15px;
        padding-right: 10px;
    }
    ul.ctn-nav-mobile .bt-change-language {
        text-align: left;
        margin-left: 17px;
    }
}
@media only screen and (max-width: 400px) {

    .nav-toggle {

        width: 2.2rem;

    }

    .nav-toggle .nav-toggle-bar,

    .nav-toggle .nav-toggle-bar::after,

    .nav-toggle .nav-toggle-bar::before {

        height: 0.25rem;

    }

}
@media only screen and (max-width: 375px){
    label.content-label {
        font-size: 15px;
    }
    p.numerical-order.number-2 {
        top: 46%;
        font-size: 244px;
        left: 10%;
    }
    h5.title-fifth-content-page {
        font-size: 18px;
    }
    label.content-label.mycontentlabel.mycontentlabel2:after {
        content: 'Required';
        top: 13px;
        padding: 6px 8px;
        font-size: 10px;
        width: 43px;
    }
    label.content-label.mycontentlabel:after {
        content: 'Required';
        color: #fff;
        font-size: 10px;
        position: absolute;
        top: -7px;
        margin-left: 6px;
        font-family: 'KozukaGothicPr6N-Medium';
        padding: 6px 6px;
        width: 45px;
        border-radius: 6px;
        background: rgb(215, 30, 30);
    }
    .detail-second-content-3 p.first-note-detail-second-content {
        bottom: initial;
        top: 241px;
        left: 0;
        background: none;
        text-align: center;
    }
    .img-detail-second-content.img-detail-second-content-2 {
        margin-bottom: 0px;
        transform: translateY(-509px);
    }
    .detail-second-content-2 p.first-note-detail-second-content {
        font-size: 32px;
        text-align: center;
        top: 220px;
        right: 0;
        left: 0;
    }
    .decription-detail-second-content.border-blue.no-b-right {
        padding: 0px;
        transform: translateY(329px);
        margin-right: 0;
    }
    p.first-note-detail-second-content {
        position: absolute;
        font-size: 37px;
        background: none;
        padding: 0 0;
        top: 202px;
        left: 0;
        text-align: center;
        right: 0;
    }
    p.title-decription-detail-second-content {
        font-size: 33px;
    }
    label.content-label.mycontentlabel:after {
        content: 'Required';
        color: #fff;
        font-size: 11px;
        position: absolute;
        top: -5px;
    }
    .top-header-third-content-page p {
        font-size: 30px;
    }
    .bottom-footer-third-content-page p.vang {
        font-size: 30px;
    }
}
@media only screen and (max-width: 320px) {
    .slogan {

        font-size: 5px;

    }
    label.content-label.mycontentlabel.mycontentlabel2.mycontentlabel3:after {
        content: 'Required';
        color: #fff;
        font-size: 10px;
        position: absolute;
        top: 16px;
        font-family: 'KozukaGothicPr6N-Medium';
        padding: 6px 10px;
        width: 43px;
        border-radius: 6px;
        background: rgb(215, 30, 30);
    }
    label.content-label.mycontentlabel.mycontentlabel2:after {
        content: 'Required';
        top: 5px;
        width: 43px;
        font-size: 10px;
        padding: 8px 7px;
    }
    label.content-label.mycontentlabel:after {
        content: 'Required';
        color: #fff;
        font-size: 10px;
        position: absolute;
        top: -5px;
    }
    ul.list-top-menu li a {

        padding: 0 2px;

        font-size: 5px;

    }

    .bt-change-language label {

        margin-right: inherit;

        font-weight: 500;

    }

    .explain-logo-fourth-content-page {

        margin-right: 58px;

    }

    .log-in a {

        font-size: 10px;

    }

    .title-detail > p {

        font-size: 20px;

        margin-left: 18px;

    }

    .register a {

        font-size: 10px;

    }

    ul.list-top-menu {

        margin-top: 11px;

    }

    span.bt-main-header-content {

        padding: 5px 3px;
        font-size: 11px;

    }
    .img-detail-second-content.img-detail-second-content-3 img {

        margin-top: 25%;

        min-height: 122px;

    }

    .slogan-main-header-content p {

        font-size: 13px;

    }

    .small-title {

        font-size: 13px;

    }

    p.title-main-header-content {

        font-size: 13px;

    }

    .item-detail .text-item-detail {

        font-size: 11px;

    }
    p.first-note-detail-second-content {
        position: absolute;
        font-size: 29px;
        background: none;
        padding: 0 0;
        top: 162px;
        left: 0;
        text-align: center;
        right: 0;
    }
    p.title-decription-detail-second-content {
        font-size: 25px;
    }
    p.numerical-order.number-1 {
        position: absolute;
        top: 373px;
        left: 0;
        font-size: 250px;
    }
    .img-detail-second-content.img-detail-second-content-2 {
        margin-bottom: 0px;
        transform: translateY(-567px);
    }
    p.two-note-detail-second-content {

        font-size: 17px;

        top: 0;

        right: 0;

    }

    p.title-decription-detail-second-content {

    }

    p.three-note-detail-second-content {

        font-size: 20px;

        left: 0;

        top: -8%;

    }

    .title-item-subject {

        font-size: 9px;

        font-weight: 700;

        top: 15%;

        left: 14%;

    }

    h4.title-detail-item-subject {

        font-size: 10px;

    }

    .detail-item-subject p {

        font-size: 6px;

    }

    .item-subject-third-content-page.item-3-subject-third-content-page

    .detail-item-subject

    p {

        font-size: 5px;

    }

    .top-slogan-fourth-content-page {

        margin-top: 46px;

    }

    .category-seventh-content-page {

    }

    label.content-label.mycontent-label::after {

        content: '＊';

        color: #d71e1e;

        font-size: 20px;

        font-weight: 500;

        position: absolute;

        top: 20%;

    }

    .footer-content {

        margin-top: 50px;

    }

    .item-subject-third-content-page.item-2-subject-third-content-page

    .detail-item-subject

    p {

        font-size: 5px;

    }

    .item-subject-third-content-page.item-2-subject-third-content-page

    .title-item-subject {

        left: 25%;

        font-size: 9px;

    }

    .item-subject-third-content-page.item-2-subject-third-content-page {

        background-position-x: 28%;

    }

    .body-third-content-page {

        margin: 46px 0;

        background-image: url('../img/楕円形 7 のコピー.png');

        background-repeat: no-repeat;

        background-size: 29%;

        background-position-x: 5%;

    }

    .detail-item-subject {

        position: absolute;

        right: 10%;

        top: 0;

    }

    .item-subject-third-content-page.item-2-subject-third-content-page

    .detail-item-subject {

        right: 10%;

        position: absolute;

    }

    .item-subject-third-content-page.item-3-subject-third-content-page

    .detail-item-subject {

        position: absolute;

        right: 6%;

        top: 35%;

    }

    .item-subject-third-content-page.item-3-subject-third-content-page

    .title-item-subject {

        left: 15%;

    }

    h5.title-fifth-content-page {

        font-size: 16px;

    }

    .top-slogan-seventh-content-page p {

        font-size: 13px;

    }
    p.text-fifth-content-page {
        font-size: 14px;
    }
    .detail-second-content {

        margin-top: 37px;

        margin-left: 20px;

        width: 90%;

        margin-bottom: 38px;

    }

    p.decription-detail-category {

        min-height: 90px;

        font-size: 18px;

    }
    h5.title-detail-category {
        font-size: 22px;
    }
    label.content-label {
        font-size: 12px;
    }
    h4.title-form {

        font-size: 20px;

    }

    label.form-check-label {

        font-size: 10px;

    }
    .bt-header-content .log-in a {
        font-size: 11px;
    }
    .bt-header-content .register a {
        font-size: 11px;
    }
    .bt-log.bt-log-second-content .btn-top-login a {
        min-width: initial;
        padding: 7px 11px;
        font-size: 11px;
    }
    .bt-log.bt-log-second-content .btn-top-login.register a {
        padding: 6px 15px;
    }
    .detail-second-content-2 p.first-note-detail-second-content {
        font-size: 28px;
        text-align: center;
        top: 190px;
        right: 0;
        left: 0;
    }
    .decription-detail-second-content.border-blue.no-b-right {
        padding: 0px;
        transform: translateY(273px);
        margin-right: 0;
    }
    .detail-second-content-3 p.first-note-detail-second-content {
        bottom: initial;
        top: 200px;
        left: 0;
        background: none;
        text-align: center;
    }
    p.numerical-order.number-3 {
        top: 51%;
        font-size: 214px;
        left: 0;
    }
    .top-header-third-content-page p {
        font-size: 25px;
    }
    h3.title_box {
        font-family: 'KozukaGothicPr6N-Bold';
        font-size: 20px;
        color: #f8a101;
        line-height: 1.2;
    }
    .bottom-footer-third-content-page p.vang {
        font-size: 22px;
    }
    .bottom-footer-third-content-page p {
        font-size: 23px;
    }
    .log-in.button-ten10 {
        padding: 13px 0px;
    }
}
@media screen and (max-width: 540px) and (min-width:415px){
    .title-detail > p {
        font-size: 18px;
        text-align: left;
    }
    .item-detail .text-item-detail {
        padding: 20px 96px;
    }
    img.icon_bg {
        margin-right: 3px;
        width: 14%;
        float: left;
    }
    p.first-note-detail-second-content {
        position: absolute;
        font-size: 37px;
        background: none;
        padding: 0 0;
        top: 48%;
        text-align: center;
        left: 0;
    }
    .detail-second-content-2 p.first-note-detail-second-content {
        font-size: 35px;
        top: 41%;
        text-align: center;
        left: 0;
    }
    .detail-second-content-3 p.first-note-detail-second-content.mobile {
        bottom: initial;
        left: initial;
        top: 48%;
        left: 23%;
        background: none;
    }
    .img-detail-second-content.img-detail-second-content-2 {
        margin-bottom: 0px;
        transform: translateY(-93%);
    }
    .decription-detail-second-content.border-blue.no-b-right {
        padding: 0px;
        transform: translateY(158%);
        margin-right: 0;
    }
    .decription-detail-second-content.border-blue.no-b-left.no-b-top:before {
        content: none;
    }
    .detail-second-content-3 p.first-note-detail-second-content {
        bottom: initial;
        top: 54%;
        left: 0;
        background: none;
        text-align: center;
    }
}