@charset "utf-8";
/* CSS Document */
/*product
-------------------------------------------------------------------------------------*/
.product_text_box_area {
    padding: 80px 0;
}
.product_text_box {
    position: relative;
    padding: 100px 0 50px 0;
}
.product_text_box .text_box {
    max-width: 502px;
}
@media screen and (max-width: 1600px) {
    .product_text_box {
        padding: 100px 0 0vw 0;
    }
}
@media screen and (max-width: 1400px) {
    .product_text_box_area {
        padding: 0px 0;
    }
    .product_text_box {
        padding: 100px 0 0vw 0;
    }
}
@media screen and (max-width: 960px) {
    .product_text_box {
        padding: 50px 0 10vw 0;
    }
    .product_text_box .text_box {
        max-width: 100%;
    }
}
.product_text_box .img {
    position: absolute;
    right: 0;
    top: 50px;
    width: 43vw;
}
.product_text_box .img img {
    width: 100%;
}
/*product_ill_01*/
.product_ill_01 {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 42vw;
    width: 226px;
    height: 258px;
}
.product_ill_01 img {
    width: 100%;
}
@media screen and (max-width: 1077px) {
    .product_ill_01 {
        width: 17vw;
        height: auto;
    }
}
@media screen and (max-width: 960px) {
    .product_text_box .img {
        position: relative;
        right: auto;
        bottom: auto;
        width: 95%;
        margin: auto 0 auto auto;
        padding-top: 15vw;
    }
    /*product_ill_01*/
    .product_ill_01 {
        top: -3vw;
        right: 5%;
        width: 20vw;
    }
}
@media screen and (max-width: 680px) {
    /*product_ill_01*/
    .product_ill_01 {
        top: -13vw;
        right: 5%;
        width: 30vw;
    }
}
/*product_model_inner*/
.product_model + .product_model {
    margin-top: 20px;
}
.product_model_inner {
    padding: 50px 70px;
}
@media screen and (max-width: 1077px) {
    .product_model + .product_model {
        margin-top: 50px;
    }
    .product_model_inner {
        padding: 40px 5vw;
    }
}
@media screen and (max-width: 960px) {
    .product_model_inner {
        background: transparent;
    }
}
/*product_model_inner_list*/
.product_model_inner_list > li {
    display: flex;
    justify-content: space-between;
}
.product_model_inner_list > li + li {
    margin-top: 50px;
}
.product_model_inner_list > li .img {
    width: 15%;
    margin-right: 5%;
}
.product_model_inner_list > li .img img {
    width: 100%;
}
.product_model_inner_list > li .text_box {
    width: 80%;
}
.product_model_inner_list .circle li {
    margin-right: 10px;
    font-size: 14px;
}
@media screen and (max-width: 960px) {
    .product_model_inner_list > li {
        display: block;
    }
    .product_model_inner {
        padding: 0;
    }
    .product_model_inner_list > li .img {
        width: auto;
        max-width: 40%;
        margin: auto;
        margin-bottom: 15px;
        margin-right: auto;
    }
    .product_model_inner_list > li .text_box {
        width: auto;
        margin: 10px auto;
    }
    .product_model_inner_list > li .text_box > * + * {
        margin-top: 10px;
    }
}
/*製品詳細
----------------------------------------------------------------------------------------------------*/
.btn_s {
    width: 300px;
}
@media screen and (max-width: 960px) {
    .btn_s {
        width: auto;
    }
}
.link.b_center {
    margin: auto;
}
.products_page_title {
    font-feature-settings: "palt";
}
/*product_d_box*/
.product_d_box .img {
    max-width: 98%;
    margin: -300px -300px 60px auto;
    z-index: 500;
    position: relative;
}
.btn_ora {
    background: #f9a900 !important;
}
.product_d_box .rakuoh3_img {
    margin: -60px -50px auto auto;
}
@media screen and (max-width: 1615px) {
    .product_d_box .img {
        max-width: 87%;
        margin: -300px -13vw 60px auto;
    }
}
@media screen and (max-width: 1400px) {
    .product_d_box .img {
        margin: -300px -11vw 60px auto;
 /*       max-width: 85%;*/
    }
}
@media screen and (max-width: 1300px) {
    .product_d_box .img {
        margin: -300px 0 60px auto;
           max-width: 80%;
    }
}

@media screen and (max-width: 960px) {
    .product_d_box .img {
        margin: 0 auto 30px auto;
        max-width: 100%;
    }
    .product_d_box .pdt_m {
        padding-top: 0px !important;
    }
    .award_img {
        margin: 30px auto;
    }
}
/*poduct_miashi_flex*/
.poduct_miashi_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.poduct_miashi_flex .product_logo_01 {
    width: 12%;

}
.poduct_miashi_flex .product_logo_02 {
    width: 12%;
      margin:0 3%;
}
.poduct_miashi_flex .product_logo_01 img, .poduct_miashi_flex .product_logo_02 img {
    object-fit: contain;
    height: 124px;
    object-position: center;
    font-family: 'object-fit: contain; object-position: center;'
}
.poduct_miashi_flex .midashi_01 {
    width: 66%;
}
.poduct_miashi_flex .product_logo_01 + .midashi_01{
    width: 75%;

}

@media screen and (max-width: 960px) {
    .poduct_miashi_flex {
        flex-wrap: wrap;
    }
    .poduct_miashi_flex .product_logo_01 {
        width: 48%;
        margin: auto;
    }
    .poduct_miashi_flex .product_logo_02 {
        width: 48%;
        margin: 0 0 0 4%;
    }
    .poduct_miashi_flex .midashi_01 {
        width: 100%;
        margin-top: 30px;
    }



    .poduct_miashi_flex .product_logo_01 + .midashi_01{
    width: 100%;

}
}
/*product_d_box_flex*/
.product_d_box_flex .text_box {
    width: 60%;
}
.product_d_box_flex .f_img {
    width: 38%;
    margin-left: 2%;
}
.product_d_box_flex .f_img img {
    margin-bottom: 10px;
}
.product_d_box_flex .f_img .link {
    display: none;
}
@media screen and (max-width: 960px) {
    .product_d_box_flex .text_box {
        width: auto;
    }
    .product_d_box_flex .f_img {
        width: auto;
        margin-left: auto;
    }
    .product_d_box_flex .text_box .link {
        display: none;
    }
    .product_d_box_flex .f_img .link {
        display: block;
    }
}
/*poduct_d_list
-----------------------------------------------------------------------*/
.poduct_d_list > li {
    /*    padding-bottom: 400px;*/
    padding-bottom: 10vw;
}
.poduct_d_list li {
    position: relative;
}
.poduct_d_list .text_box {
    max-width: 65%;
    position: relative;
    margin: auto 0 auto auto;
}
.poduct_d_list .img {
    position: absolute;
    top: 0;
    left: -0%;
    width: 40%;
}
.poduct_d_list > li:nth-child(even) .text_box {
    margin: auto auto auto 0;
}
.poduct_d_list > li:nth-child(even) .img {
    left: auto;
    right: 0;
}
.poduct_d_list .text_box > * + * {
    margin-top: 30px;
}
.poduct_d_list .text_box .circle li {
    line-height: 1.5;
}
.poduct_d_list .text_box .circle li + li {
    margin-top: 20px;
}
.poduct_d_list ul.circle li:before {
    color: #3238c6;
}

.product_d_box .title_l{
font-size:29px;
}

.product_def {
    font-size: smaller;
    margin-top: 3px;
}

@media screen and (max-width: 1024px) {
    /*
    .product_d_box .rakuoh3_img {
        margin: auto 0 auto auto;
    }*/
    .poduct_d_list > li {
        padding-bottom: 10vw;
    }
    .poduct_d_list .img {
        width: 35%;
    }
}
@media screen and (max-width: 720px) {
    /*    .product_d_box .rakuoh3_img {
        margin: 20px auto auto auto;
    }*/
    .poduct_d_list .poduct_d_list_title {
        height: auto;
    }
    .poduct_d_list > li {
        padding-bottom: 15vw;
    }
    .poduct_d_list .text_box {
        max-width: 100%;
        margin: auto auto 20px auto;
    }
    .poduct_d_list .img {
        position: relative;
        top: auto;
        left: -0%;
        width: 90%;
    }
    .poduct_d_list > li:nth-child(even) .text_box {
        margin: auto auto 20px auto;
    }
    .poduct_d_list > li:nth-child(even) .img {
        left: auto;
        right: 0;
        margin: auto 0 auto auto;
    }
    .product_d_box .title_l{
font-size:26px;
}


}
/*products_title_box*/
.products_title_box {
    display: flex;
    align-items: center;
}
.products_title_box .point_img {
    width: 20%;
}
.products_title_box .poduct_d_list_title {
    width: 75%;
    margin-left: 5%;
    margin-top: -20px;
}
/*poduct_price_cv_list
-------------------------------------------------------------*/
.poduct_price_cv_list {
    display: flex;
    justify-content: center;
    max-width: 761px;
    margin: auto;
}
.poduct_price_cv_list li {
    width: 50%;
    padding: 0 30px;
}
.poduct_price_cv_list li > * {
    margin-bottom: 10px;
}
.poduct_price_cv_list li + li {
    padding-left: 50px;
    margin-left: 50px;
    border-left: solid 1px #1E282D;
}
@media screen and (max-width: 790px) {
    .poduct_price_cv_list {
        display: block;
    }
    .poduct_price_cv_list li {
        width: auto;
        padding: 0 0px;
    }
    .poduct_price_cv_list li + li {
        padding-left: 0;
        margin-left: 0px;
        border-left: none;
        padding-top: 30px;
        margin-top: 30px;
        border-top: solid 1px #1E282D;
    }
}



/*rakuoh_logo_3*/
.rakuoh_logo_3 img{
    height: 60px;
}
.rakuoh_logo_3{
    margin-bottom: 10px;

}

/*products追加デザイン*/
/*products_page_title*/
.products_page_title .page_title_area {
    background: url("../images/pagetitle_bg_products.jpg") no-repeat;
    background-size: cover;
}
@media screen and (max-width: 720px) {
    .products_page_title .page_title_area {
        background: url("../images/pagetitle_bg_products_sp.jpg") no-repeat;
        background-size: cover;
    }
}
/*rakuoh3*/
.products_page_title_02 .page_title_area {
    background: url("../images/pagetitle_bg_products_02.jpg") no-repeat;
    background-size: cover;
}
@media screen and (max-width: 720px) {
    .products_page_title_02 .page_title_area {
        background: url("../images/pagetitle_bg_products_02_sp.jpg") no-repeat;
        background-size: cover;
    }
}
/*poduct_function_cv_list*/
.poduct_function_cv {
    background: #F1F1F1;
}
.poduct_function_cv_bg {
    padding: 80px;
    background: url("../images/products_cv.svg") no-repeat;
    background-position: 100% 50%;
    background-size: 350px;
}
.poduct_function_cv_list {
    display: flex;
    justify-content: space-between;
}
.poduct_function_cv_list li {
    text-align: center;
    color: #3238c6;
    background: #fff;
    width: 18%;
}
.poduct_function_cv_list li > * {
    padding: 20px;
    position: relative;
    display: block;
    background: #fff;
}
.poduct_function_cv_list li > * p {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    height: 2em;
    margin-top: 30px;
}
.poduct_function_cv_list li > * img {
    height: 50px;
    object-fit: contain;
    object-position: center;
    font-family: 'object-fit: contain; object-position: center;'
}
@media screen and (max-width: 960px) {
    .poduct_function_cv_bg {
        padding: 80px 0;
        background-position: 100% -20px;
        background-size: 350px;
    }
    .poduct_function_cv_list {
        flex-wrap: wrap;
    }
    .poduct_function_cv_list li {
        margin-right: 2%;
        width: 49%;
        margin-bottom: 2%;
    }
    .poduct_function_cv_list li:nth-child(2n) {
        margin-right: 0;
    }
}


/* -----------------------------------------------------------------------------
 company
----------------------------------------------------------------------------- */
.company-area{
    margin-bottom: 80px;
    margin-top: -30px;
    padding: 5px;
}
.company-area h2 {
	font-size: 32px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: -0.05em;
	position: relative;
	display: inline-block;
	margin-left: 30px;
}
.company-area h2 span{
	color: #cb9b0f;
	font-size: 50px;
	display: inline-block;
	margin: 2px;

}
.company-area h2::before {
	content: "";
	background: url(../../images/logo/garland_left.svg);
	width: 20px;
	height: 50px;
	background-size: contain;
	position: absolute;
	left: -30px;
	bottom:15%;
	background-repeat: no-repeat;
}
.company-area h2::after {
	content: "";
	background: url(../../images/logo/garland_left.svg);
	width: 20px;
	height: 50px;
	background-size: contain;
	position: absolute;
	right: -30px;
	bottom: 15%;
	transform: scale(-1, 1);
	background-repeat: no-repeat;
}
.company-area p{
	margin-left: 30px;
}
.company-area ul.company-list{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 1%;
	margin-top: 20px;
}
.company-area ul.company-list li{
	width: 19%;
}
.company-area ul.company-list li img{
	width: 100%;
}
@media screen and (max-width: 769px){
    .company-area{
        margin-bottom: 40px;
        margin-top: 0px;
    }
	.company-area h2{
		text-align: center;
		line-height: 1.0;
		margin-left: 0px;
		font-size: 26px;
		width: 100%;
	}
	.company-area h2 span{
		font-size: 42px;
	}
	.company-area p{
		margin-top: 10px;
		margin-left: 0px;
	}
	.company-area h2::before {
	left: 2%;
	bottom: 5%;
	width: 30px;
	height: 70px;
}
.company-area h2::after {
	right: 2%;
	bottom: 5%;
	width: 30px;
	height: 70px;
}
.company-area ul.company-list li{
	width: 30%;
}
}