﻿.main {
    padding-bottom: 0 !important;
}
.p-recomend {
	padding-top: 100px;
	background: none !important;
}
.container--top .p-recomend {
	padding-top: 100px !important;
}
.p-recomend__head {
	justify-content: center !important;
}
.p-recomend__title {
	font-size: 30px !important;
	font-weight: bold !important;
	padding-left: 84px;
}
.p-recomend a.p-card__head[target="_blank"] .p-card__title:not(.c-link--movie)::after,
.p-recomend .ur-card[target="_blank"] > a:hover .ur-card__title::after {
    background: url(/assets/img/ico_arrow_circle.svg) no-repeat center / contain !important;
}
.p-recomend a.p-card__head[target="_blank"]:hover .p-card__title:not(.c-link--movie)::after,
.p-recomend .ur-card[target="_blank"] > a:hover .ur-card__title::after {
  background-image: url(/assets/img/ico_arrow_circle_hover.svg) !important;
}

[lang="ar"] .p-recomend a.p-card__head[target="_blank"] .p-card__title:not(.c-link--movie)::after,
[lang="ar"] .p-recomend .ur-card[target="_blank"] > a:hover .ur-card__title::after,
[lang="ar"] .p-recomend a.p-card__head[target="_blank"]:hover .p-card__title:not(.c-link--movie)::after,
[lang="ar"] .p-recomend .ur-card[target="_blank"] > a:hover .ur-card__title::after {
  right: inherit;
  left: 0;
  transform: rotate(180deg);
  background-size: 1.75em 1.75em !important;
}

@media screen and (max-width: 768px) {
	.p-recomend {
		padding-top: 20px;
	}
	.p-recomend__title {
		padding-left: 0;
	}
}
@media screen and (max-width: 767px) {
    .js-slider-recomend .col-12 {
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
}
.p-breadcrumbs {
z-index: 2;
}
@media screen and (min-width: 768px) {
    .aboutus-section+* {
        margin-top: 0 !important;
    }
    .aboutus-section+* .c-heading-02:first-child {
        margin-top: 0 !important;
    }
}
.c-heading-01 {
position: relative !important;
margin-top: -50px !important;
margin-bottom: 0 !important;
padding-top: 85px !important;
padding-bottom: 60px;
background: #f7f7f7 !important;
color: #333 !important;
text-align: left !important;
}
.c-heading-01__cate {
padding-left: 15px !important;
color: #DB3833 !important;
font-size: 22px !important;
font-weight: bold !important;
border-left: solid 5px #DB3833 !important;
}
.c-heading-01__title {
margin-top: 10px !important;
color: #333 !important;
font-size: 48px !important;
}


.aboutus-nav-wrapper {
margin-top: 20px !important;
background: none !important;
padding-top: 0 !important;
padding-bottom: 80px !important;
}
.aboutus-nav {
gap: 20px 10px !important;
}
.aboutus-nav a {
position: relative !important;
width: auto !important;
padding: 0 30px 0 0 !important;
color: #333 !important;
}
.aboutus-nav a .arw {
        display: inline-block !important;
        width: 10px !important;
        height: 7px !important;
        background-image: url(https://www.ajinomoto.com/assets/img/ico_arrow_right_red.svg) !important;
        background-size: cove !importantr;
        margin-left:10px !important;
}
.aboutus-nav a:hover {
        text-decoration: none !important;
        color: #DB3833 !important;
}

.c-heading-02{
text-align: center !important;
margin-bottom: 60px !important ;
}
.c-heading-02 span{
    border-bottom: solid 1px #DB3833;
}
.aboutus_center {
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
padding-bottom:40px;
}
@media screen and (min-width: 768px) {
  .aboutus_center {
    max-width: 100vw;
    padding-left: 39px;
    padding-right: 39px
  }
}
@media screen and (min-width: 1366px) {
  .aboutus_center {
    padding-left: calc((100% - 1288px)/2);
    padding-right: calc((100% - 1288px)/2)
  }
}

@media screen and (min-width: 926px) {
  .aboutus_center {
    padding-left: calc((100% - 848px)/2);
    padding-right: calc((100% - 848px)/2)
  }
}
.aboutus_left{
    padding-right: calc((100% - 848px)/2);
padding-bottom:80px;
}
.aboutus_right {
    padding-left: calc((100% - 848px)/2);
padding-bottom:80px;
}
.aboutus_inner {
padding: 80px;
}
.container--group .aboutus_inner {
background: #b2e1db;
}

.container--group  a.c-linkBtn{
    border: 1px solid #5ca298;
background:#fff;
color:#5ca298;
}
.container--group a.c-linkBtn:before {
        background: #5ca298;
}
.container--group a.c-linkBtn:after {
        background-image: url(../imgs/ico_arrow_right_aboutus02.svg);
}
.container--group a.c-linkBtn:hover  {
box-shadow: 0 0 0 1px #fff inset;
color: #fff;
}
.container--group  a.c-linkBtn:hover:after {
        background-image: url(https://www.ajinomoto.com/assets/img/ico_arrow_right_white.svg);
}



.container--asv .aboutus_inner {
background: #d0cdea;
}
.container--2030 .aboutus_inner {
background: #fad0d1;
}

.container--asv  a.c-linkBtn{
    border: 1px solid #887bc1;
background:#fff;
color:#887bc1;
}
.container--asv a.c-linkBtn:before {
        background: #887bc1;
}
.container--asv a.c-linkBtn:after {
        background-image: url(../imgs/ico_arrow_right_aboutus07.svg);
}
.container--asv a.c-linkBtn:hover  {
box-shadow: 0 0 0 1px #fff inset;
color: #fff;
}
.container--asv  a.c-linkBtn:hover:after {
        background-image: url(https://www.ajinomoto.com/assets/img/ico_arrow_right_white.svg);
}


.aboutus_inner .row{
margin-bottom:0;
}
.aboutus_inner .c-text{
margin-bottom:0;
}
.aboutus_inner .c-text_box_left{
margin-top:30px;
background: #fff;
padding: 30px;
border-radius: 20px;
position:relative;
margin-bottom:30px;
}
.aboutus_inner .c-text_box_left:after{
content:"";
position:absolute;
display:block;
width:33px;
height:20px;
left:30px;
bottom:-20px;
background:url(../imgs/b01.png);
}
.aboutus_inner .c-text_box_right{
margin-top:30px;
background: #fff;
padding: 30px;
border-radius: 20px;
position:relative;
margin-bottom:30px;
}
.aboutus_inner .c-text_box_right:after{
content:"";
position:absolute;
display:block;
width:33px;
height:20px;
right:30px;
bottom:-20px;
background:url(../imgs/b02.png);
}

.aboutus_inner .c-text_box_right + div{
margin-bottom:0;
}


.aboutus_inner .c-linkBtn{
background: #fff;
}
.aboutus_inner .c-heading-04{
margin-top:30px;
font-size:20px;
}
.aboutus_left .aboutus_inner {
border-radius: 0 70px 70px 0;
  display: flex;
  flex-direction: column;
box-shadow: 0px 8px 8px #ccc;
}
.aboutus_right .aboutus_inner  {
border-radius: 70px 0 0 70px;
  display: flex;
  flex-direction: column;
box-shadow: 0px 8px 8px #ccc;
}

.container--2030 .aboutus_left .aboutus_inner {
  gap:50px;
}
.container--2030 .aboutus_right .aboutus_inner  {
  gap:50px;
}

.container--2030 .aboutus_inner.icn_none  {
  gap:10px;
}
.aboutus_inner .aboutus_box {
position:relative;
background: #fff;
border-radius: 40px;
padding:50px;
max-width:950px;
margin:0 auto 30px auto;
}
.aboutus_inner .aboutus_icn_txt {
margin-top:40px;
text-align:center;
}
.aboutus_inner .aboutus_icn01,
.aboutus_inner .aboutus_icn02 {
background: #fff;
border-radius: 40px;
margin-top:170px;
padding:50px;
}
.aboutus_inner .aboutus_icn03 {
background: #fff;
border-radius: 40px;
margin-top:110px;
padding:50px;
}
.aboutus_inner .aboutus_icn01 .aboutus_icn_img {
display:flex;
justify-content: center;
position:relative;
}
.aboutus_inner .aboutus_icn02 .aboutus_icn_img {
display:flex;
justify-content: center;
position:relative;
}
.aboutus_inner .aboutus_icn03 .aboutus_icn_img {
display:flex;
justify-content: center;
position:relative;
height:60px;
}
.aboutus_inner .aboutus_icn01 .aboutus_icn_img figure {
max-width:420px;
width:50%;
padding:0 40px 0 40px;
position:relative;
}
.aboutus_inner .aboutus_icn02 .aboutus_icn_img figure {
max-width:420px;
width:50%;
padding:0 40px 40px 40px;
position:relative;
}
.aboutus_inner .aboutus_icn03 .aboutus_icn_img figure {
padding:0 40px 40px 40px;
position:relative;
top:-160px;
}


@media screen and (max-width: 767px) {

	.container--top .c-heading-02{
	padding-left: 5.5555555556vw;
    padding-right: 5.5555555556vw;
	}
	.container--group .c-heading-02{
	padding-left: 5.5555555556vw;
    padding-right: 5.5555555556vw;
	}
	.container--asv .c-heading-02{
	padding-left: 5.5555555556vw;
    padding-right: 5.5555555556vw;
	}
	.container--2030 .c-heading-02{
	padding-left: 5.5555555556vw;
    padding-right: 5.5555555556vw;
	}
	.aboutus_left {
	padding-right: 30px;
	}
	.aboutus_left .aboutus_inner {
	padding: 30px;
	}
	.aboutus_right {
	padding-left: 30px;
	}
	.aboutus_right .aboutus_inner {
	padding: 30px;
	}

	.aboutus_inner .aboutus_icn01 .aboutus_icn_img {
display:block;
	}
	.aboutus_inner .aboutus_icn02 .aboutus_icn_img {
display:block;
	}
	.aboutus_inner .aboutus_icn03 .aboutus_icn_img {
	}
	.aboutus_inner .aboutus_icn01 .aboutus_icn_img figure {
max-width:100%;
	width:100%;
	margin: 0 auto;
padding:0 0 40px 0;
	}
	.aboutus_inner .aboutus_icn02 .aboutus_icn_img figure {
max-width:100%;
	width:100%;
	margin: 0 auto;
padding:0 0 40px 0;
	}
	.aboutus_inner .aboutus_icn03 .aboutus_icn_img figure {
	top:-160px;
	}
}
.footer{
border-top:solid 1px #DB3833;
}




.p-hero-top {
margin: 0 auto;
max-width: 1288px;
}
.container--top {
background: url(../imgs/bg01.png) repeat-y 50% 0;
background-size: 1288px auto;
padding-bottom: 60px;
}
.c-heading-02{
margin-top: 60px;
color:#DB3833;
}
.container--top .c-heading-02{
margin-top:100px;
}
.container--group .c-heading-02{
color:#5ca298;
}
.container--group .c-heading-02 span {
    border-bottom: solid 1px #5ca298;
}
.container--asv .c-heading-02{
color:#887bc1;
}
.container--asv .c-heading-02 span {
    border-bottom: solid 1px #887bc1;
}
.container--2030 .c-heading-02{
color:#DB3833;
}
.container--2030 .c-heading-02 span {
    border-bottom: solid 1px #DB3833;
}



.container--top .aboutus-nav-wrapper-top {
margin: 0 auto;
padding: 30px 50px;
max-width: 1288px;
border:solid 1px #f7f7f7 ;
background: #fff;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 20px;
gap:10px !important;
box-shadow: 0px 8px 8px #ccc;
}
.container--top h1 {
font-size: 42px;
font-weight:bold;
}
.container--top .aboutus-nav-wrapper-top .aboutus-nav {
width: 360px !important;
display: flex !important;
align-items: center !important;
gap: 5px 0 !important;
padding: 0 !important;
}
.container--top .aboutus-nav-wrapper-top .aboutus-nav a {
width: 50% !important;
padding: 0 !important;
}

@media screen and (max-width: 1228px) {
.container--top {
background-size: 90% auto;
}
	.container--top .aboutus-nav-wrapper-top {
	margin: 0 30px;	
	}
}
@media screen and (max-width: 1030px) {
	.container--top .aboutus-nav-wrapper-top {
	display: block;
	}
	.container--top .aboutus-nav-wrapper-top .aboutus-nav {
	margin-top: 20px;
	width: 100% !important;
	}
}
@media screen and (max-width: 700px) {
.container--top {
background: none;
}
.container--top h1 {
font-size: 32px;
	}
	.container--top .aboutus-nav-wrapper-top {
	margin: 0 20px;	
padding: 30px 30px;
	}
	.container--top .aboutus-nav-wrapper-top .aboutus-nav {
	display: block !important;
	}
	.container--top .aboutus-nav-wrapper-top .aboutus-nav a {
	margin-top: 5px;	
	display: block !important;
	width: 100% !important;
	}
}



.container--top .c-text {
margin-bottom: 0;
}
.aboutus_block{
display:flex;
align-items: center;
gap:80px;
}
.aboutus_block .aboutus_block_img{
text-align:center;
width:50%;
}
.aboutus_block .aboutus_block_txt{
width:50%;
}
@media screen and (max-width: 767px) {
	.aboutus_block{
	display:block;
	}
	.aboutus_block .aboutus_block_img{
	text-align:center;
	width:100%;
	}
	.aboutus_block .aboutus_block_txt{
	margin-top:40px;
	width:100%;
	}
}
.aboutus_block01 .c-heading-02{
color:#678fc2;
}
.aboutus_block01 .c-heading-02 span {
    border-bottom: solid 1px #678fc2;
}
.aboutus_block01 .aboutus_block_txt{
border-radius:70px 0  0  70px;
padding:80px;
background:#bed3f0;
box-shadow: 0px 8px 8px #ccc;
}
.aboutus_block01 .aboutus_block_img{
padding-left:30px;
}
.aboutus_block01 a.c-linkBtn{
    border: 1px solid #678fc2;
background:#fff;
color:#678fc2;
}
.aboutus_block01 a.c-linkBtn:before {
        background: #678fc2;
}
.aboutus_block01 a.c-linkBtn:after {
        background-image: url(../imgs/ico_arrow_right_aboutus01.svg);
}
.aboutus_block01 a.c-linkBtn:hover  {
box-shadow: 0 0 0 1px #fff inset;
color: #fff;
}
.aboutus_block01 a.c-linkBtn:hover:after {
        background-image: url(https://www.ajinomoto.com/assets/img/ico_arrow_right_white.svg);
}



.aboutus_block02 .c-heading-02{
color:#5ca298;
}
.aboutus_block02 .c-heading-02 span {
    border-bottom: solid 1px #5ca298;
}
.aboutus_block02 .aboutus_block{
flex-direction: row-reverse;
}
.aboutus_block02 .aboutus_block_txt{
border-radius: 0 70px 70px 0;
padding:80px;
background:#b2e1db;
box-shadow: 0px 8px 8px #ccc;
}
.aboutus_block02 .aboutus_block_img{
padding-left:30px;
}
.aboutus_block02 a.c-linkBtn{
    border: 1px solid #5ca298;
background:#fff;
color:#5ca298;
}
.aboutus_block02 a.c-linkBtn:before {
        background: #5ca298;
}
.aboutus_block02 a.c-linkBtn:after {
        background-image: url(../imgs/ico_arrow_right_aboutus02.svg);
}
.aboutus_block02 a.c-linkBtn:hover  {
box-shadow: 0 0 0 1px #fff inset;
color: #fff;
}
.aboutus_block02 a.c-linkBtn:hover:after {
        background-image: url(https://www.ajinomoto.com/assets/img/ico_arrow_right_white.svg);
}




.aboutus_block03 .c-heading-02{
color:#ba9938;
}
.aboutus_block03 .c-heading-02 span {
    border-bottom: solid 1px #ba9938;
}
.aboutus_block03 .aboutus_block_txt{
border-radius:70px 0  0  70px;
padding:80px;
background:#fadd81;
box-shadow: 0px 8px 8px #ccc;
}
.aboutus_block03 .aboutus_block_img{
padding-left:30px;
}
.aboutus_block03 a.c-linkBtn{
    border: 1px solid #ba9938;
background:#fff;
color:#ba9938;
}
.aboutus_block03 a.c-linkBtn:before {
        background: #ba9938;
}
.aboutus_block03 a.c-linkBtn:after {
        background-image: url(../imgs/ico_arrow_right_aboutus03.svg);
}
.aboutus_block03 a.c-linkBtn:hover  {
box-shadow: 0 0 0 1px #fff inset;
color: #fff;
}
.aboutus_block03 a.c-linkBtn:hover:after {
        background-image: url(https://www.ajinomoto.com/assets/img/ico_arrow_right_white.svg);
}


.aboutus_block04 .c-heading-02{
color:#c18058;
}
.aboutus_block04 .c-heading-02 span {
    border-bottom: solid 1px #c18058;
}
.aboutus_block04 .aboutus_block{
flex-direction: row-reverse;
}
.aboutus_block04 .aboutus_block_txt{
border-radius: 0 70px 70px 0;
padding:80px;
background:#fdd1b6;
box-shadow: 0px 8px 8px #ccc;
}
.aboutus_block04 .aboutus_block_img{
padding-left:30px;
}
.aboutus_block04 a.c-linkBtn{
    border: 1px solid #c18058;
background:#fff;
color:#c18058;
}
.aboutus_block04 a.c-linkBtn:before {
        background: #c18058;
}
.aboutus_block04 a.c-linkBtn:after {
        background-image: url(../imgs/ico_arrow_right_aboutus04.svg);
}
.aboutus_block04 a.c-linkBtn:hover  {
box-shadow: 0 0 0 1px #fff inset;
color: #fff;
}
.aboutus_block04 a.c-linkBtn:hover:after {
        background-image: url(https://www.ajinomoto.com/assets/img/ico_arrow_right_white.svg);
}


.aboutus_block05 .c-heading-02{
color:#d77979;
}
.aboutus_block05 .c-heading-02 span {
    border-bottom: solid 1px #d77979;
}
.aboutus_block05 .aboutus_block_txt{
border-radius:70px 0  0  70px;
padding:80px;
background:#fad0d1;
box-shadow: 0px 8px 8px #ccc;
}
.aboutus_block05 .aboutus_block_img{
padding-left:30px;
}
.aboutus_block05 a.c-linkBtn{
    border: 1px solid #d77979;
background:#fff;
color:#d77979;
}
.aboutus_block05 a.c-linkBtn:before {
        background: #d77979;
}
.aboutus_block05 a.c-linkBtn:after {
        background-image: url(../imgs/ico_arrow_right_aboutus05.svg);
}
.aboutus_block05 a.c-linkBtn:hover  {
box-shadow: 0 0 0 1px #fff inset;
color: #fff;
}
.aboutus_block05 a.c-linkBtn:hover:after {
        background-image: url(https://www.ajinomoto.com/assets/img/ico_arrow_right_white.svg);
}





.aboutus_block06 .c-heading-02{
color:#bb78ad;
}
.aboutus_block06 .c-heading-02 span {
    border-bottom: solid 1px #bb78ad;
}
.aboutus_block06 .aboutus_block{
flex-direction: row-reverse;
}
.aboutus_block06 .aboutus_block_txt{
border-radius: 0 70px 70px 0;
padding:80px;
background:#eed5ea;
box-shadow: 0px 8px 8px #ccc;
}
.aboutus_block06 .aboutus_block_img{
padding-left:30px;
}
.aboutus_block06 a.c-linkBtn{
    border: 1px solid #bb78ad;
background:#fff;
color:#bb78ad;
}
.aboutus_block06 a.c-linkBtn:before {
        background: #bb78ad;
}
.aboutus_block06 a.c-linkBtn:after {
        background-image: url(../imgs/ico_arrow_right_aboutus06.svg);
}
.aboutus_block06 a.c-linkBtn:hover  {
box-shadow: 0 0 0 1px #fff inset;
color: #fff;
}
.aboutus_block06 a.c-linkBtn:hover:after {
        background-image: url(https://www.ajinomoto.com/assets/img/ico_arrow_right_white.svg);
}

.aboutus_block06 a.c-linkBtn.modal_btn01:after {
width:15px;
height:16px;
        background-image: url(../imgs/zoom01.png);
}
.aboutus_block06 a.c-linkBtn.modal_btn01:hover:after {
        background-image: url(../imgs/zoom_ov.png);
}




.aboutus_block07 .c-heading-02{
color:#887bc1;
}
.aboutus_block07 .c-heading-02 span {
    border-bottom: solid 1px #887bc1;
}
.aboutus_block07 .aboutus_block_txt{
border-radius:70px 0  0  70px;
padding:80px;
background:#d0cdea;
box-shadow: 0px 8px 8px #ccc;
}
.aboutus_block07 .aboutus_block_img{
padding-left:30px;
}
.aboutus_block07 a.c-linkBtn{
    border: 1px solid #887bc1;
background:#fff;
color:#887bc1;
}
.aboutus_block07 a.c-linkBtn:before {
        background: #887bc1;
}
.aboutus_block07 a.c-linkBtn:after {
        background-image: url(../imgs/ico_arrow_right_aboutus07.svg);
}


.aboutus_block07 a.c-linkBtn:hover  {
box-shadow: 0 0 0 1px #fff inset;
color: #fff;
}
.aboutus_block07 a.c-linkBtn:hover:after {
        background-image: url(https://www.ajinomoto.com/assets/img/ico_arrow_right_white.svg);
}

.aboutus_block07 a.c-linkBtn.modal_btn02:after {
width:15px;
height:16px;
        background-image: url(../imgs/zoom02.png);
}
.aboutus_block07 a.c-linkBtn.modal_btn02:hover:after {
        background-image: url(../imgs/zoom_ov.png);
}


a.c-linkBtn.modal_btn02:after {
width:15px;
height:16px;
        background-image: url(../imgs/zoom02.png);
}
a.c-linkBtn.modal_btn02:hover:after {
        background-image: url(../imgs/zoom_ov.png);
}

@media screen and (max-width: 767px) {
.aboutus_block01,
.aboutus_block03,
.aboutus_block05,
.aboutus_block07{
padding-left:30px;
}
.aboutus_block01 .c-heading-02,
.aboutus_block03 .c-heading-02,
.aboutus_block05 .c-heading-02,
.aboutus_block07 .c-heading-02{
padding-right:30px;
}
.aboutus_block01 .aboutus_block_img,
.aboutus_block03 .aboutus_block_img,
.aboutus_block05 .aboutus_block_img,
.aboutus_block07 .aboutus_block_img{
padding-left:0;
padding-right:30px;
}
.aboutus_block02,
.aboutus_block04,
.aboutus_block06,
.aboutus_block08{
padding-right:30px;
}
.aboutus_block02 .c-heading-02,
.aboutus_block04 .c-heading-02,
.aboutus_block06 .c-heading-02,
.aboutus_block08 .c-heading-02{
padding-left:30px;
}
.aboutus_block02 .aboutus_block_img,
.aboutus_block04 .aboutus_block_img,
.aboutus_block06 .aboutus_block_img,
.aboutus_block08 .aboutus_block_img{
padding-left:30px;
padding-right:0;
}

.aboutus_block .aboutus_block_txt {
padding: 30px;
}

.aboutus-buttons .c-linkBtn {
min-width: 100% !important;
}

}




ul.list01{
margin-top: 30px;
margin-bottom: 30px;
}
.list01 li:before{
content: "";
display: inline-block;
vertical-align: middle;
background-color: #333;
border-radius: 50%;
width: 6px;
height: 6px;
margin-right: 12px;
text-indent: -18px;
}


dl.list02{
margin-top: 30px;
}
.list02 dt{
font-weight:bold;
}
.list02 dt:before{
content: "";
display: inline-block;
vertical-align: middle;
background-color: #333;
border-radius: 50%;
width: 6px;
height: 6px;
margin-right: 12px;
text-indent: -18px;
}
.list02 dd{
padding-left:18px;
}


dl.list03{
margin-top:30px;
background: #fff;
padding: 30px;
border-radius: 20px;
}
.list03 dt{
border-left:solid 3px #333;
padding-left:10px;
font-size:20px;
font-weight:bold;
}
.list03 dd{
margin-top:10px;
}

.aboutus_inner dl.list03{
margin-top:30px;
background: #fff;
padding: 30px;
border-radius: 20px;
}
.aboutus_inner .list03 dt{
border-left:solid 3px #333;
padding-left:10px;
font-size:20px;
font-weight:bold;
}
.aboutus_inner .list03 dd{
margin-top:10px;
}


.stories-entries{
padding-bottom:80px;
}

.stories-entries.row-masonry .stories-entry{
background: none !important;
}


html.is-modal {
position: fixed;
width: 100%;
overflow-y: scroll;
}
.m-modal {
display:none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index:1000002;
background-color: rgba(0 0 0 / 60%);
}
.m-modal_box {
margin: 0 auto;
width: 900px;
position: relative;
top: 50%;
border-radius: 5px;
padding: 3px;
position: relative;
}
#m-modal01 .m-modal_box {
width: 700px;
}

.m-modal_box_img {
padding:20px;
}
.m-modal_inner {
background:#fff;
text-align:center;
padding:20px;
}
.m-modal_close {
position: absolute;
top: 10px;
right: 10px;
height: 60px;
width: 60px;
cursor: pointer;
text-align:right;
}
.m-modal_close:hover {
}

@media screen and (max-width: 768px) {
	.m-modal_box {
	width: 86%;
	}
	#m-modal01 .m-modal_box {
	width: 86%;
	}
}