@charset "utf-8";
#products .modal-content{
	max-height: 90vh;
	top: 0;
	background-color: #fff;
}
#products .modal-content picture img{
	max-height: 45vh;
	margin: 0 auto;
}
#products .modal-close{
	top: 40px;
	right: 40px;
}
#products .modal-open{
	position: relative;
	display: block;
}
#products .modal-open:before,
#products .modal-open:after{
	content: "";
	display: block;
	width: 27px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	z-index: 2;
}
#products .modal-open:before{
	right: 16px;
	bottom: 28px;
}
#products .modal-open:after{
	right: 16px;
	bottom: 28px;
	transform: rotate(90deg);
}
#products .modal-open picture:before{
	content: "";
	display: block;
	width: 42px;
	height: 42px;
	background-color: #1a1a1a;
	position: absolute;
	right: 8px;
	bottom: 8px;
}
#products .products_model_box img{
	position: relative;
}
.modal-body{
	background-color: #fff;
}
.products_model_box{
	position: relative;
	width: fit-content;
}
.products_model_box a.hide-button.modal-open{
position: absolute!important;
    width: 30px;
    height: 30px;
    display: block!important;
    background-image: url(/assets/images/pages/business/plus_icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
        background-size: contain;
        transition: .3s;
}
body.modal-open .products_model_box a.hide-button.modal-open{
	opacity: 0;
}
.products_model_box a.hide-button.modal-open:before,
.products_model_box a.hide-button.modal-open:after{
	display: none!important;
}
#products a.modal-open,
#products a.modal-open picture{
z-index: 1;
}

/*****PC*****/
@media screen and (min-width: 1025px) {
#products .modal-content .gridbox.column2{
	grid-template-columns: 60% auto;
	padding: 40px 0;
	align-items: center;
}
#products .modal-content .gridbox.column2 + .gridbox{
	border-top: 1px solid #D9DAE7
}
#products .products_model_box{
	margin: 56px auto;
}
#products .products_model_box img{
		width: 480px;
		display: block;
		margin: 0 auto;
}
#products .gridbox.space_none{
    align-items: center;
}
#products .space_none .products_model_box{
	margin: 0 auto;
}

.products_model_box a.hide-button.modal-open:hover{
	opacity: .6;
}
#figure03.products_model_box #modal03_box_btn{
        left: 42px;
        top: 257px;
}
#figure03.products_model_box #modal03_box2_btn{
        left: 143px;
        top: 237px;
}

#figure03.products_model_box #modal03_box3_btn{
    left: 292px;
    top: 221px;
}
#figure03_2.products_model_box + p.center.txt24{
	margin-bottom: 80px;
    margin-top: -50px;
}

#figure04.products_model_box #modal011_btn{
left: 425px;
        top: 262px;
}
#figure03_2.products_model_box #modal03_btn{
    left: 156px;
    top: 266px;
}


}

/*****SP*****/
@media screen and (max-width: 1024px) {
	#products .modal-open:before,
#products .modal-open:after{
	width: 20px;
}
#products .modal-open:before{
	right: 14px;
    bottom: 24px;
}
#products .modal-open:after{
	right: 14px;
    bottom: 24px;
}
#products .modal-open picture{
	position: relative;
	z-index: 0;
}
#products .modal-open picture:before{
	width: 32px;
	height: 32px;
}
#products .products_model_box{
	margin: 40px auto;
}
#products .gridbox .products_model_box{
	margin: 0 auto;
}
#products .products_model_box img{
		width: 300px;
		display: block;
		margin: 0 auto;
}

#products .modal-content.over picture img{
	max-width: 100%;
}
#figure03.products_model_box #modal03_box_btn{
        left: 17px;
    top: 154px;
}

#figure04.products_model_box #modal011_btn{
        left: 258px;
        top: 171px;
}
#figure03.products_model_box #modal03_box2_btn{
        left: 85px;
    top: 137px;
}

#figure03.products_model_box #modal03_box3_btn{
    left: 176px;
    top: 127px;
}
#figure03_2.products_model_box #modal03_btn{
    left: 105px;
        top: 149px;
}

}