@import "https://fonts.googleapis.com/css?family=Orbitron:500";
@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
	--title : #333;
	--main : #333;
	--base : #333;
	--mainBold : #333;
	--sub : #333;
	--white : #333;
	--bg : #333;
    
}
/*--------------------------------------------
CONTENT HEADER
---------------------------------------------*/
#contentHeader{
	background-repeat : no-repeat;
    position: relative;
    background-size: cover !important;
    background-position: right bottom  !important;
}
    .products01 #contentHeader {
        background: url("../images/pagehead_cnt01.png");
    }
    .products02 #contentHeader {
        background: url("../images/pagehead_cnt02.png");
    }
    .products03 #contentHeader {
        background: url("../images/pagehead_cnt03.png");
    }
    .corporate #contentHeader {
        background: url("../images/pagehead_corporate.png");
    }
    .contact #contentHeader {
        background: url("../images/pagehead_contact.png");
    }
#contentHeader h2{
	letter-spacing : .1em;
}
	#contentHeader .box.back-white {
		background-color : rgba(255,255,255,.95);
	}
@media screen and (max-width: 768px){
	#contentHeader{
		background-size : cover;
        height: calc( 350 * 100vw / 768 );
        display: flex;
        align-items: flex-end;
	}
	#contentHeader .wrap{
        position: relative;
        margin-left: calc( -20 * 100vw / 768 );
        margin-bottom: calc( 30 * 100vw / 768 );
	}
	#contentHeader .box{
		padding-top : calc( 29 * 100vw / 768 );
		padding-left : calc( 21 * 100% / 764 );
		padding-right : calc( 21 * 100% / 764 );
		padding-bottom : calc( 24 * 100vw / 768 );
		color : #222;
		background-color : rgba(237,236,236,.80);
        width: calc( 600 * 100vw / 768 );
	}
	#contentHeader h2{
		font-size : calc( 50 * 100vw / 768 );
	}
    #contentHeader::after{
        content: "";
        background: url("../images/ui/title_back03.svg");
        width: 100%;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: -1px;
        left: 0px;
        right: 0px;
        background-repeat: no-repeat;
        background-size: 100% ;
        background-position: bottom -2px left;
    }
}
@media screen and (min-width: 769px) and (max-width:1439px){
	#contentHeader{
		background-size : cover;
	}
	#contentHeader .wrap{
		padding-top : 130px;
		padding-bottom : 40px;
	}
	#contentHeader .box{
		width : auto;
        min-width: 450px;
        display: inline-block;
		padding-top : calc( 28px - 1px );
		padding-left : 20px;
		padding-right : 22px;
		padding-bottom : calc( 24px - 1px );
	}
	#contentHeader h2{
		font-size : 30px;
		line-height : 32px;
	}
    #contentHeader::after{
        content: "";
        background: url("../images/ui/title_back02.svg");
        width: 100%;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-repeat: no-repeat;
        background-size: 100% ;
        background-position: bottom left;
    }
	#contentHeader h2{
		font-size : 45px;
	}
        #contentHeader h2 span.mini{
            font-size : 35px;
        }
}
@media print, screen and (min-width: 1440px){
	#contentHeader .wrap{
        min-height: 20vw;
		padding-top : 150px;
		padding-bottom : 80px;
	}
	#contentHeader .box{
		width : auto;
        min-width: 650px;
        display: inline-block;
		padding-top : 29px;
		padding-left : 5vw;
		padding-right : 23px;
		padding-bottom : 24px;
        border-bottom-right-radius: 20px;
	}

    #contentHeader::after{
        content: "";
        background: url("../images/ui/title_back01.svg");
        width: 100%;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-repeat: no-repeat;
        background-size: 100% ;
        background-position: bottom left;
    }
	#contentHeader h2{
		font-size : 60px;
	}
        #contentHeader h2 span.mini{
            font-size : 45px;
        }
}


#contents .title_A{
    margin-bottom: 1.0em;
}
#contents .title_B{
    margin-bottom: 1.0em;
}
#contents .title_C{
    margin-bottom: .8em;
}
#contents .title_D{
    margin-bottom: .3em;
}
.frame-border {
    border: 1px solid #ccc;
    padding: 1.5em;
    margin: 1em 0;
}
@media print, screen and (max-width: 768px){
	#contents .title_A{
	}
	#contents .title_B{
	}
	#contents .title_C{
	}
	#contents .title_D{
	}
    main {
        
    }
}
@media print, screen and (min-width: 769px){
	#contents .title_A{
        font-size:34px;
	}

    #contents .title_C{
        font-size: 24px;
        line-height: 1.3;
	}
	#contents .title_D{
        font-size: 20px;
        line-height: 1.3;
	}
    main {
    }
}
@media print, screen and (min-width: 1440px){
	#contents .title_A{
        font-size:40px;
	}
	#contents .title_B{
        font-size: 60px;
        font-family: var(--fontFamilyMin);
	}
        #contents .title_B span.mini{
            font-size: 40px;
        }
	#contents .title_C{
        font-size: 24px;
	}
}

.mb-50 {
    margin-bottom: 50px;    
}

/*-- flow  ----*/
.flow-ul {
    display: flex;
    flex-wrap: wrap;
}
    .flow-ul li {
    }
@media print, screen and (max-width: 768px){
.flow-ul {
    gap: 20px 20px;
    justify-content: center;
    flex-direction: column;
    width: calc( 720 * 100vw / 768 );
    margin-left: calc( 20 * 100vw / 768 );
}
    .flow-ul li {
        background: url(
        "../images/products_01/flow_back.png");
        background-size: calc( 300 * 100vw / 768 );
        background-repeat: no-repeat;
        background-position: top left;
        position: relative;
        display: flex;
        align-items: center;
    }
        .flow-ul li:not(:last-child)::after{
            content: url("../images/ui/arrow_forward_FILL0_wght400_GRAD0_opsz48_down.png");
            display: block;
            position: absolute;
            left: calc( 100 * 100vw / 768 );
            bottom: calc( -70 * 100vw / 768 );;
        }

    .flow-ul li .texts {
        width: calc( 100% - ( 300 * 100vw / 768 ));
        margin-left: calc( 20 * 100vw / 768 );
        }
    .flow-ul li .img {
        width: calc( 300 * 100vw / 768 );
        height: calc( 300 * 100vw / 768 );
        display: flex;
        justify-content: center;
        align-items: center;
    }
        .flow-ul li .img img {
            width: 100%;
            height: auto;
        }
    .flow-ul li .title_C {
        margin-bottom: .5em;
        font-weight: 500;
        font-size: calc( 34 * 100vw / 768 );
    }
        .flow-ul li .title_C span.mini {
        }
        .flow-ul li .title_C span.mini.inline {
            display: inline-block;
        }
}
@media print, screen and (min-width: 769px){
.flow-ul {
    gap: 20px 20px;
    justify-content: center;
}
    .flow-ul li {
        width: 180px;
        background: url(
        "../images/products_01/flow_back.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        position: relative;
    }
        .flow-ul li:not(:last-child)::after{
            content: url("../images/ui/arrow_forward_FILL0_wght400_GRAD0_opsz48.png");
            display: block;
            position: absolute;
            right: -35px;
            top: 80px;
        }

    
    .flow-ul li .img {
        width: 180px;
        height: 180px;
        padding-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
        .flow-ul li .img img {
            width: 100%;
            height: auto;
        }
    .flow-ul li .title_C {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 28px;
    }
        .flow-ul li .title_C span.mini {
            font-size: 14px;
            display: block;
            text-align: center;
        }
        .flow-ul li .title_C span.mini.inline {
            display: inline-block;
        }

}
@media screen and (min-width: 1440px) and (max-width:2000px){
    .flow-ul {
        max-width: 1600px;
    }
}
@media print, screen and (min-width: 2000px){
}


/*--section-contents01--*/

.section-contents01 {
    margin-top: 30px;
    margin-bottom: 100px;
}
@media print, screen and (max-width: 768px){
}
@media print, screen and (min-width: 769px){
}
@media screen and (min-width: 769px) and (max-width:1439px){
    .section-contents01 {
        margin-top: 0px;
        margin-bottom: 50px;
    }
}
@media print, screen and (min-width: 1440px){
}




section{
	overflow : hidden;
	position : relative;
}
@media print, screen and (min-width: 769px){
	section > .wrap{
        padding: 0 10px;
    }
}
@media print, screen and (min-width: 1440px){
	section > .wrap{
		max-width : 1600px;
		margin-left : auto;
		margin-right : auto;
		position : relative;
        padding-left: 40px;
        padding-right: 40px;
	}
	section > .wrap-wide{
		margin-left : auto;
		margin-right : auto;
		position : relative;
	}
	#contents .title01{
        line-height: 1.2;
	}
}


.column2_img-text {
    display: flex;
}
.column2_img-text.reverse {
    flex-direction: row-reverse;
}
    .column2_img-text .imgs {
        padding: 0 40px;
    }
        .column2_img-text .imgs img {
            width: 100%;
            height: auto;
        }
    .column2_img-text .texts {
    }
@media print, screen and (max-width: 768px){
    .column2_img-text {
    }
.column2_img-text.reverse {
    flex-direction: column-reverse;
}
        .column2_img-text .imgs {
            margin-top: calc( 15 * 100vw / 768 );
        }
        .column2_img-text .texts {
        }
}
@media print, screen and (min-width: 769px){
    .column2_img-text {
        gap:  30px;
        margin-bottom: 30px;
    }
        .column2_img-text .imgs {
            mix-width: 300px;
            width: 35%;
        }
        .column2_img-text .texts {
            mix-width: calc(100% - 380px);
            width: calc(65% - 30px);
        }
    .flex-align-center{
        align-items: center;
    }
}
@media print, screen and (min-width: 1440px){
    .column2_img-text {
    }
    .column2_img-text .imgs {
    }
    .column2_img-text .texts {
    }
}

/*-- faq  ----*/
.faq dl.faq_dl {
    
}
@media screen and (max-width: 768px){
    .faq dl.faq_dl div {
        border-bottom: 1px dotted #ccc;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .faq {
        margin-bottom: 50px;
    }
        .faq .box-flex {
            flex-direction: column;
        }
        .faq .title-wrap {
            text-align: center;
            margin-bottom: calc( 20 * 100vw / 768 );
        };
    .faq .faq_dl {
    }
        .faq .faq_dl dt , .faq .faq_dl dd {
            position: relative;
        }
        .faq .faq_dl dt {
            font-size: calc( 30 * 100vw / 768 );
            display: flex;
            align-items: center;
            column-gap: 10px;
            font-weight: 500;
        }
        .faq .faq_dl dt::before {
            content: "";
            background: url("../images/products_01/icon_qa_q.png");
            width: calc( 100 * 100vw / 768 );
            height: calc( 100 * 100vw / 768 );
            background-size: contain;
            background-position: left top;
            background-repeat: no-repeat;
        }
        .faq .faq_dl dd {
            font-size: calc( 26 * 100vw / 768 );
            line-height: 1.8;
            column-gap: 10px;
            width: calc( 600 * 100vw / 768 );
            position: relative;
            margin-left: calc( 120 * 100vw / 768 );
            margin-top: calc( 20 * 100vw / 768 );
            min-height: calc( 180 * 100vw / 768 );
            
        }
        .faq .faq_dl dd::before {
            content: "";
            background: url("../images/products_01/icon_qa_a.png");
            width: calc( 100 * 100vw / 768 ) !important;
            height: calc( 200 * 100vw / 768 );
            background-size: 100% auto;
            background-position: left top;
            background-repeat: no-repeat;
            display: block;
            position: absolute;
            top: 0px;
            left: calc( -105 * 100vw / 768 );
        }
}
@media print, screen and (min-width: 769px){
    .faq dl.faq_dl div {
        border-bottom: 1px dotted #ccc;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .faq {
        margin-bottom: 50px;
    }
        .faq .title-wrap {
            padding: 150px 180px 0 100px;
            position: relative;
        }
    .faq .title-wrap::before{
        content: url("../images/products_01/back_img05.png");
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .faq .title-wrap::after{
        content: url("../images/products_01/back_img06.png");
        position: absolute;
        top: 550px;
        right: 80px;
    }
    .faq .faq_dl {
    }
        .faq .faq_dl dt , .faq .faq_dl dd {
            position: relative;
        }
        .faq .faq_dl dt {
            font-size: 22px;
            display: flex;
            align-items: center;
            column-gap: 10px;
            font-weight: 500;
        }
        .faq .faq_dl dt::before {
            content: url("../images/products_01/icon_qa_q.png");
        }
        .faq .faq_dl dd {
            font-size: 16px;
            line-height: 1.8;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 10px;
            margin-top: 10px;
            margin-left: 20px;
            
        }
        .faq .faq_dl dd::before {
            content: url("../images/products_01/icon_qa_a.png");
        }
}
@media screen and (min-width: 769px) and (max-width:1439px){
        .faq .title-wrap {
            padding: 0 90px 0 50px;
            position: relative;
        }
    .faq .title-wrap::before{
        display: none;
    }
    .faq .title-wrap::after{
        top: 330px;
        right: 50px;
    }
        .faq .faq_dl dt {
            font-size: 18px;
        }

        .faq .faq_dl dd {
            font-size: 16px;
            
        }
}
@media print, screen and (min-width: 1440px){
}



/*-- achievement  ----------------------*/

.achievement-dl {
    
}
@media screen and (max-width: 768px){
    .achievement {
        margin-bottom:  calc( 100 * 100vw / 768 );
    }
    .achievement .scroll-box  {
        width: calc( 100% - (40 * 100vw / 768));
        overflow-x: scroll;
        margin: 0 calc( 20 * 100vw / 768 );
    }
    dl.achievement-dl {
        margin: auto;
        width: calc( 2000 * 100vw / 768 );
    }
        dl.achievement-dl div {
            display: flex;
            flex-direction: row;
            align-items: center;
        }
            dl.achievement-dl div.div-body:nth-of-type(2n) {
                background: #f0f4df;
            }
            dl.achievement-dl div dt  , dl.achievement-dl div dd {
                padding: 10px 10px;
            }
            dl.achievement-dl div dt {
                width: 150px ;
                display: flex;
                align-items: center;
                column-gap: 5px;
                white-space: nowrap;
            }
                dl.achievement-dl div dt .icon {
                }
            dl.achievement-dl div dd {
            }
                dl.achievement-dl div dd.dd-02 {
                    width: 150px;
                }
                dl.achievement-dl div dd.dd-03 {
                    width: 230px;
                }
                dl.achievement-dl div dd.dd-04 {
                    width: 160px;
                }
                dl.achievement-dl div dd.dd-05 {
                    width: 150px;
                }
                dl.achievement-dl div dd.dd-06 {
                    width: 300px;
                }
}
@media print, screen and (min-width: 769px){
    dl.achievement-dl {
        margin: auto;
    }
        dl.achievement-dl div {
            display: flex;
            flex-direction: row;
            align-items: center;
        }
            dl.achievement-dl div.div-body:nth-of-type(2n) {
                background: #f0f4df;
            }
            dl.achievement-dl div dt  , dl.achievement-dl div dd {
                padding: 10px 10px;
            }
            dl.achievement-dl div dt {
                width: 150px ;
                display: flex;
                align-items: center;
                column-gap: 5px;
                white-space: nowrap;
            }
                dl.achievement-dl div dt .icon {
                }
            dl.achievement-dl div dd {
            }
                dl.achievement-dl div dd.dd-02 {
                    width: 150px;
                }
                dl.achievement-dl div dd.dd-03 {
                    width: 230px;
                }
                dl.achievement-dl div dd.dd-04 {
                    width: 160px;
                }
                dl.achievement-dl div dd.dd-05 {
                    width: 150px;
                }
                dl.achievement-dl div dd.dd-06 {
                    width: 300px;
                }
}
@media screen and (min-width: 769px) and (max-width:1439px){
    dl.achievement-dl {
        margin: 0 10px;
    }
}
@media print, screen and (min-width: 1440px){
    .scroll-box {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    dl.achievement-dl {
        margin: 0 10px;
        max-width: 1600px;
    }
}

.products-list-ul {
}
@media screen and (max-width: 768px){
    .wrap-products {
        padding: 0 calc( 30 * 100vw / 768 );
    }
    .products-list h4 {
        font-size: calc( 60 * 100vw / 768 );
        margin-bottom: calc( 40 * 100vw / 768 );
        font-weight: 500;
    }
    .products-typename {
        font-size: calc( 30 * 100vw / 768 );
        border-bottom: 1px solid #666;
        margin-bottom: 1em;
    }
        .products-list h4 span.eg {
            background: #f9f4d9;
            width: auto;
            display: inline-block;
            text-align: center;
            font-size: calc( 32 * 100vw / 768 );
            padding: 0 2em;
            border-radius: 6px;
        }
    .products-list-ul {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 20px;
        margin-bottom: calc( 80 * 100vw / 768 );
    }
        .products-list-ul li {
            display: flex;
        }
            .products-list-ul li .images {
                width: calc( 300 * 100vw / 768 );
            }
                .products-list-ul li .images img {
                    width: 100%;
                    height: auto;
                }
            .products-list-ul li .texts {
                width: calc( 400 * 100vw / 768 );
                padding-left: calc( 16 * 100vw / 768 );
            }
                .products-list-ul li .texts h5 {
                    font-size: calc( 40 * 100vw / 768 );
                    margin: 0 0 15px 0;
                    font-weight: 500;
                }
                .products-list-ul li .texts p {
                    line-height: 1.5;
                    font-size:  calc( 26 * 100vw / 768 );
                }
    .products-list-ul2 {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
    }
        .products-list-ul2 li {
            font-size: calc( 30 * 100vw / 768 );
            line-height: 1.8;
            list-style: disc;
            margin-left: 1.4em;
            margin-right: 2em;
            min-width: 8em;
        }
}
@media print, screen and (min-width: 769px){
    .products-list h4 {
        font-size: 40px;
        margin-bottom: 30px;
    }
    .products-typename {
        font-size: 20px;
        border-bottom: 1px solid #666;
        margin-bottom: 1em;
    }
        .products-list h4 span.eg {
            background: #f9f4d9;
            width: 150px;
            display: inline-block;
            text-align: center;
            font-size: 18px;
            padding: 4px;
            border-radius: 6px;
        }
    .products-list-ul {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 20px;
        margin-bottom: 100px;
    }
        .products-list-ul li {
            width: 300px;
        }
            .products-list-ul li .images {
                margin-bottom: 5px;
            }
                .products-list-ul li .images img {
                    width: 100%;
                    height: auto;
                }
            .products-list-ul li .texts {
            }
                .products-list-ul li .texts h5 {
                    font-size: 22px;
                    margin: 10px 0 15px 0;
                    font-weight: 500;
                }
                .products-list-ul li .texts p {
                    line-height: 1.5 !important;
                }
    .products-list-ul2 {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
    }
        .products-list-ul2 li {
            font-size: 22px;
            line-height: 1.8;
            list-style: disc;
            margin-left: 1.4em;
            margin-right: 2em;
            min-width: 8em;
        }
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.wrap-products{
        max-width: 1260px;
        margin: auto;
        padding: 0 20px;
	}
}
@media print, screen and (min-width: 1440px){
	.wrap-products{
        max-width: 1620px;
        margin: auto ;
        padding: 0 20px;
	}
}
@media screen and (min-width: 769px) and (max-width:1330px){
    .wrap-products {
        width: calc((180px * 4) + 80px + 22px );
        margin: auto;
    }
        .products-list-ul li {
            width: 180px;
        }
                .products-list-ul li .texts h5 {
                    font-size: 18px;
                    margin: 10px 0 15px 0;
                    font-weight: 500;
                }
}
@media screen and (min-width: 1337px) and (max-width:1620px){
    .wrap-products {
        width: calc((250px * 4) + 80px + 22px  );
        margin: auto;
    }
        .products-list-ul li {
            width: 250px;
        }
                .products-list-ul li .texts h5 {
                }
}


/*--------------------------------------------
FEATURE
---------------------------------------------*/
@media screen and (max-width: 768px){
	.feature #contentHeader{
		background-image : url("../images/feature/bg_header_sp.png");
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.feature #contentHeader{
		background-image : url("../images/feature/bg_header_tb.png");
	}
}
@media print, screen and (min-width: 1440px){
	.feature #contentHeader{
		background-image : url("../images/feature/bg_header_pc.png");
	}
}
@media print, screen and (min-width: 1440px){
	.feature #contentHeader .wrap{
		padding-top : 117px;
		padding-bottom : 23px;
	}
	.feature #contentHeader .box{
		width : 990px;
		padding-top : 29px;
		padding-left : 23px;
		padding-right : 23px;
		padding-bottom : 24px;
	}
}
.feature #section01 h4{
	letter-spacing : .1em;
	color : #181818;
}
.feature #section01 .box > p{
	letter-spacing : .1em;
	color : #222;
}
.feature #section01 .box02 a{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	background-color : #7c7976;
	letter-spacing : .1em;
}
.feature #section01 .box02 a:before{
	content : "»";
}
.feature #section01 .box02 p{
	letter-spacing : .1em;
	color : #595757;
}
@media screen and (max-width: 768px){
	.feature #section01 .wrap{
		padding-top : calc( 76 * 100vw / 768 );
		position : relative;
		padding-left : 0;
		padding-right : 0;
	}
	.feature #section01 .viewbox{
		margin-top : calc( 24 * 100vw / 768 );
	}
	.feature #section01 .viewbox:before{
		content : "";
		display : block;
		background : url("../images/feature/bg01_sp.png") center center / cover no-repeat;
		width : 100%;
		height : calc( 416 * 100vw / 768 );
	}
	.feature #section01 .box{
		padding-left : calc( 13 * 100% / 768 );
		padding-right : calc( 13 * 100% / 768 );
		padding-top : calc( ( 28 - 2.5 ) * 100vw / 768 );
	}
	.feature #section01 h4{
		font-size : calc( 45 * 100vw / 768 );
		line-height : 1.11;
	}
	.feature #section01 .box > p{
		margin-top : calc( ( 24 - 2.5 - 7 ) * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
	}
	.feature #section01 .box02{
		margin-top : calc( ( 57 - 7 ) * 100vw / 768 );
	}
	.feature #section01 .box02 a{
		font-size : calc( 26 * 100vw / 768 );
		width : calc( 400 * 100% / 742 );
		height : calc( 60 * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
	}
	.feature #section01 .box02 p{
		text-align : center;
		font-size : calc( 24 * 100vw / 768 );
		margin-top : calc( 27 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.feature #section01 .wrap{
		padding-top : 71px;
	}
	.feature #section01 .viewbox{
		background : url("../images/feature/bg01_tb.png") center center / cover no-repeat;
		margin-top : 27px;
		padding-bottom : 36px;
		padding-top : 32px;
	}
	.feature #section01 .box{
		width : 758px;
		margin-left : auto;
		padding-top : calc( 44px - 6px );
		padding-left : 29px;
		padding-right : 29px;
		padding-bottom : 41px;
	}
	.feature #section01 h4{
		font-size : 30px;
		line-height : 42px;
	}
	.feature #section01 .box > p{
		margin-top : calc( 34px - 6px - 9px );
	}
	.feature #section01 .box02{
		margin-top : calc( 22px - 9px );
	}
	.feature #section01 .box02 a{
		font-size : 14px;
	}
}
@media print, screen and (min-width: 1440px){
	.feature #section01:before{
		content : "";
		display : block;
		position : absolute;
		background : url("../images/feature/bg01_pc.png") 0 0 / contain no-repeat;
		width : 1245px;
		height : 756px;
		bottom : 0;
		left : 0;
	}
	.feature #section01 .wrap{
		padding-top : 71px;
	}
	.feature #section01 .viewbox{
		min-height : 756px;
		margin-top : 47px;
		padding-top : 148px;
	}
	.feature #section01 .box{
		width : 775px;
		margin-left : auto;
		padding-top : calc( 78px - 3.5px );
		padding-left : 24px;
		padding-right : 24px;
		padding-bottom : 79px;
	}
	.feature #section01 h4{
		font-size : 35px;
		line-height : 42px;
	}
	.feature #section01 .box > p{
		margin-top : calc( 34px - 3.5px - 9px );
	}
	.feature #section01 .box02{
		margin-top : calc( 68px - 9px );
	}
	.feature #section01 .box02 a{
		font-size : 16px;
	}
}
@media print, screen and (min-width: 769px){
	.feature #section01 .box > p{
		font-size : 14px;
		line-height : 32px;
	}
	.feature #section01 .box02{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
	}
	.feature #section01 .box02 a{
		width : 296px;
		height : 46px;
	}
	.feature #section01 .box02 p{
		font-size : 13px;
		line-height : 16px;
		margin-left : 9px;
	}
}
.feature #section02 .wrap > ul > li{
	counter-increment : no;
}
.feature #section02 h4{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : start;
	-ms-flex-align : start;
	align-items : flex-start;
	letter-spacing : .1em;
	color : #222;
}
.feature #section02 h4:before{
	letter-spacing : 0;
	content : counter(no);
	font-family : "Orbitron", sans-serif;
}
.feature #section02 h4 span{
	border-left-style : solid;
	border-left-color : #626262;
}
.feature #section02 p{
	color : #222;
	letter-spacing : .1em;
}
.feature #section02 .box h5{
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	.feature #section02 .wrap{
		padding-top : calc( 86 * 100vw / 768 );
		padding-bottom : calc( 40 * 100vw / 768 );
		padding-left : 0;
		padding-right : 0;
	}
	.feature #section02 .wrap > ul{
		margin-top : calc( 39 * 100vw / 768 );
	}
	.feature #section02 .wrap > ul > li:after{
		margin-top : calc( 16 * 100vw / 768 );
		content : "";
		display : block;
		width : 100%;
		background-size : cover;
	}
	.feature #section02 .wrap > ul > li + li{
		margin-top : calc( 116 * 100vw / 768 );
	}
	.feature #section02 .texts{
		padding-left : calc( 16 * 100% / 768 );
		padding-right : calc( 16 * 100% / 768 );
	}
	.feature #section02 h4{
		padding-left : calc( 23 * 100% / 736 );
	}
	.feature #section02 h4:before{
		font-size : calc( 60 * 100vw / 768 );
		padding-top : calc( 5.5 * 100vw / 768 );
	}
	.feature #section02 h4 span{
		margin-left : calc( 35 * 100vw / 768 );
		padding-left : calc( 20 * 100vw / 768 );
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.5;
		border-left-width : calc( 6 * 100vw / 768 );
		padding-top : calc( 7 * 100vw / 768 );
		padding-bottom : calc( 7 * 100vw / 768 );
	}
	.feature #section02 .text{
		line-height : 1.54;
		margin-top : calc( ( 34 - 7 ) * 100vw / 768 );
	}
	.feature #section02 .box{
		margin-top : calc( ( 15 -7 ) * 100vw / 768 );
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-orient : vertical;
		-webkit-box-direction : reverse;
		-ms-flex-direction : column-reverse;
		    flex-direction : column-reverse;
	}
	.feature #section02 .box ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	.feature #section02 .box ul img{
		width : auto;
		max-width : inherit;
		height : calc( 426 * 100vw / 768 );
	}
	.feature #section02 .box ul li:nth-child(2){
		margin-left : calc( 13 * 100% / 732 );
	}
	.feature #section02 .box h5{
		font-size : calc( 24 * 100vw / 768 );
		margin-top : calc( 16 * 100vw / 768 );
	}
	.feature #section02 .wrap > ul > li:nth-child(1):after{
		background-image : url("../images/feature/list_bg01.png");
		height : calc( 469 * 100vw / 768 );
	}
	.feature #section02 .wrap > ul > li:nth-child(2):after{
		background-image : url("../images/feature/list_bg02_sp.png");
		height : calc( 546 * 100vw / 768 );
	}
	.feature #section02 .wrap > ul > li:nth-child(3):after{
		background-image : url("../images/feature/list_bg03.png");
		height : calc( 553 * 100vw / 768 );
	}
	.feature #section02 .wrap > ul > li:nth-child(4):after{
		background-image : url("../images/feature/list_bg04.png");
		height : calc( 380 * 100vw / 768 );
	}
	.feature #section02 .wrap > ul > li:nth-child(5):after{
		background-image : url("../images/feature/list_bg05.png");
		height : calc( 522 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.feature #section02 .wrap{
		padding-top : 73px;
		padding-bottom : 262px;
	}
	.feature #section02 .wrap > ul{
		margin-top : 15px;
		width : 100%;
	}
	.feature #section02 .wrap > ul > li{
		background-repeat : no-repeat;
	}
	.feature #section02 .wrap > ul > li + li{
		margin-top : 71px;
	}
	.feature #section02 .texts{
		padding-left : 20px;
		padding-right : 20px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
		background-color : rgba(255,255,255,.6);
		min-height : 526px;
	}
	.feature #section02 .text{
		font-size : 13px;
		line-height : 32px;
		margin-top : calc( 24px - 1px - 9.5px );
	}
	.feature #section02 .box{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
		-webkit-box-orient : horizontal;
		-webkit-box-direction : reverse;
		-ms-flex-direction : row-reverse;
		    flex-direction : row-reverse;
		-webkit-box-pack : end;
		-ms-flex-pack : end;
		justify-content : flex-end;
		margin-top : calc( 18px - 9.5px );
	}
	.feature #section02 .box h5{
		font-size : 12px;
		line-height : 14px;
		-ms-flex-item-align : end;
		align-self : flex-end;
		margin-left : 5px;
	}
	.feature #section02 .box ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	.feature #section02 .box ul li:nth-child(2){
		margin-left : 6px;
	}
	.feature #section02 .box ul img{
		width : auto;
		max-width : inherit;
		height : 184px;
	}
	.feature #section02 .wrap > ul > li:nth-child(odd){
		background-position : 264px 44px;
		background-size : auto 434px;
	}
	.feature #section02 .wrap > ul > li:nth-child(odd) .texts{
		padding-top : calc( 23px - 1px );
		width : 685px;
	}
	.feature #section02 .wrap > ul > li:nth-child(even){
		background-position : 0 0;
		background-size : auto 502px;
		padding-top : 20px;
	}
	.feature #section02 .wrap > ul > li:nth-child(even) .texts{
		margin-left : auto;
		padding-top : calc( 60px - 1px );
		width : 778px;
	}
	.feature #section02 .wrap > ul > li:nth-child(1){
		background-image : url("../images/feature/list_bg01.png");
	}
	.feature #section02 .wrap > ul > li:nth-child(2){
		background-image : url("../images/feature/list_bg02_pc.png");
	}
	.feature #section02 .wrap > ul > li:nth-child(3){
		background-image : url("../images/feature/list_bg03.png");
	}
	.feature #section02 .wrap > ul > li:nth-child(4){
		background-image : url("../images/feature/list_bg04.png");
	}
	.feature #section02 .wrap > ul > li:nth-child(5){
		background-image : url("../images/feature/list_bg05.png");
	}
}
@media print, screen and (min-width: 1440px){
	.feature #section02 .wrap{
		padding-top : 118px;
		padding-bottom : 262px;
	}
	.feature #section02 .wrap > ul{
		margin-top : 37px;
		width : 100%;
	}
	.feature #section02 .wrap > ul > li{
		background-repeat : no-repeat;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	.feature #section02 .wrap > ul > li:after{
		background-repeat : no-repeat;
	}
	.feature #section02 .wrap > ul > li:nth-child(odd):after{
		content : "";
		display : block;
		background-position : 0 0;
	}
	.feature #section02 .wrap > ul > li:nth-child(even){
		-webkit-box-orient : horizontal;
		-webkit-box-direction : reverse;
		-ms-flex-direction : row-reverse;
		    flex-direction : row-reverse;
	}
	.feature #section02 .wrap > ul > li:nth-child(even):after{
		content : "";
		display : block;
		background-position : 0 0;
	}
	.feature #section02 .texts{
		width : calc( 100% * 3 / 5 );
		padding-left : 30px;
		padding-right : 30px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
	}
	.feature #section02 .text{
		line-height : 32px;
		margin-top : calc( 24px - 9px );
	}
	.feature #section02 .box{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
		-webkit-box-pack : end;
		-ms-flex-pack : end;
		justify-content : flex-end;
		margin-top : calc( 34px - 9px );
	}
	.feature #section02 .box h5{
		font-size : 12px;
		line-height : 18px;
		margin-top : calc( 4px - 3px );
	}
	.feature #section02 .box ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
		margin-left : 8px;
	}
	.feature #section02 .box ul li:nth-child(1){
		width : 173px;
	}
	.feature #section02 .box ul li:nth-child(2){
		width : 198px;
		margin-left : 8px;
	}
	.feature #section02 .wrap > ul > li:nth-child(1) .texts{
		padding-top : 77px;
	}
	.feature #section02 .wrap > ul > li:nth-child(1):after{
		background-image : url("../images/feature/list_bg01.png");
		width : 934px;
		height : 624px;
	}
	.feature #section02 .wrap > ul > li:nth-child(2) .texts{
		padding-top : 134px;
	}
	.feature #section02 .wrap > ul > li:nth-child(2):after{
		background-image : url("../images/feature/list_bg02_pc.png");
		width : 641px;
		height : 593px;
	}
	.feature #section02 .wrap > ul > li:nth-child(3) .texts{
		padding-top : 102px;
	}
	.feature #section02 .wrap > ul > li:nth-child(3):after{
		background-image : url("../images/feature/list_bg03.png");
		width : 645px;
		height : 433px;
	}
	.feature #section02 .wrap > ul > li:nth-child(4) .texts{
		padding-top : 162px;
	}
	.feature #section02 .wrap > ul > li:nth-child(4):after{
		background-image : url("../images/feature/list_bg04.png");
		width : 644px;
		height : 591px;
	}
	.feature #section02 .wrap > ul > li:nth-child(5) .texts{
		padding-top : 156px;
	}
	.feature #section02 .wrap > ul > li:nth-child(5):after{
		background-image : url("../images/feature/list_bg05.png");
		width : 819px;
		height : 548px;
	}
}
@media print, screen and (min-width: 769px){
	.feature #section02 h4:before{
		font-size : 40px;
		padding-top : 5.5px;
	}
	.feature #section02 h4 span{
		font-size : 30px;
		line-height : 32px;
		margin-left : 27px;
		padding-left : 33px;
		padding-top : calc( 4px - 1px );
		padding-bottom : calc( 7px - 1px );
		border-left-width : 3px;
	}
}
/*--------------------------------------------
LIST
---------------------------------------------*/
@media screen and (max-width: 768px){
	.list #contentHeader{
		background-image : url("../images/list/bg_header_sp.png");
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.list #contentHeader{
		background-image : url("../images/list/bg_header_tb.png");
	}
}
@media print, screen and (min-width: 1440px){
	.list #contentHeader{
		background-image : url("../images/list/bg_header_pc.png");
	}
}
@media print, screen and (min-width: 1440px){
	.list #contentHeader .wrap{
		padding-top : 141px;
		padding-bottom : 32px;
	}
	.list #contentHeader .box{
		width : 990px;
		padding-top : 9px;
		padding-left : 31px;
		padding-right : 31px;
		padding-bottom : 11px;
	}
}

.list #section01 dt , .list #section01 dd{
	letter-spacing : .2em;
	white-space : nowrap;
}
.list #section01 .box div p{
	letter-spacing : .2em;
}
.list #section01 li{
	position : relative;
}
.list #section01 .new{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	background-color : #f33;
	top : 0;
	left : 0;
	position : absolute;
	font-family : "Lato", sans-serif;
	font-weight : 700;
}
.list #section01 .category{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	text-align : center;
	color : #000;
	background-color : #aed808;
	right : 0;
	top : 0;
	position : absolute;
}
@media screen and (max-width: 768px){
	.list #section01 .wrap{
		padding-top : calc( 54 * 100vw / 768 );
		padding-bottom : calc( 96 * 100vw / 768 );
	}
	.list #section01 .box{
		margin-top : calc( 25 * 100vw / 768 );
	}
	.list #section01 .box > div dl{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
	}
	.list #section01 .box > div dt , .list #section01 .box > div dd{
		font-size : calc( 50 * 100vw / 768 );
	}
	.list #section01 .box > div dd{
		padding-left : .5em;
	}
	.list #section01 .box > p{
		margin-top : calc( ( 48 - 7 ) * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
		letter-spacing : 0;
		line-height : 1.54;
	}
	.list #section01 ul{
		margin-top : calc( ( 194 - 23 ) * 100vw / 768 );
		margin-left : calc( -16 * 100% / 736 );
	}
	.list #section01 li{
		margin-top : calc( 23 * 100vw / 768 );
		width : calc( 360 * 100% / 752 );
		margin-left : calc( 16 * 100% / 752 );
	}
	.list #section01 .new{
		width : calc( 60 * 100% / 360 );
		height : calc( 60 * 100vw / 768 );
		font-size : calc( 14 * 100vw / 768 );
	}
	.list #section01 .category{
		height : calc( 38 * 100vw / 768 );
		padding-left : calc( 9 * 100% / 360 );
		padding-right : calc( 9 * 100% / 360 );
		font-size : calc( 20 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.list #section01 .wrap{
		padding-top : 37px;
		padding-bottom : 96px;
	}
	.list #section01 .box{
		margin-top : 25px;
	}
	.list #section01 .box > div dl{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
	}
	.list #section01 .box > div dt , .list #section01 .box > div dd{
		font-size : 40px;
	}
	.list #section01 .box > div dd{
		padding-left : .5em;
	}
	.list #section01 .box > div p{
		text-align : center;
		font-size : 20px;
		margin-top : 22px;
	}
	.list #section01 .box > p{
		font-size : 13px;
		line-height : 20px;
		margin-top : calc( 27px - 3.5px );
		width : 658px;
		margin-left : auto;
		margin-right : auto;
	}
	.list #section01 ul{
		margin-top : calc( 33px - 3.5px - 21px );
		margin-left : calc( -22 * 100% / 824 );
		width : 100%;
		margin-left : auto;
		margin-right : auto;
	}
	.list #section01 li{
		margin-top : 21px;
		margin-left : calc( 22 * 100% / 824 );
		width : calc( 250 * 100% / 824 );
	}
}
@media print, screen and (min-width: 1440px){
	.list #section01 .wrap{
		padding-top : 75px;
		padding-bottom : 96px;
	}
	.list #section01 .box{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
		-webkit-box-orient : horizontal;
		-webkit-box-direction : reverse;
		-ms-flex-direction : row-reverse;
		    flex-direction : row-reverse;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		margin-top : 53px;
	}
	.list #section01 .box > p{
		font-size : 18px;
		width : calc( 640 * 100vw / 2000 );
		margin-right : calc( 100 * 100vw / 2000 );
		-ms-flex-negative : 0;
		flex-shrink : 0;
		letter-spacing : 0;
	}
	.list #section01 .box > div{
		margin-top : 4px;
	}
	.list #section01 .box > div dl{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
	}
	.list #section01 .box > div dt , .list #section01 .box > div dd{
		font-size : calc( 50 * 100vw / 2000 );
	}
	.list #section01 .box > div dd{
		padding-left : .5em;
	}
	.list #section01 .box > div p{
		text-align : center;
		font-size : 20px;
		margin-top : 14px;
	}
	.list #section01 ul{
		margin-top : calc( 67px - 3px - 5px );
		margin-left : calc( -12.5 * 100% / 1600 );
		width : calc( 1575 * 100% / 1600 );
		margin-left : auto;
		margin-right : auto;
	}
	.list #section01 li{
		margin-top : 5px;
		margin-left : calc( 12.5 * 100% / 1600 );
		width : calc( 250 * 100% / 1600 );
	}
}
@media print, screen and (min-width: 769px){
	.list #section01 .new{
		width : 46px;
		height : 46px;
		font-size : 14px;
	}
	.list #section01 .category{
		height : 30px;
		padding-left : 8px;
		padding-right : 8px;
		font-size : 12px;
	}
}
/*--------------------------------------------
VOICES
---------------------------------------------*/
@media screen and (max-width: 768px){
	.voices #contentHeader{
		background-image : url("../images/voices/bg_header_sp.png");
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.voices #contentHeader{
		background-image : url("../images/voices/bg_header_tb.png");
	}
}
@media print, screen and (min-width: 1440px){
	.voices #contentHeader{
		background-image : url("../images/voices/bg_header_pc.png");
	}
}
@media print, screen and (min-width: 1440px){
	.voices #contentHeader .wrap{
		padding-top : 130px;
		padding-bottom : 31px;
	}
	.voices #contentHeader .box{
		width : 990px;
		padding-top : 16px;
		padding-left : 24px;
		padding-right : 24px;
		padding-bottom : 16px;
	}
}
.voices #section01 .box{
	border-style : solid;
	border-color : #ccc;
	background-color : rgba(255,255,255,.9);
}
.voices #section01 h4{
	letter-spacing : .1em;
	color : #222;
	border-bottom-style : solid;
	border-bottom-color : #ccc;
}
.voices #section01 .customer{
	letter-spacing : .1em;
	color : #222;
	text-align : right;
	margin-right : -.5em;
}

.voices #section01 a{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	text-align : center;
	border-style : solid;
	margin-left : auto;
	margin-right : auto;
}
@media screen and (max-width: 768px){
	.voices #section01{
		padding-top : calc( 83 * 100vw / 768 );
		padding-bottom : calc( 74 * 100vw / 768 );
	}
	.voices #section01 ul:first-of-type{
		margin-top : calc( 20 * 100vw / 768 );
	}
	.voices #section01 ul + ul{
		margin-top : calc( 20 * 100vw / 768 );
	}
	.voices #section01 li + li{
		margin-top : calc( 20 * 100vw / 768 );
	}
	.voices #section01 .box{
		padding-top : calc( ( 29 - 5 ) * 100vw / 768 );
		padding-bottom : calc( 32 * 100vw / 768 );
		padding-left : calc( 18 * 100% / 720 );
		padding-right : calc( 18 * 100% / 720 );
		border-width : calc( 6 * 100vw / 768 );
	}
	.voices #section01 h4{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.33;
		border-bottom-width : calc( 4 * 100vw / 768 );
		padding-bottom : calc( ( 22 - 5 ) * 100vw / 768 );
	}
	.voices #section01 .customer{
		font-size : calc( 24 * 100vw / 768 );
		margin-top : calc( 21 * 100vw / 768 );
	}
	.voices #section01 .text{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
		margin-top : calc( ( 22 - 7 ) * 100vw / 768 );
	}
	.voices #section01 a{
		margin-top : calc( ( 37 - 7 ) * 100vw / 768 );
		border-color : #84cbc5;
		border-width : calc( 6 * 100vw / 768 );
		width : calc( 400 * 100% / 720 );
		height : calc( 60 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.voices #section01{
		padding-top : 36px;
		padding-bottom : 97px;
	}
	.voices #section01 ul:first-of-type{
		margin-top : 23px;
	}
	.voices #section01 li:nth-child(odd) .box{
		margin-left : 9px;
	}
	.voices #section01 li:nth-child(even) .box{
		margin-left : auto;
		margin-right : 23px;
	}
	.voices #section01 li + li{
		margin-top : 21px;
	}
	.voices #section01 .box{
		padding-top : calc( 29px - 10px );
		padding-bottom : 22px;
		padding-left : 19px;
		padding-right : 19px;
	}
	.voices #section01 .text{
		font-size : 13px;
		line-height : 24px;
		margin-top : calc( 26px - 5.5px );
	}
	.voices #section01 a{
		margin-top : calc( 21px - 5.5px );
	}
	.voices #section01 ul{
		background : url("../images/voices/bg_tb.png") left top no-repeat;
		min-height : 1449px;
		padding-top : 17px;
	}
}
@media print, screen and (min-width: 1440px){
	.voices #section01{
		padding-top : 65px;
		padding-bottom : 97px;
	}
	.voices #section01 .wrap{
		max-width : 1600px;
		margin-left : auto;
		margin-right : auto;
	}
	.voices #section01 ul:first-of-type{
		margin-top : 20px;
	}
	.voices #section01 ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-ms-flex-wrap : wrap;
		    flex-wrap : wrap;
	}
	.voices #section01 li:nth-child(even){
		margin-left : 24px;
	}
	.voices #section01 li:nth-child(n+3){
		margin-top : 19px;
	}
	.voices #section01 .box{
		padding-left : 17px;
		padding-right : 17px;
		padding-top : calc( 29px - 10px );
		padding-bottom : 18px;
	}
	.voices #section01 .text{
		font-size : 14px;
		line-height : 30px;
		margin-top : calc( 26px - 8px );
	}
	.voices #section01 a{
		margin-top : calc( 20px - 8px );
	}
	.voices #section01 ul:nth-of-type(odd){
		background : url("../images/voices/bg01.png") right top no-repeat;
		min-height : 760px;
		padding-top : 20px;
	}
	.voices #section01 ul:nth-of-type(even){
		background : url("../images/voices/bg02.png") left top no-repeat;
		min-height : 647px;
		padding-top : 52px;
		margin-left : auto;
		-webkit-box-pack : end;
		-ms-flex-pack : end;
		justify-content : flex-end;
	}
}
@media print, screen and (min-width: 769px){
	.voices #section01 .box{
		border-width : 2px;
		width : 596px;
	}
	.voices #section01 h4{
		line-height : 2;
		font-size : 20px;
		border-bottom-width : 4px;
		padding-bottom : calc( 21px - 10px );
		padding-left : 4px;
		padding-right : 4px;
	}
	.voices #section01 .customer{
		font-size : 14px;
		margin-top : 19px;
	}
	.voices #section01 a{
		border-width : 2px;
		width : 186px;
		height : 36px;
		font-size : 14px;
		border-color : #ccc;
	}
}
/*--------------------------------------------
contact
---------------------------------------------*/


.contact #section01 h4{
	letter-spacing : .1em;
	color : #222;
}
.contact #section01 .text{
	letter-spacing : .1em;
	color : #222;
}
.contact #section01 h5{
	letter-spacing : .1em;
	-webkit-writing-mode : vertical-rl;
	    -ms-writing-mode : tb-rl;
	        writing-mode : vertical-rl;
}
.contact #section01 .box > ol{
	counter-reset : no;
}
.contact #section01 ol li li{
	counter-increment : no;
}
.contact #section01 h6{
	letter-spacing : .1em;
	color : #222;
}
.contact #section01 h6:before{
	content : counter(no)".";
}
.contact #section01 li p{
	letter-spacing : .1em;
	color : #222;
}
@media screen and (max-width: 768px){


}


/*--------------------------------------------
notice
---------------------------------------------*/
@media screen and (max-width: 768px){
	.notice #section01 h4{
		font-size : calc( 36 * 100vw / 768 );
        margin-bottom: 2em;
        margin-top: 1em;
	}
	.notice #section01 .wrap{
		padding :  calc( 24 * 100vw / 768 );
	}
    .notice .message {
        line-height: 1.8;
        margin-bottom: 3em;
        font-size: calc( 26 * 100vw / 768 );
    }
}
@media print, screen and (min-width: 769px){
	.notice #section01 h4{
        margin-bottom: 1em;
        margin-top: 1em;
	}
    .notice #section01 .wrap{
        padding-top : 0 !important;
    }
    .notice #section01 .wrap{
        padding-top : 0 !important;
    }
    .notice .message {
        line-height: 1.8;
        margin-bottom: 3em;
    }
        .notice #section01 .box{
            margin-top : 20px;
            margin-left : 47px;
            width : 1000px;
        }
}


.mfp_rows {
    display: flex;
    flex-wrap: wrap;
}
    .mfp_rows > div {
        padding-right: 5px;
        padding-bottom: 5px;
    }
.mfp_rows {
}




.aio-feature {
}
.products-type {
}
    .products-type div {
        display: flex;
        grid-column-gap: 10px;
    }
    .products-type div {
        display: flex;
        border-bottom: 1px solid #d1d2cf;
    }
@media print, screen and (max-width: 768px){
   .aio-feature {
        background: url("../images/ui/back_img04.png");
        background-repeat: no-repeat;
    }
       .aio-feature .box-flex {
           display: block;
        }

        .aio-feature .title-wrap {
            padding: 0 0 0 0;
            position: relative;
        }
            .aio-feature .title-wrap .icon {
                position: absolute;
                bottom: 90px;
                right: 80px;
            }
        .products-type {
            margin-top: calc( 20 * 100vw / 768 );
            margin-left: calc( 30 * 100vw / 768 );
        }
            .products-type div {
                padding-bottom: 10px;
                margin-bottom: 10px;
                display: block;
            }
                .products-type div dd {
                    font-size: calc( 26 * 100vw / 768 );
            }
                .products-type div dt {
                    position: relative;
                    height: calc( 80 * 100vw / 768 );
                    line-height: calc( 70 * 100vw / 768 );
                }
                    .products-type div dt .icon {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: calc( 70 * 100vw / 768 );
                        height: calc( 70 * 100vw / 768 );
                    }

                    .products-type div dt span {
                    }
                        .products-type div dt span.name {
                            font-weight: 500;
                            font-size: calc( 34 * 100vw / 768 );
                            padding-left: calc( 80 * 100vw / 768 );
                        }
                        .products-type div dt span.eng {
                            background: #f9f4d9;
                            text-align: center;
                            border-radius: calc( 6 * 100vw / 768 );
                            padding: 0  calc( 70 * 100vw / 768 );
                            margin-left: 1em;
                            font-size: calc( 24 * 100vw / 768 );
                        }
}
@media print, screen and (min-width: 769px){
    .aio-feature {
        background: url("../images/ui/back_img04.png");
        background-repeat: no-repeat;
    }
        .aio-feature .title-wrap {
            padding: 0px 180px 0 100px;
            position: relative;
        }
            .aio-feature .title-wrap .icon {
                position: absolute;
                bottom: 90px;
                right: 80px;
            }
        .products-type {
            margin-left: 15px;
            margin-top: 10px;
        }
            .products-type div {
                padding-bottom: 10px;
                margin-bottom: 10px;
                min-height: 70px;
            }
                .products-type div dd {
                    width: calc(100% - 260px);
            }
                .products-type div dt {
                    width: 250px;
                    position: relative;
                }
                    .products-type div dt .icon {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                    }
                    .products-type div dt span {
                        display: block;
                    }
                        .products-type div dt span.name {
                            font-weight: 500;
                            font-size: 24px;
                            padding-left: 80px;
                        }
                        .products-type div dt span.eng {
                            background: #f9f4d9;
                            text-align: center;
                            border-radius: 6px;
                        }
}
@media screen and (min-width: 769px) and (max-width:1439px){
        .aio-feature .title-wrap {
            padding: 0px 60px 0 80px;
            position: relative;
        }
            .aio-feature .title-wrap .icon {
                position: absolute;
                top: 550px;
                right: 50px;
            }
}
@media print, screen and (min-width: 1440px){
}


/*---- point ---*/
ul.point {
    
}
@media print, screen and (max-width: 768px){
    ul.point {
    }
        ul.point li {
            margin-bottom: calc( 120 * 100vw / 768 );
        }
            ul.point li h4 {
                display: flex;
                align-items: flex-start;
                column-gap: 10px;
            }
                ul.point li h4 .num {
                    background: url("../images/products_01/point_back.png");
                    background-repeat: no-repeat;
                    background-size: contain;
                    height: calc( 160 * 100vw / 768 );
                    padding-top: calc( 70 * 100vw / 768 );
                    padding-left: 10px;
                    width: calc( 160 * 100vw / 768 ) !important;
                    font-size: calc( 80 * 100vw / 768 );
                    font-weight: 300;
                    font-family: var(--fontFamily);
                }
                ul.point li h4 .txt {
                    font-size: calc( 60 * 100vw / 768 );
                    font-family: var(--fontFamilyMin);
                    padding-bottom: 20px;
                    width: calc(100% - ( 160 * 100vw / 768 ));
                    padding-top: calc( 20 * 100vw / 768 );
                }
                    ul.point li h4 .txt.top-pad {
                    }
                    ul.point li h4 .txt .mini {
                        font-size: calc( 50 * 100vw / 768 );
                    }
            ul.point li p {
                font-size:calc( 24 * 100vw / 768 );
                line-height: 2.0;
                margin-left: 15px;
            }
}
@media print, screen and (min-width: 769px){
    ul.point {
    }
        ul.point li {
            margin-bottom: 50px;
        }
            ul.point li h4 {
                display: flex;
                align-items: flex-start;
                column-gap: 10px;
            }
                ul.point li h4 .num {
                    background: url("../images/products_01/point_back.png");
                    background-repeat: no-repeat;
                    height: 125px;
                    padding-top: 50px;
                    padding-left: 10px;
                    width: 125px !important;
                    font-size: 60px;
                    font-weight: 300;
                    font-family: var(--fontFamily);
                }
                ul.point li h4 .txt {
                    font-size: 60px;
                    font-family: var(--fontFamilyMin);
                    padding-bottom: 20px;
                    width: calc(100% - 135px);
                }
                    ul.point li h4 .txt.top-pad {
                        padding-top: 25px;
                    }
                    ul.point li h4 .txt .mini {
                        font-size: 45px;
                    }
            ul.point li p {
                font-size: 18px;
                line-height: 2.0;
                margin-left: 15px;
            }
}
@media screen and (min-width: 769px) and (max-width:1439px){
                ul.point li h4 .num {
                    background: url("../images/products_01/point_back.png");
                    background-size: contain;
                    background-repeat: no-repeat;
                    height: 100px;
                    padding-top: 40px;
                    padding-left: 10px;
                    width: 100px !important;
                    font-size: 52px;
                    font-weight: 300;
                    font-family: var(--fontFamily);
                }
                ul.point li h4 .txt {
                    font-size: 45px;
                    font-family: var(--fontFamilyMin);
                    padding-bottom: 20px;
                    width: calc(100% - 135px);
                }
}


/*----------------------------------
corporate
----------------------------------*/
.corporate-list {
    margin: 0;
    padding: 0px;
}
    .corporate-list {
        list-style: none;
    }
@media print, screen and (max-width: 768px){
    .corporate-list {
        display: flex;
        flex-wrap: wrap;
        column-gap: 20px;
        grid-row-gap: 30px;
        margin: 0;
        padding: 0px;
    }
        .corporate-list li {
            width: calc(50% - 10px);
        }
            .corporate-list .img {
                margin-bottom: 10px;
            }
                .corporate-list .img img {
                    width: 100%;
                    height: auto;
                }
            .corporate-list .texts h4 {
                margin-bottom: 10px !important;
                font-size: calc( 40 * 100vw / 768 );
            }
            .corporate-list .texts p.mark {
                background: #f7f6e8;
                padding: 5px;
                margin-top: 5px;
            }
            .corporate-list .texts p {
                font-size: calc( 26 * 100vw / 768 );
                margin-bottom: .3em;
            }
               
}
@media print, screen and (min-width: 769px){
    .corporate-list {
        display: flex;
        flex-wrap: wrap;
        column-gap: 20px;
        grid-row-gap: 30px;
        margin: 0;
        padding: 0px;
    }
        .corporate-list li {
            width: 300px;
        }
            .corporate-list .img {
                margin-bottom: 10px;
            }
                .corporate-list .img img {
                    width: 100%;
                    height: auto;
                }
            .corporate-list .texts h4 {
                margin-bottom: 10px !important;
            }
            .corporate-list .texts p.mark {
                background: #f7f6e8;
                padding: 5px;
                margin-top: 5px;
            }
}
@media print, screen and (min-width: 1440px){
}


.aio-rinen {
    
}
@media print, screen and (max-width: 768px){
    #corporate-01 {
        position: relative;
z    }
        #corporate-01 .fluid {
            position: absolute;
            right: -30px;
            top: 0px;
            z-index: 1;
              width:30vh;/*横幅*/
              height: 25vh;/*縦幅*/
        }
        #corporate-01 .contents {
            position: relative;
            z-index: 5;
        }
        #corporate-01 .texts {
        }
            #corporate-01 .texts .title01 {
                font-size: calc( 55 * 100vw / 768 );
                line-height: 1.3;
            }
                #corporate-01 .texts .title01 .mini {
                    font-size: calc( 40 * 100vw / 768 );
                }
        .aio-rinen dt {
            font-size: calc( 50 * 100vw / 768 );
            font-family: var(--fontFamilyMin);
            font-weight: 500;
            margin-bottom: .3em;
        }
        .aio-rinen dd {
            padding-left: 2em;
            font-size: calc( 26 * 100vw / 768 );
            line-height: 2.0;
            margin-bottom: 2em;
        }
    dl.corporate_dl {
    }
        dl.corporate_dl div {
            display: block;
            border-bottom: 1px dotted #ccc;
            margin-bottom: calc( 20 * 100vw / 768 );
            padding-bottom: calc( 20 * 100vw / 768 );
            line-height: 1.5;
        }
        dl.corporate_dl dt {
            font-size: calc( 26 * 100vw / 768 );
            font-weight: 600;
        }
        dl.corporate_dl dd {
            font-size: calc( 26 * 100vw / 768 );
        }
}

@media print, screen and (min-width: 769px){
    .aio-rinen {
        display: grid;
        grid-template-columns: 150px 1fr 150px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-gap: 20px
    }
        .aio-rinen dt {
            width: 180px;
            font-size: 40px;
            font-family: var(--fontFamilyMin);
        }
        .aio-rinen dd {
            padding-left: 2em;
            font-size: 18px;
            line-height: 2.0;
        }
    .aio-rinen .dt-01 { grid-area: 1 / 1 / 2 / 2; }
    .aio-rinen .dd-01 { grid-area: 1 / 2 / 2 / 3; }
    .aio-rinen .dt-02 { grid-area: 1 / 3 / 2 / 4; }
    .aio-rinen .dd-02 { grid-area: 1 / 4 / 2 / 5; }
    #corporate-01 {
        position: relative;
        padding-top: 50px;
    }
        #corporate-01 .fluid {
            position: absolute;
            right: 0px;
            top: 0px;
            z-index: 1;
        }
        #corporate-01 .contents {
            position: relative;
            z-index: 5;
        }
dl.corporate_dl {
}
    dl.corporate_dl div {
        display: flex;
        border-bottom: 1px dotted #ccc;
        margin-bottom: 20px;
        padding-bottom: 20px;
        line-height: 1.5;
    }
    dl.corporate_dl dt {
        width: 150px;
    }
    dl.corporate_dl dd {
        width: calc(100% - 170px);
    }
}