﻿@charset 'utf-8';

/*Default_Page*/
#index_carousel {
    display: block;
}
#index_carousel_sp {
    display: none;
}


#index_custom {
    width: 1100px;
    padding: 0 130px;
    margin: 100px auto 30px auto;
}

#index_productlist01 {
    background-image: url('../images/index/product_back_top.png');
    background-position-x: center;
    background-repeat: repeat-x;
}

#index_productlist02 {
    background-image: url('../images/index/product_back_bottom.png');
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: repeat-x;
    padding-bottom: 80px;
}

.index_productlist_inner {
    width: 1360px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
}

        .index_productlist_inner h2 {
            text-align: center;
            font-size: 240%;
            margin: 0px 0px 30px 0px;
        }

        .index_productlist_inner p {
            text-align: center;
            margin-bottom: 40px;
        }

.index_product_items {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
}

.index_productslist_box {
    width: 321px;
    background-color: #fff;
    padding: 0 5px;
}

.index_productslist_box p {
    text-align: left;
    padding: 5px 0px;
}

.index_product_eng {
    font-style: italic;
    font-size: 80%;
    line-height: 1.5em;
}

.index_product_text {
    margin-bottom: 10px;
}

#index_feature {
    margin-left: auto;
    margin-right: auto;
    background-image: url('../images/index/feature_back.png');
    background-position-x: center;
    color: #fff;
}

    #index_feature h2 {
        text-align: center;
        font-size: 240%;
        padding: 80px 0 20px 0;
        width: 1360px;
        margin: 0 auto;
    }

    #index_feature h3 {
        font-weight: normal;
        font-size: 180%;
        margin: 20px 0 20px 0;
        line-height: 1.5em;
    }

    #index_feature h4 {
        font-weight: normal;
        margin: 20px 0 50px 0;
    }

#index_feature_inner {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 130px;
    display: flex;
}

    #index_feature_inner img {
        margin-right: 30px;
        margin-bottom: 30px;
    }

    #index_feature_inner li {
        list-style: none;
        background-color: #5e5e5e;
        color: #fff;
        float: left;
        padding: 5px 0px;
        width: 100px;
        text-align: center;
        margin-right: 5px;
        margin-bottom: 20px;
        line-height: 1.5em;
    }

    #index_feature_inner ul::after {
        content: "";
        clear: both;
        display: block;
    }

#index_feature p {
}


#index_aboutus {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-image: url('../images/index/aboutus_back.png');
    background-position-x: center;
    color: #fff;
    padding-bottom: 10px;
}

    #index_aboutus h2 {
        text-align: center;
        font-size: 240%;
        padding-top: 60px;
        padding-bottom: 20px;
        width: 1360px;
        margin: 0 auto;
    }

    #index_aboutus h3 {
        font-weight: normal;
        font-size: 180%;
        margin: 20px 0 20px 0;
        line-height: 1.5em;
    }

    #index_aboutus h4 {
        font-weight: normal;
        margin: 20px 0 50px 0;
    }

#index_aboutus_inner {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 130px;
    display: flex;
}

    #index_aboutus_inner img {
        margin-right: 30px;
        margin-bottom: 30px;
    }

    #index_aboutus_inner li {
        list-style: none;
        background-color: #00b7eb;
        color: #fff;
        float: left;
        padding: 5px 0px;
        width: 100px;
        text-align: center;
        margin-right: 5px;
        margin-bottom: 20px;
        line-height: 1.5em;
    }

    #index_aboutus_inner ul::after {
        content: "";
        clear: both;
        display: block;
    }


#index_aboutus p {
    line-height: 2em;
}

#index_links {
    background-color: #dbe6f1;
    padding: 40px 0px;
}

#index_links_inner {
    width: 1200px;
    padding: 0 80px 0 80px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
}
    #index_links_inner div {
        width: 32%;
        text-align: center;
    }
        #index_links_inner div:nth-of-type(n+4) {
            margin-top: 20px;
        }

#index_info {
    width: 1200px;
    padding: 0 80px 0 80px;
    margin: 30px auto 60px auto;
}

    #index_info h2 {
        text-align: left;
        font-size: 240%;
    }

    #index_info dl {
        border-bottom: 1px solid #aaa;
        margin: 10px 0px;
        padding: 10px 0px;
    }

    #index_info dl::after {
        content: "";
        clear: both;
        display: block;
    }

    #index_info dt {
        float: left;
        width: 150px;
    }

    #index_info dd {
        float: left;
        padding-left: 30px;
    }



/*Feature_Page*/
#feature_screen {
    background-image: url('../images/feature/screen_back.png');
    background-position-x: center;
    color: #fff;
}

#feature_screen_inner {
    background-image: url('../images/feature/screen.jpg');
    background-repeat: no-repeat;
    background-position: 0px 50px;
    width: 1360px;
    margin: 0 auto;
    padding: 30px 0px;
    min-height: 600px;
}

#feature_screen_text {
    padding: 40px 0px 30px 750px;
    width: 550px;
}

    #feature_screen_text h2 {
        font-size: 160%;
        font-weight: normal;
        margin-bottom: 20px;
    }

    #feature_screen_text h3 {
        font-size: 260%;
        font-weight: bold;
        margin-bottom: 20px;
        line-height: 1.5em;
    }

    #feature_screen_text h4 {
        font-size: 160%;
        font-weight: normal;
        margin-bottom: 20px;
        line-height: 1.5em;
    }

    #feature_screen_text p {
        font-size: 100%;
        margin-bottom: 20px;
    }

#feature_contents1 {
    margin: 100px 0 0 0;
}

.feature_contents_box {
    width: 1100px;
    margin: 60px auto 60px auto;
    display: flex;
    padding: 0 0 10px 0;
}
    .feature_contents_box h3 {
        font-weight: normal;
        font-size: 180%;
        line-height: 1.5em;
        margin-top: 40px;
    }
    .feature_contents_box p {
        font-weight: normal;
        font-size: 100%;
        margin-top: 10px;
        margin-right: 20px;
    }

.feature_contents_box_no {
    display: flex;
    align-items: flex-start;
}
    .feature_contents_box_no h2 {
        font-weight: bold;
        font-size: 240%;
        line-height: 1.5em;
    }


    .feature_contents_box_no img {
        margin-right: 30px;
    }

#feature_contents2 {
    border-top: 2px solid #dadada;
    width: 1360px;
    margin: 0 auto 0 auto;
}


#feature_contents3 {
    border-top: 2px solid #dadada;
    width: 1360px; 
    margin: 0 auto 0 auto;
}


.feature_contents_box3 {
    width: 1100px;
    margin: 60px auto 30px auto;
    padding: 0 0 0px 0;
}
    .feature_contents_box3 h3 {
        font-weight: normal;
        font-size: 180%;
        line-height: 1.5em;
        margin-top: 40px;
    }

    .feature_contents_box3 p {
        font-weight: normal;
        font-size: 100%;
        margin-top: 10px;
        margin-right: 20px;
        margin-bottom: 30px;
    }

#feature_link {
    width: 1100px;
    margin: 10px auto 60px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

#feature_contents4 {
    width: 1160px;
    margin: 60px auto 0px auto;
    background-image: url('../images/feature/no4_back.png');
    background-repeat: no-repeat;
    padding: 50px 100px;
    min-height: 700px;
    border-top: 2px solid #dadada;
}

.feature_contents_box4 {
    display: flex;
    align-items: flex-start;
}
    .feature_contents_box4 h3 {
        font-weight: normal;
        font-size: 180%;
        line-height: 1.5em;
        margin-top: 40px;
    }

    .feature_contents_box4 p {
        font-weight: normal;
        font-size: 100%;
        margin-top: 10px;
        margin-right: 20px;
        margin-bottom: 30px;
    }

#feature_contents_box4_text {
    margin-left: 50px;
}

#feature_contents_box4_link {
    background-image: url('../images/feature/no4_image2.jpg');
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 170px;
}


/* PlivacyPolicy_Page */
#privacypolicy_screen {
    text-align: center;
    background-color: #ccc;
    font-size: 300%;
    padding: 60px 0px;
}

#privacypolicy_contents {
    width: 1000px;
    margin: 150px auto 100px auto;
}


    #privacypolicy_contents h2 {
        font-weight: normal;

    }


    #privacypolicy_contents dl {
        margin-top: 70px;
        display: flex;
    }

    #privacypolicy_contents dt {
        width: 30px;
    }

    #privacypolicy_contents ul {
        margin-left: 20px;
    }

    #privacypolicy_contents li {
    }

    #privacypolicy_contents p {
        margin: 40px 0px;
    }


/* QandA_Page */
#qa_screen {
    background-color: #dbe6f1;
    background-image: url('../images/qa/screen.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 250px;
}

#qa_contents {
    width: 1000px;
    margin: 100px auto 150px auto;
}

    #qa_contents dl {
        margin: 0px 0px 80px 0;
    }

    #qa_contents dt {
        border: 2px solid #000;
        display: flex;
        align-items: center;
        padding: 20px 10px 20px 10px;
        font-size: 160%;
        font-weight: bold;
    }

        #qa_contents dt img {
            margin-right: 20px;
            width: 43px;
            height: 43px;
        }

    #qa_contents dd {
        border: 2px solid #000;
        border-top: none;
        line-height: 1.5em;
        display: flex;
        align-items: flex-start;
        padding: 20px 40px 20px 10px;
    }
        #qa_contents dd img {
            margin-right: 20px;
            width: 43px;
            height: 43px;
        }

.qa_answer a {
    margin-top: 10px;
    display: block;
    color: #0062eb;
}

    .qa_answer a::before {
        content: url('../images/qa/icon_link.png');
        display: inline-block;
        width: 10px;
        height: 17px;
        margin-right: 5px;
        transform: translateY(10%);
    }





/* AboutUs_Page */
#aboutus_screen {
    margin-left: auto;
    margin-right: auto;
}

#aboutus_contents {
    width: 800px;
    margin: 50px auto 0px auto;
}

    #aboutus_contents h2 {
        font-size: 260%;
        text-align: center;
        line-height: 1.5em;
        margin: 100px 0 60px 0;
    }

    #aboutus_contents dl {
        display: flex;
        border-top: 2px solid #ccc;
        padding: 20px 0 20px 0;
    }
    #aboutus_contents dt {
        font-weight: bold;
        width: 150px;
        padding: 10px 0px;
    }
    #aboutus_contents dd {
        padding: 10px 0px;
    }

#aboutus_map {
    width: 100%;
    margin: 50px auto 100px auto;
}


    #aboutus_map iframe{
        width: 100%;
        height: 600px;
    }




/* Flow_Page */
#flow_screen {
    background-color: #dbe6f1;
}

#flow_screen_inner {
    width: 1360px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('../images/flow/screen.jpg');
    background-repeat: no-repeat;
    background-position: right;
    min-height: 550px;
}

#flow_screen_inner img{

}

#flow_screen_text {
    padding: 100px 0px 30px 120px;
}

    #flow_screen_text h2 {
        font-size: 160%;
    }

    #flow_screen_text h3 {
        font-size: 300%;
        margin-top: 10px;
    }

    #flow_screen_text h4 {
        font-size: 160%;
        margin-top: 10px;
    }

    #flow_screen_text p {
        font-size: 100%;
        margin-top: 10px;
        width: 500px;
    }

.flow_aster {
    font-size: 50%;
    font-weight: normal;
}

#flow_contents {
    width: 1000px;
    margin: 80px auto 150px auto;
}

.flow_title {
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-items: center;
    font-size: 180%;
    font-weight: bold;
}
    .flow_title img {
        margin-right: 20px;
    }

#flow_step1_box {
    display: flex;
    margin-top: 20px;
}


    #flow_step1_box table {
        width: 100%;
        font-size: 120%;
        margin-top: 10px;
    }

    #flow_step1_box th {
        width: 200px;
        border: 2px solid #626262;
        text-align: center;
        font-weight: normal;
        padding: 10px 0px;
        background-color: #dbe6f1;
    }

    #flow_step1_box td {
        border: 2px solid #626262;
        padding: 0px 10px 0px 10px;
    }

#flow_step1_box_L {
    width: 800px;
    margin-right: 20px;
}

#flow_step1_box_R {
    width: 280px;
    text-align: center;
}

#flow_step1 {
}
    #flow_step1 p {
    }


.flow_osusume {
    background-color: #00b7eb;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 20px 10px 20px;
    font-size: 140%;
}

.flow_tel a::before {
    content: url('../images/flow/icon_tel.png');
    display: inline-block;
    width: 22px;
    height: 30px;
    margin-right: 10px;
    transform: translateY(30%);
}

.flow_inquiry a::before {
    content: url('../images/flow/icon_inquiry.png');
    display: inline-block;
    width: 22px;
    height: 30px;
    margin-right: 10px;
    transform: translateY(10%);
}

.flow_next {
    background-image: url('../images/flow/next.png');
    background-repeat: no-repeat;
    width: 89px;
    height: 63px;
    margin: 40px 0 0 0;
}
.flow_step {
    margin: 20px 30px 20px 0px;
}
    .flow_step p {
        padding: 10px 0px 0px 0px;
    }

.flow_attention {
    font-size: 80%;
    padding-bottom: 20px;
}





/* Confirmation_Page */
#confirmation_screen {
    background-color: #f7ba2c;
    height: 260px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

#confirmation_contents {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

    #confirmation_contents h2 {
        margin: 60px 0px;
        font-weight: normal;
        font-size: 120%;
    }

    #confirmation_contents h3 {
        margin: 30px 0px 0px 0px;
        padding: 30px 0px 0px 0px;
        font-weight: bold;
        font-size: 160%;
        border-top: 2px solid #ccc;
    }

        #confirmation_contents h3::before {
            content: url('../images/confirmation/icon_circle.png');
            display: inline-block;
            width: 22px;
            height: 22px;
            margin-right: 10px;
            transform: translateY(0%);
        }

    #confirmation_contents p {
        font-weight: normal;
        font-size: 100%;
        padding: 20px 40px 0px 20px;
    }

#confirmation_staff {
    background-color: #dce6f0;
    margin: 30px 20px 50px 20px;
}

#confirmation_staff_inner {
    padding: 30px 0px 0px 30px;
    display: flex;
    align-items: flex-start;
}

#confirmation_staff_right {
    margin: 0px 20px 20px 20px;
}

    #confirmation_staff_right h4 {
        color: #1c6ea0;
        font-size: 120%;
        margin: 50px 0 0px 0;
    }

#confirmation_staff_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0px 0px 0px;
}

#confirmation_staff_logo img{
    margin-left: 40px;
}

#confirmation_flow ol {
    padding-left: 50px;
    padding-top: 20px;
}
#confirmation_flow li {
    font-size: 140%;
    padding: 20px 0px 0px 0px;
}

.confirmation_inquiry {
    font-size: 70%;
    padding-top: 10px;
    padding-right: 30px;
    line-height: 1.5em;
}

    .confirmation_inquiry a {
        margin-top: 10px;
        display: block;
        color: #0062eb;
    }

        .confirmation_inquiry a::before {
            content: url('../images/confirmation/icon_link.png');
            display: inline-block;
            width: 10px;
            height: 17px;
            margin-right: 5px;
            transform: translateY(10%);
        }

.confirmation_small {
    font-size: 70%;
    padding-top: 10px;
    padding-right: 30px;
}

#confirmation_document ul {
    padding-left: 50px;
    padding-top: 10px;
}

#confirmation_document li {
    padding: 10px 0px 0px 0px;
}

#confirmation_document_logo {
	margin: 50px auto 30px auto;
}

	#confirmation_document_logo img {
		margin: 0 auto 0 auto;
	}


/* Staff_Page */
#staff_screen {
    background-image: url('../images/staff/screen_back.png');
    background-position: center top;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 220px;
    padding-top: 50px;
}

#confirmation_contents {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#staff_greeting {
    background-image: url('../images/staff/greeting_back.png');
    background-repeat: no-repeat;
    width: 1360px;
    margin-left: auto;
    margin-right: auto;
    height: 800px;
}

#staff_greeting_inner {
    display: flex;
    padding: 60px 50px 0px 100px;
}

#staff_greeting_left {
    
}

    #staff_greeting_left h2 {
        font-size: 120%;
    }
    #staff_greeting_left h3 {
        font-size: 180%;
        margin-top: 30px;
    }
    #staff_greeting_left h4 {
        font-size: 120%;
        margin-top: 50px;
    }
    #staff_greeting_left p {
        font-size: 100%;
        margin-top: 20px;
    }
    #staff_greeting_left img {
        padding-top: 40px;
    }

#staff_greeting_right img {
    margin-left: 50px;
}

#staff_consultation {
    background-color: #e5e9ea;
    width: 1360px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 40px 0px 100px 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

#staff_consultation img {
    margin: 0 0 40px 0;
}


/* Inquiry_Page */
#inquiry_screen {
    width: 1160px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: flex-start;
    padding: 50px 0 50px 200px;
}

#inquiry_screen_Right {
    padding: 0px 20px 0px 100px;
}

    #inquiry_screen_Right h2 {
        font-weight: bold;
        font-size: 400%;
        line-height: 1.2em;
    }

    #inquiry_screen_Right p {
        padding: 30px 100px 0px 0px;
        font-weight: normal;
        font-size: 100%;
    }


.inquiry_osusume {
    background-color: #00b7eb;
    color: #fff;
    margin-top: 20px;
    margin-right: 100px;
    margin-bottom: 20px;
    padding: 10px 20px 10px 20px;
    font-size: 120%;
}

#inquiry_contents {
    width: 1360px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dce6f0;
    padding: 60px 0;
}

#inquiry_estimate {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 20px 200px;
}

    #inquiry_estimate dl {
        padding-top: 20px;
    }

        #inquiry_estimate dl::after {
            content: "";
            clear: both;
            display: block;
        }


    #inquiry_estimate dt {
        width: 100px;
        float: left;
    }


    #inquiry_estimate dd {
        float: left;
    }

    #inquiry_estimate input[type="text"] {
        font-size: 140%;
        text-align: right;
        background-color: #aaa;
        border: none;
        padding: 5px;
    }

        #inquiry_estimate input[type="text"]::placeholder {
            color: #aaa;
            padding-left: 10px;
            font-size: 70%;
        }

    #inquiry_estimate input[type="radio"] {
        margin-bottom: 10px;
    }

    #inquiry_estimate textarea {
        font-size: 140%;
        height: 100px;
    }

        #inquiry_estimate textarea::placeholder {
            color: #aaa;
            padding-left: 10px;
            font-size: 70%;
        }

    #inquiry_estimate select {
        font-size: 140%;
    }

    #inquiry_estimate p {
        padding-top: 20px;
    }


#inquiry_estimate_title {
    display: flex;
    align-items: center;
    justify-content: center;
}


#inquiry_form {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0px;
}
    #inquiry_form h2 {
        text-align: center;
        font-size: 160%;
        margin: 50px 0 50px 0;
    }

    #inquiry_form dl{
        margin-top: 20px;
    }

    #inquiry_form dl::after {
        content: "";
        clear: both;
        display: block;
        margin-top: 20px;
    }

    #inquiry_form dt {
        width: 200px;
        font-size: 120%;
        float: left;
    }

        #inquiry_form dt::after {
            content: "";
            clear: both;
            display: block;
            margin-top: 20px;
        }

    #inquiry_form dd {
        float: left;
        padding: 0px 0px 10px 20px;
    }


    #inquiry_form input[type="text"] {
        font-size: 100%;
        padding: 5px;
    }

        #inquiry_form input[type="text"]::placeholder {
            color: #aaa;
            padding-left: 10px;
            font-size: 70%;
        }

        #inquiry_form input[type="text"].nec {
            border: 2px solid #fd8644;
        }

        #inquiry_form input[type="text"].width01 {
            width: 600px;
        }

        #inquiry_form input[type="text"].width02 {
            width: 400px;
        }

    #inquiry_form input[type="radio"] {
        margin-bottom: 10px;
    }

    #inquiry_form textarea {
        font-size: 100%;
        height: 250px;
        width: 600px;
        padding: 5px;
    }

        #inquiry_form textarea::placeholder {
            color: #aaa;
            padding-left: 10px;
            font-size: 70%;
        }

        #inquiry_form textarea.nec {
            border: 2px solid #fd8644;
        }

    #inquiry_form select {
        font-size: 100%;
        padding: 5px;
    }

    #inquiry_form select.nec {
        border: 2px solid #fd8644;
    }

.inquiry_form_item {
    display: flex;
    align-items: flex-start;
    padding-bottom: 20px;
}

.inquiry_form_Left {
    display: flex;
    align-items: flex-start;
    font-size: 100%;
    padding-right: 20px;
}

.inquiry_form_title {
    padding: 5px 0px;
    width: 250px;
}

.inquiry_form_title2 {
    padding: 5px 0px;
    width: 300px;
    text-align: right;
}

.inquiry_nec {
    color: #fff;
    background-color: #fd8644;
    font-size: 90%;
    width: 50px;
    text-align: center;
    padding: 0px 10px;
    margin: 3px 0 0 0;
}

.inquiry_nec_no {
    width: 50px;
    padding: 5px 10px;
}

.inquiry_attention {
    color: #f00;
    margin-left: 10px;
    font-size: 90%;
}

.inquiry_form_button {
    width: 100%;
    text-align: center;
}

    .inquiry_form_button img {
        margin-top: 20px;
    }



/* InquiryConfirm_Page */
#inquiry_confirm_screen {
    margin: 80px auto;
    width: 1360px;
    text-align: center;
}
    #inquiry_confirm_screen h2 {
        font-size: 400%;
        padding-bottom: 30px;
    }
    #inquiry_confirm_screen p {
        font-size: 120%;
    }

#inquiry_confirm_contents {
    margin: 80px auto;
    width: 1000px;
}
    #inquiry_confirm_contents dl {
        border-top: 2px solid #ccc;
        padding: 15px 0;
        line-height: 1.5em;
    }
        #inquiry_confirm_contents dl::after {
            content: "";
            clear: both;
            display: block;
        }
    #inquiry_confirm_contents dt {
        float: left;
        width: 300px;
    }
    #inquiry_confirm_contents dd {
        float: left;
    }


#inquiry_confirm_bottom {
    background-color: #dbe6f1;
    background-image: url('../images//inquiry/next.png');
    background-repeat: no-repeat;
    background-position: center top;
    padding: 80px 0px 50px 0px;
}


/* InquiryThanks_Page */
#inquiry_thanks_screen {
    margin: 80px auto;
    width: 1360px;
    text-align: center;
}

    #inquiry_thanks_screen h2 {
        font-size: 400%;
        padding-bottom: 30px;
    }

    #inquiry_thanks_screen p {
        font-size: 120%;
        line-height: 3em;
    }


/* Kirizuma_Page */
#p_kz_screen {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}

#p_kz_b01 {
    width: 1360px;
    margin: 50px auto 0px auto;
    background-image: url('../images/product/kirizuma/b01_b01.png');
    background-position: center top;
    color: #fff;
}

#p_kz_b01_inner {
    background-image: url('../images/product/kirizuma/b01_i04.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 310px;
}

    #p_kz_b01_inner h2 {
        padding: 60px 0px 0px 0px;
        font-size: 180%;
        text-align:center;
    }

#p_kz_b01_flex {
    display: flex;
    justify-content: space-between;
    padding: 60px 100px 0px 100px;
}

.p_kz_b01_box {
    width: 345px;
    min-height: 750px;
}

.p_kz_b01_box p{
}

.p_kz_b01_point {
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 20px;
    font-size: 160%;
    color: #dba276;
}

    .p_kz_b01_point img {
        margin-right: 20px;
    }

#p_kz_b02 {
    width: 1360px;
    margin: 0px auto 0px auto;
    background-color: #e6bfa2;
}

#p_kz_b02_inner {
    padding: 50px 150px 0px 150px;
    display: flex;
    align-items: flex-start;
}
    #p_kz_b02_inner img {
        margin-right: 60px;
    }

#p_kz_b02_right h2 {
    padding: 0px 0px 0px 0px;
    font-size: 160%;
    line-height: 1.5em;
}

#p_kz_b02_right div img {
    padding-left: 100px;
}

#p_kz_b02_right p {
}


#p_kz_b03 {
    width: 1360px;
    margin: 0px auto 0px auto;
    background-color: #412e23;
    color:#fff;
}

#p_kz_b03_inner {
    padding: 50px 150px 0px 150px;
    display: flex;
    align-items: flex-start;
}

#p_kz_b03_left h2 {
    padding: 0px 0px 10px 0px;
    font-size: 160%;
    line-height: 1.5em;
}

#p_kz_b03_left p {
}

#p_kz_b03_right {
    padding: 0px 0px 0px 50px;
}

#p_kz_b03_example {
    display: flex;
}

#p_kz_b04 {
    width: 1100px;
    margin: 80px auto 0px auto;
    background-color: #fff;
}

#p_kz_b04_title {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
}
    #p_kz_b04_title h2 {
        font-size: 160%;
        padding-left: 20px;
    }

#p_kz_b04_flex {
    display: flex;
    align-items: flex-start;
}

#p_kz_b04_left {

}

    #p_kz_b04_left img {
        margin-right: 50px;
    }

    #p_kz_b04_left p {
        padding-top: 10px;
    }

#p_kz_b04_right {
}

#p_kz_b04_right p{
}


#p_kz_b05 {
    width: 1360px;
    margin: 100px auto 0px auto;
    text-align: center;
}


#p_kz_b06 {
    width: 1200px;
    margin: 0px auto 0px auto;
}

#p_kz_b06_items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; /* 折り返し */
    border-bottom: 2px solid #ccc;
    padding-bottom: 20px;
}

.p_kz_b06_item {
    width: 500px;
    margin-top: 40px;
}

    .p_kz_b06_item h2 {
        font-weight: bold;
        font-size: 120%;
        padding-bottom: 10px;
    }

    .p_kz_b06_item h3 {
        font-weight: normal;
        font-size: 100%;
        padding-top: 10px;
    }

.p_kz_b06_image {
}

    .p_kz_b06_image img{
        margin: 30px auto 10px auto;
    }

.p_kz_b06_type {
    background-color: #cb7b3e;
    color: #fff;
    text-align: center;
    padding: 5px 0px;
}

.p_kz_b06_floor {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}


#p_kz_b06_specs {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 2px solid #ccc;
    padding: 40px 0px;
}

.p_kz_b06_spec {
    width: 500px;
    line-height: 1.5em;
}
    .p_kz_b06_spec h2 {
        font-weight: normal;
        font-size: 120%;
        border-bottom: 1px solid #ccc;
    }
    .p_kz_b06_spec dl {
        border-bottom: 1px solid #ccc;
        padding: 10px 0px;
    }
        .p_kz_b06_spec dl::after {
            content: "";
            clear: both;
            display: block;
        }
    .p_kz_b06_spec dt {
        float: left;
        width: 120px;
    }
    .p_kz_b06_spec dd {
        width: calc(100% - 120px);
        float: left;
    }
    .p_kz_b06_spec p {
        text-align: right;
        font-size: 80%;
    }

#p_kz_b07_option {
    margin: 30px 0 100px 0;
}

    #p_kz_b07_option h2 {
        color: #fff;
        font-weight: normal;
        font-size: 120%;
        background-color: #1b85d0;
        padding: 10px 20px;
        width: fit-content;
    }

    #p_kz_b07_option h3 {
        font-weight: bold;
        color: #1b85d0;
        font-size: 160%;
        padding: 10px 0px 40px 0;
    }

.p_kz_b07_flex1 {
    display: flex;
    align-items: flex-end;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #ccc;
}

    .p_kz_b07_flex1 img {
        margin-right: 20px;
    }


.p_kz_b07_flex2 {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
}

    .p_kz_b07_flex2 img {
        margin-right: 20px;
    }




/* Largebox_Page */
#p_lb_screen {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}

#p_lb_b01 {
    background-color: #005b94;
    color: #fff;
    margin-top: 40px;
}

#p_lb_b01_inner {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

    #p_lb_b01_inner h2 {
        padding: 60px 0px 0px 0px;
        font-size: 180%;
        text-align: center;
    }

    #p_lb_b01_inner h3 {
        padding: 30px 0px 0px 0px;
        font-size: 100%;
        font-weight: normal;
        text-align: center;
    }

#p_lb_b01_flex {
    display: flex;
    justify-content: space-between;
    padding: 60px 0px 40px 0px;
}

.p_lb_b01_box {
    width: 345px;
    min-height: 750px;
}


#p_lb_b02 {
    width: 1100px;
    margin: 60px auto 0px auto;
    background-color: #fff;
}

#p_lb_b02_title {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
}

    #p_lb_b02_title h2 {
        font-size: 160%;
        padding-left: 20px;
    }

#p_lb_b02_flex {
    display: flex;
    align-items: flex-start;
}

#p_lb_b02_left {
}

    #p_lb_b02_left img {
        margin-right: 50px;
    }

    #p_lb_b02_left p {
        padding-top: 10px;
    }

#p_lb_b02_right {
}

    #p_lb_b02_right p {
    }

#p_lb_b03 {
    background-image: url('../images/product/largebox/b03_b01.png');
    background-position: center top;
    color: #fff;
    padding: 80px 0px;
    margin-top: 100px;
}

    #p_lb_b03 h2 {
        font-weight: normal;
        font-size: 200%;
        padding: 30px 0 0 0;
        text-align: center;
    }

#p_lb_b03_title {
    text-align: center;
}

#p_lb_b03_result {

}

.p_lb_b03_flex {
    width: 1100px;
    margin: 30px auto 60px auto;
    display: flex;
    align-items: flex-start;
}

.p_lb_b03_flex_Left {
    padding-right: 20px;
}

.p_lb_b03_flex_Middle {
    padding-right: 50px;
}

.p_lb_b03_flex_Right {
}

    .p_lb_b03_flex_Right h3 {
        color: #f9c45f;
        font-weight: normal;
        font-size: 200%;
        padding-bottom: 20px;
        line-height: 1.5em;
    }

    .p_lb_b03_flex_Right span {
        font-size: 90%;
    }


#p_lb_b04 {
    width: 1100px;
    margin: 80px auto 0px auto;
}

    #p_lb_b04 h2 {
        font-weight: bold;
        font-size: 200%;
        padding: 30px 0 30px 0;
        text-align: center;
        color: #015b95;
    }

#p_lb_b04_title {
    text-align:center;
}

.p_lb_b04_flex {
    display: flex;
    align-items: flex-start;
    border-bottom: 2px solid #ccc;
    padding: 20px 0 20px 0;
    margin: 0 0 20px 0;
}

.p_lb_b04_flex_Left {
    padding-right: 20px;
}

.p_lb_b04_flex_Right {
    display: flex;
    align-items: flex-start;
    padding-bottom: 20px;
}

.p_lb_b04_flex_Right_P {
    padding-right: 20px;
}
.p_lb_b04_flex_Right_T {
    line-height: 1.5em;
}
    .p_lb_b04_flex_Right_T h3 {
        font-weight: bold;
        font-size: 160%;
        line-height: 1.5em;
        padding-bottom: 20px;
        border-bottom: 2px solid #898989;
    }

.p_lb_b04_p1 {
    border-bottom: 2px dotted #898989;
}

.p_lb_b04_p2 {
    border-bottom: 2px solid #898989;
}

#p_lb_b05_specs {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 2px solid #ccc;
    padding: 20px 0px;
}

.p_lb_b05_spec {
    width: 500px;
    line-height: 1.5em;
}

    .p_lb_b05_spec h3 {
        font-weight: normal;
        font-size: 120%;
        border-bottom: 1px solid #ccc;
    }

    .p_lb_b05_spec dl {
        border-bottom: 1px solid #ccc;
        padding: 10px 0px;
    }

        .p_lb_b05_spec dl::after {
            content: "";
            clear: both;
            display: block;
        }

    .p_lb_b05_spec dt {
        float: left;
        width: 120px;
    }

    .p_lb_b05_spec dd {
        width: calc(100% - 120px);
        float: left;
    }

    .p_lb_b05_spec p {
        text-align: right;
        font-size: 80%;
    }

#p_lb_b06_option {
    width: 1100px;
    margin: 30px auto;
}

    #p_lb_b06_option h2 {
        color: #fff;
        font-weight: normal;
        font-size: 120%;
        background-color: #1b85d0;
        padding: 10px 20px;
        width: fit-content;
    }

    #p_lb_b06_option h3 {
        font-weight: bold;
        color: #1b85d0;
        font-size: 160%;
        padding: 10px 0px 40px 0;
    }
#p_lb_b06_option ul {
    width: 800px;
    line-height: 1.5em;
    padding: 0 0 0 20px;
    margin: 0 0 100px 0;
    display: grid;
    grid-auto-flow: column;
    column-gap: 1em;
    grid-template-rows: repeat(5, auto);
}





/* Stylebox_Page */
#p_sb_screen {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}

#p_sb_b01 {
    margin-top: 40px;
}

#p_sb_b01_inner {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

#p_sb_b01_flex {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px 40px 0px;
}

#p_sb_b01_text {
    padding: 0px 150px 50px 150px;
}

#p_sb_b01_photo {
    margin: 50px 0 0 0;
}

    #p_sb_b01_photo img {
        display: block;
    }


#p_sb_b02 {
    width: 1100px;
    margin: 80px auto 0px auto;
}

    #p_sb_b02 h2 {
        font-weight: normal;
        font-size: 180%;
        padding: 30px 0 120px 0;
        text-align: center;
    }

    #p_sb_b02 a {
        color: #00f;
    }

#p_sb_b02_title {
    text-align: center;
}


#p_sb_b03 {
    background-color: #232323;
    color: #fff;
}

#p_sb_b03_inner {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0;
}

    #p_sb_b03_inner h2 {
        text-align: center;
        font-weight: bold;
        font-size: 180%;
        padding-bottom: 40px;
    }

.p_sb_b03_flex {
    display: flex;
    align-items: flex-start;
    margin-bottom: 70px;
}
.p_sb_b03_flex_Left {
    padding-right: 20px;
}
.p_sb_b03_flex_Middle {
    padding-right: 40px;
}
.p_sb_b03_flex_Right {
}

    .p_sb_b03_flex_Right h3 {
        font-weight: bold;
        font-size: 200%;
        padding-bottom: 20px;
        color: #dca175;
        border-bottom: 2px solid #fff;
        margin-bottom: 20px;
    }

    .p_sb_b03_flex_Right span {
        padding-top: 20px;
        font-size: 80%;
    }


/* LargeboxHigh_Page */
#p_lh_screen {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}

#p_lh_b01 {
    background-image: url('../images/product/largeboxhigh/b01_b01.png');
    background-position: center top;
    color: #fff;
    margin: 40px 0 0 0;
}

#p_lh_b01_inner {
    width: 1100px;
    padding: 60px 0 0 0;
    margin: 0 auto 0 auto;
}

.p_lh_b01_flex {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
.p_lh_b01_flex_Left {
    padding-right: 30px;
}
.p_lh_b01_flex_Right {
}
.p_lh_b01_flex_Right h3 {
    font-weight: normal;
    font-size: 160%;
    padding-bottom: 20px;
    line-height: 1.5em;
}

.p_lh_b01_p1 {
    border-top: 2px solid #fff;
    border-bottom: 2px dotted #fff;
    margin-top: 20px;
}

.p_lh_b01_p2 {
    border-bottom: 2px dotted #fff;
}

.p_lh_b01_p3 {
    border-bottom: 2px solid #fff;
}

#p_lh_b01_flex2 {
    display: flex;
    align-items: flex-end;
}
    #p_lh_b01_flex2 img {
        margin-right: 40px;
    }
    #p_lh_b01_flex2 div {
        padding-bottom: 50px;
        font-size: 200%;
        line-height: 1.5em;
    }


#p_lh_b02 {
    width: 1100px;
    margin: 80px auto 0px auto;
}

    #p_lh_b02 h2 {
        font-weight: bold;
        font-size: 200%;
        padding: 30px 0 30px 0;
        text-align: center;
        color: #005891;
    }

#p_lh_b02_title {
    text-align: center;
}

.p_lh_b02_flex {
    display: flex;
    align-items: flex-start;
    border-bottom: 2px solid #ccc;
    padding: 20px 0 20px 0;
    margin: 20px 0 20px 0;
}

.p_lh_b02_flex_Left {
    padding-right: 20px;
}

.p_lh_b02_flex_Right {
    display: flex;
    align-items: flex-start;
    padding-bottom: 20px;
}

.p_lh_b02_flex_Right_P {
    padding-right: 20px;
}

.p_lh_b02_flex_Right_T {
}

    .p_lh_b02_flex_Right_T h3 {
        font-weight: normal;
        font-size: 160%;
        line-height: 1.5em;
        padding-bottom: 20px;
        border-bottom: 2px solid #898989;
    }

.p_lh_b02_p1 {
    border-bottom: 2px dotted #898989;
}

.p_lh_b02_p2 {
    border-bottom: 2px solid #898989;
}

#p_lh_b03_specs {
    width: 1100px;
    margin: 10px auto 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 2px solid #ccc;
    padding: 20px 0px;
}

.p_lh_b03_spec {
    width: 500px;
    line-height: 1.5em;
}

    .p_lh_b03_spec h3 {
        font-weight: normal;
        font-size: 120%;
        border-bottom: 1px solid #ccc;
    }

    .p_lh_b03_spec dl {
        border-bottom: 1px solid #ccc;
        padding: 10px 0px;
    }

        .p_lh_b03_spec dl::after {
            content: "";
            clear: both;
            display: block;
        }

    .p_lh_b03_spec dt {
        float: left;
        width: 120px;
    }

    .p_lh_b03_spec dd {
        width: calc(100% - 120px);
        float: left;
    }

    .p_lh_b03_spec p {
        text-align: right;
        font-size: 80%;
    }


#p_lh_b04_option {
    width: 1100px;
    margin: 30px auto;
}

    #p_lh_b04_option h2 {
        color: #fff;
        font-weight: normal;
        font-size: 120%;
        background-color: #1b85d0;
        padding: 10px 20px;
        width: fit-content;
    }

    #p_lh_b04_option h3 {
        font-weight: bold;
        color: #1b85d0;
        font-size: 160%;
        padding: 10px 0px 40px 0;
    }

    #p_lh_b04_option ul {
        width: 800px;
        line-height: 1.5em;
        padding-top: 0px;
        display: grid;
        grid-auto-flow: column;
        column-gap: 1em;
        padding-left: 20px;
        grid-template-rows: repeat(5, auto);
    }


#p_lh_b05 {
    background-image: url('../images/product/largeboxhigh/b04_b01.png');
    background-position: center top;
    color: #fff;
    padding: 80px 0px;
    margin-top: 100px;
    background-color: #f00;
}

    #p_lh_b05 h2 {
        font-weight: normal;
        font-size: 200%;
        padding: 30px 0 0 0;
        text-align: center;
    }

#p_lh_b05_title {
    text-align: center;
}

#p_lh_b05_result {
}

.p_lh_b05_flex {
    width: 1100px;
    margin: 60px auto 0px auto;
    display: flex;
    align-items: flex-start;
}

.p_lh_b05_flex_Left {
    padding-right: 20px;
}

.p_lh_b05_flex_Middle {
    padding-right: 50px;
}

.p_lh_b05_flex_Right {
}

    .p_lh_b05_flex_Right h3 {
        color: #f9c45f;
        font-weight: normal;
        font-size: 200%;
        padding-bottom: 20px;
        line-height: 1.5em;
    }

    .p_lh_b05_flex_Right span {
        font-size: 90%;
    }

#p_lh_b06 {
    background-color: #dbe6f1;
    text-align: center;
    padding: 50px 0;
}




/* KirizumaMini_Page */
#p_km_screen {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}

#p_km_b01 {
    width: 1360px;
    margin: 40px auto 0px auto;
    background-image: url('../images/product/kirizumamini/b01_b01.png');
    background-position: center top;
    color: #fff;
    height: 820px;
}

#p_km_b01_inner {
}

    #p_km_b01_inner h2 {
        padding: 60px 0px 0px 0px;
        font-size: 200%;
        text-align: center;
    }

#p_km_b01_flex {
    display: flex;
    justify-content: space-between;
    padding: 60px 100px 0px 100px;
}

.p_km_b01_box {
    width: 345px;
}

    .p_km_b01_box p {
    }

.p_km_b01_point {
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 140%;
    color: #dba276;
}

    .p_km_b01_point img {
        margin-right: 20px;
    }

#p_km_b02 {
    width: 1360px;
    margin: 0px auto 0px auto;
    background-color: #a4bbc4;
}

#p_km_b02_inner {
    padding: 50px 120px 0px 120px;
    display: flex;
    align-items: flex-start;
}

    #p_km_b02_inner img {
        margin-right: 40px;
    }

#p_km_b02_right h2 {
    padding: 30px 0px 20px 0px;
    font-size: 160%;
}

#p_km_b02_right div img {
    padding-left: 100px;
    margin-top: 30px;
    vertical-align: top;
}

#p_km_b02_right p {
}


#p_km_b03 {
    width: 1360px;
    margin: 0px auto 0px auto;
    background-color: #345951;
    color: #fff;
}

#p_km_b03_inner {
    padding: 50px 120px 0px 120px;
    display: flex;
    align-items: flex-start;
}

#p_km_b03_left h2 {
    padding: 30px 0px 30px 0px;
    font-size: 160%;
}

#p_km_b03_left p {
}

#p_km_b03_left div img {
    margin-top: 30px;
    vertical-align: top;
}

#p_km_b03_right {
    padding: 0px 0px 0px 50px;
}

#p_km_b03_example {
    display: flex;
}

#p_km_b04 {
    width: 1360px;
    margin: 100px auto 0px auto;
    text-align: center;
}


#p_km_b05 {
    width: 1200px;
    margin: 40px auto 0px auto;
}

#p_km_b05_items {
}

.p_km_b05_item {
    display: flex;
    align-items: flex-start;
    border-bottom: 2px solid #ccc;
    margin: 30px 0 20px 0;
    padding: 0 0 20px 0;
    padding-left: 180px;
}


#p_km_b05_specs {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 2px solid #ccc;
    padding: 20px 0px;
}

.p_km_b05_spec {
    width: 500px;
    line-height: 1.5em;
}

    .p_km_b05_spec h2 {
        font-weight: normal;
        font-size: 120%;
        border-bottom: 1px solid #ccc;
    }

    .p_km_b05_spec dl {
        border-bottom: 1px solid #ccc;
        padding: 10px 0px;
    }

        .p_km_b05_spec dl::after {
            content: "";
            clear: both;
            display: block;
        }

    .p_km_b05_spec dt {
        float: left;
        width: 120px;
    }

    .p_km_b05_spec dd {
        width: calc(100% - 120px);
        float: left;
    }

    .p_km_b05_spec p {
        text-align: right;
        font-size: 80%;
    }

#p_km_b06_option {
    margin-top: 30px;
}

    #p_km_b06_option h2 {
        color: #fff;
        font-weight: normal;
        font-size: 120%;
        background-color: #1b85d0;
        padding: 10px 20px;
        width: fit-content;
    }

    #p_km_b06_option h3 {
        font-weight: bold;
        color: #1b85d0;
        font-size: 160%;
        padding: 10px 0px 40px 0;
    }

.p_km_b06_flex1 {
    display: flex;
    align-items: flex-end;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #ccc;
}

    .p_km_b06_flex1 img {
        margin-right: 100px;
    }


.p_km_b06_flex2 {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
}

    .p_km_b06_flex2 img {
        margin-right: 20px;
    }

#p_km_b06_bottom {
}

    #p_km_b06_bottom img {
        display: block;
        margin: 20px auto 0 auto;
    }


/* Strongport_Page */
#p_sp_screen {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}

#p_sp_b01 {
    width: 1100px;
    margin: 60px auto 0px auto;
    display: flex;
    align-items: flex-start;
}

#p_sp_b01_Left {
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
}

#p_sp_b01_Image {
    width: 440px;
    text-align: center;
    margin: 0 10px;
}

.p_sp_b01_item {
    width: 330px;
    margin-bottom: 40px;
    line-height: 1.5em;
}

.p_sp_b01_flex {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

    .p_sp_b01_flex img {
        padding-right: 20px;
    }

.p_sp_b01_flex_text {
    font-size: 140%;
    line-height: 1.5em;
}

#p_sp_b02 {
    width: 1100px;
    margin: 0px auto 80px auto;
}

#p_sp_b02_Title {
    display: flex;
    align-items: center;
    margin: 40px 0 20px 100px;
}

    #p_sp_b02_Title img {
        padding-right: 100px;
    }

    #p_sp_b02_Title h2 {
        font-weight: bold;
        font-size: 180%;
        line-height: 1.5em;
        color: #005b94;
    }

#p_sp_b02_item_flex {
    display: flex;
    align-items: flex-start;
    line-height: 1.5em;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1100px;
}

.p_sp_b02_item {
    margin-top: 30px;
}

.p_sp_b02_item_BR {
    border-right: 2px solid #ccc;
    padding-right: 19px;
}

#p_sp_b03 {
    background-image: url('../images/product/strongport/b03_b01.png');
    background-position: center top;
    color: #fff;
}

#p_sp_b03_inner {
    width: 1100px;
    margin: 50px auto 0 auto;
    padding: 80px 0;
}
#p_sp_b03_Title {
    text-align: center;
}

.p_sp_b03_flex1 {
    margin-top: 50px;
    display: flex;
    line-height: 1.5em;
}

.p_sp_b03_flex2 {
    margin-top: 50px;
    display: flex;
    line-height: 1.5em;
    flex-direction: row-reverse;
}

.p_sp_b03_flex_Text {
    background-color: #110b09;
    padding: 40px 30px;
}

    .p_sp_b03_flex_Text h3 {
        color: #daa378;
        font-weight: bold;
        font-size: 180%;
        line-height: 1.5em;
        border-bottom: 5px solid #daa378;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .p_sp_b03_flex_Text img {
        padding-top: 20px;
    }
#p_sp_b03_spec {
    margin: 50px 0;
    background-color: #fff;
    color: #000;
    padding: 30px 80px;
}

.p_sp_b03_spec_item {
    margin-top: 20px;
}

    .p_sp_b03_spec_item h3 {
        background-color: #daa378;
        color: #fff;
        width: fit-content;
        padding: 5px 10px;
        font-weight: normal;
        font-size: 120%;
    }
.p_sp_b03_spec_figure {
    padding-top: 20px;
    display: flex;
    align-items: center;
}
.p_sp_b03_spec_figure_Left {
    width: 350px;
}
.p_sp_b03_spec_figure_Middle1 {
    width: 50px;
}
.p_sp_b03_spec_figure_Right {
}
.p_sp_b03_spec_figure_Right img {
    margin-right: 20px;
}

.p_sp_b04_spec {
    width: 500px;
    line-height: 1.5em;
    margin-top: 50px;
}

    .p_sp_b04_spec h2 {
        font-weight: normal;
        font-size: 120%;
        border-bottom: 1px solid #ccc;
    }

    .p_sp_b04_spec dl {
        border-bottom: 1px solid #ccc;
        padding: 10px 0px;
    }

        .p_sp_b04_spec dl::after {
            content: "";
            clear: both;
            display: block;
        }

    .p_sp_b04_spec dt {
        float: left;
        width: 120px;
    }

    .p_sp_b04_spec dd {
        width: calc(100% - 120px);
        float: left;
    }

    .p_sp_b04_spec p {
        text-align: right;
        font-size: 80%;
    }

/* Product共通 */
#p_common_bottom {
    margin: 0px 0 0 0;
}

#p_common_bottom1 {
    background-image: url('../images/product/feature_back.png');
    background-position: center top;
    text-align: center;
    padding: 0px 0 50px 0;
}

#p_common_bottom1 img{
}

#p_common_bottom2 {
    display: flex;
    justify-content: center;
    background-color: #dbe6f1;
    text-align: center;
    padding: 50px 0;
}

#p_common_bottom2 img{
    margin: 0 5px;
}

.p_common_mark {
    color: #fff;
    background-color: #4c94dc;
    padding: 5px 20px;
}

.p_common_black {
    color: #fff;
    background-color: #000;
    padding: 5px 20px;
    margin: 20px 0 10px 0;
}


/* Information_Page */
#information_screen {
    text-align: center;
    color: #fff;
    background-color: #66c6bf;
    padding: 50px 0 70px 0;
    line-height: 1.5em;
    font-size: 150%;
}
#information_screen h2{
    font-size: 200%;
    margin-bottom: 0px;
}

#information_contents {
    width: 1360px;
    margin: 100px auto 50px auto;
    display: flex;
    align-items: flex-start;
}

#information_items {
    width: 1010px;
}

.information_item {
    border-top: 2px solid #ccc;
    padding: 30px 0;
    display: flex;
    align-items: flex-start;
}

    .information_item h2 {
        font-weight: bold;
        font-size: 140%;
        margin-bottom: 10px;
    }

    .information_item h3 {
        font-weight: normal;
        font-size: 100%;
        margin-bottom: 0px;
    }

    .information_item p {
        margin-bottom: 20px;
    }

    .information_item a {
        text-align: right;
        padding-top: 10px;
    }

.information_item_Text {
    width: 700px;
}

.informationD_item_Text {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 2px solid #ccc;
}
.information_img {
    width: 300px;
    height: 100%;
    object-fit: cover;
    margin-right: 30px;
}

.informationD_item {
    padding: 0 0 30px 0;
}

    .informationD_item h2 {
        font-weight: bold;
        font-size: 180%;
        margin-bottom: 20px;
    }

    .informationD_item h3 {
        font-weight: normal;
        font-size: 100%;
        margin-bottom: 10px;
    }

    .informationD_item a {
        text-align: center;
    }

.informationD_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 30px;
}


#information_category {
    margin-left: 50px;
}

#information_category_title {
    text-align: center;
    color: #fff;
    background-color: #66c6bf;
    padding: 30px 10px;
    width: 250px;
    font-size: 120%;
}

#information_category li {
    border-bottom: 1px solid #ccc;
    padding: 15px 10px 15px 30px;
    list-style: none;
}
    #information_category li.infomation_select {
        padding-left: 20px;
        background-color: #eee;
    }



/* Example_Page */
#example_screen {
    text-align: center;
    color: #fff;
    background-color: #679dc3;
    padding: 50px 0 70px 0;
    line-height: 1.5em;
    font-size: 150%;
}

    #example_screen h2 {
        font-size: 200%;
        margin-bottom: 0px;
    }

#example_contents {
    width: 1360px;
    margin: 100px auto 50px auto;
    display: flex;
    align-items: flex-start;
}

#example_items {
    width: 1010px;
}

.example_item {
    border-top: 2px solid #ccc;
    padding: 30px 0;
    display: flex;
    align-items: flex-start;
}

    .example_item h2 {
        font-weight: bold;
        font-size: 140%;
        margin-bottom: 10px;
    }

    .example_item h3 {
        font-weight: normal;
        font-size: 100%;
        margin-bottom: 10px;
    }

    .example_item p {
        margin-bottom: 20px;
    }

    .example_item a {
        text-align: right;
        padding-top: 10px;
    }

.example_item_Text {
    width: 700px;
}

    .example_item_Text dl {
        border-top: 1px solid #ccc;
        padding: 5px 0px;
        margin: 20px 0 20px 0;
    }

    .example_item_Text dt {
        display: flex;
        justify-content: space-between;
        clear: both;
        width: 100px;
        float: left;
        padding-top: 0px;
        margin-right: 10px;
    }

        .example_item_Text dt::after {
            content: ":";
        }

    .example_item_Text dd {
        border-bottom: 1px solid #ccc;
    }

.exampleD_item_Text {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 50px 0 0 0;
}

    .exampleD_item_Text dl {
        border-top: 1px solid #ccc;
        padding: 5px 0px;
        margin: 0px 50px 20px 0;
    }

    .exampleD_item_Text dt {
        display: flex;
        justify-content: space-between;
        clear: both;
        width: 100px;
        float: left;
        padding-top: 0px;
        margin-right: 10px;
    }

        .exampleD_item_Text dt::after {
            content: ":";
        }

    .exampleD_item_Text dd {
        border-bottom: 1px solid #ccc;
        width: 740px;
    }

.exampleD_item_Text2 {
    margin: 10px 0 80px 0;
    padding: 20px 30px;
    background-color: #eee;
}


.example_img {
    width: 300px;
    height: 100%;
    object-fit: cover;
    margin-right: 30px;
}

.exampleD_item {
    padding: 0 0 30px 0;
}

    .exampleD_item h2 {
        font-weight: bold;
        font-size: 180%;
        margin-bottom: 20px;
    }

    .exampleD_item h3 {
        font-weight: normal;
        font-size: 100%;
        margin-bottom: 10px;
    }

    .exampleD_item a {
        text-align: right;
    }

.exampleD_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 5px;
    vertical-align: top;
}

#exampleD_item_thumbnail {
    display: flex;
    column-gap: 5px;
}

.exampleD_item_thumbnail_image {
    flex: 1;
}

    .exampleD_item_thumbnail_image input[type="image"] {
        width: 100%;
    }

#exampleD_links {
    border-top: 2px solid #ccc;
    display: flex;
    justify-content: space-between;
    padding: 50px 0 0 0;
}

#exampleD_links2 {
    display: none;
}

#exampleD_CategoryList {
    margin: 80px 0 100px 0;
}

    #exampleD_CategoryList h2 {
        font-size: 180%;
        line-height: 1em;
    }

#exampleD_CategoryList_Items {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
}

.exampleD_CategoryList_Item1 {
    width: 480px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: flex-start;
    padding: 20px 0 20px 0;
    margin: 0;
}

.exampleD_CategoryList_Item2 {
    width: 480px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: flex-start;
    padding: 20px 0 20px 0;
    margin: 0;
}

.exampleD_CategoryList_Item3 {
    width: 480px;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: flex-start;
    padding: 20px 0 20px 0;
    margin: 0;
}

.exampleD_CategoryList_ItemL {
}

    .exampleD_CategoryList_ItemL img {
        width: 200px;
        margin: 0 30px 0 0;
    }

.exampleD_CategoryList_ItemR {
}

    .exampleD_CategoryList_ItemR h3 {
        font-size: 120%;
    }

    .exampleD_CategoryList_ItemR p {
        font-size: 100%;
        font-weight: normal;
    }

#example_category {
    margin-left: 50px;
}

#example_category_title {
    text-align: center;
    color: #fff;
    background-color: #679dc3;
    padding: 30px 10px;
    width: 250px;
    font-size: 120%;
}

#example_category li {
    border-bottom: 1px solid #ccc;
    padding: 15px 10px 15px 30px;
    list-style: none;
}

    #example_category li.infomation_select {
        padding-left: 20px;
        background-color: #eee;
    }
