.pcnone {
	display:block;
}
.spnone {
	display:none;
}

html, body {
    overflow-x: visible;
    width: 100%;
}

.container, .wrapper {
    max-width: 100%;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

.row {
    flex-wrap: wrap;
}

iframe.youtube-16-9 {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    margin: auto;
    margin-left: 0%;
}

div.mainhead {
	padding: 20px 0px 15px 0px;
}

div.keyvisual {
	display:none;
}
div.sp_keyvisual {
	display: block;
	margin-top: 68px;
	text-align: center;
}
@media (max-width: 320px) {
	div.sp_keyvisual { margin-top: 66px; }
}
div.sp_keyvisual img {
	width: 100%;
	display: block;
}
div.sp_keyvisual p.button {
        background: rgb(1 83 255);
        opacity: unset;
        color: #fff;
        padding: 20px;
        width: 70%;
        text-align: center;
        border-radius: 20px;
        box-shadow: 3px 3px 3px #333;
        position: absolute;
        top: 28.5rem;
        left: 10%;
        text-align: center;
        /* display: inline-block; */
}
@media (max-width: 428px) {
	div.sp_keyvisual p.button { top: 485px; }
}
@media (max-width: 414px) {
	div.sp_keyvisual p.button { top: 465px; }
}
@media (max-width: 393px) {
	div.sp_keyvisual p.button { top: 455px; }
}
@media (max-width: 390px) {
	div.sp_keyvisual p.button { top: 450px; }
}
@media (max-width: 375px) {
	div.sp_keyvisual p.button { top: 430px; }
}
@media (max-width: 360px) {
	div.sp_keyvisual p.button { top: 410px; }
}
@media (max-width: 320px) {
	div.sp_keyvisual p.button { top: 363px; }
}

div.sp_keyvisual p.button a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}



div.mainhead img {
	width: 50%;
}


div.section_one {
        margin-bottom: 60px;
        margin-top: 30px;
}
div.section_two {
        margin-bottom: 60px;
        margin-top: 30px;
}
div.section_three {
        margin-bottom: 60px;
        margin-top: 30px;
}
div.section_four {
        margin-bottom: 60px;
        margin-top: 30px;
}
div.section_five {
        margin-bottom: 60px;
        margin-top: 30px;
}
div.section_six {
        margin-bottom: 60px;
        margin-top: 30px;
}
div.section_seven {
        margin-bottom: 60px;
        margin-top: 30px;
}




div.section_one div.blue_box {
        width: 90%;
        padding: 5%;
}
div.section_two div.blue_box {
        width: 90%;
        padding: 5%;
}
div.section_three div.blue_box {
        width: 90%;
        padding: 5%;
}
div.section_four div.blue_box {
        width: 90%;
        padding: 5%;
}
div.section_five div.blue_box {
        width: 90%;
        padding: 5%;
}
div.section_six div.blue_box {
        width: 90%;
        padding: 5%;
}
div.section_seven div.blue_box {
        width: 90%;
        padding: 5%;
}
div.section_one div.white_box {
        width: 100%;
        padding: 0%;
        margin-bottom: 0px;
}
div.section_two div.white_box {
        width: 100%;
        padding: 0%;
        margin-bottom: 0px;
}
div.section_three div.white_box {
        width: 100%;
        padding: 0%;
        margin-bottom: 0px;
}
div.section_four div.white_box {
        width: 100%;
        padding: 0%;
        margin-bottom: 0px;
}
div.section_five div.white_box {
        width: 100%;
        padding: 0%;
        margin-bottom: 0px;
}
div.section_five div.white_box h3 {
        font-size: 1.3rem;
        padding-left: 10%;
}

div.section_six div.white_box {
        width: 100%;
        padding: 0%;
        margin-bottom: 0px;
}
div.section_seven div.white_box {
        width: 100%;
        padding: 0%;
        margin-bottom: 0px;
}
div.section_one div.white_box::after {
    width: 7%;
}
div.section_two div.white_box::after {
    width: 7%;
}
div.section_three div.white_box::after {
    width: 7%;
}
div.section_four div.white_box::after {
    width: 7%;
}
div.section_five div.white_box::after {
    width: 7%;
}
div.section_six div.white_box::after {
    width: 7%;
}
div.section_seven div.white_box::after {
    width: 7%;
}
/*div.section_one div.white_box::after {
	display:none;
}
div.section_two div.white_box::after {
	display:none;
}
div.section_three div.white_box::after {
	display:none;
}
div.section_four div.white_box::after {
	display:none;
}
div.section_five div.white_box::after {
	display:none;
}
div.section_six div.white_box::after {
	display:none;
}
div.section_seven div.white_box::after {
	display:none;
}*/

div.section_one h2 {
        white-space: normal;
        padding: 10px;
        font-size: 17px;
        line-height: 34px;
        text-align: left;
}
div.section_two h2 {
    white-space: break-spaces;
    font-size: 20px;
	padding-left: 10%;
}
div.section_three h2 {
    white-space: break-spaces;
    font-size: 20px;
	padding-left: 10%;
}
div.section_four h2 {
    white-space: break-spaces;
    font-size: 20px;
	padding-left: 10%;
}
div.section_five h2 {
    white-space: break-spaces;
    font-size: 20px;
	padding-left: 10%;
}
div.section_six h2 {
    white-space: break-spaces;
    font-size: 20px;
	padding-left: 10%;
}
div.section_seven h2 {
    white-space: break-spaces;
    font-size: 20px;
	padding-left: 10%;
}
div.section_one h2::before {
    width: 7%;
}
div.section_two h2::before {
    width: 7%;
}
div.section_three h2::before {
    width: 7%;
}
div.section_four h2::before {
    width: 7%;
}
div.section_five h2::before {
    width: 7%;
}
div.section_six h2::before {
    width: 7%;
}
div.section_seven h2::before {
    width: 7%;
}
div.section_one div.white_box h2 {
    white-space: break-spaces;
    font-size: 20px;
	padding-left: 10%;
}
div.section_two div.white_box h2 {
    white-space: break-spaces;
    font-size: 20px;
	padding-left: 10%;
}
div.section_three div.white_box h2 {
    white-space: break-spaces;
    font-size: 20px;
	padding-left: 10%;
}
div.section_four div.white_box h2 {
    white-space: break-spaces;
    font-size: 20px;
	padding-left: 10%;
}
div.section_five div.white_box h2 {
    white-space: break-spaces;
    font-size: 20px;
	padding-left: 10%;
}
div.section_six div.white_box h2 {
    white-space: break-spaces;
    font-size: 20px;
	padding-left: 10%;
}
div.section_seven div.white_box h2 {
    white-space: break-spaces;
    font-size: 20px;
	padding-left: 10%;
}
div.section_one div.white_box h2::before {
    width: 7%;
}
div.section_two div.white_box h2::before {
    width: 7%;
}
div.section_three div.white_box h2::before {
    width: 7%;
}
div.section_four div.white_box h2::before {
    width: 7%;
}
div.section_five div.white_box h2::before {
    width: 7%;
}
div.section_six div.white_box h2::before {
    width: 7%;
}
div.section_seven div.white_box h2::before {
    width: 7%;
}
div.section_one div.white_box h2 img {
        height: 21px;
        margin-bottom: -4px;
        margin-right: 5px;
}
div.section_two div.white_box h2 img {
        height: 21px;
        margin-bottom: -4px;
        margin-right: 5px;
}
div.section_three div.white_box h2 img {
        height: 21px;
        margin-bottom: -4px;
        margin-right: 5px;
}
div.section_four div.white_box h2 img {
        height: 21px;
        margin-bottom: -4px;
        margin-right: 5px;
}
div.section_five div.white_box h2 img {
        height: 21px;
        margin-bottom: -4px;
        margin-right: 5px;
}
div.section_six div.white_box h2 img {
        height: 21px;
        margin-bottom: -4px;
        margin-right: 5px;
}
div.section_seven div.white_box h2 img {
        height: 21px;
        margin-bottom: -4px;
        margin-right: 5px;
}

div.section_one div.white_box p {
	white-space: normal;
	font-size: 0.9rem;
	line-height: 1.7rem;
	padding-left: 10%;
	padding-right: 10%;
	text-align: justify;
}
div.section_two div.white_box p {
	white-space: normal;
	font-size: 0.9rem;
	line-height: 1.7rem;
	padding-left: 10%;
	padding-right: 10%;
	text-align: justify;
}
div.section_three div.white_box p {
	white-space: normal;
	font-size: 0.9rem;
	line-height: 1.7rem;
	padding-left: 10%;
	padding-right: 10%;
	text-align: justify;
}
div.section_four div.white_box p {
	white-space: normal;
	font-size: 0.9rem;
	line-height: 1.7rem;
	padding-left: 10%;
	padding-right: 10%;
	text-align: justify;
}
div.section_five div.white_box p {
	white-space: normal;
	font-size: 0.9rem;
	line-height: 1.7rem;
	padding-left: 10%;
	padding-right: 10%;
	text-align: justify;
}
div.section_six div.white_box p {
	white-space: normal;
	font-size: 0.9rem;
	line-height: 1.7rem;
	padding-left: 10%;
	padding-right: 10%;
	text-align: justify;
}
div.section_seven div.white_box p {
	white-space: normal;
	font-size: 0.9rem;
	line-height: 1.7rem;
	padding-left: 10%;
	padding-right: 10%;
	text-align: justify;
}
div.section_one div.white_box p.normal {
        line-height: 2rem;
        white-space: normal;
        font-size: 0.9rem;
        padding-left: 10%;
        padding-right: 10%;
        text-align: justify;
}
div.section_two div.white_box p.normal {
        line-height: 2rem;
        white-space: normal;
        font-size: 0.9rem;
        padding-left: 10%;
        padding-right: 10%;
        text-align: justify;
}
div.section_three div.white_box p.normal {
        line-height: 1.7rem;
        white-space: normal;
        font-size: 0.9rem;
        padding-left: 10%;
        padding-right: 10%;
        text-align: justify;
}
div.section_four div.white_box p.normal {
        line-height: 2rem;
        white-space: normal;
        font-size: 0.9rem;
        padding-left: 10%;
        padding-right: 10%;
        text-align: justify;
}
div.section_five div.white_box p.normal {
        line-height: 2rem;
        white-space: normal;
        font-size: 0.9rem;
        padding-left: 10%;
        padding-right: 10%;
        text-align: justify;
}
div.section_six div.white_box p.normal {
        line-height: 2rem;
        white-space: normal;
        font-size: 0.9rem;
        padding-left: 10%;
        padding-right: 10%;
        text-align: justify;
}
div.section_seven div.white_box p.normal {
        line-height: 2rem;
        white-space: normal;
        font-size: 0.9rem;
        padding-left: 10%;
        padding-right: 10%;
        text-align: justify;
}


div.section_one div.blue_box {
    padding: 0px;
}
iv.section_one div.blue_box div.left h3 {
    font-size: 22px;
}
div.section_one div.blue_box div.left {
	width: 90%;
	float: none;
	display: block;
	padding: 5%;
	margin-bottom: 0px;	
}
div.section_one div.blue_box div.left p {
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: justify;
	font-size: 16px;
	line-height: 30px;
}
div.section_one div.blue_box div.right {
	width: 90%;
	float: none;
	display: block;
	padding: 5%;
	text-align: center;
	padding-top: 0px;	
}
div.section_one div.blue_box div.right img {
	padding-top: 0px;
	width: 90%;
}
div.section_one div.blue_box div.left h3 {
    font-size: 24px;
    margin-bottom: 0px;
    padding-left: 0px;
}
div.section_four div.white_box div.blue_box {
	width: 77%;
	float: none;
	margin-bottom: 15px;
	margin-left: 10%;
}
div.section_four div.white_box p.dashed {
	font-size: 0.9rem;
	line-height: 1.7rem;
	margin-left: 10%;
	margin-right: 10%;
	text-align: justify;
}

div.section_five div.white_box div.blue_box {
	width: 100%;
	padding: 0%;
	padding-left: 0%;
	margin-left: 0%;
}
div.section_five div.white_box div.blue_box_right {
	padding-left: 0%;
}
div.section_six div.white_box p.right {
    text-align: right;
    margin-top: 15px;
}
div.section_six div.white_box p.right img {
    margin-right: 0px;
}
div.section_six div.white_box div.blue_box {
	width: 80%;
	float: none;
	display: block;
	padding: 0%;
	margin-left: 12%;
}

div.section_seven div.white_box p.blue {
    color: #fff;
    padding: 20px;
    position: relative;
    top: -10px;
    left: 0px;
    margin-bottom: 20px;
    opacity: 0.8;
}



div.section_line {
    margin-bottom: -150px;
}
div.section_line div.white {
    background: rgba(255, 255, 255, 1);
    opacity: 0.586;
    height: 200px;
    margin-top: -20px;
}
div.section_line p.button {
    background: rgb(1 83 255);
    opacity: unset;
    color: #fff;
    padding: 25px;
    width: 70%;
    text-align: center;
    border-radius: 20px;
    box-shadow: 3px 3px 3px #333;
    position: relative;
    top: -180px;
    text-align: center;
    display: inline-block;
}
div.section_line p.button a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}

div.section_seven div.white_box div.daihyo {
    float: right;
    width: 80%;
    margin-left: 15px;
    margin-bottom: 20px;
    padding-left: 10%;
    padding-right: 10%;
}

div.fotter {
    background: #000;
    margin-bottom: -20px;
    padding: 20px;
}
div.fotter p.company {
    float: none;
    margin: 0px;
	text-align: right;
}
div.fotter p.privacy {
    float: none;
    margin: 0px;
	text-align: right;
}
div.fotter p.logo {
	padding: 0px;
	margin-top: -40px;
}
div.fotter p.logo img {
	width: 35%;
}
div.fotter p.copyright {
    font-size: 0.8rem;
}
div.fotter p a {
    font-size: 0.8rem;
}




/* new css 025/08/20 */

div.section_table .example-block {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    overflow-x: auto;
    padding-bottom: 10px;
}

div.section_table .example-button {
    font-size: 16px;
    padding: 4px 20px;
    min-width: 95px;
    text-align: center;
    box-sizing: border-box;
}

div.section_table {
    width: 85%;
    padding-left: 5%;
    padding-right: 5%;
    margin: 50px auto 100px;
}



div.section_table .table-wrapper {
    margin: 0;
    scrollbar-width: none;
}
div.section_table .table-wrapper {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    position: relative;
    scrollbar-width: none;
}

div.section_table .scroll-button {
    display: none;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
}

div.section_table .scroll-button.right-scroll {
    right: -28px;
}

div.section_table .scroll-button.left-scroll {
    left: -28px;
}
div.section_table .scroll-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
}

div.section_table .example-table {
    min-width: 600px;
}

div.section_table .example-table th,
div.section_table .example-table td {
    padding: 20px 10px;
}

div.fotter p.transaction {
    float: none;
    margin: 0px;
	text-align: right;
}