@charset "utf-8";

html,
body{
width:100%;
height:100%;
padding:0;
border:none;
}
body {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
article,header {
background-color: #fff;
color:#333;
width:100%!important;
max-width:100%!important;
}
.contents_wrap {
background-color:#BFE5E9;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
.contents_wrap.lower {
padding-top: 40px;
}

/* カテゴリ別カラー */
body.ir .contents_wrap {background-color:#C5E4F4;}
body.csr .contents_wrap {background-color:#BFE9CF;}
body.products .contents_wrap {background-color:#F7CEDD;}
body.customer .contents_wrap,
body.contact .contents_wrap {background-color:#F6E3BF;}
body.careers .contents_wrap {background-color:#F1C5C3;}
body.release .contents_wrap {background-color:#BFE5E9;}
body.rd .contents_wrap {background-color:#D2CBE7;}



#all{
width: 100%;
overflow: hidden;
}
footer{
width:100%!important;
max-width:100%!important;
/*opacity:0;*/
transition:opacity .3s;
}
body{
background-color: #fff;
}
body>div{
background-color: #fff;
}
.container {
padding:3rem 0;
background-color:#f5f5f5;
}
.back-gray + .back-gray,
.back-green + .back-green,
.back-white + .back-white {
padding-top:0;
}
.contents_wrap .container:last-of-type {
padding-bottom: 4rem;
}
.container.back-gray,.back-gray{
background-color:#F5F5F5;
}
.container.back-green,.back-green{
background-color:#E5F4F5;
}
.container.back-white,.back-white{
background-color:#fff;
}
.wrap_1_column {
padding:2rem 0;
background: #FFF;
}
.wrap_1_column.green {
background: #E5F4F5;
}
.box-white {
background: #FFF;
padding: 2rem;
}


h1,h2,h3,section,figure{
text-align: center;
}

/* text */
.text_en_400 {
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 400;
}
.text_en_600 {
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 600;
}
.text_green {color: #0099A8;}
.text_purple {color: #636989}
.text_red {color: #f06666}


hr {
height: 0;
border: 0;
margin: 2rem 0;
border-top:1px solid #eeedec;
}
hr.clear {
margin:0;
border-top:transparent;
}


/*loader*/
.loader {
position: absolute;
top:calc(50vh - 100px);
left:calc(50vw - 25px);
display: inline-block;
width: 50px;
height: 50px;
border: 2px solid #ddd;
border-radius: 50%;
-webkit-animation: spin 0.75s infinite linear;
animation: spin 0.75s infinite linear;
border-top-color: transparent;
}
.loader::after {
left: -2px;
top: -2px;
position: absolute;
content: '';
width: inherit;
height: inherit;
border: inherit;
border-radius: inherit;
display: block;
-webkit-transform: rotate(65deg);
transform: rotate(65deg);
}
@-webkit-keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg)};
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg)};
}




/* HEADER */
.header {
display: none;
background:#FFF;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
position: fixed;
padding: 5px 0;
font-size: 73.3%;
z-index: 109;
}
.header:before {
position: absolute;
top:-15px;
left:-5px;
content: "";
display: block;
width: 0;
height: 0;
border-right: 20px solid #0099A8;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
transform: rotate(45deg);
}
.header .gnav {
text-align: center;
padding-right: 20px;
}
.header .gnav div {
display: inline-block;
letter-spacing: normal;
vertical-align: top;
}
.header .gnav div h2 {
text-align: left;
color: #636989;
}
.header .gnav div h2 a{
color: #636989;
}
.header .gnav ul{
display: table;
}
.header .gnav ul li{
display: table-cell;
padding: 0 .5rem 0 0;
white-space: nowrap;
font-size: 1.0rem;
}
.header .gnav ul li.current a{
font-weight: 600;
color: #0099A8;
}
.header .gnav ul li.search input {
display: inline-block;
vertical-align: middle;
}
.header .gnav ul li.search input[type=text] {
margin-right: 5px;
width: 90px;
border:none;
background:#F5F5F5;
height: 20px;
}
.header .gnav ul li.language {
padding-left: .6rem;
}
.header .gnav ul li.language a {
color: #333;
}
.header .gnav ul li.language a.current {
color: #CCC;
pointer-events: none;
}
.header h1 {
position: absolute;
top:30%;
right:10px;
}
.header h1 a {
display: block;
background: url(https://www.mandom.co.jp/common/images/common/mandom_logo.svg) no-repeat 0 0;
background-size: 100%;
width: 36px;
height: 33px;
text-indent: -9999px;
}

.breadcrumbs {
height: 15px;
background: #f5f5f5;
}
.breadcrumbs .col12 {
display: none;
}
.breadcrumbs a,
.breadcrumbs span {
display: inline-block;
vertical-align: middle;
font-size: 1.4rem;
letter-spacing: normal;
}
.breadcrumbs a:after {
content: ">";
display: inline-block;
margin:0 .5rem;
}
.breadcrumbs + .container {
padding-top: 0;
}




/* FOOTER */
.footer .wrapper {
padding: 0;
}
.wrap_mailmagazine {
background:#E5F4F5;
padding: 2rem 0 3rem;
position: relative;
}
.footer_menu {
padding: 4rem 0;
}
.footer_menu h1 {
text-align: center;
margin-bottom: 2rem;
}
.footer_menu p {
border-top: 1px solid #AAD9DD;
}
.footer_menu .col4{
padding-top: 0;
padding-bottom: 0;
}
.footer_menu .col4.lang {
padding-top: 3rem;
text-align: center;
border-top: 1px solid #AAD9DD;
}
.footer_menu .col4.lang a {
display: inline-block;
padding: .5rem;
width: 47%;
margin:0 1%;
color: #0099A8;
font-weight: 600;
border:1px solid #0099A8;
border-radius: 4px;
text-align: center;
box-sizing: border-box;
}
.footer_menu .col4.lang a.current {
background: #CCC;
color: #FFF;
border:none;
cursor: default;
pointer-events: none;
}
.footer_menu .col4.lang a.current:hover {
opacity: 1;
}
.footer_menu a,
.footer_menu p.trigger,
.footer_menu.info p a {
position: relative;
display: block;
padding: 1.5rem 2rem 1.5rem 0;
cursor: pointer;
}
.footer_menu a:after,
.footer_menu p.trigger:after,
.footer_menu p.trigger.current:after,
.footer_menu.info p a:after {
position: absolute;
top:40%;
right:10px;
content: "";
display: inline-block;
height: 8px;
width: 8px;
transform: rotate(45deg);
}
.footer_menu a.launch:after {
top:30%;
height: 20px;
width: 20px;
border-top: none;
border-right: none;
background: url(https://www.mandom.co.jp/common/images/common/ico_launch_green.svg) no-repeat 0 0;
background-size: 20px;
transform: rotate(0deg);
}

.footer_menu a:after,
.footer_menu.info p a:after {
border-top:2px solid #0099A8;
border-right:2px solid #0099A8;
}
.footer_menu p.trigger:after {
border-bottom:2px solid #0099A8;
border-right:2px solid #0099A8;
}
.footer_menu p.trigger.current:after {
top:45%;
transform: rotate(-135deg);
}
.footer_menu .col4.lang a:after {
display: none;
}

.footer_menu.info p:nth-child(even) {
border-bottom: none;
}
.footer_menu.info .col4:last-child p:last-child{
border-bottom: 1px solid #AAD9DD;
}
.footer_menu ul {
display: none;
margin-left: 10px;
}
.footer_menu ul li {
border-top: 1px solid #AAD9DD;
}
.footer_menu ul li.nolink {
padding: 1.5rem 0;
color: #0099A8;
font-weight: 600;
}
.footer_menu ul li a {
color: #0099A8;
font-weight: 600;
}
.footer_menu ul li.lower a {
color: #636989;
font-weight: normal;
margin-left: 10px;
}


.footer_menu.info {
background:#E5F4F5;
}
.footer_copyright {
padding: 1rem 0;
background:#666;
color: #FFF;
font-size: 1.4rem;
}





/* BTN */
a.btn_positive_l,
a.btn_negative_l,
a.btn_disable_l {
position: relative;
display: block;
padding: 1rem 2.8rem 1rem 1.5rem;
margin: 1rem 0;
color: #0099A8;
font-weight: 600;
text-align: left;
border-radius: 4px;
border:1px solid #0099A8;
background: url(https://www.mandom.co.jp/common/images/common/arrow_green_right.svg) no-repeat right 10px top 50%;
background-size: 20px;
}
a.btn_negative_l {
background-image: url(https://www.mandom.co.jp/common/images/common/arrow_gray_right.svg);
}
a.btn_disable_l {
background-image: url(https://www.mandom.co.jp/common/images/common/arrow_white_right.svg);
}

a.btn_positive_m,
a.btn_negative_m,
a.btn_disable_m {
display: inline-block;
padding: 1rem 1.5rem;
margin: 1rem 0;
text-align: center;
color: #0099A8;
font-weight: 600;
border-radius: 4px;
border:1px solid #0099A8;
}
a.btn_negative_l,a.btn_negative_m {
border-color: #666;
color: #666;
}
a.btn_disable_l,a.btn_disable_m {
background-color: #CCC;
border-color: #CCC;
color: #FFF;
cursor: default;
}
a.btn_disable_l:hover,a.btn_disable_m:hover {opacity: 1;}
a.btn_positive_l.search {background-image: url(https://www.mandom.co.jp/common/images/common/ico_search_green.svg);}
a.btn_negative_l.search {background-image: url(https://www.mandom.co.jp/common/images/common/ico_search_gray.svg);}
a.btn_disable_l.search {background-image: url(https://www.mandom.co.jp/common/images/common/ico_search_white.svg);}
a.btn_positive_l.shopping{background-image: url(https://www.mandom.co.jp/common/images/common/ico_shopping_green.svg);}
a.btn_negative_l.shopping{background-image: url(https://www.mandom.co.jp/common/images/common/ico_shopping_gray.svg);}
a.btn_disable_l.shopping{background-image: url(https://www.mandom.co.jp/common/images/common/ico_shopping_white.svg);}
a.btn_positive_l.launch{background-image: url(https://www.mandom.co.jp/common/images/common/ico_launch_green.svg);}
a.btn_negative_l.launch{background-image: url(https://www.mandom.co.jp/common/images/common/ico_launch_gray.svg);}
a.btn_disable_l.launch {background-image: url(https://www.mandom.co.jp/common/images/common/ico_launch_white.svg);}
a.btn_positive_l.pdf{background-image: url(https://www.mandom.co.jp/common/images/common/ico_pdf.png);}
a.btn_negative_l.pdf{background-image: url(https://www.mandom.co.jp/common/images/common/ico_pdf.png);}
a.btn_disable_l.pdf {background-image: url(https://www.mandom.co.jp/common/images/common/ico_pdf.png);}
a.btn_positive_l.download {
background-image: url(https://www.mandom.co.jp/common/images/common/ico_download.svg);
background-size: 24px;
}

a.btn_positive_l.pdf,
a.btn_negative_l.pdf,
a.btn_disable_l.pdf {
padding: 1rem 3.5rem 1rem 1.5rem;
}


a.btn_text-box {
display: block;
padding: 1.5rem 2rem;
border-radius: 10px;
border:1px solid #CCC;
background: #FFF;
}
a.btn_text-box dt {
position: relative;
padding-right: 1rem;
padding-bottom: 1.2rem;
font-weight: 600;
color: #0099A8;
border-bottom: 1px solid #CCC;
}
a.btn_text-box dt:after {
position: absolute;
top:25%;
right:0;
content: "";
display: inline-block;
height: 8px;
width: 8px;
border-top:2px solid #0099A8;
border-right:2px solid #0099A8;
transform: rotate(45deg);
}

a.btn_text-box.insta dt,
a.btn_text-box.twitter dt,
a.btn_text-box.facebook dt {
padding-right: 2rem;
}

a.btn_text-box.line dt:after,
a.btn_text-box.insta dt:after,
a.btn_text-box.twitter dt:after,
a.btn_text-box.facebook dt:after {
height: 20px;
width: 20px;
border:none;
transform: rotate(0deg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100%;
}

a.btn_text-box.insta dt:after {background-image:url(https://www.mandom.co.jp/common/images/common/ico_insta_green.svg);} 
/*a.btn_text-box.twitter dt:after {background-image:url(https://www.mandom.co.jp/common/images/common/ico_twitter_green.svg);} */
a.btn_text-box.twitter dt:after {background-image:url(https://www.mandom.co.jp/common/images/common/ico_twitter.svg);} 
a.btn_text-box.facebook dt:after {background-image:url(https://www.mandom.co.jp/common/images/common/ico_facebook_green.svg);} 
a.btn_text-box.line dt:after {background-image:url(https://www.mandom.co.jp/common/images/common/ico_line.svg);} 

a.btn_text-box dd {
padding-top: 1.2rem;
font-size: 1.4rem;
}
.btn_fb,
.btn_tw {
display: inline-block;
margin: .6rem;
padding: .6rem 1rem;
min-width: 110px;
background-color: #FFF;
background-repeat: no-repeat;
background-position: 95% 50%;
background-size: 22px auto;
border:1px solid #CCC;
border-radius: 4px;
text-align: left;
font-weight: 600;
}
.btn_fb {background-image: url(https://www.mandom.co.jp/common/images/common/ico_facebook.svg);}
.btn_tw {background-image: url(https://www.mandom.co.jp/common/images/common/ico_twitter.svg);}


/* btn_imagebox */
.btn_imagebox .wrapper {
text-align: left;
}
.wrapper.box_wrap .col12,
.wrapper.box_wrap .col11,
.wrapper.box_wrap .col10,
.wrapper.box_wrap .col8,
.wrapper.box_wrap .col6,
.wrapper.box_wrap .col4,
.wrapper.box_wrap .col3 {
padding: 1.851% 0;
}

.btn_imagebox > div {
vertical-align: top;
}

.btn_imagebox a {
display: block;
background: #FFF;
}
.wrap_1_column .btn_imagebox a {
border:1px solid #CCC;
}
.btn_imagebox a p {
position: relative;
padding: 2.8rem 3rem 2.8rem 15px;
}
.btn_imagebox a p:after {
position: absolute;
top:45%;
right:15px;
content: "";
display: inline-block;
vertical-align: middle;
height:8px;
width:8px;
border-top:2px solid #0099A8;
border-right:2px solid #0099A8;
transform: rotate(45deg);
}
.btn_imagebox a p.pdf:after {
background: url(https://www.mandom.co.jp/common/images/common/ico_pdf.png) no-repeat 0 0;
background-size: 20px;
top: 41%;
height: 20px;
width: 20px;
border: none;
transform: rotate(0deg);
}

.btn_imagebox a figure img {
width: 100%;
}

.btn_imagebox .news_title {
padding: 20px;
}
.btn_imagebox .news_title .tag_category {
margin-bottom: 1.5rem;
}

.btn_imagebox.side a {
display: table;
width: 100%;
}
.btn_imagebox.side a p:after{
height:10px;
width:10px;
}
.btn_imagebox.side a figure,
.btn_imagebox.side a p {
display: table-cell;
box-sizing: border-box;
padding-top: 0;
padding-bottom: 0;
vertical-align: middle;
line-height: 1.4;
}
.btn_imagebox.side a p.no_image {
padding: 3.2rem 30px 3.2rem 15px;
}
.btn_imagebox.side a figure {
width: 138px;
}
.btn_imagebox.side a p.pdf {
padding-right: 3rem;
}
.btn_imagebox.side a p.pdf:after {
top:35%;
right:10px;
height:24px;
width:24px;
border:none;
transform: rotate(0deg);
background: url(https://www.mandom.co.jp/common/images/common/ico_pdf.pdf) no-repeat 50% 50%;
background-size: 100%;
}

.btn_imagebox.side .slide-in-left-long a figure img {
position: relative;
left:-3px;
}



.btn_whitebox_arrow {
position: relative;
display: block;
background: #FFF;
padding: 2.8rem 30px 2.8rem 15px;
}
.btn_whitebox_arrow:after {
position: absolute;
top:45%;
right:15px;
content: "";
display: inline-block;
vertical-align: middle;
height: 7px;
width: 7px;
margin-left: .3rem;
border-top:2px solid #0099A8;
border-right:2px solid #0099A8;
transform: rotate(45deg);
}

.btn_imagebox_middle a {
display: table;
width: 100%;
color: #0099a8;
font-weight: 600;
text-decoration: underline;
}
.btn_imagebox_middle a figure,
.btn_imagebox_middle a p {
display: table-cell;
vertical-align: middle;
}
.btn_imagebox_middle a figure {
width: 110px;
border:1px solid #CCC;
}
.btn_imagebox_middle a p {
padding: 1rem;
}



/* LINK */
.link_list {
border-top: 1px solid #AAD9DD;
}
.link_list a {
position: relative;
display: block;
padding: 1.5rem 2.8rem 1.5rem 0;
border-bottom: 1px solid #AAD9DD;
}
.link_list a:after {
position: absolute;
top:40%;
right:10px;
content: "";
display: inline-block;
height: 8px;
width: 8px;
border-top:2px solid #0099A8;
border-right:2px solid #0099A8;
transform: rotate(45deg);
}
.link_list > li > a {
font-size: 1.8rem;
font-weight: 600;
color: #0099A8;
}
.link_list > li > ul {
margin-left: 20px;
}
.link_list > li > ul > li > a {
font-weight: 600;
color: #636989;
}
.link_list > li > ul > li > ul {
margin-left: 10px;
}

.link_pulldown {
border-top: 1px solid #AAD9DD;
}
.link_pulldown a,
.link_pulldown p.trigger {
position: relative;
display: block;
padding: 1.5rem 2.8rem 1.5rem 0;
border-bottom: 1px solid #AAD9DD;
cursor: pointer;
}
.link_pulldown a:after,
.link_pulldown p.trigger:after,
.link_pulldown p.trigger.current:after {
position: absolute;
top:40%;
right:10px;
content: "";
display: inline-block;
height: 8px;
width: 8px;
transform: rotate(45deg);
}
.link_pulldown a:after {
border-top:2px solid #0099A8;
border-right:2px solid #0099A8;
}
.link_pulldown p.trigger:after {
border-bottom:2px solid #0099A8;
border-right:2px solid #0099A8;
}
.link_pulldown p.trigger.current:after {
top:45%;
transform: rotate(-135deg);
}
.link_pulldown ul {
margin-left: 20px;
}


.link_pulldown.attach a,
.link_pulldown.launch a,
.link_pulldown.pdf a {
padding-right:28px;
background-position: right 10px top 18px;
background-repeat: no-repeat;
}
.link_pulldown.attach a {
background-image: url(https://www.mandom.co.jp/common/images/common/ico_attach.svg);
background-size: 11px auto;
}
.link_pulldown.launch a {
background-image: url(https://www.mandom.co.jp/common/images/common/ico_launch_green.svg);
background-size: 20px auto;
}
.link_pulldown.pdf a {
background-image: url(https://www.mandom.co.jp/common/images/common/ico_pdf.png);
background-size: 20px auto;
}
.link_pulldown.attach a:after,
.link_pulldown.launch a:after,
.link_pulldown.pdf a:after {
display: none;
}



a.link_prev,
a.link_next {
display: inline-block;
color: #0099A8;
}
a.link_prev {
margin-right: 1rem;
}
a.link_next {
margin-left: 1rem;
}
a.link_prev:before,
a.link_next:after {
position: relative;
top:-2px;
content: "";
display: inline-block;
vertical-align: middle;
height: 8px;
width: 8px;
transform: rotate(45deg);
}
a.link_prev:before {
margin-right: .5rem;
border-bottom:2px solid #0099A8;
border-left:2px solid #0099A8;
}
a.link_next:after {
margin-left: .5rem;
border-top:2px solid #0099A8;
border-right:2px solid #0099A8;
}

/*.link_g_arrow,
.link_b_arrow {
display: inline-block;
padding-left: 20px;
background-repeat: no-repeat;
background-position: 0 7px;
background-size: 17px auto;
}
a.link_g_arrow {
color: #0099A8;
background-image: url(https://www.mandom.co.jp/common/images/common/arrow_green.svg);
}
a.link_b_arrow {
color: #333;
background-image: url(https://www.mandom.co.jp/common/images/common/arrow_black.svg);
}*/

a.link_line {
color: #0099A8;
text-decoration: underline;
font-weight: 600;
}
.caption a.link_line {
color: #666;
font-weight: normal;
}
a.link_line_normal {
color: #0099A8;
text-decoration: underline;
}

a.link_lead_launch,
a.link_lead_pdf,
a.link_lead_arrow,
.link_g_arrow,
.link_b_arrow {
display: inline-block;
padding-left: 26px;
font-weight: 600;
background: url(https://www.mandom.co.jp/common/images/common/arrow_green_right.svg) no-repeat 0 3px;
background-size: 20px;
}
.list_news li a p.link_lead_pdf {
display: inline-block;
padding-left: 26px;
background: url(https://www.mandom.co.jp/common/images/common/arrow_green_right.svg) no-repeat 0 3px;
background-size: 20px;
}
a.link_lead_launch {
background-image: url(https://www.mandom.co.jp/common/images/common/ico_launch_green.svg);
}

.list_news li a p.link_lead_launch,
h2.link_lead_launch  {
display: inline-block;
padding-left: 26px;
background-image: url(https://www.mandom.co.jp/common/images/common/ico_launch_green.svg);
background-repeat: no-repeat;
background-position:0px 4px;
background-size: 20px;
}

a.link_lead_pdf,
.list_news li a p.link_lead_pdf {
background-image: url(https://www.mandom.co.jp/common/images/common/ico_pdf.png);
}
table a.link_lead_launch,
table a.link_lead_pdf{
background-position: 0; 
}
table a.link_lead_arrow {
background-position: 0 2px; 
}

a.link_lead_attach {
display: inline-block;
padding-left: 26px;
font-weight: 600;
background: url(https://www.mandom.co.jp/common/images/common/ico_attach.svg) no-repeat 3px 3px;
background-size: 11px auto;
}

.corner_link li {
border-bottom:1px solid #CCC;
}
.corner_link li a {
position: relative;
display: block;
padding: 1.5rem 0 1.5rem 3rem;
font-weight: 600;
}
.corner_link li a:before {
position: absolute;
top:2.2rem;
left:5px;
content: "";
display: inline-block;
height: 8px;
width: 8px;
transform: rotate(45deg);
border-bottom:2px solid #0099A8;
border-right:2px solid #0099A8;
}

a.corner_link {
position: relative;
display: inline-block;
padding-left: 3rem;
font-weight: 600;
}
a.corner_link:before {
position: absolute;
top:.6rem;
left:5px;
content: "";
display: inline-block;
height: 8px;
width: 8px;
transform: rotate(45deg);
border-bottom:2px solid #0099A8;
border-right:2px solid #0099A8;
}



/* TITLE */
/* category main title */
.category_main {
display: block;
width: 100%;
height: 250px;
}
.category_main.slide-in-left-long {
transform: rotate(180deg);
}
.category_main:after {
content: "";
display: block;
width: 100%;
height: 250px;
background:url(https://www.mandom.co.jp/company/images/title_image_sp.jpg)no-repeat 50% 50%;
background-size: cover;
transform:rotate(180deg);
}

/* 各カテゴリ指定 */
body.products .category_main:after {background-image: url(https://www.mandom.co.jp/products/images/title_image_sp.jpg);}
body.consumer .category_main:after {background-image: url(https://www.mandom.co.jp/consumer/images/title_image_sp.jpg);}
body.company .category_main:after {background-image: url(https://www.mandom.co.jp/company/images/title_image_sp.jpg);}
body.ir .category_main:after {background-image: url(https://www.mandom.co.jp/ir/images/title_image_sp.jpg);}
body.csr .category_main:after {background-image: url(https://www.mandom.co.jp/csr/images/title_image_sp.jpg);}
body.rd .category_main:after {background-image: url(https://www.mandom.co.jp/rd/images/title_image_sp.jpg);}
body.careers .category_main:after {background-image: url(https://www.mandom.co.jp/careers/images/title_image_sp.jpg);}
body.customer .category_main:after {background-image: url(https://www.mandom.co.jp/common/customer/images/title_image_sp.jpg);}

.category_title {
background: #FFF;
transition: all .2s!important;
}
.category_title h1 {
position: relative;
padding: 1rem 0;
font-size: 1.6rem;
z-index: 108;
}
.category_title h1 strong {
display:block;
text-align: center;
font-size: 2.4rem;
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 600;
font-style: italic;
color: #0099A8;
line-height: 1.3;
}
.category_title.fixed {
/*position: fixed;*/
position: relative;
top: 40px;
left: 0;
width: 100%;
border-top: 1px solid #CCC;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
z-index: 500;
}
.category_title.fixed h1 strong {
font-size: 1.8rem;
}
.category_title.fixed h1 small {
display: none;
}
.category_title.lower {
position: relative;
top: 40px;
width: 100%;
}
.category_title.lower.fixed {
/*position: fixed;*/
}

.green_italic_title {
margin-bottom: .5rem;
font-size: 2.4rem;
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 600;
font-style: italic;
color: #0099A8;
}

/* title level1-7 */
.title_lv1 {
margin-bottom: 2rem;
font-size: 1.6rem;
}
.title_lv1 strong {
display:block;
text-align: center;
font-size: 2.4rem;
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 600;
font-style: italic;
color: #0099A8;
line-height: 1.4;
}
.title_lv2 {
font-size: 1.6rem;
}
.title_lv2 strong {
display: block;
text-align: center;
font-family: 'IBM Plex Sans', sans-serif;
font-style: italic;
font-weight: 600;
font-size: 2.0rem;
color: #636989;
}
.title_lv2.jp strong {
font-style: normal;
}
.title_lv2 small {
font-size: 1.4rem;
}

.title_lv3 {
margin-bottom: 2.5rem;
padding-bottom: 1.5rem;
text-align: left;
color: #0099A8;
font-size: 2rem;
font-weight: 600;
border-bottom: 3px solid #0099A8;
line-height: 1.4;
}
.title_lv4 {
margin-bottom: 2rem;
padding-bottom: 1.5rem;
text-align: left;
font-size: 1.8rem;
font-weight: 600;
color:#0099A8;
border-bottom: 1px solid #aad9dd;
line-height: 1.4;
}
.list_title_lv4 {/* list_news / list_download */
position: relative;
color: #636989;
font-size: 1.8rem;
font-weight: 600;
}
.list_title_lv4 a {
position: absolute;
right:20px;
font-weight: normal;
color:#0099A8;
font-size: 90%;
}
.title_lv5 {
margin-bottom: 1rem;
text-align: left;
font-size: 1.8rem;
font-weight: 600;
color: #636989;
}
.title_lv6 {
text-align: left;
font-size: 1.6rem;
font-weight: 600;
color: #636989;
}
.title_lv7 {
text-align: left;
font-size: 1.6rem;
font-weight: 600;
color: #636989;
}
.title_lv5.green,
.title_lv6.green,
.title_lv7.green {color:#0099A8;}
.caption { 
font-size:1.4rem;
padding-top:1rem;
}
.caption.indent {
text-indent: -1em;
padding-left: 1em;
}



/* LIST */
/* basic list */
.list_default {
border-top: 1px solid #AAD9DD;
}
.list_default li {
border-bottom: 1px solid #AAD9DD;
padding: 1.5rem 0;
}
.list_default li span {
display: block;
}
.list_default li span:first-child {
font-weight: 600;
color: #0099A8;
}

/* table list */
.list_table_green-head,
.list_table_green,
.list_table_gray {
width: 100%;
border-top: 1px solid #AAD9DD;
}
.list_table_green-head td,
.list_table_green td,
.list_table_gray td,
.list_table_green-head th,
.list_table_green th,
.list_table_gray th {
padding: 1rem;
border-left: 1px solid #AAD9DD;
border-bottom: 1px solid #AAD9DD;
vertical-align: middle;
}
.list_table_green-head td,
.list_table_green td,
.list_table_gray td {
text-align: right;
}
.list_table_green-head th:first-child,
.list_table_green th:first-child,
.list_table_gray th:first-child {
border-left: none;
}
.list_table_green-head thead th {
color: #0099A8;
text-align: center;
background: #E5F4F5;
}
.list_table_green th {
color: #0099A8;
background: #E5F4F5;
}
.list_table_gray th {
background: #F5F5F5;
}




/* list_news / list_download */
.list_news,.list_download {}
.list_news li,.list_download li {
border-top: 1px solid #AAD9DD;
}
.list_news li:last-child,
.list_download li:last-child {
border-bottom: 1px solid #AAD9DD;
}
.list_news li a,
.list_download li a {
position: relative;
display: block;
padding: 1rem 0;
}
.tag_category {
display: inline-block;
font-size: 1.4rem;
padding: .5rem 1rem;
margin-right: 1rem;
margin-bottom: .5rem;
color: #0099A8;
line-height: 1.2;
border-radius: 15px;
border:1px solid #0099A8;
}
a.tag_category {
color: #0099A8;
}
.tag_category.gray,
a.tag_category.gray {
color: #636989;
border-color: #636989;
}



.list_date {
font-size: 1.4rem;
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 400;
font-style: italic;
color: #666;
}
.list_news li a span:nth-child(2) {
position: absolute;
top:20px;
right:5px;
}
.list_news li a p {
margin-top: .5rem;
}
ul.list_news + p {
padding-top: 0;
}


.list_download li a {
padding: 1rem 0 1rem 25px;
background:url(https://www.mandom.co.jp/common/images/common/ico_download.svg) no-repeat 0 50%;
background-size: 20px;
}
.list_download li a.download {
background-image:url(https://www.mandom.co.jp/common/images/common/ico_download.svg);
}
.list_download li a.pdf {
background-image:url(https://www.mandom.co.jp/common/images/common/ico_pdf.png);
}
.list_download li.lower {
margin-left: 2rem;
}
.list_download li a span:last-child {
display: inline-block;
margin-left: .5rem;
font-size: 86.6%;
color: #0099A8;
}




/* FORM PARTS */
input, button, textarea, select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance:none;
appearance: none;
outline: none;
border: none;
background-color: #f5f5f5;
}
input[type="image"] {
background-color: transparent;
}
select::-ms-expand {
display: none;
}
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
color: #666;
}

input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}

.list_form dl {
margin-bottom: 2rem;
}
.list_form dt {
margin-bottom: .8rem;
color: #0099A8;
font-weight: 600;
}
.list_form dd p {
margin-bottom: 1rem;
}
.list_form .error {
color: #F06666;
font-size: 1.4rem;
}

/* search */
input.btn_search {
display: inline-block;
padding: 1rem 4rem 1rem 2rem;
color: #0099A8;
font-size: 1.6rem;
font-weight: 600;
text-align: left;
border-radius: 4px;
border:1px solid #0099A8;
background: url(https://www.mandom.co.jp/common/images/common/ico_search_green.svg) no-repeat right 15px top 50%;
background-size: 20px;
cursor: pointer;
}
input.btn_search {
transition: all .3s;
}
input.btn_search:hover {
opacity: .5;
}

/* search */
input.btn_send {
display: inline-block;
padding: 1rem 8rem 1rem 7rem;
color: #0099A8;
font-size: 1.8rem;
font-weight: 600;
text-align: left;
border-radius: 4px;
border:1px solid #0099A8;
background: url(https://www.mandom.co.jp/common/images/common/arrow_green_right.svg) no-repeat right 15px top 50%;
background-size: 20px;
cursor: pointer;
}
input.btn_search {
transition: all .3s;
}
input.btn_search:hover {
opacity: .5;
}
.btn_edit {
display: inline-block;
padding: .9rem 8rem .9rem 7rem;
color: #666;
font-size: 1.6rem;
font-weight: 600;
text-align: left;
border-radius: 4px;
border:1px solid #666;
background: url(https://www.mandom.co.jp/common/images/common/arrow_gray_right.svg) no-repeat right 15px top 50%;
background-size: 20px;
}





/* checkbox / radio*/
.list_form input[type="radio"] {
display: none;
}
.list_form label.radio,
.list_form label.checkbox {
position: relative;
padding-left: 26px;
cursor: pointer;
}

/* radio */
.list_form label.radio:before {
position: absolute;
z-index: 10;
display: block;
top:8px;
left:5px;
width: 10px;
height: 10px;
content: '';
}
.list_form input[type="radio"]:checked + label:before {
border-radius: 50%;
background: #0099A8;
}
.list_form label.radio:after {
position: absolute;
top:3px;
left: 0;
display: block;
width: 20px;
height: 20px;
content: '';
cursor: pointer;
background: #f5f5f5;
border-radius: 50%;
}


/* checkbox */
.list_form input[type="checkbox"] {
display: none;
}
.list_form label.checkbox:before {
position: absolute;
z-index: 1;
top:7px;
left:3px;
width: 16px;
height: 12px;
content: '';
}
.list_form input[type="checkbox"]:checked + label:before {
background: url(https://www.mandom.co.jp/common/images/common/ico_check.svg) no-repeat 50% 50%;
background-size: 100%;
}
.list_form label.checkbox:after {
position: absolute;
top:3px;
left: 0;
width: 20px;
height: 20px;
content: '';
cursor: pointer;
background: #f5f5f5;
border-radius: 4px;
}


/* select */
.list_form select {
font-size: 1.4rem;
color: #666;
padding: 1rem 3rem 1rem 1rem;
border-radius: 4px;
}
.list_form label.select {
position: relative;
}
.list_form label.select:after {
position: absolute;
top:40%;
right:15px;
content: "";
display: block;
height: 4px;
width: 4px;
border-bottom:2px solid #333;
border-right:2px solid #333;
transform: rotate(45deg);
z-index: 8;
}

/* textbox / textarea */
.list_form input[type="text"],
.list_form input[type="email"],
.list_form input[type="password"],
.list_form input[type="tel"],
.list_form textarea {
font-size: 1.4rem;
padding: 1rem;
border-radius: 4px;
width: 100%;
box-sizing: border-box;
}






/* MOVIE */
.wrap_movie {}
.wrap_movie > div {
position:relative;
width:100%;
padding-top:56.25%;
box-sizing: border-box;
}
.wrap_movie > div iframe  {
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}




/* PDF Reader DL */
.box_reader-dl {
font-size: 87.5%;
border:1px solid #CCC;
}
.box_reader-dl figure {
margin-top: 1rem;
}


div.anchor {
    padding-top: 100px;
    margin-top: -100px;
}







@media screen and (min-width:768px) {

.contents_wrap {
padding-left: 20px;
padding-right: 20px;
}
/*.contents_wrap.lower {
padding-top: 52px;
} ※メインタイトル固定時　*/ 
.contents_wrap.lower {
padding-top: 50px;
}


.container {
padding:3rem 0;
}
.wrap_1_column {
padding:20px;
margin: 0 20px;
}


/* HEADER */
.header {
display: block;
}
.breadcrumbs {
height: auto;
}
.breadcrumbs .col12 {
display: inline-block;
}



/* FOOTER */
.wrap_mailmagazine h1 {
text-align: left;
}
.wrap_mailmagazine .col6:first-child {
padding-top: 0;
padding-bottom: 0;
border-right: 1px solid #AAD9DD;
}
.footer_menu .col4 {
vertical-align: top;
}
.footer_menu p > a,
.footer_menu p.trigger {
padding: 1.58rem 0;
background-size: 20px;
}
.footer_menu .col4 {
padding: 20px;
}
.footer_menu .col4 p:last-of-type {
border-bottom: 1px solid #AAD9DD;
}
.footer_menu .col4 p.current {
border-bottom: none;
}
.footer_menu ul:last-of-type {
border-bottom: 1px solid #AAD9DD;
}
.footer_menu .col4.lang {
border-top: none;
}
.footer_menu .col4.lang h1,
.footer_menu .col4.lang a {
width: 80%;
}
.footer_menu .col4.lang h1 {
margin-bottom: 4rem;
}
.footer_menu .col4.lang a {
margin-top: 1.5rem;
}
.footer_copyright {
padding: 0;
font-size: 80%;
}


/* BTN */
a.btn_positive_l,
a.btn_negative_l,
a.btn_disable_l {
margin: 2rem 0;
}
a.btn_positive_m,
a.btn_negative_m,
a.btn_disable_m {
padding: 1rem 4rem;
}
.btn_fb,
.btn_tw {
min-width: 150px;
}

/* btn_imagebox */
.btn_imagebox .wrapper {
text-align: center;
}
.wrapper.box_wrap .col12,
.wrapper.box_wrap .col11,
.wrapper.box_wrap .col10,
.wrapper.box_wrap .col8,
.wrapper.box_wrap .col6,
.wrapper.box_wrap .col4,
.wrapper.box_wrap .col3 {
padding: 20px;
} 
.btn_imagebox.side a figure,
.btn_imagebox.side a p {
line-height: 1.6;
}
.btn_imagebox a p {
padding: 4.5rem 3rem 4.5rem 15px;
}
.btn_imagebox.side a figure {
width: 180px;
}
.btn_imagebox.side .slide-in-left-long a figure img {
left:0;
}
.btn_imagebox.side a p.pdf:after {
top:40%;
right:20px;
}
.btn_imagebox.side a p.no_image {
padding: 4.8rem 15px;
}
.btn_whitebox_arrow {
padding: 4.5rem 15px;
}
.btn_imagebox_middle a,
.btn_imagebox_middle a figure,
.btn_imagebox_middle a p {
display: block;
}
.btn_imagebox_middle a figure {
width: auto;
}







/* TITLE */
.category_main {
height: 450px;
}
/* 各カテゴリ指定 */
body.products .category_main:after {background-image: url(https://www.mandom.co.jp/products/images/title_image.jpg);}
body.consumer .category_main:after {background-image: url(https://www.mandom.co.jp/consumer/images/title_image.jpg);}
body.company .category_main:after {background-image: url(https://www.mandom.co.jp/company/images/title_image.jpg);}
body.ir .category_main:after {background-image: url(https://www.mandom.co.jp/ir/images/title_image.jpg);}
body.csr .category_main:after {background-image: url(https://www.mandom.co.jp/csr/images/title_image.jpg);}
body.rd .category_main:after {background-image: url(https://www.mandom.co.jp/rd/images/title_image.jpg);}
body.careers .category_main:after {background-image: url(https://www.mandom.co.jp/careers/images/title_image.jpg);}
body.customer .category_main:after {background-image: url(https://www.mandom.co.jp/common/customer/images/title_image.jpg);}


.category_main:after {
height: 450px;
background-image:url(https://www.mandom.co.jp/ir/images/title_image.jpg);
}
.category_title.fixed {
position: fixed;
top: 56px;
}
.category_title h1 {
padding: 1.5rem 0;
}
.category_title h1 strong {
font-size: 3.2rem;
}
.category_title.lower {
top: 56px;
}
.category_title.lower.fixed {
position: fixed;
}


/* title level1-7 */
.title_lv1 strong {
font-size: 3.2rem;
}
.title_lv2 strong {
font-size: 2.8rem;
}


/* LIST */
/* basic list */
.list_default {
display: table;
width: 100%;
box-sizing: border-box;
}
.list_default li {
display: table-row;
padding: 0;
border-bottom: none;
}
.list_default li span {
display: table-cell;
padding: 1.5rem 0;
border-bottom: 1px solid #AAD9DD;
}
.list_default li span:first-child {
padding-right: 1.5rem;
white-space: nowrap;
}

/* list_news / list_download */
.list_news li a {
padding: 2rem 0;
}
.list_news li a span:nth-child(2) {
top:28px;
}
.list_download li a {
display: table;
width: 100%;
box-sizing: border-box;
background-size: 24px;
padding-left: 30px;
}
.list_download li a span,
.list_download li a span:last-child {
display: table-cell;
padding: 1rem 0;
}
.list_download li a span:last-child {
text-align: right;
}



/* FORM PARTS */
.list_form dl {
display: table;
width: 100%;
margin-bottom: 0;
}
.list_form dt,
.list_form dd {
display: table-cell;
padding-bottom:3rem; 
text-align: left;
vertical-align: top;
box-sizing: border-box;
}
.list_form dt {
width: 20%;
}
.list_form dd p {
display: inline-block;
margin-right: 1rem;
margin-bottom: 0;
}


/* search */
input.btn_send {
font-size: 1.65rem;
}

/* PDF Reader DL */
.box_reader-dl {
text-align: center;
margin: 20px 0;
}
.box_reader-dl p,
.box_reader-dl figure {
display: inline-block;
width: 68%;
padding-right: 20px;
vertical-align: middle;
box-sizing: border-box;
}
.box_reader-dl figure {
text-align: center;
width: 28%;
margin-top: 0;
}


div.anchor {
    padding-top: 200px;
    margin-top: -200px;
}




}/* min-width:768px */
















@media screen and (min-width:1080px) {

/*#all{
font-size: 1.6rem;
}*/

/*.contents_wrap.lower {
padding-top: 60px;
}※メインタイトル固定時 */
.contents_wrap.lower {
padding-top: 50px;
}

/* HEADER */
.header {
padding: 10px 0;
font-size: 80%;
}
.header:before {
border-width: 32px;
top:-20px;
}
.header h1 a {
width: 42px;
}
.header .gnav div {
margin-right: 1rem;
}
.header .gnav {
padding-right: 0;
}
.header .gnav ul li{
padding-right: 1rem;
font-size: 1.2rem;
}
.header .gnav ul li.language {
padding-left:2rem;
}
.header .gnav ul li.search input[type=text] {
width: 104px;
}


/* TITLE */
.category_title:after {
top:90px;
width: 360px;
height: 360px;
}
/*.category_title.fixed {
top: 60px;
}
.category_title.lower {
top: 60px;
}*/




}/* min-width:1080px */










@media screen and (min-width:1200px) {





}/* min-width:1200px */







/* Padding/Margin Control */



@media screen and (min-width:768px) {

.pc-pr-col1 {
padding-right: calc(8.3333% - 20px);
}
.pc-pl-col1 {
padding-left: calc(8.3333% - 20px);
}


}/* min-width:768px */