/*.con-gap{margin:0 auto 150px}*/
/*.sm-gap{margin:0 auto 100px}*/

.sub-visual01-box {
    position: relative;
    width: 1920px;
    height: 1200px;
    margin: auto;
}

.sub-01-visual01.up {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 10;
    transition: opacity 0.3s ease;
    background: #fff;
}

.sub-01-visual01.up .sub-01-logo {
    position: relative;
    width: 226px;
    height: 226px;
    background: url('/theme//basic/img/pc_sub/sub_01_logo_c.png') center no-repeat;
}

.sub-01-visual01.up .sub-01-logo::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url('/theme//basic/img/pc_sub/sub_01_round_c.png') center no-repeat;
    animation: spin 10s linear infinite;
}

.sub-01-visual01.up .sub-01-text {
    width: 1063px;
    height: 252px;
    background: url('/theme//basic/img/pc_sub/sub_01_text_c.png') center no-repeat;
    margin-top: 108px;
    margin-bottom: 100px;
}

.sub-01-visual01.back {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 1;
    transition: opacity 0.3s ease;
    background: url('/theme//basic/img/pc_sub/sub0101_visual01.jpg') center no-repeat;
}

.sub-01-visual01.back .sub-01-logo {
    position: relative;
    width: 226px;
    height: 226px;
    background: url('/theme//basic/img/pc_sub/sub_01_logo_w.png') center no-repeat;
}

.sub-01-visual01.back .sub-01-logo::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url('/theme//basic/img/pc_sub/sub_01_round_w.png') center no-repeat;
    animation: spin 10s linear infinite;
}

.sub-01-visual01.back .sub-01-text {
    width: 1063px;
    height: 252px;
    background: url('/theme//basic/img/pc_sub/sub_01_text_w.png') center no-repeat;
    margin-top: 108px;
    margin-bottom: 100px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.qna_box {
    margin: 310px auto 0 auto;
}

.btnWrap {
    left: 50%;
    transform: translate(-50%, -50%);
}

.sub_title_bg {
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-width: 1648px;
    height: 1080px;
}

#sub_wrap {
    min-width: 1648px;
    max-width: 1920px;
    margin: auto;
}

#sub_wrap > div .con_box {
    position: relative;
    margin: auto;
    width: 1648px;
    height: 100%;
}

#sub_wrap > div .con_box > a {
    position: absolute;
}

/* <div class="con_box">
<a href="/sub/sub0104.php"  style="width:310px; height:50px; left:126px; bottom:116px;"></a>
</div> */

/*.all_footer_content{*/
/*    width: 100%;*/
/*    height:812px;*/
/*    background:url('../img/pc_sub/footer_content.jpg') center no-repeat;*/
/*}*/

.img-comp-container {
    width: 835px;
    margin: auto;
    position: relative;
    height: 420px; /*should be the same height as the images*/
}

.img-comp-img {
    position: absolute;
    width: auto;
    height: auto;
    overflow: hidden;
}

.img-comp-container .img-comp-img:last-child::after {
    content: '';
    /* border:solid 2px #fff; */
    top: 0px;
    right: 0px;
    position: absolute;
    z-index: 10;
    width: 3px;
    height: 100%;
    background: #fff;
}

.img-comp-img img {
    display: block;
    vertical-align: middle;
}

.img-comp-slider {
    margin-left: -1px;
    position: absolute;
    z-index: 9;
    cursor: ew-resize;
    top: 200px !important;
    width: 56px;
    height: 56px;
    background: url('../../basic/img/center_icon.png') center no-repeat;
}

.privacy_box {
    width: 1200px;
    margin: auto;
    padding: 60px;
}

.privacy_box h2 {
    font-size: 32px;
    color: #333;
    padding-bottom: 20px;
    border-bottom: solid 1px #eee;
}

.privacy_box .text_box {
    padding: 20px;
    color: #333;
    font-size: 16px;
}

.sub_tab_menu {
    width: 100%;
    min-width: 1440px;
    margin: auto;
    position: absolute;
    left: 0px;
    bottom: -32px;
}

.sub_tab_menu ul {
    display: flex;
    justify-content: center;
}

.sub_tab_menu ul li {
    margin-right: 8px;
}

.sub_tab_menu ul li:last-child {
    margin-right: 0px;
}

.sub_tab_menu ul li a {
    display: block;
    font-size: 23px;
    color: #000;
    width: 224px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
}

.sub_tab_menu ul li a:hover {
    background: #000;
    color: #fff;
}

.sub_content_01_02 {
}

.sub_content_01_02 > .btn_box {
    position: relative;
    width: 1203px;
    height: 893px;
    margin: auto;
}

.sub_content_01_02 > .btn_box a {
    height: 42px;
    position: absolute;
}

.over_img01 {
    background: url('../img/pc_sub/over_img01_on.jpg') center no-repeat #f3f3eb;
}
.over_img02 {
    background: url('../img/pc_sub/over_img02_on.jpg') center no-repeat #f3f3eb;
}
.over_img03 {
    background: url('../img/pc_sub/over_img03_on.jpg') center no-repeat #f3f3eb;
}
.over_img04 {
    background: url('../img/pc_sub/over_img04_on.jpg') center no-repeat #f3f3eb;
}
.over_img05 {
    background: url('../img/pc_sub/over_img05_on.jpg') center no-repeat #f3f3eb;
}
.over_img06 {
    background: url('../img/pc_sub/over_img06_on.jpg') center no-repeat #f3f3eb;
}
.over_img07 {
    background: url('../img/pc_sub/over_img07_on.jpg') center no-repeat #f3f3eb;
}
.over_img08 {
    background: url('../img/pc_sub/over_img08_on.jpg') center no-repeat #f3f3eb;
}

.sub_content_01_02 > .btn_box a.sub_menu01 {
    top: 338px;
    left: 148px;
    width: 166px;
}

.sub_content_01_02 > .btn_box a.sub_menu02 {
    top: 412px;
    left: 148px;
    width: 166px;
}

.sub_content_01_02 > .btn_box a.sub_menu03 {
    top: 486px;
    left: 148px;
    width: 166px;
}

.sub_content_01_02 > .btn_box a.sub_menu04 {
    top: 582px;
    left: 124px;
    width: 186px;
}

.sub_content_01_02 > .btn_box a.sub_menu05 {
    top: 264px;
    right: 164px;
    width: 156px;
}

.sub_content_01_02 > .btn_box a.sub_menu06 {
    top: 333px;
    right: 144px;
    width: 176px;
}

.sub_content_01_02 > .btn_box a.sub_menu07 {
    top: 416px;
    right: 144px;
    width: 176px;
}

.sub_content_01_02 > .btn_box a.sub_menu08 {
    top: 506px;
    right: 0px;
    width: 326px;
    height: 80px;
}

.sub_content_01_04_01 {
    height: 2290px;
    background: url('../img/pc_sub/sub01_04_01.jpg') center no-repeat;
}
.sub_content_01_04_02 {
    height: 2003px;
    background: url('../img/pc_sub/sub01_04_02.jpg') center no-repeat;
}

.sub_content_01_04_03 {
    overflow: hidden;
    height: 1347px;
    background: url('../img/pc_sub/sub01_04_03.png') center no-repeat;
}

.sub0104_over_box {
    display: flex;
    position: relative;
    width: 1436px;
    height: 572px;
    margin: auto;
    margin-top: 612px;
    box-sizing: border-box;
}

.big_box {
    width: 692px;
    height: 568px;
    overflow: hidden;
}

.big_box > div {
    width: 694px;
    height: 570px;
}

.sub0104_big01 {
    background: url('../img/pc_sub/img_01_04_01_over.jpg') center no-repeat;
}

.sub0104_big02 {
    background: url('../img/pc_sub/img_01_04_02_over.jpg') center no-repeat;
}

.sub0104_big03 {
    background: url('../img/pc_sub/img_01_04_03_over.jpg') center no-repeat;
}

.sub0104_big04 {
    background: url('../img/pc_sub/img_01_04_04_over.jpg') center no-repeat;
}

.mini_box {
    margin-left: 96px;
    margin-top: 350px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 644px;
}

.mini_box > li {
    cursor: pointer;
    margin-right: 10px;
    width: 154px;
    height: 152px;
}
.mini_box > li:last-child {
    margin-right: 0px;
}

.mini_box > li.active {
    border: solid 5px;
    box-sizing: border-box;
}

.line_0104 {
    position: absolute;
    right: -60px;
    top: 300px;
    display: block;
    width: 117px;
    height: 117px;
    background: url(../../basic/img/event_loop.png) center no-repeat;
    animation: rotate_image 14s linear infinite;
    transform-origin: 50% 50%;
    z-index: -1;
}

.sub_content_01_04_04 {
    height: 656px;
    background: url('../img/pc_sub/sub01_04_04.jpg') center no-repeat;
}

.sub_content_01_05_01 {
    height: 1605px;
    background: url('../img/pc_sub/sub01_05_01.jpg') center no-repeat;
}

.sub_content_01_05_02 {
    height: 542px;
    background: url('../img/pc_sub/sub01_05_02.jpg') center no-repeat;
}

.sub_content_01_06_01 {
    height: 551px;
    background: url('../img/pc_sub/sub01_06_01.jpg') center no-repeat;
}

/*
.sub_content_02_01_02{
	height: 1978px;
	background:url('../img/pc_sub/sub0201_02.png') center no-repeat;
}

.sub_content_02_01_03{
	height: 2545px;
	background:url('../img/pc_sub/sub0201_03.png') center no-repeat;
}

.sub_content_02_01_04{
	height: 203px;
	background:url('../img/pc_sub/sub0201_04.png') center no-repeat;
}

.sub_content_02_01_05{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_05.png') center no-repeat;
}

.sub_content_02_01_06{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_06.png') center no-repeat;
}

.sub_content_02_01_07{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_07.png') center no-repeat;
}

.sub_content_02_01_08{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_08.png') center no-repeat;
}

.sub_content_02_01_09{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_09.png') center no-repeat;
}

.sub_content_02_01_10{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_10.png') center no-repeat;
}

.sub_content_02_01_11{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_11.png') center no-repeat;
}

.sub_content_02_01_12{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_12.png') center no-repeat;
}
*/

.mcount-body .img-box {
    position: relative;
}
.mcount-body .count-box {
    position: absolute;
    top: 353px;
    left: 37%;
    width: 540px;
}
.mcount-body .count-box .mc_number {
    font-size: 114px;
    letter-spacing: 40px;
    color: #587fb6;
}
.tw {
    font-size: 25px;
    color: #858585;
    font-weight: bold;
}

.gif_box {
    position: relative;
    top: 470px;
    left: 0px;
}

.process-box {
    width: 100%;
    text-align: center;
    padding: 100px 0 180px;
}
.process-box .process > ul {
    display: inline-block;
    overflow: hidden;
}
.process-box .process > ul > li {
    float: left;
    width: 260px;
    position: relative;
}
.process-box .process > ul > li::before {
    content: '';
    position: absolute;
    top: 25px;
    left: 50%;
    width: 0;
    background: url('/theme/basic/img/pc_sub/sub0201_03_online.png') center no-repeat;
    height: 5px;
    transition-duration: 0.3s;
}

.process-box .process > ul > li > .num {
    width: 55px;
    height: 55px;
    color: #fff;
    display: inline-block;
    line-height: 50px;
    font-size: 26px;
    border-radius: 25px;
    margin-bottom: 30px;
    transform: scale(0);
    transition-duration: 0.5s;
}
.process-box .process > ul > li > .txt {
    opacity: 0;
    transition-duration: 1s;
    text-align: center;
}

.process-box .process.on > ul > li .num {
    transform: scale(1);
}
.process-box .process.on > ul > li:nth-child(1) .num {
    transition-delay: 0s;
}
.process-box .process.on > ul > li:nth-child(2) .num {
    transition-delay: 0.5s;
}
.process-box .process.on > ul > li:nth-child(3) .num {
    transition-delay: 1s;
}
.process-box .process.on > ul > li:nth-child(4) .num {
    transition-delay: 1.5s;
}
.process-box .process.on > ul > li:nth-child(5) .num {
    transition-delay: 2s;
}

.process-box .process.on > ul > li .txt {
    opacity: 1;
}
.process-box .process.on > ul > li:nth-child(1) .txt {
    transition-delay: 0s;
}
.process-box .process.on > ul > li:nth-child(2) .txt {
    transition-delay: 0.5s;
}
.process-box .process.on > ul > li:nth-child(3) .txt {
    transition-delay: 1s;
}
.process-box .process.on > ul > li:nth-child(4) .txt {
    transition-delay: 1.5s;
}
.process-box .process.on > ul > li:nth-child(5) .txt {
    transition-delay: 2s;
}

.process-box .process.on > ul > li::before {
    width: 100%;
}
.process-box .process.on > ul > li:last-child::before {
    width: 0;
}
.process-box .process.on > ul > li:nth-child(1)::before {
    transition-delay: 0.3s;
}
.process-box .process.on > ul > li:nth-child(2)::before {
    transition-delay: 0.8s;
}
.process-box .process.on > ul > li:nth-child(3)::before {
    transition-delay: 1.3s;
}
.process-box .process.on > ul > li:nth-child(4)::before {
    transition-delay: 1.8s;
}

.circle_area .loop_box {
    position: relative;
}
.circle_area .loop_box span {
    position: absolute;
    left: calc(50% - 770px);
    top: -50px;
    display: block;
    width: 117px;
    height: 117px;
    background: url('/theme/basic/img/event_loop.png') center no-repeat;
    animation: rotate_image 14s linear infinite;
    transform-origin: 50% 50%;

    /*z-index:-1;*/
}

@keyframes rotate_image {
    100% {
        transition-duration: 1s;
        transform: rotate(360deg);
        transition-delay: 1.8s;
    }
}

.product_slide {
    position: relative;
    clear: both;
    width: 1450px;
    margin: 0 auto;
}
.product_slide_btn-prev2 {
    left: -50px;
}
.product_slide_btn2 {
    background: none;
    border: 0;
    position: absolute;
    font-size: 40px;
    top: 50%;
    color: #fff;
    margin-top: -24px;
    z-index: 99;
    text-shadow: 1px 1px 1px #000;
    line-height: 34px;
}
.product_slide_btn-next2 {
    right: -50px;
}
.bx-next,
.bx-prev {
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

/*.con-gap{margin:0 auto 150px}*/
/*.sm-gap{margin:0 auto 100px}*/

.sub_title_bg {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-width: 1648px;
    max-width: 1920px;
    margin: auto;

    background: url('../img/sub_title_bg.jpg') center;
}

#sub_wrap {
    min-width: 1648px;
    max-width: 1920px;
    margin: auto;
}

#sub_wrap > div .con_box {
    position: relative;
    margin: auto;
    width: 1648px;
    height: 100%;
}

#sub_wrap > div .con_box > a {
    position: absolute;
}

/* <div class="con_box">
<a href="/sub/sub0104.php"  style="width:310px; height:50px; left:126px; bottom:116px;"></a>
</div> */

/*.all_footer_content{*/
/*    width: 100%;*/
/*    height:812px;*/
/*    background:url('../img/pc_sub/footer_content.jpg') center no-repeat;*/
/*}*/

.img-comp-container {
    width: 835px;
    margin: auto;
    position: relative;
    height: 420px; /*should be the same height as the images*/
}

.img-comp-img {
    position: absolute;
    width: auto;
    height: auto;
    overflow: hidden;
}

.img-comp-container .img-comp-img:last-child::after {
    content: '';
    /* border:solid 2px #fff; */
    top: 0px;
    right: 0px;
    position: absolute;
    z-index: 10;
    width: 3px;
    height: 100%;
    background: #fff;
}

.img-comp-img img {
    display: block;
    vertical-align: middle;
}

.img-comp-slider {
    margin-left: -1px;
    position: absolute;
    z-index: 9;
    cursor: ew-resize;
    top: 200px !important;
    width: 56px;
    height: 56px;
    background: url('../../basic/img/center_icon.png') center no-repeat;
}

.privacy_box {
    width: 1200px;
    margin: auto;
    padding: 60px;
}

.privacy_box h2 {
    font-size: 32px;
    color: #333;
    padding-bottom: 20px;
    border-bottom: solid 1px #eee;
}

.privacy_box .text_box {
    padding: 20px;
    color: #333;
    font-size: 16px;
}

.sub_tab_menu {
    width: 100%;
    min-width: 1440px;
    margin: auto;
    position: absolute;
    left: 0px;
    bottom: -32px;
}

.sub_tab_menu ul {
    display: flex;
    justify-content: center;
}

.sub_tab_menu ul li {
    margin-right: 8px;
}

.sub_tab_menu ul li:last-child {
    margin-right: 0px;
}

.sub_tab_menu ul li a {
    display: block;
    font-size: 23px;
    color: #000;
    width: 224px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
}

.sub_tab_menu ul li a:hover {
    background: #000;
    color: #fff;
}

.sub_content_01_02 {
}

.sub_content_01_02 > .btn_box {
    position: relative;
    width: 1203px;
    height: 893px;
    margin: auto;
}

.sub_content_01_02 > .btn_box a {
    height: 42px;
    position: absolute;
}

.over_img01 {
    background: url('../img/pc_sub/over_img01_on.jpg') center no-repeat #f3f3eb;
}
.over_img02 {
    background: url('../img/pc_sub/over_img02_on.jpg') center no-repeat #f3f3eb;
}
.over_img03 {
    background: url('../img/pc_sub/over_img03_on.jpg') center no-repeat #f3f3eb;
}
.over_img04 {
    background: url('../img/pc_sub/over_img04_on.jpg') center no-repeat #f3f3eb;
}
.over_img05 {
    background: url('../img/pc_sub/over_img05_on.jpg') center no-repeat #f3f3eb;
}
.over_img06 {
    background: url('../img/pc_sub/over_img06_on.jpg') center no-repeat #f3f3eb;
}
.over_img07 {
    background: url('../img/pc_sub/over_img07_on.jpg') center no-repeat #f3f3eb;
}
.over_img08 {
    background: url('../img/pc_sub/over_img08_on.jpg') center no-repeat #f3f3eb;
}

.sub_content_01_02 > .btn_box a.sub_menu01 {
    top: 338px;
    left: 148px;
    width: 166px;
}

.sub_content_01_02 > .btn_box a.sub_menu02 {
    top: 412px;
    left: 148px;
    width: 166px;
}

.sub_content_01_02 > .btn_box a.sub_menu03 {
    top: 486px;
    left: 148px;
    width: 166px;
}

.sub_content_01_02 > .btn_box a.sub_menu04 {
    top: 582px;
    left: 124px;
    width: 186px;
}

.sub_content_01_02 > .btn_box a.sub_menu05 {
    top: 264px;
    right: 164px;
    width: 156px;
}

.sub_content_01_02 > .btn_box a.sub_menu06 {
    top: 333px;
    right: 144px;
    width: 176px;
}

.sub_content_01_02 > .btn_box a.sub_menu07 {
    top: 416px;
    right: 144px;
    width: 176px;
}

.sub_content_01_02 > .btn_box a.sub_menu08 {
    top: 506px;
    right: 0px;
    width: 326px;
    height: 80px;
}

.sub_content_01_04_01 {
    height: 2290px;
    background: url('../img/pc_sub/sub01_04_01.jpg') center no-repeat;
}
.sub_content_01_04_02 {
    height: 2003px;
    background: url('../img/pc_sub/sub01_04_02.jpg') center no-repeat;
}

.sub_content_01_04_03 {
    overflow: hidden;
    height: 1347px;
    background: url('../img/pc_sub/sub01_04_03.png') center no-repeat;
}

.sub0104_over_box {
    display: flex;
    position: relative;
    width: 1436px;
    height: 572px;
    margin: auto;
    margin-top: 612px;
    box-sizing: border-box;
}

.big_box {
    width: 692px;
    height: 568px;
    overflow: hidden;
}

.big_box > div {
    width: 694px;
    height: 570px;
}

.sub0104_big01 {
    background: url('../img/pc_sub/img_01_04_01_over.jpg') center no-repeat;
}

.sub0104_big02 {
    background: url('../img/pc_sub/img_01_04_02_over.jpg') center no-repeat;
}

.sub0104_big03 {
    background: url('../img/pc_sub/img_01_04_03_over.jpg') center no-repeat;
}

.sub0104_big04 {
    background: url('../img/pc_sub/img_01_04_04_over.jpg') center no-repeat;
}

.mini_box {
    margin-left: 96px;
    margin-top: 350px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 644px;
}

.mini_box > li {
    cursor: pointer;
    margin-right: 10px;
    width: 154px;
    height: 152px;
}
.mini_box > li:last-child {
    margin-right: 0px;
}

.mini_box > li.active {
    border: solid 5px;
    box-sizing: border-box;
}

.line_0104 {
    position: absolute;
    right: -60px;
    top: 300px;
    display: block;
    width: 117px;
    height: 117px;
    background: url(../../basic/img/event_loop.png) center no-repeat;
    animation: rotate_image 14s linear infinite;
    transform-origin: 50% 50%;
    z-index: -1;
}

.sub_content_01_04_04 {
    height: 656px;
    background: url('../img/pc_sub/sub01_04_04.jpg') center no-repeat;
}

.sub_content_01_05_01 {
    height: 1605px;
    background: url('../img/pc_sub/sub01_05_01.jpg') center no-repeat;
}

.sub_content_01_05_02 {
    height: 542px;
    background: url('../img/pc_sub/sub01_05_02.jpg') center no-repeat;
}

.sub_content_01_06_01 {
    height: 551px;
    background: url('../img/pc_sub/sub01_06_01.jpg') center no-repeat;
}

/*
.sub_content_02_01_02{
	height: 1978px;
	background:url('../img/pc_sub/sub0201_02.png') center no-repeat;
}

.sub_content_02_01_03{
	height: 2545px;
	background:url('../img/pc_sub/sub0201_03.png') center no-repeat;
}

.sub_content_02_01_04{
	height: 203px;
	background:url('../img/pc_sub/sub0201_04.png') center no-repeat;
}

.sub_content_02_01_05{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_05.png') center no-repeat;
}

.sub_content_02_01_06{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_06.png') center no-repeat;
}

.sub_content_02_01_07{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_07.png') center no-repeat;
}

.sub_content_02_01_08{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_08.png') center no-repeat;
}

.sub_content_02_01_09{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_09.png') center no-repeat;
}

.sub_content_02_01_10{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_10.png') center no-repeat;
}

.sub_content_02_01_11{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_11.png') center no-repeat;
}

.sub_content_02_01_12{
	height: 2130px;
	background:url('../img/pc_sub/sub0201_12.png') center no-repeat;
}
*/

.mcount-body .img-box {
    position: relative;
}
.mcount-body .count-box {
    position: absolute;
    top: 353px;
    left: 37%;
    width: 540px;
}
.mcount-body .count-box .mc_number {
    font-size: 114px;
    letter-spacing: 40px;
    color: #587fb6;
}
.tw {
    font-size: 25px;
    color: #858585;
    font-weight: bold;
}

.gif_box {
    position: relative;
    top: 470px;
    left: 0px;
}

.process-box {
    width: 100%;
    text-align: center;
    padding: 100px 0 180px;
}
.process-box .process > ul {
    display: inline-block;
    overflow: hidden;
}
.process-box .process > ul > li {
    float: left;
    width: 260px;
    position: relative;
}
.process-box .process > ul > li::before {
    content: '';
    position: absolute;
    top: 25px;
    left: 50%;
    width: 0;
    background: url('/theme/basic/img/pc_sub/sub0201_03_online.png') center no-repeat;
    height: 5px;
    transition-duration: 0.3s;
}

.process-box .process > ul > li > .num {
    width: 55px;
    height: 55px;
    color: #fff;
    display: inline-block;
    line-height: 50px;
    font-size: 26px;
    border-radius: 25px;
    margin-bottom: 30px;
    transform: scale(0);
    transition-duration: 0.5s;
}
.process-box .process > ul > li > .txt {
    opacity: 0;
    transition-duration: 1s;
    text-align: center;
}

.process-box .process.on > ul > li .num {
    transform: scale(1);
}
.process-box .process.on > ul > li:nth-child(1) .num {
    transition-delay: 0s;
}
.process-box .process.on > ul > li:nth-child(2) .num {
    transition-delay: 0.5s;
}
.process-box .process.on > ul > li:nth-child(3) .num {
    transition-delay: 1s;
}
.process-box .process.on > ul > li:nth-child(4) .num {
    transition-delay: 1.5s;
}
.process-box .process.on > ul > li:nth-child(5) .num {
    transition-delay: 2s;
}

.process-box .process.on > ul > li .txt {
    opacity: 1;
}
.process-box .process.on > ul > li:nth-child(1) .txt {
    transition-delay: 0s;
}
.process-box .process.on > ul > li:nth-child(2) .txt {
    transition-delay: 0.5s;
}
.process-box .process.on > ul > li:nth-child(3) .txt {
    transition-delay: 1s;
}
.process-box .process.on > ul > li:nth-child(4) .txt {
    transition-delay: 1.5s;
}
.process-box .process.on > ul > li:nth-child(5) .txt {
    transition-delay: 2s;
}

.process-box .process.on > ul > li::before {
    width: 100%;
}
.process-box .process.on > ul > li:last-child::before {
    width: 0;
}
.process-box .process.on > ul > li:nth-child(1)::before {
    transition-delay: 0.3s;
}
.process-box .process.on > ul > li:nth-child(2)::before {
    transition-delay: 0.8s;
}
.process-box .process.on > ul > li:nth-child(3)::before {
    transition-delay: 1.3s;
}
.process-box .process.on > ul > li:nth-child(4)::before {
    transition-delay: 1.8s;
}

.circle_area .loop_box {
    position: relative;
}
.circle_area .loop_box span {
    position: absolute;
    left: calc(50% - 770px);
    top: -50px;
    display: block;
    width: 117px;
    height: 117px;
    background: url('/theme/basic/img/event_loop.png') center no-repeat;
    animation: rotate_image 14s linear infinite;
    transform-origin: 50% 50%;

    /*z-index:-1;*/
}

@keyframes rotate_image {
    100% {
        transition-duration: 1s;
        transform: rotate(360deg);
        transition-delay: 1.8s;
    }
}

.product_slide {
    position: relative;
    clear: both;
    width: 1450px;
    margin: 0 auto;
}
.product_slide_btn-prev2 {
    left: -50px;
}
.product_slide_btn2 {
    background: none;
    border: 0;
    position: absolute;
    font-size: 40px;
    top: 50%;
    color: #fff;
    margin-top: -24px;
    z-index: 99;
    text-shadow: 1px 1px 1px #000;
    line-height: 34px;
}
.product_slide_btn-next2 {
    right: -50px;
}
.bx-next,
.bx-prev {
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.con-img-bg {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 768px;
    background: url('/theme/basic/img/pc_sub/sub_left_bg.jpg') left center no-repeat;
}

.con-img-bg::before {
    display: block;
    content: '';
    position: absolute;
    left: -100%;
    width: 100%;
    height: 768px;
    background: #f4ede3;
}

.con-bg-color {
    background-color: #f4ede3;
}