﻿@charset 'utf-8';

@media screen and (max-width: 1000px) {
    /* Index */
    #index_carousel {
        display: none;
    }

    #index_carousel_sp {
        display: block;
    }

    #index_custom {
        width: 100%;
        padding: 0 0;
	    margin: 0px auto 0px auto;
    }

    #index_productlist {
        background-image: url('../images_sp/index/product_back.png');
        background-position-x: center;
        background-repeat: repeat-y;
        background-size:contain;
    }

    #index_productlist01 {
        background-image: none;
    }

    #index_productlist02 {
        background-image: none;
        padding-bottom: 0;
    }

    .index_productlist_inner {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        padding: 50px 20px 0 20px;
    }

        .index_productlist_inner h2 {
            text-align: center;
            font-size: 250%;
            margin: 0px 0px 30px 0px;
        }

        .index_productlist_inner p {
            text-align: center;
            margin-top: 50px;
            margin-bottom: 130px;
        }

    .index_product_items {
        width: 100%;
        margin-top: 20px;
        display: block;
    }

    .index_productslist_box {
        width: 100%;
	    padding: 0;
	    margin: 0 0 80px 0;
    }

    .index_product_img img {
        width: 100%;
        margin: 30px 0 0px 0;
    }

        .index_productslist_box p {
            text-align: left;
            padding: 5px 0px;
        }

    .index_product_eng {
        font-style: italic;
        font-size: 80%;
    }

    #index_feature {
        width: calc(100% - 40px);
        padding: 0 20px;
        background-image: url('../images_sp/index/feature_back.png');
        background-position-x: center;
        color: #fff;
    }

        #index_feature h2 {
            text-align: center;
            font-size: 230%;
            padding-top: 40px;
            margin-bottom: 40px;
            width: 100%;
        }

    #index_feature_inner {
        width: 100%;
        padding: 30px 0px;
        display: block;
    }

        #index_feature_inner img {
            margin-right: 0;
            margin-bottom: 30px;
        }

        #index_feature_inner li {
            list-style: none;
            background-color: #5e5e5e;
            color: #fff;
            float: left;
            padding: 5px 0px;
            width: 250px;
            text-align: center;
            margin-right: 5px;
            margin-bottom: 20px;
        }

        #index_feature_inner ul::after {
            content: "";
            clear: both;
            display: block;
        }

    #index_feature h3 {
        font-weight: bold;
        font-size: 180%;
        margin-bottom: 50px;
        line-height: 1.5em;
    }

    #index_feature p {
        line-height: 2em;
    }

    #index_feature_img img {
        width: 100%;
    }

    #index_aboutus {
        width: calc(100% - 40px);
        padding: 0 20px;
        margin: 0;
        background-image: url('../images_sp/index/aboutus_back.png');
        background-position-x: center;
        background-size: cover;
    }

        #index_aboutus h2 {
            text-align: center;
            font-size: 230%;
            padding-top: 40px;
            margin-bottom: 40px;
            width: 100%;
        }

    #index_aboutus_inner {
        width: 100%;
        padding: 30px 0px;
        display: block;
    }

        #index_aboutus_inner img {
            margin-right: 0;
            margin-bottom: 30px;
        }

        #index_aboutus_inner li {
            list-style: none;
            background-color: #00b7eb;
            color: #fff;
            float: left;
            padding: 5px 0px;
	        width: 200px;
            text-align: center;
            margin-right: 5px;
            margin-bottom: 20px;
        }

        #index_aboutus_inner ul::after {
            content: "";
            clear: both;
            display: block;
        }

    #index_aboutus h3 {
        font-weight: normal;
        font-size: 180%;
        margin-bottom: 50px;
        line-height: 1.5em;
    }

    #index_aboutus p {
        line-height: 2em;
    }

    #index_aboutus_img img {
        width: 100%;
    }


    #index_links {
        width: calc(100% - 40px);
        background-color: #dbe6f1;
        padding: 40px 20px;
    }

    #index_links_inner {
        width: 100%;
        padding: 30px 0 30px 0;
        display: block;
    }

        #index_links_inner div {
            width: 100%;
            text-align: center;
            margin: 0 0 30px 0;
        }

            #index_links_inner div:nth-of-type(n+4) {
                margin-top: 0;
            }

        #index_links_inner img {
            width: 100%;
        }


    #index_info {
        width: calc(100% - 40px);
        margin: 100px auto;
        padding: 0 20px;
    }

        #index_info h2 {
            text-align: left;
            font-size: 180%;
        }

        #index_info dl {
            border-bottom: 1px solid #aaa;
            margin: 10px 0px;
            padding: 10px 0px 30px 0;
        }

            #index_info dl::after {
                content: "";
                clear: both;
                display: block;
            }

        #index_info dt {
            float: none;
            width: 100%;
        }

        #index_info dd {
            float: none;
            width: 100%;
            padding-left: 0;
        }


    /* AboutUs_Page */
    #aboutus_contents {
        width: 100%;
        /*margin: 50px auto 0px auto;*/
    }

        #aboutus_contents h2 {
            font-size: 200%;
        }

        #aboutus_contents dl {
            display: block;
        }

        #aboutus_contents dt {
            width: 100%;
        }

        #aboutus_contents dd {
            padding: 10px 0px 0px 2%;
        }

    #aboutus_map {
        width: 100%;
    }

	    #aboutus_map iframe{
	        width: 100%;
	        aspect-ratio: 16/9;
	    }


    /* Confirmation_Page */
    #confirmation_screen {
        background-color: #f7ba2c;
        height: auto;
    }

    #confirmation_contents {
        width: 100%;
    }

	    #confirmation_contents h2 {
	        margin: 60px 0px;
	        font-weight: bold;
	        font-size: 140%;
	    }

	    #confirmation_contents h3 {
	        margin: 50px 0px 0px 0px;
	        padding: 50px 0px 0px 0px;
	        font-weight: bold;
	        font-size: 160%;
	        border-top: 2px solid #ccc;
	    }

	        #confirmation_contents h3::before {
	            content: url('../images_sp/confirmation/icon_circle.png');
	            display: inline-block;
	            width: 22px;
	            height: 22px;
	            margin-right: 40px;
	            transform: translateY(0%);
	        }

	    #confirmation_contents p {
	        font-weight: normal;
	        font-size: 100%;
	        padding: 20px 0px 50px 20px;
	    }

	#confirmation_staff {
	    background-color: #dce6f0;
	    margin: 30px 20px 100px 20px;
	}

    #confirmation_staff_inner {
        display: block;
        padding: 30px 30px 0px 30px;
    }
	
	#confirmation_staff_right {
	    margin: 0px 20px 20px 20px;
	}

	    #confirmation_staff_right h4 {
	        color: #1c6ea0;
	        font-size: 120%;
	    }

    #confirmation_staff_logo {
        display: block;
    }

        #confirmation_staff_logo img {
            margin: 80px auto 20px auto;
        }



	#confirmation_flow ol {
	    padding-left: 50px;
	    padding-top: 20px;
	    margin: 0 0 0 50px;
	}
	#confirmation_flow li {
	    font-size: 140%;
	    padding: 20px 0px 0px 0px;
	}

	.confirmation_inquiry {
	    font-size: 70%;
	    padding-top: 10px;
	    padding-right: 30px;
	    line-height: 2em;
	}

	    .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: 100px auto 80px auto;
	}

		#confirmation_document_logo img {
			margin: 0 auto 0 auto;
		}




    /*Feature_Page*/
    #feature_screen {
    	width: 100%;
    	background-color: #f00;
    }

    #feature_screen_inner {
        background-image: none;
        padding: 0px 0px;
        width: 100%;
	    min-height: auto;
    }

        #feature_screen_inner img {
            width: 100%;
        }

    #feature_screen_text {
        padding: 40px 20px 30px 20px;
        width: calc(100% - 40px);
    }

        #feature_screen_text h2 {
            font-size: 160%
            margin: 50px 0 0 0;
        }

        #feature_screen_text h3 {
            font-size: 250%
            margin: 80px 0 0 0;
        }

        #feature_screen_text h4 {
            font-size: 160%
            margin: 80px 0 0 0;
	        line-height: 2em;
        }

        #feature_screen_text p {
            font-size: 100%;
            margin: 80px 0 200px 0;
        }

	#feature_contents1 {
	    margin: 100px 0 0 0;
	}
	
    .feature_contents_box {
        width: calc(100% - 20px);
        padding: 0 10px;
        display: block;
    }

        .feature_contents_box h3 {
            font-size: 180%;
        }

        .feature_contents_box p {
        	margin: 50px 0 80px 0;
        }

    .feature_contents_box_no {
        display: block;
    }

        .feature_contents_box_no h2 {
            font-size: 200%;
            margin: 50px 0 0 0;
        }


        .feature_contents_box_no img {
            margin-right: 30px;
        }

	#feature_contents2 {
	    border-top: none;
	    width: 100%; 
	    margin: 100px auto 0 auto;
	}

	#feature_contents3 {
	    border-top: none;
	    width: 100%; 
	    margin: 100px auto 100px auto;
	}

    .feature_contents_box3 {
        width: calc(100% - 20px);
        padding: 0 10px;
    }

        .feature_contents_box3 h3 {
            font-size: 180%;
        }

        .feature_contents_box3 p {
        	margin: 50px 0 50px 0;
        }

    #feature_link {
        width: 100%;
        display: block;
        margin: 0 0 150px 0;
    }

        #feature_link img {
            width: 100%;
        }

    #feature_contents4 {
        width: 100%;
        background-image: none;
        padding: 0px 0px;
    }

    .feature_contents_box4 {
        display: block;
        width: calc(100% - 20px);
        padding: 0 10px;
    }

        .feature_contents_box4 h3 {
        }

        .feature_contents_box4 p {
        }

    #feature_contents_box4_text {
        margin-left: 0px;
    }

    #feature_contents_box4_link {
        background-image: none;
        padding-top: 30px;
        text-align: center;
    }

        #feature_contents_box4_link img {
            width: 45%;
        }



    /* Flow_Page */
	#flow_screen {

	}

    #flow_screen_inner {
        width: 100%;
        background-image: none;
    }

        #flow_screen_inner img {
            width: 100%;
        }

    #flow_screen_text {
        padding: 50px 3% 30px 3%;
    }

	    #flow_screen_text h2 {
	        font-size: 160%;
	    }

	    #flow_screen_text h3 {
	        font-size: 300%;
	        margin-top: 10px;
	    }

	    #flow_screen_text h4 {
	        font-size: 150%;
	        margin-top: 10px;
	    }
	    
        #flow_screen_text p {
            width: 100%;
	        margin: 50px 0 100px 0;
        }

	.flow_aster {
	    font-size: 80%;
	    font-weight: normal;
	}

    #flow_contents {
        width: 100%;
        margin: 60px auto 50px auto;
    }

    .flow_title {
        display: block;
    }

        .flow_title img {
            margin-bottom: 20px;
        }

    #flow_step1_box {
        display: block;
    }

	    #flow_step1_box table {
	        width: 100%;
	        font-size: 120%;
	        margin: 10px 0 80px 0;
	    }

        #flow_step1_box th {
            width: 300px;
        }

	    #flow_step1_box td {
	        border: 2px solid #626262;
	        padding: 0px 10px 0px 10px;
	    }

    #flow_step1_box_L {
        width: 100%;
        margin-right: 0;
    }

    #flow_step1_box_R {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        margin: 50px 0 0 0;
    }

        #flow_step1_box_R div {
            width: 50%;
        }

            #flow_step1_box_R div img {
                width: 100%;
            }

	#flow_step1 {
	}
	    #flow_step1 p {
	    }


	.flow_osusume {
	    background-color: #00b7eb;
	    color: #fff;
	    margin-top: 20px;
	    margin-bottom: 50px;
	    padding: 10px 20px 10px 20px;
	    font-size: 140%;
	}

	.flow_tel a::before {
	    content: url('../images_sp/flow/icon_tel.png');
	    display: inline-block;
	    width: 22px;
	    height: 30px;
	    margin-right: 30px;
	    transform: translateY(30%);
	}

	.flow_inquiry a::before {
	    content: url('../images_sp/flow/icon_inquiry.png');
	    display: inline-block;
	    width: 22px;
	    height: 30px;
	    margin-right: 30px;
	    transform: translateY(10%);
	}

	.flow_next {
	    background-image: url('../images_sp/flow/next.png');
	    background-repeat: no-repeat;
	    width: 176px;
	    height: 125px;
	    margin: 50px 0 50px 0;
	}

    .flow_step {
        margin: 0px;
    }

        .flow_step p {
            padding: 0px;
            margin: 20px 0 50px 0;
        }

    #flow_step6_photo {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        #flow_step6_photo img {
            width: 49.9%;
            margin-bottom: 5px;
        }


    /* PlivacyPolicy_Page */
	#privacypolicy_screen {
	    font-size: 200%;
	    padding: 200px 0px;
	}

    #privacypolicy_contents {
        width: calc(100% - 20px);
        margin-top: 60px;
        line-height: 1.5em;
        padding: 0 10px 0 10px;
    }

	    #privacypolicy_contents h2 {
	        font-weight: normal;

	    }


	    #privacypolicy_contents dl {
	        margin-top: 70px;
	        display: block;
	    }

	    #privacypolicy_contents dt {
	        width: 100%;
	        font-size: 160%;
	        font-weight: bold;
	    }

	    #privacypolicy_contents ul {
	        margin-left: 50px;
	    }

	    #privacypolicy_contents li {
	    }

	    #privacypolicy_contents p {
	        margin: 100px 0px;
	    }
	.privacypolicy_bold {
		font-weight: bold;
		font-size: 120%;
	}

    /* QandA_Page */
    #qa_screen {
        background-image: none;
        height: auto;
    }

        #qa_screen img {
            width: 100%;
            padding-top: 100px;
        }

    #qa_contents {
        width: 100%;
        margin: 100px 0 0 0;
    }

        #qa_contents dl {
            margin: 100px 0px;
        }

        #qa_contents dt {
            display: block;
            padding: 20px 30px 20px 30px;
        }

            #qa_contents dt img {
                margin-bottom: 30px;
                display: block;
                width: 85px;
                height: 85px;
            }

        #qa_contents dd {
            display: block;
            padding: 20px 30px 20px 30px;
        }

            #qa_contents dd img {
                margin-bottom: 30px;
                display: block;
                width: 85px;
                height: 85px;
            }

    .qa_answer a {
        margin-top: 10px;
        display: block;
        color: #0062eb;
    }

        .qa_answer a::before {
            content: url('../images_sp/qa/icon_link.png');
            display: inline-block;
            width: 10px;
            height: 17px;
            margin-right: 10px;
            transform: translateY(10%);
        }


    /* Staff_Page */
    #staff_screen {
    	height: auto;
    	padding: 100px 0 0 0;
    }

	    #staff_screen img{
	    	width: 60%;
	    }

    #confirmation_contents {
        width: 100%;
    }

    #staff_greeting {
        background-image: url('../images_sp/staff/greeting_back.png');
        background-size: cover;
        width: 100%;
        height: auto;
    }

    #staff_greeting_inner {
        display: block;
	    padding: 80px 10px 0px 10px;
    }

    #staff_greeting_left {
    }

        #staff_greeting_left h2 {
            font-size: 100%;
        }

        #staff_greeting_left h3 {
            font-size: 200%;
            line-height: 1.5em;
            margin-top: 50px;
        }

        #staff_greeting_left h4 {
            font-size: 120%;
            margin-top: 100px;
        }

        #staff_greeting_left p {
            font-size: 100%;
            margin-top: 80px;
        }

        #staff_greeting_left img {
            padding-top: 40px;
        }

    #staff_greeting_right img {
    	margin-top: 150px;
        margin-left: 0;
        width: 100%;
    }

    #staff_consultation {
        margin-top: 30px;
        width: calc(100% - 40px);
        margin-bottom: 5px;
        padding: 40px 20px;
    }

        #staff_consultation img {
            width: 100%;
            margin-bottom: 20px;
        }


    /* Product共通 */
    #p_common_bottom {
    }

    #p_common_bottom1 {
        background-image: none;
    }

    #p_common_bottom2 {
        padding: 30px 20px;
        display: block;
    }

        #p_common_bottom2 img {
            width: 100%;
            margin: 0;
            margin-bottom: 20px;
        }

    .p_common_mark {
        width: fit-content;
        padding: 5px 50px;
    }

    .p_common_black {
        color: #fff;
        background-color: #000;
        padding: 10px 20px;
        margin: 100px 0 50px 0;
    }

    /* Kirizuma_Page */
    #p_kz_screen {
        width: 100%;
    }

    #p_kz_b01 {
        width: 100%;
        margin: 50px 0px 0px 0px;
        background-image: url('../images_sp/product/kirizuma/b01_b01.png');
        background-size: cover;
    }

    #p_kz_b01_inner {
        background-image: none;
        padding: 0px 20px 150px 20px;
    }

        #p_kz_b01_inner h2 {
            padding: 80px 0px 0px 0px;
            font-size: 220%;
            text-align: center;
        }

    #p_kz_b01_flex {
        display: block;
        padding: 60px 0px 0px 0px;
    }

    .p_kz_b01_box {
        width: 100%;
        margin: 100px 0 0 0;
    }

        .p_kz_b01_box p {
            line-height: 2em;
        }

    .p_kz_b01_point {
    	margin: 30px 0 30px 0;
    	font-size: 160%;
    	font-weight: bold;
    }

        .p_kz_b01_point img {
        	margin: 0 40px 0 0;
        }

    #p_kz_b02 {
        width: 100%;
        margin: 0px 0 0px 0;
    }

    #p_kz_b02_inner {
        padding: 100px 20px 0px 20px;
        display: block;
        align-items: flex-start;
    }

        #p_kz_b02_inner img {
            margin-right: 0;
        }

    #p_kz_b02_right {
    	margin: 40px 0 0 0;
    }
    
    #p_kz_b02_right h2 {
        margin: 50px 0px 50px 0px;
        font-size: 200%;
    }

    #p_kz_b02_right div img {
        padding-left: 0;
        margin: 0 auto;
    }

    #p_kz_b02_right p {
    	margin: 0 0 150px 0;
    }


    #p_kz_b03 {
        width: 100%;
        margin: 0px auto 0px auto;
        background-color: #412e23;
        color: #fff;
    }

    #p_kz_b03_inner {
        padding: 100px 20px 0px 20px;
        display: block;
    }

    #p_kz_b03_left h2 {
        margin: 50px 0px 50px 0px;
        font-size: 200%;
    }

    #p_kz_b03_left p {
    	margin: 0 0 150px 0;
    }

    #p_kz_b03_right {
        padding: 0px 0px 0px 0px;
    }

    #p_kz_b03_example {
        display: block;
    }

        #p_kz_b03_example img {
            width: 100%;
        }

    #p_kz_b04 {
        width: 100%;
        margin: 200px 0 50px 0;
    }

    #p_kz_b04_title {
        display: block;
        padding-bottom: 30px;
    }

        #p_kz_b04_title h2 {
            padding-left: 0px;
            margin: 50px 0 50px 0;
            line-height: 1.5em;
        }

    #p_kz_b04_flex {
        display: block;
    }

    #p_kz_b04_left {
    }

        #p_kz_b04_left img {
            margin-right: 0px;
            width: 100%;
        }

        #p_kz_b04_left p {
            padding-top: 10px;
            margin: 0px 0 80px 0;
        }

    #p_kz_b04_right {
    	margin: 0 0 200px 0;
    }

        #p_kz_b04_right img {
        	margin: 0 0 100px 0;
        }

        #p_kz_b04_right p {
        	margin: 50px 0 0 0;
        }


    #p_kz_b05 {
        width: 100%;
        margin: 100px 0 0px 0;
    }


    #p_kz_b06 {
        width: 100%;
        margin: 0px 0 0px 0;
    }

    #p_kz_b06_items {
        display: block;
    }

    .p_kz_b06_item {
        width: 100%;
        margin-top: 60px;
    }

        .p_kz_b06_item h2 {
        }

        .p_kz_b06_item h3 {
        }

    .p_kz_b06_image {
    }

        .p_kz_b06_image img {
            width: 60%;
        }

    .p_kz_b06_type {
    }

    .p_kz_b06_floor {
        display: block;
    }

        .p_kz_b06_floor img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 30px;
            width: 40%;
        }


    #p_kz_b06_specs {
        display: block;
        padding: 20px 0px 20px 0;
        margin: 0 0 100px 0;
    }

    .p_kz_b06_spec {
        width: 100%;
    }

        .p_kz_b06_spec h2 {
        	margin: 50px 0 0px 0;
        }

        .p_kz_b06_spec dl {
        }

            .p_kz_b06_spec dl::after {
            }

        .p_kz_b06_spec dt {
        	width: 200px;
        }

        .p_kz_b06_spec dd {
        	width: calc(100% - 200px);
        }

        .p_kz_b06_spec p {
        }

    #p_kz_b07_option {
    }

        #p_kz_b07_option h2 {
        	margin: 0 0 50px 0;
        }

        #p_kz_b07_option h3 {
        	line-height: 1.5em;
        }

    .p_kz_b07_flex1 {
        display: block;
    }

        .p_kz_b07_flex1 img {
            margin-right: 0px;
        }


    .p_kz_b07_flex2 {
        display: block;
    }

        .p_kz_b07_flex2 img {
            margin-right: 0px;
        }



    /* KirizumaMini_Page */
    #p_km_screen {
        width: 100%;
    }

    #p_km_b01 {
        width: 100%;
        height: auto;
        margin: 80px 0px 0px 0px;
        background-image: url('../images_sp/product/kirizumamini/b01_b01.png');
        background-position: center top;
        background-size: cover;
    }

    #p_km_b01_inner {
        padding: 0 20px;
    }

        #p_km_b01_inner h2 {
            padding: 60px 0px 120px 0px;
            font-size: 200%;
            text-align: center;
        }

    #p_km_b01_flex {
        display: block;
        padding: 60px 0px 0px 0;
    }

    .p_km_b01_box {
        width: 100%;
        min-height: auto;
        margin: 0 0 0px 0;
        padding-bottom: 150px;
    }

        .p_km_b01_box p {
        }

    .p_km_b01_point {
    	margin: 40px 0 20px 0;
    	font-size: 200%;
    	font-weight: bold;
    }

        .p_km_b01_point img {
            margin-right: 20px;
        }

    #p_km_b02 {
        width: 100%;
        margin: 0px 0 0px 0;
    }

    #p_km_b02_inner {
        padding: 50px 20px 0px 20px;
        display: block;
    }

        #p_km_b02_inner img {
        	margin: 80px 0 30px 0;
        }

    #p_km_b02_right h2 {
    	font-size: 200%;
    	font-weight: bold;
    	line-height: 1.5em;
    	margin: 0 0 50px 0;
    }

    #p_km_b02_right div img {
        padding-left: 0;
        margin: 150px auto 0 auto;
    }

    #p_km_b02_right p {
    }


    #p_km_b03 {
        width: 100%;
        margin: 0px 0 0px 0;
    }

    #p_km_b03_inner {
        padding: 100px 20px 0px 20px;
        display: block;
    }

    #p_km_b03_left h2 {
        padding: 60px 0px 40px 0px;
        font-size: 200%;
    }

    #p_km_b03_left p {
    }

    #p_km_b03_right {
        padding: 0px 0px 0px 0px;
        margin: 100px 0 0 0;
    }

    #p_km_b03_example {
    }

    #p_km_b04 {
        width: 100%;
        margin: 150px 0 0px 0;
    }


    #p_km_b05 {
        width: 100%;
        margin: 40px 0 0px 0;
    }

    #p_km_b05_items {
    }

    .p_km_b05_item {
        display: block;
        padding-left: 0;
    }


    #p_km_b05_specs {
        display: block;
        padding: 20px 0px 20px 0;
        margin: 0 0 100px 0;
    }

    .p_km_b05_spec {
        width: 100%;
    }

        .p_km_b05_spec h2 {
        	margin: 50px 0 0px 0;
        }

        .p_km_b05_spec dl {
        }

            .p_km_b05_spec dl::after {
            }

        .p_km_b05_spec dt {
        	width: 200px;
        }

        .p_km_b05_spec dd {
        	width: calc(100% - 200px);
        }

        .p_km_b05_spec p {
        }

    #p_km_b06_option {
    }

        #p_km_b06_option h2 {
        	margin: 0 0 50px 0;
        }

        #p_km_b06_option h3 {
        	line-height: 1.5em;
        }

    .p_km_b06_flex1 {
        display: block;
    }

        .p_km_b06_flex1 img {
            margin-right: 0px;
        }


    .p_km_b06_flex2 {
        display: block;
    }

        .p_km_b06_flex2 img {
            margin-right: 0px;
        }

    #p_km_b06_bottom {
    }

        #p_km_b06_bottom img {
        }


    /* Largebox_Page */
    #p_lb_screen {
        width: 100%;
    }

    #p_lb_b01 {
    }

    #p_lb_b01_inner {
        width: calc(100% - 40px);
        padding: 0 20px;
    }

        #p_lb_b01_inner h2 {
	        padding: 100px 0px 50px 0px;
	        font-size: 230%;
        }

        #p_lb_b01_inner h3 {
        	text-align: left;
        	margin: 0 0 100px 0;
        }

    #p_lb_b01_flex {
        display: block;
    }

    #p_lb_b01_flex img{
        width: 100%;
        margin-bottom: 100px;
    }

    .p_lb_b01_box {
        width: 100%;
        min-height: auto;
    }


    #p_lb_b02 {
        width: 100%;
        margin: 150px 0 0px 0;
    }

    #p_lb_b02_title {
        display: block;
    }

        #p_lb_b02_title h2 {
            padding-left: 0;
        }

    #p_lb_b02_flex {
        display: block;
    }

    #p_lb_b02_left {
    }

        #p_lb_b02_left img {
            margin-right: 0;
        }

        #p_lb_b02_left p {
        	
        }

    #p_lb_b02_right {
    	margin: 80px 0 0 0;
    }

        #p_lb_b02_right p {
        }

    #p_lb_b03 {
        background-image: url('../images_sp/product/largebox/b03_b01.png');
        background-size: cover;
    }

        #p_lb_b03 h2 {
        	font-size: 230%;
        	font-weight: bold;
        	margin: 100px 0 80px 0;
        }

    #p_lb_b03_title {
    }

    #p_lb_b03_result {
    }

    .p_lb_b03_flex {
        width: calc(100% - 40px);
        margin: 60px 20px 200px 20px;
        display: block;
    }

    .p_lb_b03_flex_Left {
        padding-right: 0;
    }

    .p_lb_b03_flex_Middle {
        padding-right: 0;
        margin: 80px 0 50px 0;
    }

    .p_lb_b03_flex_Right {
    }

        .p_lb_b03_flex_Right h3 {
        	font-size: 230%;
        	font-weight: bold;
        	margin: 0 0 50px 0;
        }

        .p_lb_b03_flex_Right span {
        }


    #p_lb_b04 {
        width: 100%;
        margin: 200px 0 0px 0;
    }

        #p_lb_b04 h2 {
        	margin: 50px 0 50px 0;
        }

    #p_lb_b04_title {
    }

    .p_lb_b04_flex {
        display: block;
        margin: 0 0 100px 0;
        padding-bottom: 100px;
    }

    .p_lb_b04_flex_Left {
        padding-right: 0;
    }

    .p_lb_b04_flex_Right {
        display: block;
    }

    .p_lb_b04_flex_Right_P {
        padding-right: 0;
        margin: 80px 0 50px 0;
    }

    .p_lb_b04_flex_Right_T {
    }

        .p_lb_b04_flex_Right_T h3 {
        }

    .p_lb_b04_p1 {
    }

    .p_lb_b04_p2 {
    }

    #p_lb_b05_specs {
    	width: 100%;
        padding: 20px 0px 20px 0;
        margin: 0 0 100px 0;
        display: block;
    }

    .p_lb_b05_spec {
        width: 100%;
    }

        .p_lb_b05_spec h3 {
        	margin: 50px 0 0px 0;
        }

        .p_lb_b05_spec dl {
        }

            .p_lb_b05_spec dl::after {
            }

        .p_lb_b05_spec dt {
	        width: 200px;
        }

        .p_lb_b05_spec dd {
	        width: calc(100% - 200px);
        }

        .p_lb_b05_spec p {
        }

    #p_lb_b06_option {
        width: 100%;
        margin: 30px 0;
    }

        #p_lb_b06_option h2 {
        	margin: 0 0 50px 0;
        }

        #p_lb_b06_option h3 {
        	line-height: 1.5em;
        }

        #p_lb_b06_option ul {
            width: calc(100% - 50px);
            column-gap: 1em;
            padding-left: 50px;
            grid-template-rows: repeat(10, auto);
        }





    /* LargeboxHigh_Page */
    #p_lh_screen {
        max-width: 100%;
    }

    #p_lh_b01 {
        background-image: url('../images_sp/product/largeboxhigh/b01_b01.png');
        background-position: center top;
        background-size: cover;
    }

    #p_lh_b01_inner {
        width: calc(100% - 40px);
        padding: 50px 20px 0 20px;
    }

    .p_lh_b01_flex {
        display: block;
        margin: 0 0 200px 0;
    }

    .p_lh_b01_flex_Left {
        padding-right: 0;
    }

    .p_lh_b01_flex_Right {
    }

        .p_lh_b01_flex_Right h3 {
        	font-size: 230%;
        	margin: 80px 0 50px 0;
        }

    .p_lh_b01_p1 {
    	margin: 60px 0 0 0;
    	padding: 10px 0;
    }

    .p_lh_b01_p2 {
    	padding: 10px 0;
    }

    .p_lh_b01_p3 {
    	padding: 10px 0;
    }

    #p_lh_b01_flex2 {
        display: flex;
        flex-flow: column;
        flex-direction: column-reverse;
        align-items: center;
    }

        #p_lh_b01_flex2 img {
            padding: 0;
            margin:0;
        }

        #p_lh_b01_flex2 div {
        	font-weight: bold;
        }


    #p_lh_b02 {
        width: 100%;
        margin: 200px 0 0px 0;
    }

        #p_lh_b02 h2 {
        	font-weight: bold;
        	margin: 50px 0 50px 0;
        }

    #p_lh_b02_title {
        text-align: center;
    }

    .p_lh_b02_flex {
        display: block;
    }

    .p_lh_b02_flex_Left {
        padding-right: 0;
    }

    .p_lh_b02_flex_Right {
        display: block;
        margin: 150px 0 0 0;
    }

    .p_lh_b02_flex_Right_P {
        padding-right: 0;
    }

    .p_lh_b02_flex_Right_T {
    }

        .p_lh_b02_flex_Right_T h3 {
        	font-weight: bold;
        	margin: 50px 0 0px 0;
        	padding: 0 0 50px 0;
        }

    .p_lh_b02_p1 {
    	padding: 10px 0;
    }

    .p_lh_b02_p2 {
    	padding: 10px 0;
    }

    #p_lh_b03_specs {
        width: 100%;
        padding: 20px 0px 20px 0;
        margin: 0 0 100px 0;
        display: block;
    }

    .p_lh_b03_spec {
        width: 100%;
    }

        .p_lh_b03_spec h3 {
        	margin: 50px 0 0px 0;
        }

        .p_lh_b03_spec dl {
        }

            .p_lh_b03_spec dl::after {
            }

        .p_lh_b03_spec dt {
        	width: 200px;
        }

        .p_lh_b03_spec dd {
        	width: calc(100% - 200px);
        }

        .p_lh_b03_spec p {
        }


    #p_lh_b04_option {
        width: 100%;
        margin: 30px 0;
    }

        #p_lh_b04_option h2 {
        	margin: 0 0 50px 0;
        }

        #p_lh_b04_option h3 {
        	line-height: 1.5em;
        }

        #p_lh_b04_option ul {
            width: calc(100% - 50px);
            column-gap: 1em;
            padding-left: 50px;
            grid-template-rows: repeat(10, auto);
        }


    #p_lh_b05 {
        background-image: url('../images_sp/product/largeboxhigh/b04_b01.png');
        background-size: cover;
        width: 100%;
    }

        #p_lh_b05 h2 {
        	font-size: 230%;
        	font-weight: bold;
        	margin: 100px 0 80px 0;
        }

    #p_lh_b05_title {
    }

    #p_lh_b05_result {
    }

    .p_lh_b05_flex {
        width: calc(100% - 40px);
        margin: 60px 20px 0px 20px;
        display: block;
    }

    .p_lh_b05_flex_Left {
        padding-right: 0;
    }

    .p_lh_b05_flex_Middle {
        padding-right: 0;
        margin: 80px 0 50px 0;
    }

    .p_lh_b05_flex_Right {
    }

        .p_lh_b05_flex_Right h3 {
        	font-size: 230%;
        	font-weight: bold;
        	margin: 0 0 50px 0;
        }

        .p_lh_b05_flex_Right span {
        }

    #p_lh_b06 {
    }



    /* Strongport_Page */
    #p_sp_screen {
        width: 100%;
    }

    #p_sp_b01 {
        width: calc(100% - 40px);
        padding: 0 20px 0 20px;
        margin: 100px 0 0px 0;
        display: block;
    }

    #p_sp_b01_Left {
        display: block;
    }

    #p_sp_b01_Image {
        width: 100%;
        margin: 0 0;
    }

    .p_sp_b01_item {
        width: calc(100% - 40px);
        padding: 0 20px 0 20px;
        margin: 100px 0 0 0;
    }

    .p_sp_b01_flex {
        display: flex;
        align-items: flex-start;
        margin-bottom: 50px;
    }

        .p_sp_b01_flex img {
            padding-right: 50px;
        }

        .p_sp_b01_flex div {
            font-size: 140%;
            font-weight: bold;
        }

    #p_sp_b02 {
        width: 100%;
        margin: 150px 0 0 0;
    }

    #p_sp_b02_Title {
        display: block;
        margin: 100px 0 0 0;
    }

        #p_sp_b02_Title img {
            padding-right: 0;
        }

        #p_sp_b02_Title h2 {
        	font-size: 140%;
        	margin: 80px 0 80px 0;
        }

    #p_sp_b02_item_flex {
        display: block;
        width: calc(100% - 40px);
        padding: 0px 20px;
    }

    .p_sp_b02_item {
    }

    .p_sp_b02_item_BR {
        border-right: none;
        padding-right: 0;
    }
    
    .p_sp_b02_item_Text {
    	margin: 30px 0 80px 0;
    }

    #p_sp_b03 {
        background-image: url('../images_sp/product/strongport/b03_b01.png');
        background-position: center top;
        background-size: cover;
    }

    #p_sp_b03_inner {
        width: calc(100% - 40px);
        margin: 200px 0 0 0;
        padding: 150px 20px 0 20px;
    }

    #p_sp_b03_Title {
    }

    .p_sp_b03_flex1 {
        display: block;
        
    }

    .p_sp_b03_flex2 {
        display: block;
    }

    .p_sp_b03_flex_Text {
        padding: 100px 50px 200px 50px;
        margin: 100px 0 0px 0;
        
    }

        .p_sp_b03_flex_Text h3 {
	        font-size: 180%;
	        line-height: 2em;
	        margin: 0 0 50px 0;
        }

        .p_sp_b03_flex_Text img {
        	margin: 50px 0 0 0;
        }

    #p_sp_b03_spec {
    	width: calc(100% - 40px)
        margin: 100px 0 0 0;
        padding: 30px 20px 0 20px;
    }

    .p_sp_b03_spec_item {
        margin-top: 20px;
    }

        .p_sp_b03_spec_item h3 {
        	display: block;
        	width: calc(100% - 20px);
	        padding: 5px 10px;
			text-align: center;
			margin: 100px 0 100px 0;
        }

    .p_sp_b03_spec_figure {
        display: block;
    }

    .p_sp_b03_spec_figure_Left {
        width: 100%;
    }

    .p_sp_b03_spec_figure_Middle1 {
        display: none;
    }

    .p_sp_b03_spec_figure_Right {
        display: none;
    }

        .p_sp_b03_spec_figure_Right img {
        }

    .p_sp_b04_spec {
        width: 100%;
    }

        .p_sp_b04_spec h2 {
        	margin: 50px 0 0px 0;
        }

        .p_sp_b04_spec dl {
        }

            .p_sp_b04_spec dl::after {
            }

        .p_sp_b04_spec dt {
        	width: 200px;
        }

        .p_sp_b04_spec dd {
        	width: calc(100% - 200px);
        }

        .p_sp_b04_spec p {
        }






    /* Stylebox_Page */
    #p_sb_screen {
        width: 100%;
    }

    #p_sb_b01 {
    }

    #p_sb_b01_inner {
        width: 100%;
    }

    #p_sb_b01_flex {
        display: block;
        padding: 10px 0px 40px 0px;
    }

    #p_sb_b01_text {
        padding: 0px 0px 50px 0px;
    }

    #p_sb_b01_photo img {
        display: block;
        width: 100%;
    }


    #p_sb_b02 {
        width: 100%;
        margin: 200px auto 0px auto;
    }

        #p_sb_b02 h2 {
            font-weight: bold;
            font-size: 160%;
            padding: 30px 0 200px 0;
            text-align: left;
            line-height: 1.5em;
        }

        #p_sb_b02 a {
            color: #00f;
        }

    #p_sb_b02_title {
        text-align: center;
    }

    #p_sb_b02_title img{
        width: 100%;
    }


    #p_sb_b03 {
        background-color: #232323;
        color: #fff;
    }

    #p_sb_b03_inner {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        padding: 70px 20px;
    }

        #p_sb_b03_inner h2 {
            text-align: center;
            font-weight: bold;
            font-size: 180%;
            padding-bottom: 40px;
        }

    .p_sb_b03_flex {
        display: block;
        align-items: flex-start;
        margin-bottom: 150px;
    }

    .p_sb_b03_flex_Left {
        padding-right: 0;
    }

        .p_sb_b03_flex_Left img {
            width: 100%;
        }

    .p_sb_b03_flex_Middle {
        padding-right: 0;
        margin: 50px 0 30px 0;
    }

    .p_sb_b03_flex_Right {
    }

        .p_sb_b03_flex_Right h3 {
            font-weight: bold;
            font-size: 200%;
            padding-bottom: 80px;
            color: #dca175;
            border-bottom: 2px solid #fff;
            margin-bottom: 80px;
        }

        .p_sb_b03_flex_Right span {
            padding-top: 20px;
            font-size: 80%;
        }




    /* Information_Page */
    #information_screen {
    }

        #information_screen h2 {
        }

    #information_contents {
        width: 100%;
        display: block;
    }

    #information_items {
        width: 100%;
    }

    .information_item {
        border-top: 2px solid #ccc;
        padding: 30px 0;
        display: block;
    }

        .information_item h2 {
        }

        .information_item h3 {
        }

        .information_item p {
        }

        .information_item a {
        }

    .information_item_Text {
        width: 100%;
    }

    .informationD_item_Text {
    }

    .information_img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: 0;
    }

    .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: 150px 0 150px 0;
    }

    #information_category_title {
        width: calc(100% - 20px);
    }

    #information_category li {
    }

        #information_category li.infomation_select {
        }



    /* 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: 100%;
        margin: 100px auto 50px auto;
        display: block;
    }

    #example_items {
        width: 100%;
    }

    .example_item {
        border-top: 2px solid #ccc;
        padding: 30px 0;
        display: block;
    }

        .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: 100%;
    }

        .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: 200px;
            float: left;
            padding-top: 0px;
            margin-right: 10px;
        }

            .example_item_Text dt::after {
                content: ":";
            }

        .example_item_Text dd {
            border-bottom: 1px solid #ccc;
        }

        .example_item_Text p {
            display: block;
            margin: 50px 0 0 0;
        }

    .exampleD_item_Text {
        display: block;
        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: 200px;
            float: left;
            padding-top: 0px;
            margin-right: 10px;
        }

            .exampleD_item_Text dt::after {
                content: ":";
            }

        .exampleD_item_Text dd {
            border-bottom: 1px solid #ccc;
        }

    .exampleD_item_Text2 {
        margin: 10px 0 80px 0;
        padding: 20px 30px;
        background-color: #eee;
    }


    .example_img {
        width: 100%;
        object-fit: cover;
        margin-right: 0;
    }

    .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;
    }

    #exampleD_item_thumbnail {
        display: flex;
        flex-wrap: wrap;
    }

    .exampleD_item_thumbnail_image {
        width: calc((100% - 5px) / 2);
        flex: auto;
    }

        .exampleD_item_thumbnail_image input[type="image"] {
            margin: 0 0 5px 0;
        }

    #exampleD_links {
        border-top: 2px solid #ccc;
        display: flex;
        justify-content: space-between;
        padding: 50px 0 0 0;
    }

    #exampleD_links2 {
        display: block;
        margin: 0 0 0 0;
        text-align: center;
    }

    #exampleD_CategoryList {
        margin: 80px 0 100px 0;
    }

        #exampleD_CategoryList h2 {
            font-size: 180%;
            line-height: 1em;
        }

    #exampleD_CategoryList_Items {
        display: block;
        flex-wrap: wrap;
        gap: 0 30px;
    }

    .exampleD_CategoryList_Item1 {
        width: 100%;
    }

    .exampleD_CategoryList_Item2 {
        width: 100%;
        border-top: none;
    }

    .exampleD_CategoryList_Item3 {
        width: 100%;
    }

    .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: 150px 0 150px 0;
    }

    #example_category_title {
        width: calc(100% - 20px);
    }

    #example_category li {
    }

        #example_category li.infomation_select {
        }


}