html{box-sizing:border-box;
overflow-y:scroll;
-webkit-text-size-adjust:100%}
*,::before,::after{background-repeat:no-repeat;
box-sizing:inherit}
::before,::after{text-decoration:inherit;
vertical-align:inherit}
*{padding:0;
margin:0}
audio:not([controls]){display:none;
height:0}
hr{overflow:visible}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
summary{display:list-item}
small{font-size:80%}
[hidden],template{display:none}
abbr[title]{border-bottom:1px dotted;
text-decoration:none}
a{background-color:transparent;
-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
code,kbd,pre,samp{font-family:monospace, monospace}
b,strong{font-weight:bolder}
dfn{font-style:italic}
mark{background-color:#ff0;
color:#000}
sub,sup{font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
input{border-radius:0}
button,[type="button"],[type="reset"],[type="submit"],[role="button"]{cursor:pointer}
[disabled]{cursor:default}
[type="number"]{width:auto}
[type="search"]{-webkit-appearance:textfield}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;
resize:vertical}
button,input,optgroup,select,textarea{font:inherit}
optgroup{font-weight:bold}
button{overflow:visible}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:0;
padding:0}
button:-moz-focusring,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{outline:1px dotted ButtonText}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button,select{text-transform:none}
button,input,select,textarea{background-color:transparent;
border-style:none;
color:inherit}
select{-moz-appearance:none;
-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
legend{border:0;
color:inherit;
display:table;
max-width:100%;
white-space:normal}
::-webkit-file-upload-button{-webkit-appearance:button;
font:inherit}
[type="search"]{-webkit-appearance:textfield;
outline-offset:-2px}
img{border-style:none}
progress{vertical-align:baseline}
svg:not(:root){overflow:hidden}
audio,canvas,progress,video{display:inline-block}
@media screen{[hidden~="screen"]{display:inherit}
[hidden~="screen"]:not(:active):not(:focus):not(:target){position:absolute !important;
clip:rect(0 0 0 0) !important}
}
[aria-busy="true"]{cursor:progress}
[aria-controls]{cursor:pointer}
[aria-disabled]{cursor:default}
::-moz-selection{background-color:#b3d4fc;
color:#000;
text-shadow:none}
::selection{background-color:#b3d4fc;
color:#000;
text-shadow:none}
html{font-size:16px}
body{color:#333;
background:#fff;
font-family:"メイリオ", sans-serif;
letter-spacing:.05em;
line-height:1.875;
font-feature-settings:"palt";
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:unset}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){body{-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}
}
body>img[width="0"]{position:absolute;
left:0;
bottom:0}
@media (max-width: 1px){body{padding-top:56px}
}
h1,h2,h3,h4,h5,h6{font-size:inherit;
font-weight:normal}
caption{text-align:left}
table{border-collapse:collapse}
th{font-weight:normal;
text-align:inherit;
vertical-align:top}
td{vertical-align:top}
li{list-style:none}
img{max-width:100%;
vertical-align:bottom}
em{font-style:normal;
font-weight:bold}
address{font-style:normal}
a{color:#1c98bb;
text-decoration:none;
transition:opacity .2s, color .2s, background .2s}
a:hover{text-decoration:underline}
select,input[type="text"]{background:#e9e9e9}
select:focus,input[type="text"]:focus{outline:0;
box-shadow:0 0 2px 2px #ffd500;
background:#eee}
.is-unscrollable{overflow:hidden}
.l-contents,.l-inner{margin:0 auto;
padding:0 20px;
max-width:1040px}
.l-contents::after,.l-inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .l-contents,.is-unresponsive .l-inner{width:1040px}
.l-main{width:75%;
padding-bottom:100px;
float:left}
@media (max-width: 1px){.l-main{width:auto;
float:none;
padding-bottom:60px}
}
.l-sub{width:20%;
float:right}
@media (max-width: 1px){.l-sub{width:auto;
float:none}
}
.l-col4{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.l-col4>*{margin-bottom:10px;
margin-right:1.47%;
width:23.8975%}
.l-col4>*:nth-child(4n){margin-right:0}
.c-companyBusinessDepartment .anchor,.c-productsIndex .anchor,.c-brand .anchor{text-align:center;
line-height:1.5;
font-size:14px;
font-size:.875rem}
.c-companyBusinessDepartment .anchor ul,.c-productsIndex .anchor ul,.c-brand .anchor ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-companyBusinessDepartment .anchor li,.c-productsIndex .anchor li,.c-brand .anchor li{margin-bottom:10px;
border-right:1px dotted #bbabab}
.c-companyBusinessDepartment .anchor li a,.c-productsIndex .anchor li a,.c-brand .anchor li a{padding:0 15px 0 30px;
color:#857369;
position:relative;
display:block}
.c-companyBusinessDepartment .anchor li a:before,.c-productsIndex .anchor li a:before,.c-brand .anchor li a:before{content:'';
border:2px solid #ff9c00;
border-width:0 2px 2px 0;
width:7px;
height:7px;
transform:rotate(45deg);
position:absolute;
left:13px;
top:4px}
.c-companyBusinessDepartment .anchor li:last-child,.c-productsIndex .anchor li:last-child,.c-brand .anchor li:last-child{border-right:0}
.c-companyBusinessDepartment .anchor li:last-child a,.c-productsIndex .anchor li:last-child a,.c-brand .anchor li:last-child a{padding-right:0}
.c-header{border-bottom:4px solid #ffd500;
height:109px;
position:relative}
.c-header::after{content:'';
display:table;
clear:both}
.c-header .inner{margin:0 auto;
padding:0 20px;
max-width:1040px}
.c-header .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-header .inner{width:1040px}
.c-header .logo{float:left;
width:15.9%}
.c-header .search{margin-top:15px;
float:right;
line-height:24px;
font-size:12px;
font-size:.75rem}
.c-header .search .form{width:150px;
position:relative}
.c-header .search .form .SS_suggest{position:absolute;
left:0;
top:24px;
width:100%;
z-index:3;
background:#fff}
.c-header .search input[type="text"]{width:100%;
padding:0 30px 0 10px;
border-radius:12px}
.c-header .search button{position:absolute;
right:0;
top:0;
padding:0 10px}
.c-header .search button img{vertical-align:top;
margin-top:4px;
width:15px}
.c-header .categoryNav{margin-top:15px;
float:right}
.c-header .categoryNav ul{float:left;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:end;
justify-content:flex-end;
font-size:12px;
font-size:.75rem;
line-height:24px}
.c-header .categoryNav ul a{display:block;
color:#333}
.c-header .categoryNav .recruit a{padding:0 25px}
.c-header .categoryNav .soudanshitsu a{padding:0 25px 0 28px;
background:url("/assets/img/common/header_qanda.png") no-repeat 0 50%}
.c-header .categoryNav .company,.c-header .categoryNav .products{margin-right:15px}
.c-header .categoryNav .company a,.c-header .categoryNav .products a{padding:0 18px 0 38px;
border-radius:12px;
border:2px solid #ffd500;
line-height:20px;
background-repeat:no-repeat;
background-position:14px 50%;
transition:box-shadow .2s}
.c-header .categoryNav .company a:hover,.c-header .categoryNav .products a:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-header .categoryNav .company a:hover,.c-header .categoryNav .products a:hover{box-shadow:none}
}
.c-header .categoryNav .company.is-current a,.c-header .categoryNav .products.is-current a{background-color:#ffd500}
.c-header .categoryNav .products a{background-image:url("/assets/img/common/header_products.png")}
.c-header .categoryNav .company a{background-image:url("/assets/img/common/header_company.png")}
.c-header .localNav{padding-top:23px;
margin-left:2%;
width:82.1%;
float:left;
height:24px;
font-size:16px;
font-size:1rem;
line-height:24px;
text-align:center}
.c-header .localNav>ul{width:100%;
display:table}
.c-header .localNav>ul>li{display:table-cell;
border-left:1px solid #e3e3e3}
.c-header .localNav>ul>li:last-child{border-right:1px solid #e3e3e3}
.c-header .localNav>ul>li>a{margin:-5px -1px -19px;
padding:5px 11px 19px;
display:block;
color:#333;
font-weight:bold;
position:relative;
text-decoration:none}
.c-header .localNav>ul>li>a:hover{color:#ffae00}
.c-header .localNav>ul>li.is-current>a{color:#ffae00}
.c-header .link{display:none}
.c-header_products .localNav>ul>li{width:20%}
.c-header_products li.dropDown:hover>a{text-decoration:none;
color:#ffae00}
.c-header_products li.dropDown .box{display:none;
opacity:0;
visibility:hidden;
box-shadow:0 3px 8px 0 rgba(0, 0, 0, .1);
transition:opacity .2s ease .3s, visibility .2s ease .3s}
.c-header_products li.dropDown ~ li:last-child:after{content:'';
display:block;
position:fixed;
left:0;
right:0;
top:105px;
z-index:11;
bottom:0;
background:rgba(0, 0, 0, .7);
opacity:0;
visibility:hidden;
transition:opacity .2s ease .3s, visibility .2s ease .3s}
.c-header_products li.dropDown:hover .box{opacity:1;
visibility:visible}
.c-header_products li.dropDown:hover ~ li:last-child:after{opacity:1;
visibility:visible}
.c-header_products li.dropDown:hover>a:after{content:'';
position:absolute;
z-index:3;
left:50%;
bottom:0;
font-size:0;
line-height:0;
width:0;
height:0;
margin-left:-3.5px;
border:7px solid transparent;
border-width:7px 7px;
border-bottom:7px solid #fff299}
.c-header_products li.dropDown .box{position:absolute;
z-index:12;
left:0;
top:105px;
width:100%;
background:url(/assets/img/common/header_bg.png) repeat 50% 0;
text-align:left}
.c-header_products li.dropDown .inner{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack:justify;
justify-content:space-between;
padding-bottom:20px}
.c-header_products li.dropDown .inner:after{display:none}
.c-header_products li.dropDown .index{padding:30px 0;
width:100%}
.c-header_products li.dropDown .index a{padding:0 65px;
color:#826332;
border:2px solid #ffd500;
line-height:36px;
border-radius:20px;
background:#ffffff;
display:block;
position:relative;
display:inline-block;
text-decoration:none;
transition:box-shadow .2s}
.c-header_products li.dropDown .index a:after{content:'';
position:absolute;
right:17px;
top:50%;
margin-top:-5px;
width:9px;
height:9px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-header_products li.dropDown .index a:hover{box-shadow:0 0 0 1px #ffd500}
.c-header_products li.dropDown .category{border-right:1px solid #f2cb00;
width:71%}
.c-header_products li.dropDown .category ul{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-header_products li.dropDown .category li{margin-bottom:20px;
margin-right:2.8169%;
width:21.12676%}
.c-header_products li.dropDown .category li:nth-last-child(-n+4){margin-bottom:0}
.c-header_products li.dropDown .category a{display:block;
background:#fff;
border-radius:5px;
text-align:center;
text-decoration:none;
transition:box-shadow .2s}
.c-header_products li.dropDown .category a:hover{box-shadow:0 0 0 3px #ffd500}
.c-header_products li.dropDown .category .img{margin:0 auto;
padding:0 5px;
max-width:150px}
.c-header_products li.dropDown .category .name{padding-bottom:5px;
color:#826332;
font-size:14px;
font-size:.875rem;
line-height:20px}
.c-header_products li.dropDown .others{text-align:left}
.c-header_products li.dropDown .others ul{border-top:1px solid #f2cb00}
.c-header_products li.dropDown .others li{border-bottom:1px solid #f2cb00}
.c-header_products li.dropDown .others a{padding:10px 0;
display:block;
color:#333333;
display:block;
position:relative}
.c-header_products li.dropDown .others a:after{content:'';
position:absolute;
right:7px;
top:50%;
margin-top:-5px;
width:9px;
height:9px;
border:1px solid #826332;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-header_products li.dropDown .filter .others{width:24%}
.c-header_products li.dropDown .campaign .others{width:32%}
.c-header_products li.dropDown .campaign .others a{display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center}
.c-header_products li.dropDown .campaign .others a .img{margin-right:10px;
width:40px}
.c-header_products li.dropDown .campaign .others a .name{width:calc(100% - 70px)}
.c-header_products li.dropDown .list{font-size:14px;
line-height:1.5;
text-align:center;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between}
.c-header_products li.dropDown .list:after{display:none}
.c-header_products li.dropDown .list .banner{width:32%}
.c-header_products li.dropDown .list a{color:#333333}
.c-header_products li.dropDown .list .banner .img{margin-bottom:10px}
.c-header_products li.dropDown .list .banner .img img{border-radius:5px}
.c-header_products li.dropDown .list .banner a{color:#333}
.c-header_products li.dropDown .list .banner a .img{transition:box-shadow .2s;
border-radius:5px;
overflow:hidden}
.c-header_products li.dropDown .list .banner a:hover{text-decoration:none}
.c-header_products li.dropDown .list .banner a:hover .img{box-shadow:0 0 0 3px #ffd500}
.c-header_company .localNav>ul>li{width:20%}
.c-header_company .localNav>ul>li.dropDown:hover>a{text-decoration:none;
color:#ffae00}
.c-header_company .localNav>ul>li.dropDown:hover>ul{opacity:1;
visibility:visible}
.c-header_company .localNav>ul>li.dropDown:hover>a:after{content:'';
position:absolute;
z-index:3;
left:50%;
bottom:0;
font-size:0;
line-height:0;
width:0;
height:0;
margin-left:-3.5px;
border:7px solid transparent;
border-width:7px 7px;
border-bottom:7px solid #ffd500}
.c-header_company .localNav>ul>li>ul{opacity:0;
visibility:hidden;
transition:opacity .2s, visibility .2s;
transition-delay:.3s}
.c-header_company .localNav>ul ul{padding:25px 0;
border-top:4px solid #ffd500;
box-shadow:0 3px 8px 0 rgba(0, 0, 0, .1);
position:absolute;
z-index:2;
left:0;
top:105px;
width:100%;
background:#fff;
font-size:14px;
font-size:.875rem}
.c-header_company .localNav>ul ul:before{content:'';
position:absolute;
left:0;
top:-8px;
width:100%;
height:4px;
background:#fff}
.c-header_company .localNav>ul ul li{margin-right:15px;
display:inline-block}
.c-header_company .localNav>ul ul li.m-sp{display:none}
.c-header_company .localNav>ul ul li:last-child{margin-right:0}
.c-header_company .localNav>ul ul a{color:#333;
padding-left:15px;
padding-right:15px;
display:block;
position:relative}
.c-header_company .localNav>ul ul a:after{content:'';
position:absolute;
right:0;
top:50%;
margin-top:-5px;
width:9px;
height:9px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
@media screen and (min-width: 960px) and (max-width: 1040px){.c-header_company .localNav>ul>li{width:auto}
}
@media (max-width: 1px){.c-header{height:94px}
.c-header .logo{width:81px}
.c-header .categoryNav{margin-top:15px}
.c-header .categoryNav .soudanshitsu a{padding:0 10px 0 28px}
.c-header .categoryNav .recruit a{padding:0 10px}
.c-header .categoryNav .products,.c-header .categoryNav .company{margin-right:5px}
.c-header .search{margin-top:15px}
.c-header .localNav{margin-left:0;
padding-top:4px;
width:100%;
height:auto;
float:none;
clear:both;
font-size:12px;
font-size:.75rem}
.c-header .localNav>ul>li>a{margin:-5px -1px -9px;
padding:5px 11px 9px}
.c-header_products li.dropDown ~ li:last-child:after{top:90px}
.c-header_products li.dropDown .box{top:90px}
.c-header_company .localNav>ul ul{padding:10px 0;
font-size:12px;
font-size:.75rem;
top:90px}
}
@media screen and (min-width: 600px) and (max-width: 650px){.c-header .search .form{width:110px}
.c-header .categoryNav{max-width:calc(100% - 81px - 110px)}
.c-header_company .localNav>ul>li{width:auto}
}
@media (max-width: 1px){.c-header{position:fixed;
z-index:3;
left:0;
top:0;
width:100%;
height:56px;
background:#fff;
overflow:hidden;
transition:height .5s}
.c-header.is-shown{height:100%;
overflow-y:auto}
.c-header .logo{height:56px;
border-bottom:2px solid #ffd500}
.c-header .logo img{margin-left:5px;
width:81px}
.c-header .search{padding:10px 20px;
border-bottom:1px solid #e0e0e0;
line-height:40px}
.c-header .search .form{width:100%;
position:relative}
.c-header .search .form .SS_suggest{position:absolute;
left:0;
top:40px;
width:100%;
z-index:4;
background:#fff}
.c-header .search input[type="text"]{width:100%;
padding:0 30px 0 10px;
border-radius:20px}
.c-header .search button{position:absolute;
right:0;
top:0;
padding:0 10px}
.c-header .search button img{vertical-align:top;
margin-top:6px;
width:26px}
.c-header .categoryNav{border-bottom:1px solid #e0e0e0;
font-size:18px;
font-size:1.125rem}
.c-header .categoryNav .soudanshitsu,.c-header .categoryNav .recruit{display:none}
.c-header .categoryNav .company,.c-header .categoryNav .products{text-align:center;
display:none}
.c-header .categoryNav .company.is-current,.c-header .categoryNav .products.is-current{display:block}
.c-header .categoryNav .company a,.c-header .categoryNav .products a{display:block;
color:#333;
font-weight:bold;
padding:6px 20px}
.c-header .categoryNav .company a:before,.c-header .categoryNav .products a:before{margin-right:10px;
vertical-align:middle}
.c-header .categoryNav .products a:before{content:url("../img/common/header_products.png")}
.c-header .categoryNav .company a:before{content:url("../img/common/header_company.png")}
.c-header .localNav{font-size:18px;
font-size:1.125rem}
.c-header .localNav a{display:block;
color:#333}
.c-header .localNav>ul>li{border-bottom:1px solid #e0e0e0}
.c-header .localNav>ul>li>a{padding:6px 20px;
display:block;
position:relative}
.c-header .localNav>ul>li>a:after{content:'';
position:absolute;
right:22px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-header .link{padding:20px;
font-size:14px;
font-size:.875rem;
text-align:center}
.c-header .link .company,.c-header .link .products{margin-bottom:20px}
.c-header .link .company a,.c-header .link .products a{display:block;
color:#333;
border-radius:20px;
border:2px solid #ffd500;
line-height:36px;
background-repeat:no-repeat;
background-position:14px 50%}
.c-header .link .company a:before,.c-header .link .products a:before{margin-right:10px;
vertical-align:top;
display:inline-block}
.c-header .link .company.is-current a,.c-header .link .products.is-current a{background-color:#ffd500}
.c-header .link .products a:before{content:url("../img/common/header_products.png");
margin-top:3px}
.c-header .link .company a:before{content:url("../img/common/header_company.png");
margin-top:3px}
.c-header .link .soudanshitsu a{color:#333;
padding-right:20px;
padding-left:30px;
display:block;
position:relative;
display:inline-block;
background:url("/assets/img/common/header_qanda.png") no-repeat 0 50%}
.c-header .link .soudanshitsu a:after{content:'';
position:absolute;
right:0;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-header .link .recruit a{color:#333;
padding-right:20px;
display:block;
position:relative;
display:inline-block}
.c-header .link .recruit a:after{content:'';
position:absolute;
right:0;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-header .menu{display:block;
position:absolute;
right:0;
top:0;
width:64px;
height:54px;
z-index:3}
.c-header .menu::before{position:absolute;
left:20px;
top:19px;
content:'';
width:24px;
height:2px;
background:#ffd500;
transition:0.3s}
.c-header .menu::after{position:absolute;
left:20px;
bottom:19px;
content:'';
width:24px;
height:2px;
background:#ffd500;
visibility:visible;
transition:0.3s}
.c-header .menu span{position:absolute;
left:20px;
top:26px;
content:'';
width:24px;
height:2px;
background:#ffd500;
overflow:hidden;
font-size:0;
text-indent:-999px;
transition:0.2s}
.c-header.is-shown .menu::before{top:26px;
transform:rotate(-135deg)}
.c-header.is-shown .menu::after{bottom:26px;
transform:rotate(135deg)}
.c-header.is-shown .menu span{opacity:0;
transform:rotate(-90deg)}
.c-header_products .localNav>ul>li.dropDown>a:after{margin-top:-10px;
right:19px;
transform:rotate(135deg)}
.c-header_products .localNav>ul>li.dropDown>a.is-shown:after{margin-top:-3px;
right:19px;
transform:rotate(-45deg)}
.c-header_products li.dropDown .box{background:url(../img/common/header_bg.png) repeat 50% 0;
font-size:14px;
font-size:.875rem}
.c-header_products li.dropDown .inner{margin:0 auto;
padding:0 20px}
.c-header_products li.dropDown .index{padding:20px 0;
text-align:center}
.c-header_products li.dropDown .index a{color:#826332;
border:2px solid #ffd500;
background:#ffffff;
line-height:36px;
border-radius:20px;
display:block;
position:relative;
text-decoration:none}
.c-header_products li.dropDown .index a:after{content:'';
position:absolute;
right:17px;
top:50%;
margin-top:-5px;
width:9px;
height:9px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-header_products li.dropDown .category ul{margin-bottom:5px;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack:justify;
justify-content:space-between;
font-weight:bold}
.c-header_products li.dropDown .category ul li{margin-bottom:15px;
margin-right:0;
width:48%;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center}
.c-header_products li.dropDown .category ul li:nth-child(4n){margin-right:0}
.c-header_products li.dropDown .category ul a{width:100%;
height:100%;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
color:#826332;
background:#ffffff;
border-radius:5px}
.c-header_products li.dropDown .category ul .img{width:60px;
padding:5px}
.c-header_products li.dropDown .category ul .name{padding:5px 5px 5px 0;
width:calc(100% - 60px)}
.c-header_products li.dropDown .category ul .name br{display:none}
.c-header_products li.dropDown .others{padding-bottom:20px}
.c-header_products li.dropDown .others ul{border-top:1px solid #f2cb00}
.c-header_products li.dropDown .others li{border-bottom:1px solid #f2cb00}
.c-header_products li.dropDown .others a{padding:10px 0;
display:block;
color:#333333;
display:block;
position:relative}
.c-header_products li.dropDown .others a:after{content:'';
position:absolute;
right:7px;
top:50%;
margin-top:-5px;
width:9px;
height:9px;
border:1px solid #826332;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-header_products li.dropDown .campaign .others a{display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center}
.c-header_products li.dropDown .campaign .others a .img{margin-right:10px;
width:40px}
.c-header_products li.dropDown .campaign .others a .name{width:calc(100% - 70px)}
.c-header_products li.dropDown .list{line-height:1.5}
.c-header_products li.dropDown .list .banner{padding-bottom:20px}
.c-header_products li.dropDown .list .banner .img{margin-bottom:5px;
border-radius:5px}
.c-header_products li.dropDown .list .banner img{width:100%;
border-radius:5px}
.c-header_products li.dropDown .list .banner br{display:none}
.c-header_company .localNav>ul>li.dropDown>a:after{margin-top:-10px;
right:19px;
transform:rotate(135deg)}
.c-header_company .localNav>ul>li.dropDown>a.is-shown:after{margin-top:-3px;
right:19px;
transform:rotate(-45deg)}
.c-header_company .localNav>ul ul{font-size:14px;
font-size:.875rem}
.c-header_company .localNav>ul ul li{border-top:1px solid #e0e0e0}
.c-header_company .localNav>ul ul a{padding:6px 20px 6px 40px;
background:#fffced;
display:block;
position:relative}
.c-header_company .localNav>ul ul a:after{content:'';
position:absolute;
right:22px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
}
.c-breadcrumb{margin-bottom:30px;
padding:9px 0;
font-size:10px;
font-size:.625rem;
color:#674a0a;
background:#ffe874;
background:linear-gradient(to right, #ffe874 0%, #ffd500 60%)}
@media (max-width: 1px){.c-breadcrumb{display:none}
}
.c-breadcrumb ul{margin:0 auto;
padding:0 20px;
max-width:1040px}
.c-breadcrumb ul::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-breadcrumb ul{width:1040px}
.c-breadcrumb li{float:left}
.c-breadcrumb li:after{margin:0 10px;
content:'>'}
.c-breadcrumb li:last-child:after{display:none}
.c-breadcrumb a{color:#674a0a;
display:inline-block}
.c-breadcrumb a:hover span{text-decoration:underline}
.c-subNav{font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-subNav{font-size:16px;
font-size:1rem}
}
.c-subNav .toIndex{margin-bottom:10px;
font-size:16px;
font-size:1rem}
.c-subNav .toIndex a{padding:28px 20px 28px 0;
line-height:1.5;
color:#333;
background:#fff7ce;
text-align:center;
border-radius:5px;
display:block;
position:relative;
transition:box-shadow .2s}
.c-subNav .toIndex a:after{content:'';
position:absolute;
right:20px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #a09283;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-subNav .toIndex a:hover{text-decoration:none;
box-shadow:0 0 0 3px #ffd500}
@media (max-width: 1px){.c-subNav .toIndex a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-subNav .toIndex a{padding:15px 20px 15px 0}
}
body.is-soudanshitsu_voice .c-subNav .toIndex a,body.is-soudanshitsu_voice_detail .c-subNav .toIndex a{background:#ffd500;
display:block;
position:relative}
body.is-soudanshitsu_voice .c-subNav .toIndex a:after,body.is-soudanshitsu_voice_detail .c-subNav .toIndex a:after{content:'';
position:absolute;
right:20px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #333;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
@media (max-width: 1px){.c-subNav .list{display:none}
}
.c-subNav .list li{border-bottom:1px solid #ececec}
.c-subNav .list a{padding:14px 0 14px 24px;
line-height:1.5;
display:block;
position:relative}
.c-subNav .list a:before{content:'';
position:absolute;
left:5px;
top:20px;
width:7px;
height:7px;
border:1px solid #a1a1a1;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-subNav .list li.is-current a:before{left:9px;
transform:rotate(-135deg);
border-color:#ffae00}
.c-subNav .list li.is-current a[href^="/soudanshitsu/qa/pr/"]:before{left:5px;
transform:rotate(45deg);
border-color:#a1a1a1}
.c-subNav .list .sub{padding-left:20px}
.c-subNav .list .info li a:before{display:none}
.c-subNav .list .info li.is-current{background:#f6fff5}
.c-subNav .list .info li.is-current a:before{display:none}
.c-subNav .select{display:none;
margin:20px 0;
position:relative}
.c-subNav .select:after{content:'';
position:absolute;
right:20px;
top:50%;
margin-top:-10px;
width:12px;
height:12px;
border:1px solid #a09283;
border-width:0 1px 1px 0;
line-height:0;
transform:rotate(45deg)}
.c-subNav .select select{padding:0 20px;
width:100%;
height:50px;
border:1px solid #a09283;
border-radius:5px}
.c-subNav .banner{margin-top:30px;
margin-bottom:50px}
.c-subNav .banner li{margin-bottom:20px}
.c-subNav .banner img{border-radius:5px}
.c-subNav .banner a{display:block;
border-radius:5px;
transition:box-shadow .2s}
.c-subNav .banner a:hover{text-decoration:none;
box-shadow:0 0 0 3px #ffd500}
@media (max-width: 1px){.c-subNav .banner a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-subNav .banner img{width:100%}
}
.c-footer{border-top:1px solid #f4eed3;
max-height:999999px;
background:#fff}
.c-footer .inner{margin:0 auto;
padding:0 20px;
max-width:1040px}
.c-footer .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-footer .inner{width:1040px}
.c-footer .contact{padding-top:50px;
padding-bottom:80px}
@media (max-width: 1px){.c-footer .contact{padding-top:40px;
padding-bottom:40px}
}
.c-footer .contact .title{padding:3px 0 5px 25px;
font-size:24px;
font-size:1.5rem;
font-weight:bold;
position:relative}
.c-footer .contact .title:before{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px 0 0}
@media (max-width: 1px){.c-footer .contact .title{padding:0 0 0 14px;
font-size:20px;
font-size:1.25rem}
}
.c-footer .contact .lead{margin:0 0 30px;
padding:0 0 3px 25px;
font-size:14px;
font-size:.875rem;
position:relative}
.c-footer .contact .lead:before{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:0 0 2px 2px}
@media (max-width: 1px){.c-footer .contact .lead{padding:0 0 0 14px;
line-height:1.5}
}
.c-footer .contact .categories{margin-bottom:40px;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
text-align:center}
@media (max-width: 1px){.c-footer .contact .categories{margin-bottom:20px;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
}
.c-footer .contact .category{border:1px solid #ffd500;
border-radius:5px;
width:30%}
@media (max-width: 1px){.c-footer .contact .category{margin-top:20px;
width:100%}
.c-footer .contact .category:first-child{margin-top:0}
}
.c-footer .contact .about{padding:10px 0;
border-radius:5px 5px 0 0;
background:#f7f3e1;
font-size:16px;
font-size:1rem;
font-weight:bold;
position:relative}
.c-footer .contact .about:after{content:'';
position:absolute;
left:50%;
bottom:-5px;
margin-left:-5px;
width:10px;
height:10px;
transform:rotate(45deg);
background:#f7f3e1;
line-height:0}
.c-footer .contact .about span{font-size:18px;
font-size:1.125rem;
letter-spacing:0}
.c-footer .contact .address{padding:13px 19px 10px;
display:block}
.c-footer .contact .name{color:#837733;
font-size:14px;
font-size:.875rem;
font-weight:bold}
.c-footer .contact .tel{padding-bottom:3px;
border-bottom:1px solid #ffd500;
font-size:24px;
font-size:1.5rem;
font-weight:bold}
.c-footer .contact .tel a,.c-footer .contact .tel span{color:#837733}
.c-footer .contact .businessHours{padding-top:10px;
font-size:14px;
font-size:.875rem}
.c-footer .contact .exception{font-size:12px;
font-size:.75rem}
.c-footer .contact .note{font-size:12px;
font-size:.75rem;
color:#666}
.c-footer .contact .note li{margin-bottom:10px;
padding-left:1em;
text-indent:-1em}
.c-footer .contact .note li:last-child{margin-bottom:0}
.c-footer .sitemap{padding:40px 0;
background:url("../img/common/footer_bg.png") repeat 50% 0}
@media (max-width: 1px){.c-footer .sitemap{display:none}
}
.c-footer .sitemap .list{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between}
@media (max-width: 1px){.c-footer .sitemap .list>ul{padding-right:10px}
.c-footer .sitemap .list>ul:last-child{padding-right:0}
}
.c-footer .sitemap li{margin-top:25px;
font-size:15px;
font-size:.9375rem;
font-weight:bold}
.c-footer .sitemap li:first-child{margin-top:0}
.c-footer .sitemap li ul{padding-top:10px}
.c-footer .sitemap li li{margin-top:5px;
font-size:12px;
font-size:.75rem;
font-weight:normal}
.c-footer .sitemap a{padding-left:15px;
display:block;
color:#333;
position:relative}
.c-footer .sitemap a:before{content:'';
position:absolute;
left:0;
top:8px;
width:0;
height:0;
font-size:0;
border:5px solid transparent;
border-width:4px 5px;
border-left:5px solid #1c98bb}
.c-footer .link{padding:30px 30px 30px 30px;
color:#fff;
background:#292929}
.c-footer .link a{color:#fff}
.c-footer .link .inner{position:relative}
@media screen and (max-width: 1200px){.c-footer .link{padding:30px 70px 30px 0px}
}
@media (max-width: 1px){.c-footer .link{border-top:2px solid #ffd500;
padding:0;
background:#fff}
.c-footer .link a{color:#333}
.c-footer .link .inner{padding:0}
}
.c-footer .link .sns{position:absolute;
right:0;
top:0;
text-align:center;
line-height:1;
font-size:12px;
font-size:.75rem}
@media (max-width: 1px){.c-footer .link .sns{top:auto;
bottom:10px;
right:57px}
}
.c-footer .link .sns p{margin-bottom:10px}
@media (max-width: 1px){.c-footer .link .sns p{margin-bottom:6px}
}
.c-footer .link .sns ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
width:100%}
.c-footer .link .sns li{margin:0 5px;
width:30px}
.c-footer .link .sns li.note{margin-left:2px}
@media (max-width: 1px){.c-footer .link .sns li{margin:0 3px}
.c-footer .link .sns li.note{margin-left:0}
}
.c-footer .link .policy{margin-bottom:20px;
margin-left:-15px;
padding-right:120px;
font-size:12px;
font-size:.75rem;
line-height:1;
display:-ms-flexbox;
display:flex}
@media (max-width: 1px){.c-footer .link .policy{margin-bottom:0;
padding-right:0;
display:block}
}
.c-footer .link .policy li{padding:0 15px;
border-right:1px solid #fff}
.c-footer .link .policy li:last-child{border-right:0}
@media (max-width: 1px){.c-footer .link .policy li{text-align:left;
padding:0;
border-right:0;
border-bottom:1px solid #ececec}
.c-footer .link .policy li a{padding:15px 20px;
display:block}
}
.c-footer .link .copyright{font-size:12px;
font-size:.75rem}
@media (max-width: 1px){.c-footer .link .copyright{padding:15px 140px 15px 10px;
background:#292929;
font-size:10px;
font-size:.625rem;
min-height:66px}
}
.c-footer .toPageTop{position:fixed;
right:20px;
bottom:20px;
z-index:2}
@media (max-width: 1px){.c-footer .toPageTop{right:10px;
bottom:10px}
}
.c-footer .toPageTop a{display:block;
width:40px;
height:40px;
border:1px solid #ffd500;
border-radius:20px;
position:relative;
background:#ffffff}
.c-footer .toPageTop a:before{content:'';
position:absolute;
left:13px;
top:15px;
width:12px;
height:12px;
border:2px solid #ff9c00;
border-width:3px 0 0 3px;
line-height:0;
transform:rotate(45deg)}
.c-footer .toPageTop span{display:none}
.c-articleList>.title{padding:7px 0;
font-size:20px;
font-size:1.25rem}
@media (max-width: 1px){.c-articleList>.title{font-size:18px;
font-size:1.125rem}
}
.c-articleList .list a{display:block}
.c-articleList .item{padding:30px 0;
border-bottom:1px solid #ececec;
position:relative;
min-height:155px}
.c-articleList .item:first-child{border-top:1px solid #ececec}
@media (max-width: 1px){.c-articleList .item{padding:20px 0;
min-height:135px}
}
.c-articleList .img{position:absolute;
left:0;
top:30px;
border:1px solid #dedede;
width:95px;
height:95px;
overflow:hidden}
@media (max-width: 1px){.c-articleList .img{top:20px}
}
.c-articleList .txt{padding-left:125px}
@media (max-width: 1px){.c-articleList .txt{padding-left:110px}
}
.c-articleList_news .txt{padding-left:0}
@media (max-width: 1px){.c-articleList_news .txt{padding-left:0}
}
.c-articleList .meta{font-size:14px;
font-size:.875rem;
line-height:1.57143}
.c-articleList .date{margin-right:40px;
float:left;
color:#333}
@media (max-width: 1px){.c-articleList .date{margin-right:15px}
}
.c-articleList .category{float:left;
display:inline-block;
text-align:center;
color:#99876a;
border:1px solid #99876a;
min-width:90px;
padding:1px 10px;
font-size:12px;
font-size:.75rem}
.c-articleList .item:nth-child(n+6){display:none}
.c-articleList .item .title{clear:both;
padding-top:20px;
font-size:16px;
font-size:1rem}
@media (max-width: 1px){.c-articleList .item .title{padding-top:10px;
font-size:14px;
font-size:.875rem}
}
.c-articleList a:hover .title{text-decoration:underline}
.c-articleList .more{margin-top:40px;
text-align:center}
.c-articleList .more a{border:1px solid #ffd500;
border-radius:25px;
display:none;
margin:0 auto;
width:300px;
height:50px;
line-height:48px;
color:#333;
position:relative;
transition:box-shadow .2s}
.c-articleList .more a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-articleList .more a:hover{box-shadow:none}
}
.c-articleList .more a:after{content:'';
position:absolute;
right:22px;
top:50%;
margin-top:-5px;
width:7px;
height:7px;
border:1px solid #ffd500;
border-width:0 1px 1px 0;
line-height:0;
transform:rotate(45deg);
transition:right .3s}
@media (max-width: 1px){.c-articleList .more a{width:100%}
}
.c-post .header{margin-bottom:50px}
@media (max-width: 1px){.c-post .header{margin-bottom:20px}
}
.c-post .header .title{margin-bottom:40px;
font-size:22px;
font-size:1.375rem}
@media (max-width: 1px){.c-post .header .title{margin-bottom:20px;
font-size:18px;
font-size:1.125rem}
}
.c-post .header .meta1{margin-bottom:20px;
font-size:12px;
font-size:.75rem;
line-height:1}
.c-post .header .meta1::after{content:'';
display:table;
clear:both}
@media (max-width: 1px){.c-post .header .meta1{line-height:1.5}
}
.c-post .header .date,.c-post .header .name{float:left}
@media (max-width: 1px){.c-post .header .date,.c-post .header .name{font-size:10px;
font-size:.625rem;
margin-bottom:5px;
float:none;
display:block}
.c-post .header .date:last-child,.c-post .header .name:last-child{margin-bottom:0}
}
.c-post .header .date{font-weight:bold}
.c-post .header .name{margin-left:20px;
padding-left:20px;
border-left:1px solid #adadad}
@media (max-width: 1px){.c-post .header .name{margin-left:0;
padding-left:0;
border-left:0}
}
.c-post .header .meta2{padding:10px 0;
border:1px solid #ececec;
border-width:1px 0;
text-align:right;
font-size:12px;
font-size:.75rem}
.c-post .header .meta2::after{content:'';
display:table;
clear:both}
.c-post .header .category{float:left;
display:inline-block;
text-align:center;
color:#99876a;
border:1px solid #99876a;
min-width:90px;
padding:1px 10px;
font-size:12px;
font-size:.75rem}
.c-post .header .pdf{display:inline-block;
margin-right:20px;
padding-left:30px;
background:url("../img/release/pdf.png") no-repeat 0 50%;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-post .header .pdf{margin-right:0;
float:right}
}
.c-post .header .sns{display:inline-block}
@media (max-width: 1px){.c-post .header .sns{clear:both;
padding-top:10px;
display:block}
}
.c-post .header .facebook,.c-post .header .twitter{margin-left:5px;
display:inline-block}
.c-post .header .facebook iframe,.c-post .header .twitter iframe{vertical-align:bottom}
.c-post .header .facebook img,.c-post .header .twitter img{width:26px}
.c-post .body{font-size:16px;
font-size:1rem}
@media (max-width: 1px){.c-post .body{font-size:14px;
font-size:.875rem}
}
.c-post .body h1,.c-post .body h2{margin:2em 0 1em;
padding:5px 0 5px 25px;
font-size:20px;
font-size:1.25rem;
position:relative}
.c-post .body h1:first-child,.c-post .body h2:first-child{margin-top:0}
.c-post .body h1:before,.c-post .body h2:before{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px}
@media (max-width: 1px){.c-post .body h1,.c-post .body h2{padding:0 0 0 14px;
font-size:18px;
font-size:1.125rem}
}
.c-post .body table,.c-post .body p,.c-post .body li{margin-bottom:1em;
word-break:break-all}
.c-post .body li{padding-left:1em;
text-indent:-1em}
.c-post .body table{width:100%}
.c-post .body th,.c-post .body td{padding:8px 20px;
border:1px solid #dedede}
@media (max-width: 1px){.c-post .body th,.c-post .body td{padding:5px 10px}
}
.c-post .body th{background:#fff7cc}
.c-post .body .center{text-align:center}
.c-post .contact{margin-top:40px;
margin-bottom:60px;
padding:25px 2.77778%;
background:url("../img/release/contact_bg.png") repeat 0 0}
@media (max-width: 1px){.c-post .contact{margin-bottom:40px;
padding:25px 20px}
}
.c-post .contact .title{margin-bottom:20px;
padding-left:25px;
background:url("../img/release/contact_tel.png") no-repeat 0 50%;
font-size:20px;
font-size:1.25rem;
line-height:1;
font-weight:bold}
@media (max-width: 1px){.c-post .contact .title{background-position:0 3px;
line-height:1.5;
font-size:18px;
font-size:1.125rem}
}
.c-post .contact .address{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-post .contact .address{display:block}
}
.c-post .contact .address address{width:48.52941%}
@media (max-width: 1px){.c-post .contact .address address{margin-bottom:20px;
width:auto}
.c-post .contact .address address:last-child{margin-bottom:0}
}
.c-post .contact .address em{font-size:18px;
font-size:1.125rem;
line-height:1.44444;
padding:3px 0;
display:inline-block}
.c-post .contact .address a{color:#333}
.c-post .contact .address .businessHours{font-size:12px;
font-size:.75rem;
line-height:1.66667}
.c-post .pager{border:1px solid #ececec;
border-width:1px 0;
padding:15px 0;
font-size:14px;
font-size:.875rem}
.c-post .pager::after{content:'';
display:table;
clear:both}
.c-post .pager .prev,.c-post .pager .next{width:50%}
.c-post .pager a{display:block}
.c-post .pager .prev,.c-post .pager .next{padding:15px 0}
.c-post .pager .prev::after,.c-post .pager .next::after{content:'';
display:table;
clear:both}
@media (max-width: 1px){.c-post .pager .prev,.c-post .pager .next{padding:5px 0}
}
.c-post .pager .img{border:1px solid #dedede;
width:26.38889%}
@media (max-width: 1px){.c-post .pager .img{display:none}
}
.c-post .pager .title{width:62.5%}
.c-post .pager .title:first-child{width:88.88889%}
@media (max-width: 1px){.c-post .pager .title{width:auto}
}
.c-post .pager a:hover .title{text-decoration:underline}
.c-post .pager .prev{float:left;
border-right:1px solid #ececec}
.c-post .pager .prev .img{margin-right:4.16667%;
float:left}
.c-post .pager .prev .title{float:left}
@media (max-width: 1px){.c-post .pager .prev .title{margin-right:20px}
}
.c-post .pager .next{float:right}
.c-post .pager .next:first-child{border-left:1px solid #ececec}
.c-post .pager .next .img{margin-left:4.16667%;
float:right}
.c-post .pager .next .title{float:right}
@media (max-width: 1px){.c-post .pager .next .title{margin-left:20px}
}
.c-index{font-size:14px;
font-size:.875rem}
.c-index .inner{margin:0 auto;
padding:0 20px;
max-width:1040px}
.c-index .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-index .inner{width:1040px}
.c-index .swiper-button-prev,.c-index .swiper-button-next{background:#fff;
width:50px;
height:50px;
border-radius:25px;
margin-top:-25px;
box-shadow:0 0 5px 0 rgba(0, 0, 0, .1);
transition:box-shadow .2s}
.c-index .swiper-button-prev:hover,.c-index .swiper-button-next:hover{box-shadow:0 0 0 3px #ffd500}
.c-index .swiper-button-prev::after,.c-index .swiper-button-next::after{content:'';
position:absolute;
top:18px;
width:14px;
height:14px;
border:4px solid #ffd500;
transform:rotate(45deg);
font-size:0;
line-height:0}
@media (max-width: 1px){.c-index .swiper-button-prev,.c-index .swiper-button-next{display:none}
}
.c-index .swiper-button-prev{margin-left:-80px;
left:33.3%}
@media screen and (max-width: 1000px){.c-index .swiper-button-prev{margin-left:10px;
left:0}
}
.c-index .swiper-button-prev::after{right:16px;
left:auto;
border-width:0 0 4px 4px}
.c-index .swiper-button-next{right:33.3%;
margin-right:-80px}
@media screen and (max-width: 1000px){.c-index .swiper-button-next{margin-right:10px;
right:0}
}
.c-index .swiper-button-next:after{left:16px;
border-width:4px 4px 0 0}
.c-index .swiper-container-horizontal>.swiper-pagination-bullets{bottom:-25px;
line-height:0}
.c-index .swiper-pagination-bullet{width:10px;
height:10px}
.c-index .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
.c-index .swiper-pagination-bullet{background:#e6e5cf;
opacity:1}
.c-index .swiper-pagination-bullet-active{background:#ffd500}
.c-index .hero{padding-bottom:40px;
overflow:hidden}
.c-index .hero .inner{padding:0;
max-width:1000px}
.c-index .hero .slider{margin-left:-1000px;
margin-right:-1000px;
width:3000px;
overflow:visible}
@media screen and (max-width: 1000px){.c-index .hero .slider{margin-left:0;
margin-right:0;
width:auto}
}
.c-index .importantNotice{margin-bottom:15px;
padding:10px 15px;
border:2px solid #e8e8e8}
.c-index .importantNotice a{color:#333}
.c-index .notice{margin-bottom:30px;
border:2px solid #e8e8e8;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center}
@media (max-width: 1px){.c-index .notice{display:block}
}
.c-index .notice h1{width:150px;
font-weight:bold;
text-align:center}
@media (max-width: 1px){.c-index .notice h1{padding:4px;
width:auto}
}
.c-index .notice ul{padding:10px 25px;
border-left:2px solid #e8e8e8;
width:calc(100% - 150px);
color:#666}
@media (max-width: 1px){.c-index .notice ul{padding:10px;
border-left:0;
width:auto;
border-top:2px solid #e8e8e8}
}
.c-index .notice li{line-height:2}
@media (max-width: 1px){.c-index .notice li{margin-bottom:10px;
line-height:1.5}
.c-index .notice li:last-child{margin-bottom:0}
}
.c-index .notice a{display:-ms-flexbox;
display:flex;
color:#666}
@media (max-width: 1px){.c-index .notice a{display:block}
}
.c-index .notice a:hover{text-decoration:none}
.c-index .notice a:hover .title{text-decoration:underline}
.c-index .notice span{display:-ms-flexbox;
display:flex;
color:#666}
@media (max-width: 1px){.c-index .notice span{display:block}
}
.c-index .notice .date,.c-index .notice .title{display:block}
.c-index .notice .date{width:9.5em;
cursor:default}
@media (max-width: 1px){.c-index .notice .date{width:auto}
}
.c-index .notice .title{width:calc(100% - 9.5em);
padding-left:14px;
position:relative}
@media (max-width: 1px){.c-index .notice .title{width:auto}
}
.c-index .notice a .title:after{content:'';
position:absolute;
left:-5px;
top:10px;
width:7px;
height:7px;
border:1px solid #a1a1a1;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
@media (max-width: 1px){.c-index .notice a .title:after{top:6px;
left:-2px}
}
@media (max-width: 1px){.c-index .notice span .title{padding-left:0}
}
.c-index .banner1{padding-bottom:50px;
text-align:center}
@media (max-width: 1px){.c-index .banner1{text-align:left}
}
.c-index .banner1 ul{position:relative}
.c-index .banner1 ul::after{content:'';
display:table;
clear:both}
.c-index .banner1 li{float:left}
@media (max-width: 1px){.c-index .banner1 li{float:none}
}
.c-index .banner1 a{color:#333;
display:block}
.c-index .banner1 a .img{transition:box-shadow .2s;
border-radius:5px;
overflow:hidden}
.c-index .banner1 a:hover{text-decoration:none}
.c-index .banner1 a:hover .img{box-shadow:0 0 0 3px #ffd500}
.c-index .banner1 .lg{width:48%;
margin-bottom:3%;
margin-right:4%;
padding-top:31%;
position:relative}
@media (max-width: 1px){.c-index .banner1 .lg{width:100%;
margin-bottom:20px;
margin-right:0;
padding-top:0}
}
.c-index .banner1 .lg a{position:absolute;
left:0;
top:0;
width:100%;
height:100%}
@media (max-width: 1px){.c-index .banner1 .lg a{position:static;
width:auto;
height:auto}
.c-index .banner1 .lg a .img{border-radius:5px 5px 0 0}
}
.c-index .banner1 .lg .txt{margin-top:2.08333%;
height:16.12903%;
line-height:1.5;
background:#fef6d5;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center;
overflow:hidden}
@media (max-width: 1px){.c-index .banner1 .lg .txt{margin-top:0;
display:block;
height:auto;
padding:5px 10px;
text-align:left;
border-radius:0 0 5px 5px}
}
.c-index .banner1 .md{width:48%;
position:absolute;
right:0;
top:0}
.c-index .banner1 .md:nth-child(6){margin-top:17%}
@media (max-width: 1px){.c-index .banner1 .md{width:100%;
position:static;
right:auto;
top:auto;
margin-bottom:20px}
.c-index .banner1 .md:nth-child(6){margin-top:0;
margin-bottom:0}
}
.c-index .banner1 .sm{width:30%;
margin-right:5%}
@media (max-width: 1px){.c-index .banner1 .sm{margin-bottom:20px;
width:100%;
margin-right:0;
line-height:1.5}
.c-index .banner1 .sm::after{content:'';
display:table;
clear:both}
.c-index .banner1 .sm .img{float:left;
width:50%}
}
.c-index .banner1 .sm:nth-child(2){clear:left}
.c-index .banner1 .sm:nth-child(4){margin-right:0}
.c-index .banner1 .sm .txt{margin-top:3.33333%}
@media (max-width: 1px){.c-index .banner1 .sm .txt{margin-top:0;
float:left;
width:50%;
padding-left:10px}
}
.c-index .products{padding:50px 0 60px;
background:url("../img/index/products_bg.png") 50% 0 repeat;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05) inset;
text-align:center}
@media (max-width: 1px){.c-index .products{padding:20px 0 20px}
}
.c-index .products h1{margin-bottom:30px;
font-size:30px;
font-size:1.875rem;
font-weight:bold;
letter-spacing:.15em}
@media (max-width: 1px){.c-index .products h1{margin-bottom:20px;
font-size:24px;
font-size:1.5rem}
}
.c-index .products .categoryList{margin:0 auto 30px;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
max-width:860px}
@media (max-width: 1px){.c-index .products .categoryList{margin-bottom:10px;
text-align:left}
}
.c-index .products .categoryList li{margin-bottom:20px;
width:23.25581%;
font-size:16px;
font-size:1rem}
@media (max-width: 1px){.c-index .products .categoryList li{margin-bottom:10px;
width:48.50746%;
font-size:14px;
font-size:.875rem;
line-height:1.5}
}
.c-index .products .categoryList a{display:block;
height:100%;
background:#fff;
border-radius:10px;
padding:20px 20px 7px;
color:#826332;
box-shadow:0 0 0 0 #ffd500;
transition:box-shadow .2s}
@media (max-width: 1px){.c-index .products .categoryList a{padding:5px 5px 7px 7px;
display:block;
position:relative;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center}
.c-index .products .categoryList a:after{content:'';
position:absolute;
right:10px;
top:50%;
margin-top:-5px;
width:9px;
height:9px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
}
.c-index .products .categoryList a:hover{text-decoration:none;
box-shadow:0 0 0 3px #ffd500}
.c-index .products .categoryList .img{margin:0 auto 10px;
max-width:140px}
@media (max-width: 1px){.c-index .products .categoryList .img{margin:0;
width:56px}
}
.c-index .products .categoryList .name{padding-top:7px;
border-top:1px solid #826332}
@media (max-width: 1px){.c-index .products .categoryList .name{padding-top:0;
padding-left:10px;
padding-right:20px;
border-top:0}
}
.c-index .products .brandSite a{margin:0 auto;
padding:12px 0 12px 15px;
max-width:470px;
line-height:32px;
display:block;
background:url("../img/index/products_brandsite.png") 35px 50% no-repeat #fff;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, .1);
border:1px solid #ffd500;
border-radius:10px;
font-size:20px;
font-size:1.25rem;
color:#333;
transition:box-shadow .2s}
.c-index .products .brandSite a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-index .products .brandSite a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-index .products .brandSite a{line-height:26px;
font-size:18px;
font-size:1.125rem;
background-position:20px 50%}
}
.c-index .information{padding:50px 0;
font-size:16px;
font-size:1rem}
@media (max-width: 1px){.c-index .information{padding:30px 0}
}
.c-index .information .inner{width:100%;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between}
@media (max-width: 1px){.c-index .information .inner{display:block}
}
.c-index .information .inner:after{display:none}
.c-index .information .news,.c-index .information .release{width:46%}
@media (max-width: 1px){.c-index .information .news,.c-index .information .release{width:auto}
}
@media (max-width: 1px){.c-index .information .news{margin-bottom:50px}
}
.c-index .information .header{padding-bottom:15px;
border-bottom:1px solid #ececec}
.c-index .information .header::after{content:'';
display:table;
clear:both}
@media (max-width: 1px){.c-index .information .header{padding-bottom:10px}
}
.c-index .information .header h1{font-size:24px;
font-size:1.5rem;
font-weight:bold;
line-height:38px;
float:left}
@media (max-width: 1px){.c-index .information .header h1{font-size:20px;
font-size:1.25rem;
line-height:26px}
}
.c-index .information .header .link{float:right}
.c-index .information .header .rss{margin-top:1px;
float:left;
border-radius:18px;
width:36px;
line-height:36px;
background:#ffd500;
text-align:center;
transition:box-shadow .2s}
.c-index .information .header .rss:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-index .information .header .rss:hover{box-shadow:none}
}
@media (max-width: 1px){.c-index .information .header .rss{width:24px;
line-height:24px}
}
.c-index .information .header .rss img{margin-bottom:4px}
@media (max-width: 1px){.c-index .information .header .rss img{margin-bottom:0}
}
.c-index .information .header .more{margin-left:15px;
float:left}
@media (max-width: 1px){.c-index .information .header .more{margin-left:10px}
}
.c-index .information .header .more a{font-size:16px;
font-size:1rem;
border:1px solid #ffd500;
border-radius:19px;
padding-right:10px;
width:140px;
line-height:36px;
text-align:center;
color:#333;
background:#fff;
display:block;
position:relative;
transition:box-shadow .2s}
.c-index .information .header .more a:after{content:'';
position:absolute;
right:15px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-index .information .header .more a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-index .information .header .more a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-index .information .header .more a{width:auto;
line-height:24px;
border-radius:13px;
padding-left:10px;
font-size:14px;
font-size:.875rem}
.c-index .information .header .more a:after{display:none}
}
.c-index .information .item{padding:15px 0;
border-bottom:1px solid #ececec}
@media (max-width: 1px){.c-index .information .item{padding:10px 0;
line-height:1.5}
}
.c-index .information .item .meta{margin-bottom:7px;
color:#333}
.c-index .information .item .meta::after{content:'';
display:table;
clear:both}
@media (max-width: 1px){.c-index .information .item .meta{margin-bottom:3px}
}
.c-index .information .item .date{margin-right:15px;
float:left;
font-size:14px;
font-size:.875rem;
line-height:26px}
@media (max-width: 1px){.c-index .information .item .date{line-height:20px}
}
.c-index .information .item .category{float:left;
display:inline-block;
text-align:center;
color:#99876a;
border:1px solid #99876a;
min-width:90px;
padding:1px 10px;
font-size:12px;
font-size:.75rem}
@media (max-width: 1px){.c-index .information .item .category{min-width:0;
padding:0 5px}
}
@media (max-width: 1px){.c-index .information .item .title{font-size:14px;
font-size:.875rem}
}
.c-index .banner2{padding:50px 0 20px;
background:url("../img/index/banner2_bg.png") 50% 0 repeat}
@media (max-width: 1px){.c-index .banner2{padding:30px 0 10px}
}
.c-index .banner2 ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-index .banner2 li{margin-bottom:30px;
width:22%}
@media (max-width: 1px){.c-index .banner2 li{margin-bottom:20px;
width:47.76119%}
}
.c-index .banner2 img{border-radius:5px}
.c-index .banner2 a{border-radius:5px;
display:block;
transition:box-shadow .2s}
.c-index .banner2 a:hover{text-decoration:none;
box-shadow:0 0 0 3px #ffd500}
@media (max-width: 1px){.c-index .banner2 a:hover{box-shadow:none}
}
.c-index .for{padding:50px 0 50px;
background:url("../img/index/for_bg.png") 50% 0 repeat;
border-top:1px solid #f4eed3;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-index .for{padding:30px 0 10px}
}
.c-index .for section+section{margin-top:20px}
.c-index .for h1{margin-bottom:15px;
padding:0 0 0 20px;
font-size:16px;
font-size:1rem;
position:relative}
.c-index .for h1:before{content:'';
width:2px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:1px}
@media (max-width: 1px){.c-index .for h1{margin-bottom:10px;
padding:0 0 0 14px;
line-height:1.4}
.c-index .for h1:before{width:2px}
}
.c-index .for li{padding:8px 0;
border-top:1px solid #f0f0f0}
@media (max-width: 1px){.c-index .for li{padding:4px 0}
}
.c-index .for a{padding-left:15px;
display:block;
color:#333;
position:relative}
.c-index .for a:before{content:'';
position:absolute;
left:0;
top:8px;
width:0;
height:0;
font-size:0;
border:5px solid transparent;
border-width:4px 5px;
border-left:5px solid #1c98bb}
.c-index .for .inner{width:100%;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-index .for .inner:after{display:none}
.c-index .for .col{width:30%}
@media (max-width: 1px){.c-index .for .col{margin-bottom:20px;
width:100%}
}
.c-companyBusiness>section,.c-companyBusinessActivity>section,.c-companyBusinessDepartment>section{margin-bottom:120px}
@media (max-width: 1px){.c-companyBusiness>section,.c-companyBusinessActivity>section,.c-companyBusinessDepartment>section{margin-bottom:60px}
}
.c-companyBusiness>section:last-child,.c-companyBusinessActivity>section:last-child,.c-companyBusinessDepartment>section:last-child{margin-bottom:0}
@media (max-width: 1px){.c-companyBusiness>section:last-child,.c-companyBusinessActivity>section:last-child,.c-companyBusinessDepartment>section:last-child{margin-bottom:0}
}
.c-companyBusiness>section>h1,.c-companyBusinessActivity>section>h1,.c-companyBusinessDepartment>section>h1{margin-bottom:30px;
padding-left:25px;
position:relative;
font-size:20px;
font-size:1.25rem;
font-weight:bold}
@media (max-width: 1px){.c-companyBusiness>section>h1,.c-companyBusinessActivity>section>h1,.c-companyBusinessDepartment>section>h1{padding-left:14px}
}
.c-companyBusiness>section>h1:after,.c-companyBusinessActivity>section>h1:after,.c-companyBusinessDepartment>section>h1:after{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px}
.c-company .inner{margin:0 auto;
padding:0 20px;
max-width:1040px}
.c-company .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-company .inner{width:1040px}
.c-company .hero{margin-top:-30px;
margin-bottom:5px}
@media (max-width: 1px){.c-company .hero{margin-top:0;
margin-bottom:10px}
}
.c-company .hero h1{position:relative;
overflow:hidden}
.c-company .hero h1:after{content:'';
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
background:url("../img/company/index/hero_cover.png") no-repeat 50% 100%}
@media (max-width: 1px){.c-company .hero h1:after{background-size:120% auto}
}
.c-company .hero img{width:100%}
.c-company .link1{margin-bottom:65px;
font-size:18px;
font-size:1.125rem}
@media (max-width: 1px){.c-company .link1{margin-bottom:20px;
font-size:14px;
font-size:.875rem}
}
.c-company .link1 ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center}
@media (max-width: 1px){.c-company .link1 ul{-ms-flex-pack:justify;
justify-content:space-between}
}
@media (max-width: 1px){.c-company .link1 ul{-ms-flex-pack:justify;
justify-content:space-between}
}
.c-company .link1 li{margin:0 15px;
width:22%;
min-width:180px}
@media (max-width: 1px){.c-company .link1 li{margin:0;
width:32%;
min-width:0}
}
@media (max-width: 1px){.c-company .link1 li{margin:0;
width:32%;
min-width:0}
.c-company .link1 li:last-child{margin-bottom:0}
}
.c-company .link1 a{display:block;
width:100%;
height:50px;
line-height:46px;
border:2px solid #ffd500;
border-radius:25px;
color:#333;
text-align:center;
display:block;
position:relative;
transition:box-shadow .2s}
.c-company .link1 a:after{content:'';
position:absolute;
right:22px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-company .link1 a:after{border-width:2px 2px 0 0}
.c-company .link1 a:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-company .link1 a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-company .link1 a{height:40px;
line-height:36px}
.c-company .link1 a:after{display:none}
}
.c-company .importantNotice{margin-bottom:25px;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-company .importantNotice{margin-bottom:15px}
}
.c-company .importantNotice a{color:#333}
.c-company .notice{margin-bottom:25px;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-company .notice{margin-bottom:15px;
display:block}
}
.c-company .notice h1{width:140px;
font-weight:bold}
@media (max-width: 1px){.c-company .notice h1{width:auto}
}
.c-company .notice ul{padding:10px 25px;
border-left:1px solid #e8e8e8;
width:calc(100% - 140px);
color:#666}
@media (max-width: 1px){.c-company .notice ul{padding:10px 0;
border-left:0;
border-top:1px solid #e8e8e8;
width:auto}
}
.c-company .notice li{line-height:2}
@media (max-width: 1px){.c-company .notice li{margin-bottom:10px;
line-height:1.5}
.c-company .notice li:last-child{margin-bottom:0}
}
.c-company .notice a{display:-ms-flexbox;
display:flex;
color:#666}
@media (max-width: 1px){.c-company .notice a{display:block}
}
.c-company .notice a:hover{text-decoration:none}
.c-company .notice a:hover .title{text-decoration:underline}
.c-company .notice span{display:-ms-flexbox;
display:flex;
color:#666}
@media (max-width: 1px){.c-company .notice span{display:block}
}
.c-company .notice .date,.c-company .notice .title{display:block;
width:calc(100% - 9.5em)}
@media (max-width: 1px){.c-company .notice .date,.c-company .notice .title{width:auto}
}
.c-company .notice .date{width:9.5em;
cursor:default}
@media (max-width: 1px){.c-company .notice .date{width:auto}
}
.c-company .notice .title{padding-left:14px;
position:relative}
.c-company .notice a .title:after{content:'';
position:absolute;
left:-5px;
top:10px;
width:7px;
height:7px;
border:1px solid #a1a1a1;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
@media (max-width: 1px){.c-company .notice a .title:after{top:6px;
left:-2px}
}
@media (max-width: 1px){.c-company .notice span .title{padding-left:0}
}
.c-company .banner1{padding:50px 0;
background:url("../img/company/index/banner1_bg.png") 50% 0 repeat;
text-align:center}
@media (max-width: 1px){.c-company .banner1{padding:30px 0}
}
.c-company .banner1 ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between}
@media (max-width: 1px){.c-company .banner1 ul{display:block}
}
.c-company .banner1 li{width:30%}
@media (max-width: 1px){.c-company .banner1 li{width:100%;
margin-bottom:20px}
.c-company .banner1 li:last-child{margin-bottom:0}
}
.c-company .banner1 a{color:#333;
display:inline-block}
.c-company .banner1 a .img{transition:box-shadow .2s;
border-radius:5px;
overflow:hidden}
.c-company .banner1 a:hover{text-decoration:none}
.c-company .banner1 a:hover .img{box-shadow:0 0 0 3px #ffd500}
.c-company .banner1 .img{margin-bottom:10px}
@media (max-width: 1px){.c-company .banner1 .img{margin-bottom:5px}
}
.c-company .business{padding:50px 0;
text-align:center}
@media (max-width: 1px){.c-company .business{padding:30px 0}
}
.c-company .business h1{margin-bottom:50px;
font-size:28px;
font-size:1.75rem;
font-weight:bold;
letter-spacing:.15em}
@media (max-width: 1px){.c-company .business h1{margin-bottom:30px;
font-size:24px;
font-size:1.5rem}
}
.c-company .business ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between}
@media (max-width: 1px){.c-company .business ul{display:block}
}
.c-company .business li{width:30%}
@media (max-width: 1px){.c-company .business li{width:100%;
margin-bottom:20px}
.c-company .business li:last-child{margin-bottom:0}
}
.c-company .business a{color:#333;
display:block}
.c-company .business a .img{transition:box-shadow .2s}
.c-company .business a .img:after{transition:.2s}
.c-company .business a:hover{text-decoration:none}
.c-company .business a:hover .img{box-shadow:0 -2px 0 0 #ffd500 inset}
.c-company .business a:hover .img:after{box-shadow:-2.8px 2.8px 0 0 #ffd500 inset;
bottom:-3px}
.c-company .business .img{margin-bottom:10px;
padding-bottom:29px;
border-bottom:1px solid #ffd500;
position:relative}
@media (max-width: 1px){.c-company .business .img{padding-bottom:19px;
margin-bottom:5px}
}
.c-company .business .img:after{content:'';
width:10px;
height:10px;
background:#fff;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
transform:rotate(-45deg);
position:absolute;
left:50%;
bottom:-5px;
margin-left:-7px}
.c-company .release{padding:50px 0 30px;
background:url("../img/company/index/banner1_bg.png") 50% 0 repeat;
font-size:16px;
font-size:1rem}
@media (max-width: 1px){.c-company .release{padding:30px 0 20px}
}
.c-company .release .header{margin-bottom:20px}
.c-company .release .header::after{content:'';
display:table;
clear:both}
@media (max-width: 1px){.c-company .release .header{margin-bottom:10px}
}
.c-company .release .header h1{font-size:24px;
font-size:1.5rem;
font-weight:bold;
line-height:60px;
float:left;
padding-left:28px;
position:relative}
.c-company .release .header h1:after{content:'';
width:4px;
height:100%;
border-radius:2px;
background:#ffd500;
position:absolute;
left:0;
top:0}
@media (max-width: 1px){.c-company .release .header h1{font-size:20px;
font-size:1.25rem;
line-height:26px;
padding-left:14px}
}
.c-company .release .header .link{padding:11px 0 11px;
float:right}
@media (max-width: 1px){.c-company .release .header .link{padding:0}
}
.c-company .release .header .rss{margin-top:1px;
float:left;
border-radius:18px;
width:36px;
line-height:36px;
background:#ffd500;
text-align:center;
transition:box-shadow .2s}
.c-company .release .header .rss:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-company .release .header .rss:hover{box-shadow:none}
}
@media (max-width: 1px){.c-company .release .header .rss{width:24px;
line-height:24px}
}
.c-company .release .header .rss img{margin-bottom:4px}
@media (max-width: 1px){.c-company .release .header .rss img{margin-bottom:0}
}
.c-company .release .header .more{margin-left:15px;
float:left}
@media (max-width: 1px){.c-company .release .header .more{margin-left:10px}
}
.c-company .release .header .more a{font-size:16px;
font-size:1rem;
border:1px solid #ffd500;
border-radius:19px;
padding-right:10px;
width:140px;
line-height:36px;
text-align:center;
color:#333;
background:#fff;
display:block;
position:relative;
transition:box-shadow .2s}
.c-company .release .header .more a:after{content:'';
position:absolute;
right:15px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-company .release .header .more a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-company .release .header .more a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-company .release .header .more a{width:auto;
line-height:24px;
border-radius:13px;
padding-left:10px;
font-size:14px;
font-size:.875rem}
.c-company .release .header .more a:after{display:none}
}
.c-company .release .articleList{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-company .release .item{margin-bottom:20px;
padding:20px;
width:49%;
min-height:135px;
border-radius:10px;
background:#fff;
position:relative}
@media (max-width: 1px){.c-company .release .item{margin-bottom:10px;
padding:10px;
width:100%;
min-height:115px;
line-height:1.5}
}
.c-company .release .item .img{position:absolute;
left:20px;
top:20px;
border:1px solid #dedede;
width:95px;
height:95px;
overflow:hidden}
@media (max-width: 1px){.c-company .release .item .img{left:10px;
top:10px}
}
.c-company .release .item .txt{padding-left:115px}
@media (max-width: 1px){.c-company .release .item .txt{padding-left:105px;
font-size:14px;
font-size:.875rem}
}
.c-company .release .item .meta{margin-bottom:7px;
color:#333}
.c-company .release .item .meta::after{content:'';
display:table;
clear:both}
@media (max-width: 1px){.c-company .release .item .meta{margin-bottom:3px}
}
.c-company .release .item .date{margin-right:15px;
float:left;
font-size:14px;
font-size:.875rem;
line-height:26px}
@media (max-width: 1px){.c-company .release .item .date{line-height:20px}
}
.c-company .release .item .category{float:left;
display:inline-block;
text-align:center;
color:#99876a;
border:1px solid #99876a;
min-width:90px;
padding:1px 10px;
font-size:12px;
font-size:.75rem}
@media (max-width: 1px){.c-company .release .item .category{min-width:0;
padding:0 5px}
}
.c-companyBusiness>section>h1{margin-bottom:40px}
@media (max-width: 1px){.c-companyBusiness>section>h1{margin-bottom:20px}
}
@media (max-width: 1px){.c-companyBusiness p{font-size:14px;
font-size:.875rem}
}
.c-companyBusiness .products{margin-bottom:30px;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
text-align:center;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-companyBusiness .products{-ms-flex-wrap:wrap;
flex-wrap:wrap}
}
.c-companyBusiness .products li{padding:10px;
border:1px solid #dedede;
border-radius:5px}
.c-companyBusiness .products li .img{margin:0 auto;
max-width:152px}
@media (max-width: 1px){.c-companyBusiness .products li{margin-bottom:10px}
.c-companyBusiness .products li:last-child{margin-bottom:0}
.c-companyBusiness .products li .img{max-width:none}
}
.c-companyBusiness .business.khp .products li{width:23.2%}
@media (max-width: 1px){.c-companyBusiness .business.khp .products li{width:100%}
}
.c-companyBusiness .business.ph .products li{width:48.8%}
@media (max-width: 1px){.c-companyBusiness .business.ph .products li{width:100%}
}
.c-companyBusiness .business.foods .products li{width:32%}
@media (max-width: 1px){.c-companyBusiness .business.foods .products li{width:100%}
}
.c-companyBusiness .btn{margin-top:50px;
text-align:center}
@media (max-width: 1px){.c-companyBusiness .btn{margin-top:25px}
}
.c-companyBusiness .btn a{padding:0 80px;
min-width:300px;
height:40px;
line-height:36px;
border:2px solid #ffd500;
border-radius:25px;
color:#333;
text-align:center;
display:block;
position:relative;
transition:box-shadow .2s;
display:inline-block}
.c-companyBusiness .btn a:after{content:'';
position:absolute;
right:22px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-companyBusiness .btn a:after{border-width:2px 2px 0 0}
.c-companyBusiness .btn a:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-companyBusiness .btn a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-companyBusiness .btn a{height:40px;
line-height:36px}
}
@media (max-width: 1px){.c-companyBusiness .btn a{padding:0;
min-width:0;
display:block;
height:40px;
line-height:36px}
}
.c-companyBusiness .link{margin-top:30px;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-companyBusiness .link{margin-top:15px}
}
.c-companyBusiness .link a{padding-left:15px;
display:block;
color:#333;
position:relative;
display:inline-block;
color:#1c98bb}
.c-companyBusiness .link a:before{content:'';
position:absolute;
left:0;
top:8px;
width:0;
height:0;
font-size:0;
border:5px solid transparent;
border-width:4px 5px;
border-left:5px solid #1c98bb}
.c-companyBusiness .link a[target="_blank"]{padding-right:15px;
background:url("../img/common/link_blank.png") no-repeat 100% 50%}
.c-companyBusiness .outline .graph{margin-bottom:50px;
padding-bottom:10px;
border-bottom:1px solid #ececec;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
text-align:center}
@media (max-width: 1px){.c-companyBusiness .outline .graph{margin-bottom:25px}
}
.c-companyBusiness .outline .sales{margin-bottom:10px;
padding-bottom:60px;
border-bottom:1px solid #ececec;
width:100%}
@media (max-width: 1px){.c-companyBusiness .outline .sales{padding-bottom:30px}
}
.c-companyBusiness .outline .staff{border-right:1px solid #ececec;
width:50%}
.c-companyBusiness .outline .brand{width:50%}
.c-companyBusiness .office section{margin-bottom:50px}
.c-companyBusiness .office section:last-child{margin-bottom:0}
@media (max-width: 1px){.c-companyBusiness .office section{margin-bottom:25px}
.c-companyBusiness .office section:last-child{margin-bottom:0}
}
.c-companyBusiness .office section>h1{margin-bottom:40px;
border-bottom:1px solid #dedede;
font-size:18px;
font-size:1.125rem}
@media (max-width: 1px){.c-companyBusiness .office section>h1{margin-bottom:20px}
}
@media (max-width: 1px){.c-companyBusinessActivity>section>h1{margin-bottom:20px}
}
.c-companyBusinessActivity>section>h1+.img{margin-right:4%;
float:left;
width:48%}
@media (max-width: 1px){.c-companyBusinessActivity>section>h1+.img{margin-right:0;
float:none;
width:auto}
}
.c-companyBusinessActivity>section>h1+.img img{width:100%}
.c-companyBusinessActivity>section>section{margin-top:30px}
.c-companyBusinessActivity>section>section>h1{margin-bottom:20px;
border-bottom:1px solid #dedede;
font-size:18px;
font-size:1.125rem}
.c-companyBusinessActivity>section>section>section{margin-top:1em}
.c-companyBusinessActivity>section>section>section>h1{padding-left:25px;
font-size:18px;
font-size:1.125rem;
position:relative}
.c-companyBusinessActivity>section>section>section>h1:after{content:'';
position:absolute;
left:0;
top:0.4375em;
width:18px;
height:18px;
border:5px solid #ffd500;
border-radius:50%}
.c-companyBusinessActivity>section>section>.btn+section{margin-top:50px}
@media (max-width: 1px){.c-companyBusinessActivity>section>section>.btn+section{margin-top:25px}
}
.c-companyBusinessActivity p{margin-bottom:1em}
@media (max-width: 1px){.c-companyBusinessActivity p{font-size:14px;
font-size:.875rem}
}
.c-companyBusinessActivity .btn{margin-top:50px;
text-align:center}
@media (max-width: 1px){.c-companyBusinessActivity .btn{margin-top:25px}
}
.c-companyBusinessActivity .btn a{padding:0 80px;
min-width:300px;
height:40px;
line-height:36px;
border:2px solid #ffd500;
border-radius:25px;
color:#333;
text-align:center;
display:block;
position:relative;
transition:box-shadow .2s;
display:inline-block}
.c-companyBusinessActivity .btn a:after{content:'';
position:absolute;
right:22px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-companyBusinessActivity .btn a:after{border-width:2px 2px 0 0}
.c-companyBusinessActivity .btn a:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-companyBusinessActivity .btn a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-companyBusinessActivity .btn a{height:40px;
line-height:36px}
}
@media (max-width: 1px){.c-companyBusinessActivity .btn a{padding:0;
min-width:0;
display:block;
height:40px;
line-height:36px}
}
.c-companyBusinessActivity .link{margin-top:30px;
font-size:14px;
font-size:.875rem}
.c-companyBusinessActivity .link a{padding-left:15px;
display:block;
color:#333;
position:relative;
display:inline-block;
color:#1c98bb}
.c-companyBusinessActivity .link a:before{content:'';
position:absolute;
left:0;
top:8px;
width:0;
height:0;
font-size:0;
border:5px solid transparent;
border-width:4px 5px;
border-left:5px solid #1c98bb}
.c-companyBusinessActivity .link a[target="_blank"]{padding-right:15px;
background:url("../img/common/link_blank.png") no-repeat 100% 50%}
.c-companyBusinessActivity .vision{margin:50px 0}
.c-companyBusinessActivity .rd{margin-top:120px}
@media (max-width: 1px){.c-companyBusinessActivity .rd{margin-top:60px}
}
.c-companyBusinessActivity .production .base h1+.img{margin-top:30px}
.c-companyBusinessDepartment .anchor{margin:-30px 0 55px;
border-bottom:1px solid #ececec}
.c-companyBusinessDepartment .anchor ul{-ms-flex-pack:distribute;
justify-content:space-around}
.c-companyBusinessDepartment .anchor li{border-right:0}
.c-companyBusinessDepartment .anchor li a{padding-right:0}
@media (max-width: 1px){.c-companyBusinessDepartment .anchor{margin:-5px 0 20px;
text-align:left}
.c-companyBusinessDepartment .anchor ul{-ms-flex-pack:start;
justify-content:flex-start}
.c-companyBusinessDepartment .anchor li{width:50%}
}
@media (max-width: 1px){.c-companyBusinessDepartment p{font-size:14px;
font-size:.875rem}
}
.c-companyBusinessDepartment .introduction>p{margin-bottom:1em}
.c-companyBusinessDepartment .introduction .copy{margin-bottom:30px;
position:relative}
.c-companyBusinessDepartment .introduction .copy img{width:100%}
.c-companyBusinessDepartment .introduction .copy p{position:absolute;
right:9.33333%;
top:50%;
margin-top:-1.54286em;
font-size:35px;
font-size:2.1875rem;
line-height:1.54286;
letter-spacing:0.2em;
color:#5e5000}
@media (max-width: 1px){.c-companyBusinessDepartment .introduction .copy p{font-size:17.5px;
font-size:1.09375rem}
}
.c-companyBusinessDepartment .introduction .message{margin-top:30px;
padding:25px 60px;
font-size:18px;
font-size:1.125rem;
color:#733e3e;
position:relative}
@media (max-width: 1px){.c-companyBusinessDepartment .introduction .message{padding:15px 22px}
}
.c-companyBusinessDepartment .introduction .message:before,.c-companyBusinessDepartment .introduction .message:after{content:'';
position:absolute;
top:0;
border:2px solid #ffd500;
width:34px;
height:100%}
@media (max-width: 1px){.c-companyBusinessDepartment .introduction .message:before,.c-companyBusinessDepartment .introduction .message:after{width:17px}
}
.c-companyBusinessDepartment .introduction .message:before{left:0;
border-right:0}
.c-companyBusinessDepartment .introduction .message:after{right:0;
border-left:0}
.c-companyBusinessDepartment .introduction .message p{margin-bottom:1em}
.c-companyBusinessDepartment .introduction .message p:last-child{margin-bottom:0}
@media (max-width: 1px){.c-companyBusinessDepartment .introduction .message p{font-size:16px;
font-size:1rem}
}
.c-companyBusinessDepartment .introduction .link{margin-top:30px;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-companyBusinessDepartment .introduction .link{line-height:1.5}
}
.c-companyBusinessDepartment .introduction .link a{padding-left:15px;
display:block;
color:#333;
position:relative;
display:inline-block;
color:#1c98bb}
.c-companyBusinessDepartment .introduction .link a:before{content:'';
position:absolute;
left:0;
top:8px;
width:0;
height:0;
font-size:0;
border:5px solid transparent;
border-width:4px 5px;
border-left:5px solid #1c98bb}
@media (max-width: 1px){.c-companyBusinessDepartment .introduction .link a:before{top:5px}
}
.c-companyBusinessDepartment .products .type{margin-bottom:50px}
.c-companyBusinessDepartment .products .type:last-child{margin-bottom:0}
.c-companyBusinessDepartment .products .type>h1{margin-bottom:30px;
border-bottom:1px solid #dedede;
width:100%;
font-size:18px;
font-size:1.125rem}
@media (max-width: 1px){.c-companyBusinessDepartment .products .type>h1{margin-bottom:20px}
}
.c-companyBusinessDepartment .products .type:after{content:'';
display:table;
clear:both}
.c-companyBusinessDepartment .products .type a{display:block;
color:#826332}
.c-companyBusinessDepartment .products .type a .img{transition:box-shadow .2s;
border:1px solid #ffd500;
border-radius:5px;
margin-bottom:5px;
padding:10px 20px 20px}
.c-companyBusinessDepartment .products .type a:hover{text-decoration:none}
.c-companyBusinessDepartment .products .type a:hover .img{box-shadow:0 0 0 2px #ffd500}
.c-companyBusinessDepartment .products .type .txt{padding-left:20px;
display:inline-block;
position:relative;
font-size:14px;
font-size:.875rem}
.c-companyBusinessDepartment .products .type .txt::before{content:'';
position:absolute;
left:0;
top:5px;
width:14px;
height:14px;
border-radius:50%;
background:#ffd500}
.c-companyBusinessDepartment .products .type .txt::after{content:'';
position:absolute;
left:4px;
top:9px;
width:5px;
height:5px;
border:2px solid #fff;
border-width:2px 2px 0 0;
transform:rotate(45deg)}
.c-companyBusinessDepartment .products .type a[target="_blank"] .txt{padding-right:15px;
background:url("../img/common/link_blank.png") no-repeat 100% 50%}
.c-companyBusinessDepartment .products .list{margin-bottom:30px;
display:-ms-flexbox;
display:flex;
text-align:center}
@media (max-width: 1px){.c-companyBusinessDepartment .products .list{margin-bottom:0;
display:block}
}
.c-companyBusinessDepartment .products .list li{margin-right:4%;
width:30.66667%}
.c-companyBusinessDepartment .products .list li:nth-child(3n){margin-right:0}
@media (max-width: 1px){.c-companyBusinessDepartment .products .list li{margin-bottom:30px;
margin-right:0;
width:auto}
}
.c-companyBusinessDepartment .products .single{margin-right:4%;
float:left;
width:30.66667%;
text-align:center}
@media (max-width: 1px){.c-companyBusinessDepartment .products .single{margin-bottom:30px;
margin-right:0;
float:none;
width:auto}
}
.c-companyBusinessDepartment .products .single+.description{float:left;
width:65.33333%}
@media (max-width: 1px){.c-companyBusinessDepartment .products .single+.description{float:none;
width:auto}
}
.c-companyBusinessDepartment .products .description p+p{margin-top:1em}
.c-companyBusinessDepartment .company{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack:justify;
justify-content:space-between}
@media (max-width: 1px){.c-companyBusinessDepartment .company{display:block}
}
.c-companyBusinessDepartment .company>h1{width:100%}
.c-companyBusinessDepartment .company .outline{width:46.66667%}
@media (max-width: 1px){.c-companyBusinessDepartment .company .outline{width:auto}
.c-companyBusinessDepartment .company .outline+.outline{margin-top:45px}
}
.c-companyBusinessDepartment .company .outline>h1{margin-bottom:10px;
border-bottom:1px solid #dedede;
width:100%;
font-size:18px;
font-size:1.125rem}
.c-companyBusinessDepartment .company dl{margin-bottom:20px;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-companyBusinessDepartment .company dl{line-height:1.5}
}
.c-companyBusinessDepartment .company dt{padding:10px 0;
border-bottom:1px solid #ececec;
width:6em}
.c-companyBusinessDepartment .company dd{padding:10px 0;
border-bottom:1px solid #ececec;
width:calc(100% - 6em)}
.c-companyBusinessDepartment .company .link{font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-companyBusinessDepartment .company .link{line-height:1.5}
}
.c-companyBusinessDepartment .company .link a{padding-left:15px;
display:block;
color:#333;
position:relative;
display:inline-block;
color:#1c98bb}
.c-companyBusinessDepartment .company .link a:before{content:'';
position:absolute;
left:0;
top:8px;
width:0;
height:0;
font-size:0;
border:5px solid transparent;
border-width:4px 5px;
border-left:5px solid #1c98bb}
@media (max-width: 1px){.c-companyBusinessDepartment .company .link a:before{top:5px}
}
.c-companyBusinessDepartment .history table{margin-top:-10px;
width:100%;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-companyBusinessDepartment .history table{line-height:1.5}
}
.c-companyBusinessDepartment .history th,.c-companyBusinessDepartment .history td{padding:10px 0;
border-bottom:1px solid #ececec}
.c-companyBusinessDepartment .history th{font-weight:bold;
width:12em}
.c-companyBusinessDepartment .history th br{display:none}
@media (max-width: 1px){.c-companyBusinessDepartment .history th{width:7em}
}
@media (max-width: 1px){.c-companyInfoHistory{font-size:14px;
font-size:.875rem}
}
.c-companyInfoHistory .lead{margin-bottom:50px}
@media (max-width: 1px){.c-companyInfoHistory .lead{margin-bottom:30px}
}
.c-companyInfoHistory>h1{margin-bottom:60px;
padding:7px 0 7px;
border-top:3px solid #333;
border-bottom:1px solid #333;
position:relative;
font-size:28px;
font-size:1.75rem;
font-family:serif;
text-align:center}
@media (max-width: 1px){.c-companyInfoHistory>h1{margin-bottom:25px;
font-size:16px;
font-size:1rem}
}
.c-companyInfoHistory>h1::before{content:'';
position:absolute;
left:0;
top:3px;
width:100%;
border-top:1px solid #333}
.c-companyInfoHistory .period{margin-bottom:50px;
font-family:serif}
@media (max-width: 1px){.c-companyInfoHistory .period{margin-bottom:25px}
}
.c-companyInfoHistory .period a{border:1px solid #999;
padding:29px;
color:#333;
text-decoration:none;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
transition:box-shadow .2s;
transition:box-shadow .2s, border .2s}
@media (max-width: 1px){.c-companyInfoHistory .period a{padding:15px;
display:block}
}
.c-companyInfoHistory .period a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-companyInfoHistory .period a:hover{box-shadow:none}
}
.c-companyInfoHistory .period a:hover{border-color:#ffd500}
@media (max-width: 1px){.c-companyInfoHistory .period a:hover{border-color:#999}
}
.c-companyInfoHistory .period:nth-child(2n) a{-ms-flex-direction:row-reverse;
flex-direction:row-reverse}
.c-companyInfoHistory .period .txt{width:60.86957%}
@media (max-width: 1px){.c-companyInfoHistory .period .txt{margin-bottom:15px;
width:auto}
}
.c-companyInfoHistory .period .img{width:31.88406%;
line-height:1.5}
@media (max-width: 1px){.c-companyInfoHistory .period .img{width:auto}
}
.c-companyInfoHistory .period .img figure{display:block}
.c-companyInfoHistory .period .img figure::after{content:'';
display:table;
clear:both}
.c-companyInfoHistory .period .img figure+figure{margin-top:30px}
.c-companyInfoHistory .period .img figcaption{margin-top:10px;
display:block}
@media (max-width: 1px){.c-companyInfoHistory .period .img img{float:left;
width:110px;
height:auto}
.c-companyInfoHistory .period .img figcaption{float:left;
width:calc(100% - 110px);
margin-top:0;
padding-left:15px}
}
.c-companyInfoHistory .period .year{margin-bottom:15px;
font-size:56px;
font-size:3.5rem;
line-height:1;
text-align:center}
@media (max-width: 1px){.c-companyInfoHistory .period .year{font-size:32px;
font-size:2rem}
}
.c-companyInfoHistory .period .year span{font-size:44px;
font-size:2.75rem}
@media (max-width: 1px){.c-companyInfoHistory .period .year span{font-size:32px;
font-size:2rem}
}
.c-companyInfoHistory .period .title{border:1px solid #333;
padding:5px 0;
border-width:1px 0;
text-align:center;
font-size:26px;
font-size:1.625rem}
@media (max-width: 1px){.c-companyInfoHistory .period .title{padding:0;
font-size:20px;
font-size:1.25rem;
line-height:1.6;
border:0;
background:#ffd500}
}
.c-companyInfoHistory .period p{margin-top:1em;
font-size:18px;
font-size:1.125rem}
@media (max-width: 1px){.c-companyInfoHistory .period p{font-size:16px;
font-size:1rem}
}
.c-companyInfoHistoryPeriod .nav{margin-bottom:30px;
line-height:1.5;
text-align:center}
.c-companyInfoHistoryPeriod .nav:last-child{margin-top:70px}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .nav{margin-bottom:20px}
.c-companyInfoHistoryPeriod .nav:last-child{margin-bottom:0;
margin-top:20px;
padding-bottom:15px;
border-bottom:1px solid #dedede}
}
.c-companyInfoHistoryPeriod .nav ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-companyInfoHistoryPeriod .nav li{margin-bottom:10px;
width:49.33333%}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .nav li{margin-bottom:5px;
width:49.27536%}
}
.c-companyInfoHistoryPeriod .nav li.is-active{background:#ffd500}
.c-companyInfoHistoryPeriod .nav li.is-active,.c-companyInfoHistoryPeriod .nav a{padding:10px;
border:1px solid #ffd500;
border-radius:5px;
display:block;
color:#333;
position:relative}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .nav li.is-active,.c-companyInfoHistoryPeriod .nav a{padding:4px}
}
.c-companyInfoHistoryPeriod .nav a{text-decoration:none;
transition:box-shadow .2s}
.c-companyInfoHistoryPeriod .nav a:after{border-width:2px 2px 0 0}
.c-companyInfoHistoryPeriod .nav a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .nav a:hover{box-shadow:none}
}
.c-companyInfoHistoryPeriod .nav .year{font-size:18px;
font-size:1.125rem;
font-weight:bold}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .nav .year{font-size:16px;
font-size:1rem;
font-weight:normal}
}
.c-companyInfoHistoryPeriod .nav li.is-active .year{font-weight:bold}
.c-companyInfoHistoryPeriod .nav .title{font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .nav .title{display:none}
}
.c-companyInfoHistoryPeriod .history{position:relative}
.c-companyInfoHistoryPeriod .history>h1{padding:10px 0;
border:2px solid #333;
border-width:2px 0 1px;
text-align:center;
font-size:22px;
font-size:1.375rem;
font-weight:bold;
background:#ffffff;
position:relative;
z-index:1}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>h1{margin-bottom:30px;
font-size:18px;
font-size:1.125rem;
line-height:1.5}
}
.c-companyInfoHistoryPeriod .history>h1 .year,.c-companyInfoHistoryPeriod .history>h1 .title{display:inline}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>h1 .year,.c-companyInfoHistoryPeriod .history>h1 .title{display:block}
}
.c-companyInfoHistoryPeriod .history>h1 .year:after{content:" : "}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>h1 .year:after{display:none}
}
.c-companyInfoHistoryPeriod .history:before{content:'';
position:absolute;
left:50%;
margin-left:-2px;
top:0;
width:4px;
height:100%;
background:#ffd500}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history:before{left:7px;
margin-left:0;
top:107px;
width:2px;
height:calc(100% - 107px)}
}
.c-companyInfoHistoryPeriod .history:after{content:'';
position:absolute;
left:50%;
margin-left:-10px;
bottom:0;
width:20px;
height:20px;
border:4px solid #ffd500;
border-width:0 4px 4px 0;
transform:rotate(45deg)}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history:after{left:3px;
margin-left:0;
border-width:0 2px 2px 0;
width:10px;
height:10px}
}
.c-companyInfoHistoryPeriod .history>.year{margin-left:50%;
padding-top:50px;
position:relative}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>.year{margin-left:9px;
padding-top:0;
padding-bottom:50px;
line-height:1.5}
}
.c-companyInfoHistoryPeriod .history>.year:last-child{padding-bottom:120px}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>.year:last-child{padding-bottom:50px}
}
.c-companyInfoHistoryPeriod .history>.year .number{margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ffd500;
font-size:18px;
font-size:1.125rem;
line-height:1;
padding-left:55px}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>.year .number{padding-left:30px;
font-size:16px;
font-size:1rem}
}
.c-companyInfoHistoryPeriod .history>.year .number:before{content:'';
position:absolute;
left:-15px;
top:75px;
width:30px;
height:30px;
border:4px solid #ffd500;
border-radius:15px;
background:#ffffff}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>.year .number:before{left:-9px;
top:26px;
width:16px;
height:16px;
border-width:2px;
border-radius:8px}
}
.c-companyInfoHistoryPeriod .history>.year .ad{font-size:30px;
font-size:1.875rem;
font-weight:bold}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>.year .ad{font-size:24px;
font-size:1.5rem}
}
.c-companyInfoHistoryPeriod .history>.year p{font-size:18px;
font-size:1.125rem;
font-weight:bold;
margin-left:55px}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>.year p{margin-left:30px}
}
.c-companyInfoHistoryPeriod .history>.year .img{margin-left:55px;
padding-top:20px}
.c-companyInfoHistoryPeriod .history>.year .img::after{content:'';
display:table;
clear:both}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>.year .img{margin-left:30px;
padding-top:10px}
}
.c-companyInfoHistoryPeriod .history>.year .img img{float:left;
width:110px}
.c-companyInfoHistoryPeriod .history>.year .img figcaption{padding-left:20px;
float:left;
display:block;
width:calc(100% - 110px)}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>.year .img figcaption{width:calc(100% - 138px);
font-size:14px;
font-size:.875rem}
}
.c-companyInfoHistoryPeriod .history>.year .img+p{margin-top:20px;
padding-top:20px;
border-top:1px solid #dedede}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>.year .img+p{margin-top:0;
border-top:0}
}
.c-companyInfoHistoryPeriod .history>.year:nth-child(2n+1){margin-left:0;
margin-right:50%}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>.year:nth-child(2n+1){margin-left:9px;
margin-right:0}
}
.c-companyInfoHistoryPeriod .history>.year:nth-child(2n+1) .number{padding-right:55px;
padding-left:0}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>.year:nth-child(2n+1) .number{padding-right:0;
padding-left:30px}
}
.c-companyInfoHistoryPeriod .history>.year:nth-child(2n+1) .number:before{right:-15px;
left:auto}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>.year:nth-child(2n+1) .number:before{right:auto;
left:-9px}
}
.c-companyInfoHistoryPeriod .history>.year:nth-child(2n+1) p,.c-companyInfoHistoryPeriod .history>.year:nth-child(2n+1) .img{margin-right:55px;
margin-left:0}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .history>.year:nth-child(2n+1) p,.c-companyInfoHistoryPeriod .history>.year:nth-child(2n+1) .img{margin-right:0;
margin-left:28px}
}
.c-companyInfoHistoryPeriod .history .link{font-size:14px;
font-size:.875rem;
font-weight:normal}
.c-companyInfoHistoryPeriod .history .link a{padding-left:15px;
display:block;
color:#333;
position:relative;
display:inline-block;
color:#1c98bb}
.c-companyInfoHistoryPeriod .history .link a:before{content:'';
position:absolute;
left:0;
top:8px;
width:0;
height:0;
font-size:0;
border:5px solid transparent;
border-width:4px 5px;
border-left:5px solid #1c98bb}
.c-companyInfoHistoryPeriod .history .link a[target="_blank"]{padding-right:15px;
background:url("../img/common/link_blank.png") no-repeat 100% 50%}
.c-companyInfoHistoryPeriod .next{margin:30px 0 70px}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .next{margin:10px 0 20px;
padding-bottom:20px;
border-bottom:1px solid #dedede}
}
.c-companyInfoHistoryPeriod .next a{margin:0 auto;
border:1px solid #ffd500;
border-radius:5px;
max-width:600px;
line-height:70px;
text-align:center;
color:#333;
font-size:18px;
font-size:1.125rem;
display:block;
position:relative;
transition:box-shadow .2s}
.c-companyInfoHistoryPeriod .next a:after{content:'';
position:absolute;
right:20px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-companyInfoHistoryPeriod .next a:after{border-width:2px 2px 0 0}
.c-companyInfoHistoryPeriod .next a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .next a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-companyInfoHistoryPeriod .next a{line-height:40px}
}
.c-companyInfoHistoryShinmachi>section>h1,.c-companyInfoHistoryShinmachi>aside>h1{margin-bottom:20px;
border-bottom:1px solid #dedede;
font-size:18px;
font-size:1.125rem}
.c-companyInfoHistoryShinmachi .section1,.c-companyInfoHistoryShinmachi .section2{margin-bottom:30px}
@media (max-width: 1px){.c-companyInfoHistoryShinmachi .section1,.c-companyInfoHistoryShinmachi .section2{margin-bottom:0}
}
.c-companyInfoHistoryShinmachi .section1 .row1::after,.c-companyInfoHistoryShinmachi .section2 .row1::after{content:'';
display:table;
clear:both}
@media (max-width: 1px){.c-companyInfoHistoryShinmachi .section1 .row1,.c-companyInfoHistoryShinmachi .section2 .row1{display:-ms-flexbox;
display:flex;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse}
}
@media (max-width: 1px){.c-companyInfoHistoryShinmachi .section1 .row1 .txt,.c-companyInfoHistoryShinmachi .section2 .row1 .txt{width:100%}
}
.c-companyInfoHistoryShinmachi .section1 .row1 .img,.c-companyInfoHistoryShinmachi .section2 .row1 .img{margin-left:4%;
float:right;
width:47.2%}
@media (max-width: 1px){.c-companyInfoHistoryShinmachi .section1 .row1 .img,.c-companyInfoHistoryShinmachi .section2 .row1 .img{margin-left:0;
float:none;
width:100%}
.c-companyInfoHistoryShinmachi .section1 .row1 .img img,.c-companyInfoHistoryShinmachi .section2 .row1 .img img{width:100%}
}
.c-companyInfoHistoryShinmachi .section1 .row2{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between}
.c-companyInfoHistoryShinmachi .section1 .row2 .img{width:31.33333%}
@media (max-width: 1px){.c-companyInfoHistoryShinmachi .section1 .row2{display:block}
.c-companyInfoHistoryShinmachi .section1 .row2 .img{width:100%}
.c-companyInfoHistoryShinmachi .section1 .row2 img{width:100%}
}
.c-companyInfoHistoryShinmachi .txt p,.c-companyInfoHistoryShinmachi .txt ul{font-size:14px;
font-size:.875rem}
.c-companyInfoHistoryShinmachi .txt p{margin-bottom:1.875em}
.c-companyInfoHistoryShinmachi .img{margin-bottom:1.875em}
.c-companyInfoHistoryShinmachi .img .caption{margin-top:5px;
font-size:10px;
font-size:.625rem}
.c-companyInfoProducts .filter{margin-bottom:40px}
@media (max-width: 1px){.c-companyInfoProducts .filter{margin-bottom:20px}
}
.c-companyInfoProducts .filter ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between}
@media (max-width: 1px){.c-companyInfoProducts .filter ul{-ms-flex-wrap:wrap;
flex-wrap:wrap}
}
.c-companyInfoProducts .filter li{width:24%;
line-height:1.3125}
@media (max-width: 1px){.c-companyInfoProducts .filter li{margin-bottom:5px;
width:49.27536%;
line-height:1.07143;
font-size:14px;
font-size:.875rem}
}
.c-companyInfoProducts .filter li a{border:1px solid #ffd500;
border-radius:5px;
height:60px;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
text-align:center;
color:#333;
transition:box-shadow .2s}
.c-companyInfoProducts .filter li a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-companyInfoProducts .filter li a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-companyInfoProducts .filter li a{height:36px}
}
.c-companyInfoProducts .filter li a.is-active{background:#ffd500;
cursor:default}
.c-companyInfoProducts .filter li a.is-active:hover{box-shadow:none}
.c-companyInfoProducts .history{margin-left:50px;
padding-bottom:60px;
border-left:4px solid #ffd500;
position:relative}
@media (max-width: 1px){.c-companyInfoProducts .history{margin-left:7px;
padding-bottom:30px;
border-left:2px solid #ffd500;
line-height:1.5}
}
.c-companyInfoProducts .history:after{content:'';
position:absolute;
left:-12px;
bottom:0;
width:20px;
height:20px;
border:4px solid #ffd500;
border-width:0 4px 4px 0;
transform:rotate(45deg)}
@media (max-width: 1px){.c-companyInfoProducts .history:after{left:-6px;
border-width:0 2px 2px 0;
width:10px;
height:10px}
}
.c-companyInfoProducts .history .year.is-hidden{display:none}
.c-companyInfoProducts .history .number{padding:2px 0 2px 60px;
border-bottom:1px solid #ffd500;
position:relative;
font-size:18px;
font-size:1.125rem}
@media (max-width: 1px){.c-companyInfoProducts .history .number{padding:0 0 10px 30px;
font-size:16px;
font-size:1rem;
line-height:1}
}
.c-companyInfoProducts .history .number:before{content:'';
position:absolute;
left:-17px;
bottom:-15px;
width:30px;
height:30px;
border:4px solid #ffd500;
border-radius:15px;
background:#ffffff}
@media (max-width: 1px){.c-companyInfoProducts .history .number:before{left:-9px;
bottom:-8px;
width:16px;
height:16px;
border-width:2px;
border-radius:8px}
}
.c-companyInfoProducts .history .number .ad{font-size:30px;
font-size:1.875rem;
font-weight:bold}
@media (max-width: 1px){.c-companyInfoProducts .history .number .ad{font-size:24px;
font-size:1.5rem}
}
.c-companyInfoProducts .history .product{padding:20px 0 20px 60px;
display:-ms-flexbox;
display:flex}
@media (max-width: 1px){.c-companyInfoProducts .history .product{padding:10px 0 20px 30px;
display:block}
}
.c-companyInfoProducts .history .product.is-hidden{display:none}
.c-companyInfoProducts .history .product+.year{margin-top:40px}
.c-companyInfoProducts .history .product .img{margin-right:4.71698%;
width:25.15723%}
@media (max-width: 1px){.c-companyInfoProducts .history .product .img{margin-right:0;
width:auto;
text-align:center}
}
.c-companyInfoProducts .history .product .img img{border:1px solid #dedede;
display:block}
@media (max-width: 1px){.c-companyInfoProducts .history .product .img img{margin:0 auto;
max-width:160px}
}
.c-companyInfoProducts .history .product .txt{padding-bottom:36px;
width:70.12579%;
position:relative}
@media (max-width: 1px){.c-companyInfoProducts .history .product .txt{margin-top:10px;
padding-bottom:20px;
width:auto}
}
@media (max-width: 1px) and (max-width: 1px){.c-companyInfoProducts .history .product .txt{font-size:14px;
font-size:.875rem}
}
.c-companyInfoProducts .history .product .txt h1{margin-bottom:5px;
font-size:18px;
font-size:1.125rem;
font-weight:bold}
@media (max-width: 1px){.c-companyInfoProducts .history .product .txt h1{font-size:14px;
font-size:.875rem}
}
.c-companyInfoProducts .history .product .txt .footer{position:absolute;
left:0;
bottom:0}
.c-companyInfoProducts .history .product .txt .icon{display:inline-block;
padding:0 10px;
border:1px solid #ffd500;
color:#ffffff;
background:#ffd500;
font-size:13px;
font-size:.8125rem;
line-height:1.53846;
text-align:center}
@media (max-width: 1px){.c-companyInfoProducts .history .product .txt .icon{font-size:11px;
font-size:.6875rem}
}
.c-companyInfoProducts .history .product .txt .category{display:inline-block;
padding:0 10px;
border:1px solid #9d8b72;
color:#9d8b72;
font-size:13px;
font-size:.8125rem;
min-width:110px;
line-height:1.53846;
text-align:center}
@media (max-width: 1px){.c-companyInfoProducts .history .product .txt .category{margin-top:10px;
position:static;
display:inline-block;
font-size:11px;
font-size:.6875rem}
}
.c-message .inner{margin:0 auto;
padding:0 20px;
max-width:1040px}
.c-message .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-message .inner{width:1040px}
.c-message p{margin-bottom:1em}
.c-message .hero{margin-bottom:1.5em}
.c-message .name{margin-top:2em;
text-align:right;
font-size:14px;
font-size:.875rem}
.c-message .name img{margin-top:10px;
display:inline-block}
.c-productsIndex{margin-top:-30px;
line-height:1.5;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-productsIndex{margin-top:0}
}
.c-productsIndex .inner{margin:0 auto;
padding:0 20px;
max-width:1040px;
position:relative}
.c-productsIndex .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-productsIndex .inner{width:1040px}
.c-productsIndex .pickup{padding-bottom:110px;
background:#fff299;
overflow-x:hidden}
@media (max-width: 1px){.c-productsIndex .pickup{padding-bottom:30px}
}
@media (max-width: 1px){.c-productsIndex .pickup .inner{padding:0}
}
.c-productsIndex .pickup h1{padding:35px 30px;
font-size:30px;
font-size:1.875rem;
line-height:40px;
font-weight:bold;
position:relative}
.c-productsIndex .pickup h1:before{content:'';
position:absolute;
left:0;
top:30px;
width:4px;
height:50px;
background:#ff9c00;
border-radius:2px}
@media (max-width: 1px){.c-productsIndex .pickup h1{margin:0 20px;
padding:20px 15px;
font-size:24px;
font-size:1.5rem}
.c-productsIndex .pickup h1:before{content:'';
position:absolute;
left:0;
top:23px;
width:2px;
height:30px;
background:#ff9c00;
border-radius:2px}
.c-productsIndex .pickup h1 span{display:none}
}
.c-productsIndex .pickup .more{position:absolute;
right:20px;
top:35px;
width:150px;
line-height:36px;
border:2px solid #ffd500;
border-radius:20px;
background:#fff;
text-align:center;
transition:box-shadow .2s}
.c-productsIndex .pickup .more:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-productsIndex .pickup .more:hover{box-shadow:none}
}
.c-productsIndex .pickup .more:before{content:'';
position:absolute;
right:15px;
top:12px;
width:10px;
height:10px;
border:2px solid #ffd500;
border-width:2px 2px 0 0;
transform:rotate(45deg);
font-size:0;
line-height:0}
@media (max-width: 1px){.c-productsIndex .pickup .more{top:23px;
width:auto;
padding:0 30px 0 20px;
line-height:26px}
.c-productsIndex .pickup .more:before{top:8px}
}
.c-productsIndex .pickup .slider{margin:-3px -3px 0;
padding:3px 3px 0}
.c-productsIndex .pickup ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
text-align:center;
font-size:16px;
font-size:1rem}
.c-productsIndex .pickup li{width:30%}
@media (max-width: 1px){.c-productsIndex .pickup li{width:150px}
}
.c-productsIndex .pickup a{display:block;
color:#826332;
position:relative}
.c-productsIndex .pickup a .img{transition:box-shadow .2s;
border-radius:5px;
overflow:hidden}
.c-productsIndex .pickup a:hover{text-decoration:none}
.c-productsIndex .pickup a:hover .img{box-shadow:0 0 0 3px #ffd500}
.c-productsIndex .pickup .otc{position:absolute;
left:5px;
top:5px;
line-height:0}
@media (max-width: 1px){.c-productsIndex .pickup .otc{left:1px;
top:1px}
}
.c-productsIndex .pickup .img{margin-bottom:5px;
border-radius:5px;
background:#fff;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
height:150px}
.c-productsIndex .pickup .img img{width:150px}
@media (max-width: 1px){.c-productsIndex .pickup .img{height:170px}
.c-productsIndex .pickup .img img{width:140px}
}
.c-productsIndex .pickup .swiper-button-next{right:-36px;
top:187px}
.c-productsIndex .pickup .swiper-button-next:after{border-color:#826332}
.c-productsIndex .pickup .swiper-button-prev{left:-36px;
top:187px}
.c-productsIndex .pickup .swiper-button-prev:after{border-color:#826332}
.c-productsIndex .tab{margin-top:-60px;
line-height:60px;
font-size:20px;
font-size:1.25rem;
font-weight:bold}
@media (max-width: 1px){.c-productsIndex .tab{margin-top:-50px;
line-height:50px;
font-size:14px;
font-size:.875rem}
}
.c-productsIndex .tab ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
text-align:center}
@media (max-width: 1px){.c-productsIndex .tab ul{-ms-flex-pack:center;
justify-content:center}
}
.c-productsIndex .tab li{width:23.5%}
@media (max-width: 1px){.c-productsIndex .tab li{margin-right:10px;
width:auto;
-ms-flex-preferred-size:20%;
flex-basis:20%}
.c-productsIndex .tab li:nth-child(1){-ms-flex-preferred-size:33%;
flex-basis:33%}
.c-productsIndex .tab li:nth-child(2){-ms-flex-preferred-size:24%;
flex-basis:24%}
.c-productsIndex .tab li:nth-child(4){-ms-flex-preferred-size:23%;
flex-basis:23%}
.c-productsIndex .tab li:last-child{margin-right:0}
}
.c-productsIndex .tab a{display:block;
color:#fff;
background:#cbbfb0;
border-radius:5px 5px 0 0;
text-decoration:none}
.c-productsIndex .tab a:hover{background:#b7a691}
@media (max-width: 1px){.c-productsIndex .tab a{padding:0}
}
.c-productsIndex .tab li.is-current a{color:#333;
background:#fff}
@media (max-width: 1px){.c-productsIndex .tab{margin-top:0;
padding:20px 0;
background:#f7f3e1;
font-size:16px;
font-size:1rem;
line-height:48px}
.c-productsIndex .tab ul{-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-productsIndex .tab li{margin-bottom:10px;
width:100%}
.c-productsIndex .tab li:last-child{margin-bottom:0}
.c-productsIndex .tab a{border-radius:5px;
border:1px solid #cbbfb0;
color:#fff;
background:#cbbfb0;
position:relative}
.c-productsIndex .tab a:before{content:'';
position:absolute;
right:15px;
top:18px;
width:10px;
height:10px;
border:2px solid #fff;
border-width:2px 2px 0 0;
transform:rotate(45deg);
font-size:0;
line-height:0}
.c-productsIndex .tab li.is-current a{border:1px solid #fff;
color:#333;
background:#fff}
.c-productsIndex .tab li.is-current a:before{display:none}
}
.c-productsIndex .anchor{margin:35px 0 40px}
@media (max-width: 1px){.c-productsIndex .anchor{margin:30px 0 20px}
}
.c-productsIndex .content h1{margin-bottom:15px;
padding-left:25px;
position:relative;
font-size:20px;
font-size:1.25rem;
font-weight:bold}
@media (max-width: 1px){.c-productsIndex .content h1{padding-left:14px}
}
.c-productsIndex .content h1:after{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px}
.c-productsIndex .category{margin-bottom:35px;
padding-bottom:15px;
border-bottom:1px solid #e6ce7d}
.c-productsIndex .category .list{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-weight:bold}
@media (max-width: 1px){.c-productsIndex .category .list{-ms-flex-pack:justify;
justify-content:space-between}
}
.c-productsIndex .category .list li{margin-bottom:20px;
margin-right:2%;
width:23.5%;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center}
.c-productsIndex .category .list li:nth-child(4n){margin-right:0}
@media (max-width: 1px){.c-productsIndex .category .list li{margin-right:0;
width:48%}
}
@media (max-width: 1px){.c-productsIndex .category .list li{margin-bottom:15px}
}
.c-productsIndex .category .list a{width:100%;
height:100px;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
color:#826332;
border:1px solid #ffd500;
border-radius:5px;
transition:box-shadow .2s}
.c-productsIndex .category .list a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-productsIndex .category .list a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-productsIndex .category .list a{height:100%}
}
.c-productsIndex .category .list .img{width:100px;
padding:10px}
@media (max-width: 1px){.c-productsIndex .category .list .img{width:60px;
padding:5px}
}
.c-productsIndex .category .list .name{width:calc(100% - 100px);
padding:5px 10px 5px 0}
@media (max-width: 1px){.c-productsIndex .category .list .name{padding:5px 5px 5px 0;
width:calc(100% - 60px)}
.c-productsIndex .category .list .name br{display:none}
}
.c-productsIndex .banner{margin-bottom:115px;
text-align:center}
.c-productsIndex .banner ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between}
@media (max-width: 1px){.c-productsIndex .banner ul{-ms-flex-wrap:wrap;
flex-wrap:wrap}
}
.c-productsIndex .banner li{width:30%}
@media (max-width: 1px){.c-productsIndex .banner li{margin-bottom:20px;
width:100%}
.c-productsIndex .banner li:last-child{margin-bottom:0}
}
.c-productsIndex .banner a{color:#333}
.c-productsIndex .banner a .img{transition:box-shadow .2s;
border-radius:5px;
overflow:hidden}
.c-productsIndex .banner a:hover{text-decoration:none}
.c-productsIndex .banner a:hover .img{box-shadow:0 0 0 3px #ffd500}
.c-productsIndex .banner .img{margin-bottom:7px}
.c-productsIndex .brand{margin-bottom:35px;
padding-bottom:15px;
border-bottom:1px solid #e6ce7d}
.c-productsIndex .brand:last-child{padding-bottom:0;
border-bottom:0}
.c-productsIndex .brand .list{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-weight:bold}
.c-productsIndex .brand .list li{margin-bottom:20px;
margin-right:2%;
width:15%}
.c-productsIndex .brand .list li:nth-child(6n){margin-right:0}
@media (max-width: 1px){.c-productsIndex .brand .list li{margin-right:4%;
width:22%}
.c-productsIndex .brand .list li:nth-child(6n){margin-right:4%}
.c-productsIndex .brand .list li:nth-child(4n){margin-right:0}
}
@media (max-width: 1px){.c-productsIndex .brand .list li{margin-bottom:15px;
margin-right:4%;
width:48%}
.c-productsIndex .brand .list li:nth-child(6n){margin-right:4%}
.c-productsIndex .brand .list li:nth-child(2n){margin-right:0}
}
.c-productsIndex .brand .list a{width:100%;
height:100px;
color:#826332}
.c-productsIndex .brand .list a .img{border-radius:5px;
transition:box-shadow .2s}
.c-productsIndex .brand .list a:hover{text-decoration:none}
.c-productsIndex .brand .list a:hover .img{box-shadow:0 0 0 2px #ffd500}
.c-productsIndex .brand .list .img{margin-bottom:7px;
padding:7px 0;
border:1px solid #ffd500;
border-radius:5px;
text-align:center}
@media (max-width: 1px){.c-productsIndex .brand .list .img{padding:7px}
}
.c-productsIndex .brand .list .img img{max-width:130px}
@media (max-width: 1px){.c-productsIndex .brand .list .img img{max-width:100%}
}
.c-productsIndex .brand .list .name{padding-bottom:7px;
line-height:1.5;
font-size:12px;
font-size:.75rem}
.c-productsIndex .brand.foods .img{width:100%;
height:150px;
border:1px solid #ffd500;
border-radius:5px;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center}
.c-productsIndex .shoujou{margin-top:45px;
margin-bottom:35px;
border-bottom:1px solid #e6ce7d}
.c-productsIndex .shoujou .list{padding-bottom:20px;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-weight:bold;
text-align:center}
.c-productsIndex .shoujou .list li{margin-bottom:20px;
margin-right:2%;
width:18.4%}
.c-productsIndex .shoujou .list li:nth-child(5n){margin-right:0}
@media (max-width: 1px){.c-productsIndex .shoujou .list li{margin-right:4%;
width:22%}
.c-productsIndex .shoujou .list li:nth-child(5n){margin-right:4%}
.c-productsIndex .shoujou .list li:nth-child(4n){margin-right:0}
}
@media (max-width: 1px){.c-productsIndex .shoujou .list li{margin-bottom:15px;
margin-right:4%;
margin-left:0;
width:48%}
.c-productsIndex .shoujou .list li:nth-child(5n-4){margin-left:0}
.c-productsIndex .shoujou .list li:nth-child(5n){margin-right:4%}
.c-productsIndex .shoujou .list li:nth-child(2n){margin-right:0}
}
.c-productsIndex .shoujou .list a{width:100%;
height:100%;
display:block;
-ms-flex-align:center;
align-items:center;
color:#826332;
border:1px solid #ffd500;
border-radius:5px;
transition:box-shadow .2s}
.c-productsIndex .shoujou .list a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-productsIndex .shoujou .list a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-productsIndex .shoujou .list a{padding:0 7px}
}
.c-productsIndex .shoujou .list .img{width:140px;
padding:15px 0 7px;
margin:0 auto;
border-bottom:1px solid #826332}
@media (max-width: 1px){.c-productsIndex .shoujou .list .img{padding:7px 0;
width:auto}
}
.c-productsIndex .shoujou .list .name{padding:7px 0}
.c-productsIndex .keyword{margin-bottom:35px;
padding-bottom:40px;
border-bottom:1px solid #e6ce7d}
.c-productsIndex .keyword .form{padding:30px 30px 10px;
border-radius:5px;
background:#f6f6f6;
font-size:18px;
font-size:1.125rem}
@media (max-width: 1px){.c-productsIndex .keyword .form{padding:20px 20px 0;
font-size:14px;
font-size:.875rem}
}
.c-productsIndex .keyword dl{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
line-height:40px}
@media (max-width: 1px){.c-productsIndex .keyword dl{line-height:30px}
}
.c-productsIndex .keyword dt,.c-productsIndex .keyword dd{margin-bottom:30px}
.c-productsIndex .keyword dt{width:120px;
font-weight:bold}
@media (max-width: 1px){.c-productsIndex .keyword dt{margin-bottom:0;
width:100%}
}
.c-productsIndex .keyword dd{width:calc(100% - 120px)}
@media (max-width: 1px){.c-productsIndex .keyword dd{margin-bottom:20px;
width:100%}
}
.c-productsIndex .keyword label{margin-right:40px}
@media (max-width: 1px){.c-productsIndex .keyword label{margin-right:0;
width:100%;
display:block}
}
.c-productsIndex .keyword input[type="checkbox"]{width:20px;
height:20px;
margin-right:5px;
vertical-align:middle}
.c-productsIndex .keyword select,.c-productsIndex .keyword input[type="text"]{width:400px;
height:40px;
border:1px solid #a5a5a5;
border-radius:0;
padding:0 10px;
vertical-align:top;
background:#fff}
@media (max-width: 1px){.c-productsIndex .keyword select,.c-productsIndex .keyword input[type="text"]{width:100%}
}
.c-productsIndex .keyword input[type="text"]{width:290px}
@media (max-width: 1px){.c-productsIndex .keyword input[type="text"]{width:100%}
}
.c-productsIndex .keyword button{width:110px;
height:40px;
border:1px solid #a5a5a5;
border-left:0;
color:#826332;
background:#ffd500;
text-align:center;
vertical-align:top}
@media (max-width: 1px){.c-productsIndex .keyword button{margin-top:30px;
width:100%;
border-left:1px solid #a5a5a5}
}
.c-productsIndex .keyword .note{margin-left:15px;
font-size:12px;
font-size:.75rem}
@media (max-width: 1px){.c-productsIndex .keyword .note{display:block;
margin-left:0}
}
.c-productsIndex .new{margin-top:35px}
.c-productsIndex .new .list{padding-bottom:20px;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-weight:bold}
@media (max-width: 1px){.c-productsIndex .new .list{-ms-flex-pack:justify;
justify-content:space-between}
}
.c-productsIndex .new .list li{margin-bottom:20px;
margin-right:2%;
width:15%}
.c-productsIndex .new .list li:nth-child(6n){margin-right:0}
@media (max-width: 1px){.c-productsIndex .new .list li{margin-right:4%;
margin-left:0;
width:22%}
.c-productsIndex .new .list li:nth-child(6n){margin-right:4%}
.c-productsIndex .new .list li:nth-child(4n){margin-right:0}
}
@media (max-width: 1px){.c-productsIndex .new .list li{margin-bottom:15px;
margin-right:4%;
margin-left:0;
width:48%}
.c-productsIndex .new .list li:nth-child(6n){margin-right:4%}
.c-productsIndex .new .list li:nth-child(2n){margin-right:0}
}
.c-productsIndex .new .list a{width:100%;
height:100px;
color:#826332}
.c-productsIndex .new .list a .img{border-radius:5px;
transition:box-shadow .2s}
.c-productsIndex .new .list a:hover{text-decoration:none}
.c-productsIndex .new .list a:hover .img{box-shadow:0 0 0 2px #ffd500}
.c-productsIndex .new .list .img{margin-bottom:7px;
padding:20px 0 30px;
border:1px solid #ffd500;
border-radius:5px;
text-align:center;
position:relative}
@media (max-width: 1px){.c-productsIndex .new .list .img{padding:12px 12px 30px}
}
.c-productsIndex .new .list .img img{max-width:112px}
@media (max-width: 1px){.c-productsIndex .new .list .img img{max-width:100%}
}
.c-productsIndex .new .list .otc{position:absolute;
left:0;
bottom:4px;
width:100%;
display:block}
.c-productsIndex .new .list .otc span{display:inline-block;
padding:0 3px;
border:1px solid #51b225;
border-radius:3px;
font-size:12px;
font-size:.75rem;
color:#51b225;
background:#fff}
.c-productsIndex .new .list .date{font-size:12px;
font-size:.75rem}
.c-productsIndex .new .list .name{padding-bottom:7px}
.c-brandName,.c-pageTitle{margin:-30px 0 40px;
padding:19px 0 18px;
background:#fff299;
font-size:34px;
font-size:2.125rem}
.c-brandName-brand{background:url("../img/products/header_bg.png") 50% 50% repeat #fff299}
@media (max-width: 1px){.c-brandName,.c-pageTitle{margin-top:0;
margin-bottom:30px;
padding:10px 0;
font-size:24px;
font-size:1.5rem}
}
.c-brandName .inner,.c-pageTitle .inner{margin:0 auto;
padding:0 20px;
max-width:1040px}
.c-brandName .inner::after,.c-pageTitle .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-brandName .inner,.is-unresponsive .c-pageTitle .inner{width:1040px}
.c-productsList{line-height:1.5;
font-size:14px;
font-size:.875rem}
.c-productsList .category{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
@media (max-width: 1px){.c-productsList .category{-ms-flex-pack:justify;
justify-content:space-between}
}
.c-productsList .category .item{margin-bottom:20px;
margin-right:2%;
width:32%}
.c-productsList .category .item:nth-child(3n){margin-right:0}
@media (max-width: 1px){.c-productsList .category .item{margin-bottom:10px;
margin-right:0;
width:49%}
}
.c-productsList .category .item a{border:1px solid #ffd500;
border-radius:5px;
width:100%;
height:100px;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
color:#826332;
transition:box-shadow .2s}
.c-productsList .category .item a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-productsList .category .item a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-productsList .category .item a{height:auto}
}
.c-productsList .category .img{width:100px;
padding:10px}
@media (max-width: 1px){.c-productsList .category .img{width:60px;
padding:5px}
}
.c-productsList .category .name{width:calc(100% - 100px);
padding-right:10px}
@media (max-width: 1px){.c-productsList .category .name{width:calc(100% - 60px)}
}
.c-productsList .brandInfo{margin-bottom:30px;
font-size:18px;
font-size:1.125rem}
.c-productsList .pickup{margin-bottom:40px;
padding-bottom:40px;
border:2px solid #ffd500;
border-width:2px 0 1px;
font-size:14px;
font-size:.875rem}
.c-productsList .pickup h2{margin-bottom:20px;
padding:10px 0;
font-size:22px;
font-size:1.375rem;
font-weight:bold;
border-bottom:1px solid #ececec}
.c-productsList .pickup ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
text-align:center}
@media (max-width: 1px){.c-productsList .pickup ul{-ms-flex-wrap:wrap;
flex-wrap:wrap}
}
.c-productsList .pickup li{width:29.33333%}
@media (max-width: 1px){.c-productsList .pickup li{margin-bottom:20px;
width:100%}
}
.c-productsList .pickup .img{margin-bottom:7px}
.c-productsList .pickup .img img{border-radius:5px}
.c-productsList .pickup a{color:#333;
display:block}
.c-productsList .pickup a .img{border-radius:5px;
transition:box-shadow .2s}
.c-productsList .pickup a:hover{text-decoration:none}
.c-productsList .pickup a:hover .img{box-shadow:0 0 0 3px #ffd500}
.c-productsList .list{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
text-align:center}
@media (max-width: 1px){.c-productsList .list{-ms-flex-pack:justify;
justify-content:space-between}
}
.c-productsList .list .otc{margin-top:8px;
display:block}
.c-productsList .list .otc span{display:inline-block;
padding:0 3px;
border:1px solid #51b225;
border-radius:3px;
font-size:12px;
font-size:.75rem;
color:#51b225}
.c-productsList .list .item{margin-right:4%;
margin-bottom:30px;
width:22%}
.c-productsList .list .item:nth-child(4n){margin-right:0}
@media (max-width: 1px){.c-productsList .list .item{margin-right:0;
margin-bottom:15px;
width:48%}
}
.c-productsList .list .item .img{margin-bottom:7px;
width:100%;
height:165px;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center}
@media (max-width: 1px){.c-productsList .list .item .img{height:auto}
}
.c-productsList .list .item .img img{width:150px}
.c-productsList .list .item .name{padding-bottom:7px;
text-align:left}
.c-productsList .list a{color:#826332}
.c-productsList .list .heading{margin-right:4%;
margin-bottom:30px;
padding:10px 15px 10px 10px;
width:22%;
height:165px;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
background:url("../img/products/category_bg.png") 100% 0 no-repeat;
font-size:18px;
font-size:1.125rem;
word-break:break-all;
color:#826332}
.c-productsList .list .heading.sm{font-size:16px;
font-size:1rem}
.c-productsList .list .heading:nth-child(4n){margin-right:0}
@media (max-width: 1px){.c-productsList .list .heading{margin-right:0;
margin-bottom:15px;
width:48%}
}
.c-productsList .list .heading a{display:-ms-flexbox;
display:flex;
width:100%;
height:100%;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
position:relative}
.c-productsList .list .heading a .link{transition:box-shadow .2s}
.c-productsList .list .heading a:hover{text-decoration:none}
.c-productsList .list .heading a:hover .link{box-shadow:0 0 0 2px #fff}
.c-productsList .list .heading .link{position:absolute;
left:50%;
bottom:0;
font-size:14px;
font-size:.875rem;
margin-left:-48px;
width:90px;
line-height:20px;
border-radius:10px;
background:#fff}
.c-productsList .list .heading .link:after{content:'';
position:absolute;
right:2px;
top:2px;
width:16px;
height:16px;
background:url("../img/products/arrow1.png") 0 0 no-repeat}
.c-productsDetail .inner{margin:0 auto;
padding:0 20px;
max-width:1040px}
.c-productsDetail .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-productsDetail .inner{width:1040px}
.c-productsDetail .importantNotice{margin-bottom:30px;
padding:6px 12px;
border:1px solid #e6e6e6;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-productsDetail .importantNotice{margin-top:20px;
margin-bottom:20px}
}
.c-productsDetail .importantNotice h1{color:#333;
font-weight:normal}
.c-productsDetail .importantNotice p{padding:3px 0;
line-height:19px}
.c-productsDetail .importantNotice a{display:block;
color:#f00;
padding-left:30px;
position:relative}
.c-productsDetail .importantNotice a:before{content:'';
position:absolute;
left:0;
top:0;
width:18px;
height:18px;
border-radius:9px;
background:#ffd500;
font-size:0;
line-height:0}
.c-productsDetail .importantNotice a:after{content:'';
position:absolute;
left:5px;
top:6px;
width:6px;
height:6px;
border:1px solid #fff;
border-width:1px 1px 0 0;
transform:rotate(45deg);
font-size:0;
line-height:0}
.c-productsDetail .importantNotice span{display:block;
color:#f00}
.c-productsDetail .icon{display:-ms-flexbox;
display:flex;align-items:center}
@media screen and (max-width: 599px){.c-productsDetail .icon{margin-top:20px}
}
.c-productsDetail .icon .new{margin-right:10px;
padding:0 3px;
display:inline-block;
min-width:76px;
height:22px;
border-radius:3px;
line-height:22px;
font-size:12px;
font-size:.75rem;
color:#fff;
background:#ffae00;
text-align:center}
.c-productsDetail .icon .otc{margin-right:10px;
padding:0 3px;
display:inline-block;
min-width:76px;
height:22px;
border:1px solid #51b225;
border-radius:3px;
line-height:20px;
font-size:12px;
font-size:.75rem;
color:#51b225}
.c-productsDetail .icon .self{margin-right:10px}
.c-productsDetail h1.name{margin-bottom:30px;
padding:10px 0;
border-bottom:1px solid #ffd500;
font-size:28px;
font-size:1.75rem;
font-weight:bold}
@media (max-width: 1px){.c-productsDetail h1.name{font-size:21px;
font-size:1.3125rem}
}
.c-productsDetail .summary{margin-bottom:30px;
display:-ms-flexbox;
display:flex;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-ms-flex-pack:justify;
justify-content:space-between;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-productsDetail .summary{display:block}
}
.c-productsDetail .summary h2{margin-bottom:20px;
padding:6px 0 6px 25px;
position:relative;
font-size:20px;
font-size:1.25rem;
font-weight:bold}
@media (max-width: 1px){.c-productsDetail .summary h2{padding:3px 0 3px 20px;
font-size:16px;
font-size:1rem}
}
.c-productsDetail .summary h2:after{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px}
.c-productsDetail .summary p{margin-bottom:1.5em}
.c-productsDetail .summary p:last-child{margin-bottom:0}
.c-productsDetail .summary .txt{width:48%}
@media (max-width: 1px){.c-productsDetail .summary .txt{width:100%}
}
.c-productsDetail .summary .img{width:48%;
text-align:center}
@media (max-width: 1px){.c-productsDetail .summary .img{width:100%;
margin-bottom:30px}
}
.c-productsDetail .summary .caption{padding:6px}
.c-productsDetail .summary .slider{margin-bottom:20px;
border:1px solid #e7e7e7}
.c-productsDetail .summary .slider img{vertical-align:top}
.c-productsDetail .summary .swiper-button-next{right:0}
.c-productsDetail .summary .swiper-button-prev{left:0}
.c-productsDetail .summary .thumbnail ul{display:-ms-flexbox;
display:flex}
.c-productsDetail .summary .thumbnail li{margin-right:4.16667%;
width:22.22222%;
position:relative;
cursor:pointer}
.c-productsDetail .summary .thumbnail li:nth-child(4n){margin-right:0}
.c-productsDetail .summary .thumbnail li:after{content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
border:1px solid #e7e7e7}
.c-productsDetail .summary .thumbnail li.is-active:after{border:2px solid #ffd500}
.c-productsDetail .summary .link{padding-top:20px;
border-top:1px dotted #e1e1e1}
.c-productsDetail .summary .link a{display:block;
padding-left:20px;
position:relative}
.c-productsDetail .summary .link a:before{content:'';
position:absolute;
left:0;
top:8px;
width:8px;
height:8px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
transform:rotate(45deg);
font-size:0;
line-height:0}
.c-productsDetail .summary a.pdf{line-height:24px}
.c-productsDetail .summary a.pdf:after{display:inline-block;
margin-left:10px;
content:'';
width:24px;
height:24px;
vertical-align:bottom;
background:url("../img/common/pdf.png") 0 0 no-repeat}
.c-productsDetail .btn{padding:30px 0;
border:1px solid #e1e1e1;
border-width:1px 0;
font-size:16px;
font-size:1rem}
@media (max-width: 1px){.c-productsDetail .btn{font-size:14px;
font-size:.875rem}
}
@media (max-width: 1px){.c-productsDetail .btn{padding:20px 0}
}
.c-productsDetail .btn ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center}
@media (max-width: 1px){.c-productsDetail .btn ul{-ms-flex-pack:justify;
justify-content:space-between}
}
@media (max-width: 1px){.c-productsDetail .btn ul{display:block}
}
.c-productsDetail .btn li{margin:0 15px;
width:29.33333%;
min-width:180px}
@media (max-width: 1px){.c-productsDetail .btn li{margin:0;
width:32%;
min-width:0}
}
@media (max-width: 1px){.c-productsDetail .btn li{margin:0 0 10px;
width:100%;
min-width:0}
.c-productsDetail .btn li:last-child{margin-bottom:0}
}
.c-productsDetail .btn a{display:block;
width:100%;
height:40px;
line-height:36px;
border:2px solid #ffd500;
border-radius:25px;
color:#333;
text-align:center;
display:block;
position:relative;
transition:box-shadow .2s}
.c-productsDetail .btn a:after{content:'';
position:absolute;
right:22px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-productsDetail .btn a:after{border-width:2px 2px 0 0}
.c-productsDetail .btn a:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-productsDetail .btn a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-productsDetail .btn a{height:40px;
line-height:36px}
}
@media (max-width: 1px){.c-productsDetail .btn a{height:40px;
line-height:36px}
}
.c-productsDetail .description h2{margin-top:45px;
margin-bottom:20px;
padding:6px 0 6px 25px;
position:relative;
font-size:20px;
font-size:1.25rem;
font-weight:bold}
@media (max-width: 1px){.c-productsDetail .description h2{padding:3px 0 3px 20px;
font-size:16px;
font-size:1rem}
}
.c-productsDetail .description h2:after{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px}
.c-productsDetail .description h3{margin-top:40px;
margin-bottom:5px;
font-size:16px;
font-size:1rem;
font-weight:bold}
@media (max-width: 1px){.c-productsDetail .description h3{font-size:14px;
font-size:.875rem}
}
.c-productsDetail .description h2+h3{margin-top:15px}
.c-productsDetail .description p,.c-productsDetail .description ul,.c-productsDetail .description ol,.c-productsDetail .description dl,.c-productsDetail .description table{font-size:14px;
font-size:.875rem}
.c-productsDetail .description ul+p,.c-productsDetail .description ol+p,.c-productsDetail .description dl+p,.c-productsDetail .description table+p{margin-top:5px}
.c-productsDetail .description p+p{margin-top:10px}
.c-productsDetail .description .link a{display:block;
padding-left:20px;
position:relative}
.c-productsDetail .description .link a:before{content:'';
position:absolute;
left:0;
top:8px;
width:8px;
height:8px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
transform:rotate(45deg);
font-size:0;
line-height:0}
.c-productsDetail .description .lineup{position:relative}
@media (max-width: 1px){.c-productsDetail .description .lineup{overflow-x:hidden}
}
.c-productsDetail .description .lineup .slider{margin:-2px -2px 0;
padding:2px 2px 0}
.c-productsDetail .description .lineup li{width:135px;
padding-top:2px}
.c-productsDetail .description .lineup a{display:block;
text-decoration:none;
color:#333;
line-height:1.5}
.c-productsDetail .description .lineup a .img{transition:box-shadow .2s;
border-radius:5px;
overflow:hidden}
.c-productsDetail .description .lineup a:hover{text-decoration:none}
.c-productsDetail .description .lineup a:hover .img{border:1px solid #ffd500;
box-shadow:0 0 0 2px #ffd500}
.c-productsDetail .description .lineup .img{margin-bottom:10px;
border:1px solid #e7e7e7}
.c-productsDetail .description .lineup img{border-radius:5px}
.c-productsDetail .description .lineup .swiper-button-next{right:-46px;
top:67px}
.c-productsDetail .description .lineup .swiper-button-prev{left:-46px;
top:67px}
.c-productsDetail .description .composition{box-sizing:border-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
border:1px solid #e7e7e7;
border-width:1px 0 0 1px}
.c-productsDetail .description .composition li{padding:6px;
box-sizing:border-box;
width:20%;
border:1px solid #e7e7e7;
border-width:0 1px 1px 0;
text-align:center}
.c-productsDetail .description .composition li.is-active{background:#ffd500}
@media (max-width: 1px){.c-productsDetail .description .composition li{width:33.333333%}
}
.c-productsDetail .logo{margin-top:45px;
text-align:right;
line-height:14px}
.c-productsDetail .logo img{height:14px}
.c-pickup{padding:30px 0 55px;
background:url("../img/company/index/banner1_bg.png") 50% 0 repeat}
.c-pickup h1{margin-bottom:20px;
padding:6px 0 7px 25px;
position:relative;
font-size:20px;
font-size:1.25rem;
font-weight:bold}
.c-pickup h1:after{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px}
.c-pickup .inner{margin:0 auto;
padding:0 20px;
max-width:1040px}
.c-pickup .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-pickup .inner{width:1040px}
.c-pickup ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between}
@media (max-width: 1px){.c-pickup ul{-ms-flex-wrap:wrap;
flex-wrap:wrap}
}
.c-pickup li{width:22%}
@media (max-width: 1px){.c-pickup li{margin-bottom:20px;
width:100%}
}
.c-pickup a{display:block;
border-radius:5px;
transition:box-shadow .2s}
.c-pickup a:hover{text-decoration:none;
box-shadow:0 0 0 3px #ffd500}
@media (max-width: 1px){.c-pickup a:hover{box-shadow:none}
}
.c-pickup img{border-radius:5px}
.c-sns{border-top:1px solid #f4eed3;
padding:30px 0 40px;
text-align:center}
.c-sns .inner{margin:0 auto;
padding:0 20px;
max-width:1040px}
.c-sns .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-sns .inner{width:1040px}
.c-sns h1{margin-bottom:10px;
font-size:18px;
font-size:1.125rem}
.c-sns ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center}
.c-sns li{margin:0 15px;
width:50px}
.c-sns a{transition:opacity .3s}
.c-sns a:hover{opacity:.7}
.c-soudanshitsuIndex .qa .faq .question,.c-soudanshitsuQaDetail .others .question,.c-soudanshitsuQaCategory .qa .question,.c-soudanshitsuIndex .qa .faq .answer,.c-soudanshitsuQaDetail .others .answer,.c-soudanshitsuQaCategory .qa .answer{padding:10px 10px 10px 50px;
border:1px solid #ffd500;
position:relative}
.c-soudanshitsuIndex .qa .faq .question,.c-soudanshitsuQaDetail .others .question,.c-soudanshitsuQaCategory .qa .question{margin-top:10px;
padding-right:40px;
border-radius:5px;
font-size:18px;
font-size:1.125rem;
font-weight:bold;
transition-delay:.3s;
cursor:pointer;
transition:box-shadow .2s}
.c-soudanshitsuIndex .qa .faq .question:hover,.c-soudanshitsuQaDetail .others .question:hover,.c-soudanshitsuQaCategory .qa .question:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .faq .question:hover,.c-soudanshitsuQaDetail .others .question:hover,.c-soudanshitsuQaCategory .qa .question:hover{box-shadow:none}
}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .faq .question,.c-soudanshitsuQaDetail .others .question,.c-soudanshitsuQaCategory .qa .question{padding-right:30px;
font-size:14px;
font-size:.875rem;
line-height:1.5}
}
.c-soudanshitsuIndex .qa .faq .question:first-child,.c-soudanshitsuQaDetail .others .question:first-child,.c-soudanshitsuQaCategory .qa .question:first-child{margin-top:0}
.c-soudanshitsuIndex .qa .faq .question:before,.c-soudanshitsuQaDetail .others .question:before,.c-soudanshitsuQaCategory .qa .question:before{content:'Q';
position:absolute;
left:10px;
top:10px;
display:block;
border-radius:5px;
width:30px;
line-height:30px;
color:#fff;
background:#ff9c00;
text-align:center;
font-size:20px;
font-size:20px;
font-size:1.25rem}
.c-soudanshitsuIndex .qa .faq .question:after,.c-soudanshitsuQaDetail .others .question:after,.c-soudanshitsuQaCategory .qa .question:after{content:'';
position:absolute;
right:10px;
top:0px;
width:35px;
height:54px;
background:url("../img/soudanshitsu/qa_plus.png") no-repeat 50% 50%}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .faq .question:after,.c-soudanshitsuQaDetail .others .question:after,.c-soudanshitsuQaCategory .qa .question:after{right:0;
height:38px}
}
.c-soudanshitsuIndex .qa .faq .question.is-active,.c-soudanshitsuQaDetail .others .question.is-active,.c-soudanshitsuQaCategory .qa .question.is-active{border-radius:5px 5px 0 0;
transition:box-shadow 0s;
transition-delay:0s}
.c-soudanshitsuIndex .qa .faq .question.is-active:hover,.c-soudanshitsuQaDetail .others .question.is-active:hover,.c-soudanshitsuQaCategory .qa .question.is-active:hover{box-shadow:0 0 0 #ffd500}
.c-soudanshitsuIndex .qa .faq .question.is-active:hover+.answer,.c-soudanshitsuQaDetail .others .question.is-active:hover+.answer,.c-soudanshitsuQaCategory .qa .question.is-active:hover+.answer{box-shadow:0 0 0 2px #ffd500}
.c-soudanshitsuIndex .qa .faq .question.is-active:hover+.answer.is-active,.c-soudanshitsuQaDetail .others .question.is-active:hover+.answer.is-active,.c-soudanshitsuQaCategory .qa .question.is-active:hover+.answer.is-active{box-shadow:0 0 0 #ffd500}
.c-soudanshitsuIndex .qa .faq .question.is-active:after,.c-soudanshitsuQaDetail .others .question.is-active:after,.c-soudanshitsuQaCategory .qa .question.is-active:after{background-image:url("../img/soudanshitsu/qa_minus.png")}
.c-soudanshitsuIndex .qa .faq .answer,.c-soudanshitsuQaDetail .others .answer,.c-soudanshitsuQaCategory .qa .answer{padding-right:25px;
border-top:0;
border-radius:0 0 5px 5px;
background:#fdfcf2;
display:none}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .faq .answer,.c-soudanshitsuQaDetail .others .answer,.c-soudanshitsuQaCategory .qa .answer{font-size:14px;
font-size:.875rem}
}
.c-soudanshitsuIndex .qa .faq .answer:before,.c-soudanshitsuQaDetail .others .answer:before,.c-soudanshitsuQaCategory .qa .answer:before{content:'A';
position:absolute;
left:10px;
top:10px;
display:block;
border:1px solid #60ad5d;
border-radius:5px;
width:30px;
line-height:30px;
color:#60ad5d;
background:#fff;
text-align:center;
font-size:20px;
font-size:20px;
font-size:1.25rem}
.c-soudanshitsuIndex .qa .faq .answer .more,.c-soudanshitsuQaDetail .others .answer .more,.c-soudanshitsuQaCategory .qa .answer .more{text-align:right}
.c-soudanshitsuIndex .qa .faq .answer .more a,.c-soudanshitsuQaDetail .others .answer .more a,.c-soudanshitsuQaCategory .qa .answer .more a{font-size:14px;
font-size:.875rem;
color:#794a00;
text-decoration:underline;
display:inline-block;
padding-left:12px;
position:relative}
.c-soudanshitsuIndex .qa .faq .answer .more a:before,.c-soudanshitsuQaDetail .others .answer .more a:before,.c-soudanshitsuQaCategory .qa .answer .more a:before{content:'';
font-size:0;
line-height:0;
width:0;
height:0;
border:5px solid transparent;
border-left:7px solid #ffae00;
border-width:5px 7px;
position:absolute;
left:0;
top:8px}
.c-soudanshitsuIndex{margin-top:-30px}
@media (max-width: 1px){.c-soudanshitsuIndex{margin-top:0}
}
.c-soudanshitsuIndex .inner{margin:0 auto;
padding:0 20px;
max-width:1040px;
position:relative}
.c-soudanshitsuIndex .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-soudanshitsuIndex .inner{width:1040px}
.c-soudanshitsuIndex .hero{margin-bottom:40px;
height:250px;
background:url("../img/soudanshitsu/index_hero.jpg") 50% 50% no-repeat;
background-size:cover}
@media (max-width: 1px){.c-soudanshitsuIndex .hero{height:auto;
padding:30px 0}
}
.c-soudanshitsuIndex .hero h1{margin:0 auto;
padding:0 20px;
max-width:1040px;
font-size:46px;
font-size:2.875rem;
height:100%;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center}
.c-soudanshitsuIndex .hero h1::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-soudanshitsuIndex .hero h1{width:1040px}
@media (max-width: 1px){.c-soudanshitsuIndex .hero h1{font-size:24px;
font-size:1.5rem}
}
.c-soudanshitsuIndex .info{border:2px solid #e8e8e8;
display:-ms-flexbox;
display:flex;
font-size:14px;
font-size:.875rem}
.c-soudanshitsuIndex .info h1{padding:10px;
width:15.66265%;
border-right:2px solid #e8e8e8;
text-align:center;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
line-height:1.5;
font-weight:bold}
.c-soudanshitsuIndex .info ul{padding:10px 25px;
width:84.33735%}
.c-soudanshitsuIndex .info li{margin-bottom:3px}
.c-soudanshitsuIndex .info li:last-child{margin-bottom:0}
.c-soudanshitsuIndex .info a{display:-ms-flexbox;
display:flex;
color:#555;
text-decoration:none}
.c-soudanshitsuIndex .info a:hover .title{text-decoration:underline}
.c-soudanshitsuIndex .info span{display:-ms-flexbox;
display:flex;
color:#555}
.c-soudanshitsuIndex .info .date{width:17.72152%}
.c-soudanshitsuIndex .info .title{width:82.27848%;
padding-left:25px;
position:relative}
.c-soudanshitsuIndex .info a .title:before{position:absolute;
left:0;
top:9px;
content:'';
font-size:0;
line-height:0;
width:7px;
height:7px;
border:1px solid #555;
border-width:1px 1px 0 0;
transform:rotate(45deg)}
@media (max-width: 1px){.c-soudanshitsuIndex .info{-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-soudanshitsuIndex .info h1,.c-soudanshitsuIndex .info ul{width:100%}
.c-soudanshitsuIndex .info h1{border-right:0}
.c-soudanshitsuIndex .info h1 br{display:none}
.c-soudanshitsuIndex .info ul{padding:10px;
border-top:2px solid #e8e8e8}
.c-soudanshitsuIndex .info li{margin-bottom:10px}
.c-soudanshitsuIndex .info a,.c-soudanshitsuIndex .info span{display:block}
.c-soudanshitsuIndex .info .date,.c-soudanshitsuIndex .info .title{width:100%}
.c-soudanshitsuIndex .info .title{padding-left:0}
.c-soudanshitsuIndex .info .title:before{display:none}
}
.c-soudanshitsuIndex .anchor{padding:50px 0;
font-size:16px;
font-size:1rem}
@media (max-width: 1px){.c-soudanshitsuIndex .anchor{padding:20px 0;
font-size:14px;
font-size:.875rem}
}
.c-soudanshitsuIndex .anchor ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center}
@media (max-width: 1px){.c-soudanshitsuIndex .anchor ul{-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack:justify;
justify-content:space-between}
}
@media (max-width: 1px){.c-soudanshitsuIndex .anchor ul{display:block}
}
.c-soudanshitsuIndex .anchor li{margin:0 15px;
width:29.33333%;
min-width:180px;
font-weight:bold}
.c-soudanshitsuIndex .anchor li.small{font-size:14px;
font-size:.875rem}
.c-soudanshitsuIndex .anchor li.small a{line-height:1.28571;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center}
.c-soudanshitsuIndex .anchor li.small a:after{border-width:2px 2px 0 0;
margin-top:-6px}
@media (max-width: 1px){.c-soudanshitsuIndex .anchor li{margin:0 0 10px;
width:48%;
min-width:0}
.c-soudanshitsuIndex .anchor li:last-nth-child(2-n){margin-bottom:0}
}
@media (max-width: 1px){.c-soudanshitsuIndex .anchor li{margin:0 0 10px;
width:100%;
min-width:0}
.c-soudanshitsuIndex .anchor li:last-child{margin-bottom:0}
}
.c-soudanshitsuIndex .anchor a{display:block;
width:100%;
height:50px;
line-height:46px;
border:2px solid #ffd500;
border-radius:25px;
color:#333;
text-align:center;
display:block;
position:relative;
transition:box-shadow .2s}
.c-soudanshitsuIndex .anchor a:after{content:'';
position:absolute;
right:17px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-soudanshitsuIndex .anchor a:after{border-width:0 2px 2px 0;
margin-top:-9px}
.c-soudanshitsuIndex .anchor a:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-soudanshitsuIndex .anchor a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-soudanshitsuIndex .anchor a{height:40px;
line-height:36px}
}
@media (max-width: 1px){.c-soudanshitsuIndex .anchor a{height:40px;
line-height:36px}
}
.c-soudanshitsuIndex .contact{background:#fff url("../img/common/footer_bg.png") 50% 50% repeat}
.c-soudanshitsuIndex .contact .inner>h1{padding:40px 0 20px;
text-align:center;
font-size:30px;
font-size:1.875rem;
font-weight:bold}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .inner>h1{font-size:24px;
font-size:1.5rem}
}
.c-soudanshitsuIndex .contact .by{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack:justify;
justify-content:space-between}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .by{display:block}
}
.c-soudanshitsuIndex .contact .phone,.c-soudanshitsuIndex .contact .letter,.c-soudanshitsuIndex .contact .email,.c-soudanshitsuIndex .contact .others{margin-bottom:20px;
padding:20px;
background:#fff;
border-radius:5px}
.c-soudanshitsuIndex .contact .phone>h1,.c-soudanshitsuIndex .contact .letter>h1,.c-soudanshitsuIndex .contact .email>h1,.c-soudanshitsuIndex .contact .others>h1{margin-bottom:10px;
padding-left:33px;
font-size:24px;
font-size:1.5rem;
font-weight:bold}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .phone>h1,.c-soudanshitsuIndex .contact .letter>h1,.c-soudanshitsuIndex .contact .email>h1,.c-soudanshitsuIndex .contact .others>h1{font-size:20px;
font-size:1.25rem}
}
.c-soudanshitsuIndex .contact .phone{width:72%}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .phone{width:100%}
}
.c-soudanshitsuIndex .contact .phone>h1{float:left;
background:url("../img/soudanshitsu/tel.png") 0 50% no-repeat}
.c-soudanshitsuIndex .contact .phone p.note{float:right;
font-size:14px;
font-size:.875rem;
line-height:45px}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .phone p.note{margin-bottom:10px;
line-height:1.5}
}
.c-soudanshitsuIndex .contact .phone .categories{clear:both;
margin-bottom:10px;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
text-align:center;
line-height:1.71429}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .phone .categories{margin-bottom:20px;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
}
.c-soudanshitsuIndex .contact .phone .category{border:1px solid #ffd500;
border-radius:5px;
width:32.35294%}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .phone .category{margin-top:20px;
width:100%}
.c-soudanshitsuIndex .contact .phone .category:first-child{margin-top:0}
}
.c-soudanshitsuIndex .contact .phone .about{display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
height:100px;
border-radius:5px 5px 0 0;
background:#f7f3e1;
font-size:14px;
font-size:.875rem;
line-height:24px;
font-weight:bold;
position:relative}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .phone .about{padding:10px;
height:auto}
}
.c-soudanshitsuIndex .contact .phone .about:after{content:'';
position:absolute;
left:50%;
bottom:-5px;
margin-left:-5px;
width:10px;
height:10px;
transform:rotate(45deg);
background:#f7f3e1;
line-height:0}
.c-soudanshitsuIndex .contact .phone .about span{font-size:16px;
font-size:1rem;
letter-spacing:0}
.c-soudanshitsuIndex .contact .phone .address{padding:13px 9px 10px;
display:block}
.c-soudanshitsuIndex .contact .phone .name{color:#837733;
font-size:14px;
font-size:.875rem;
font-weight:bold}
.c-soudanshitsuIndex .contact .phone .tel{padding-bottom:3px;
border-bottom:1px solid #ffd500;
font-size:22px;
font-size:1.375rem;
font-weight:bold}
.c-soudanshitsuIndex .contact .phone .tel a,.c-soudanshitsuIndex .contact .phone .tel span{color:#837733}
.c-soudanshitsuIndex .contact .phone .businessHours{padding-top:10px;
font-size:14px;
font-size:.875rem}
.c-soudanshitsuIndex .contact .phone .exception{font-size:12px;
font-size:.75rem}
.c-soudanshitsuIndex .contact .phone ul.note{font-size:12px;
font-size:.75rem;
line-height:1.5;
color:#666}
.c-soudanshitsuIndex .contact .phone ul.note li{padding-left:1em;
text-indent:-1em}
.c-soudanshitsuIndex .contact .phone ul.note li:last-child{margin-bottom:0}
.c-soudanshitsuIndex .contact .letter{width:26%}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .letter{width:100%}
}
.c-soudanshitsuIndex .contact .letter>h1{padding-left:35px;
background:url("../img/soudanshitsu/letter.png") 0 50% no-repeat}
.c-soudanshitsuIndex .contact .letter .category{margin-bottom:20px;
border:1px solid #ffd500;
border-radius:5px}
.c-soudanshitsuIndex .contact .letter .category:last-child{margin-bottom:0}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .letter .category{margin-top:20px;
width:100%}
.c-soudanshitsuIndex .contact .letter .category:first-child{margin-top:0}
}
.c-soudanshitsuIndex .contact .letter .about{padding:9px 9px 10px;
border-radius:5px 5px 0 0;
background:#f7f3e1;
font-size:14px;
font-size:.875rem;
line-height:20px;
font-weight:bold;
text-align:center}
.c-soudanshitsuIndex .contact .letter .address{padding:10px 9px 10px;
display:block;
font-size:14px;
font-size:.875rem;
line-height:1.5}
.c-soudanshitsuIndex .contact .email{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom:30px;
padding-bottom:50px}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .email{padding-bottom:20px}
}
.c-soudanshitsuIndex .contact .email>h1{margin-bottom:0;
padding-left:41px;
width:100%;
background:url("../img/soudanshitsu/email.png") 0 50% no-repeat}
.c-soudanshitsuIndex .contact .email .btn{margin-top:-10px;
margin-left:16.66667%;
width:37.5%}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .email .btn{width:100%;
margin-left:0;
margin-top:10px}
}
.c-soudanshitsuIndex .contact .email .note{margin-top:-10px;
margin-left:4.16667%;
padding-top:10px;
width:41.66667%;
height:60px;
padding-left:1em;
text-indent:-1em;
line-height:1.5}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .email .note{width:100%;
margin-left:0;
margin-top:0;
height:auto}
}
.c-soudanshitsuIndex .contact .email a{display:block;
width:100%;
height:60px;
line-height:56px;
border:2px solid #ffd500;
border-radius:30px;
color:#333;
text-align:center;
display:block;
position:relative;
font-size:18px;
font-size:1.125rem;
font-weight:bold;
transition:box-shadow .2s}
.c-soudanshitsuIndex .contact .email a:after{content:'';
position:absolute;
right:17px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-soudanshitsuIndex .contact .email a:after{border-width:2px 2px 0 0}
.c-soudanshitsuIndex .contact .email a:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .email a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .email a{height:40px;
line-height:36px}
}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .email a{height:40px;
line-height:36px;
font-size:14px;
font-size:.875rem}
}
.c-soudanshitsuIndex .contact .email .note{font-size:12px;
font-size:.75rem}
.c-soudanshitsuIndex .contact .privacy{margin-bottom:30px;
font-size:12px;
font-size:.75rem}
.c-soudanshitsuIndex .contact .others{margin-bottom:80px}
.c-soudanshitsuIndex .contact .others>h1{padding-left:41px;
background:url("../img/soudanshitsu/others.png") 0 50% no-repeat}
.c-soudanshitsuIndex .contact .others .categories{text-align:center;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .others .categories{display:block}
}
.c-soudanshitsuIndex .contact .others .category{border:1px solid #ffd500;
border-radius:5px;
width:31%}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .others .category{margin-bottom:10px;
width:100%}
}
.c-soudanshitsuIndex .contact .others .mailmagazine{width:31%}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .others .mailmagazine{width:100%}
}
.c-soudanshitsuIndex .contact .others .about{padding:9px 9px 10px;
border-radius:5px 5px 0 0;
background:#f7f3e1;
font-size:14px;
font-size:.875rem;
line-height:20px;
font-weight:bold;
text-align:center}
.c-soudanshitsuIndex .contact .others .tel{padding:4px;
font-size:22px;
font-size:1.375rem;
font-weight:bold}
.c-soudanshitsuIndex .contact .others .tel a,.c-soudanshitsuIndex .contact .others .tel span{color:#837733}
.c-soudanshitsuIndex .contact .others .pharmacy{border:1px solid #ffd500;
border-radius:5px;
width:100%}
.c-soudanshitsuIndex .contact .others .pharmacy .address{padding:15px 10px 10px}
.c-soudanshitsuIndex .contact .others .pharmacy .address p{margin-bottom:5px;
margin-right:10px;
display:inline-block;
color:#837733;
font-weight:bold;
vertical-align:middle}
.c-soudanshitsuIndex .contact .others .pharmacy .address .tel{margin-bottom:5px;
display:inline-block;
vertical-align:middle}
.c-soudanshitsuIndex .contact .others .pharmacy .address li{font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .others .pharmacy{margin-top:20px}
.c-soudanshitsuIndex .contact .others .pharmacy .address{padding:10px}
.c-soudanshitsuIndex .contact .others .pharmacy .address p,.c-soudanshitsuIndex .contact .others .pharmacy .address .tel{margin-bottom:0;
display:block}
}
.c-soudanshitsuIndex .contact .others .mailmagazine{line-height:1.375}
.c-soudanshitsuIndex .contact .others .mailmagazine .btn{width:100%;
height:100%}
.c-soudanshitsuIndex .contact .others .mailmagazine a{display:block;
position:relative;
transition:box-shadow .2s;
border:1px solid #ffd500;
border-radius:5px;
width:100%;
height:100%;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
color:#333;
position:relative;
font-weight:bold}
.c-soudanshitsuIndex .contact .others .mailmagazine a:after{content:'';
position:absolute;
right:17px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-soudanshitsuIndex .contact .others .mailmagazine a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .others .mailmagazine a:hover{box-shadow:none}
}
.c-soudanshitsuIndex .contact .others .mailmagazine a:after{border-width:2px 2px 0 0}
@media (max-width: 1px){.c-soudanshitsuIndex .contact .others .mailmagazine a{padding:10px 20px 10px 10px;
font-size:14px;
font-size:.875rem}
.c-soudanshitsuIndex .contact .others .mailmagazine a br{display:none}
}
.c-soudanshitsuIndex .qa .inner>h1{padding:37px 0;
text-align:center;
font-size:34px;
font-size:2.125rem;
font-weight:bold}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .inner>h1{padding:20px 0;
font-size:24px;
font-size:1.5rem}
}
.c-soudanshitsuIndex .qa .search{padding-bottom:50px;
text-align:center;
color:#574900}
.c-soudanshitsuIndex .qa .search form{position:relative;
max-width:680px;
margin:0 auto}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .search form{margin:0 -16px}
}
.c-soudanshitsuIndex .qa .search input[type="text"]{padding:10px 130px 10px 20px;
width:100%;
height:60px;
border-radius:5px}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .search input[type="text"]{padding:10px;
width:100%;
height:40px}
}
.c-soudanshitsuIndex .qa .search button{position:absolute;
right:0;
top:0;
width:110px;
height:60px;
border-radius:0 5px 5px 0;
color:#574900;
background:#ffd500;
font-size:18px;
font-size:1.125rem;
line-height:26px}
.c-soudanshitsuIndex .qa .search button:before{content:'';
display:inline-block;
width:26px;
height:26px;
background:url("../img/soudanshitsu/search.png") 0 0 no-repeat;
vertical-align:middle;
margin-right:5px}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .search button{padding:0 10px;
width:auto;
height:40px}
}
.c-soudanshitsuIndex .qa .search :placeholder-shown,.c-soudanshitsuIndex .qa .search ::-webkit-input-placeholder,.c-soudanshitsuIndex .qa .search ::-moz-placeholder,.c-soudanshitsuIndex .qa .search :-ms-input-placeholder{color:#9a7b56;
opacity:1}
.c-soudanshitsuIndex .qa .tab ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
text-align:center}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .tab ul{margin:0 -18px}
}
.c-soudanshitsuIndex .qa .tab li{margin:0 5px}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .tab li{margin:0 2px;
width:50%}
}
.c-soudanshitsuIndex .qa .tab li.is-current a{color:#826332;
background:url("../img/soudanshitsu/index_bg.png") 0 100% repeat #fff299 fixed;
cursor:default}
.c-soudanshitsuIndex .qa .tab li.is-current a:before{border-top:9px solid #f78600}
.c-soudanshitsuIndex .qa .tab a{border-radius:5px 5px 0 0;
color:#fff;
background:#cbbfb0;
width:300px;
line-height:60px;
font-size:20px;
font-size:1.25rem;
font-weight:bold;
display:block;
text-decoration:none;
position:relative}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .tab a{width:auto;
font-size:14px;
font-size:.875rem;
line-height:40px}
}
.c-soudanshitsuIndex .qa .tab a:hover{background:#b7a691}
.c-soudanshitsuIndex .qa .tab a:before{position:absolute;
left:20px;
top:27px;
content:'';
font-size:0;
line-height:0;
width:0;
height:0;
border:7px solid transparent;
border-width:9px 7px;
border-top:9px solid #ece5db}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .tab a:before{display:none}
}
.c-soudanshitsuIndex .qa .searchBy{padding-top:40px;
background:url("../img/soudanshitsu/index_bg.png") 0 0 repeat #fff299 fixed;
display:none}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .searchBy{padding-top:20px}
}
.c-soudanshitsuIndex .qa .searchBy.is-current{display:block}
.c-soudanshitsuIndex .qa .subCategory,.c-soudanshitsuIndex .qa .pr{margin-bottom:40px}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .subCategory,.c-soudanshitsuIndex .qa .pr{margin-bottom:20px}
}
.c-soudanshitsuIndex .qa .subCategory h1,.c-soudanshitsuIndex .qa .pr h1{margin-bottom:10px;
font-size:22px;
font-size:1.375rem;
font-weight:bold}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .subCategory h1,.c-soudanshitsuIndex .qa .pr h1{margin-bottom:5px;
font-size:16px;
font-size:1rem}
}
.c-soudanshitsuIndex .qa .subCategory .list,.c-soudanshitsuIndex .qa .pr .list{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
text-align:center}
.c-soudanshitsuIndex .qa .subCategory li,.c-soudanshitsuIndex .qa .pr li{margin-bottom:10px;
margin-right:3.5%;
width:31%}
.c-soudanshitsuIndex .qa .subCategory li:nth-child(3n),.c-soudanshitsuIndex .qa .pr li:nth-child(3n){margin-right:0}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .subCategory li,.c-soudanshitsuIndex .qa .pr li{margin-right:4%;
width:48%}
.c-soudanshitsuIndex .qa .subCategory li:nth-child(3n),.c-soudanshitsuIndex .qa .pr li:nth-child(3n){margin-right:4%}
.c-soudanshitsuIndex .qa .subCategory li:nth-child(2n),.c-soudanshitsuIndex .qa .pr li:nth-child(2n){margin-right:0}
}
.c-soudanshitsuIndex .qa .subCategory li img,.c-soudanshitsuIndex .qa .pr li img{width:140px}
.c-soudanshitsuIndex .qa .subCategory.small li,.c-soudanshitsuIndex .qa .pr.small li{margin-right:2%;
width:18.4%}
.c-soudanshitsuIndex .qa .subCategory.small li:nth-child(3n),.c-soudanshitsuIndex .qa .pr.small li:nth-child(3n){margin-right:2%}
.c-soudanshitsuIndex .qa .subCategory.small li:nth-child(5n),.c-soudanshitsuIndex .qa .pr.small li:nth-child(5n){margin-right:0}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .subCategory.small li,.c-soudanshitsuIndex .qa .pr.small li{margin-right:4%;
width:48%}
.c-soudanshitsuIndex .qa .subCategory.small li:nth-child(3n),.c-soudanshitsuIndex .qa .pr.small li:nth-child(3n){margin-right:4%}
.c-soudanshitsuIndex .qa .subCategory.small li:nth-child(5n),.c-soudanshitsuIndex .qa .pr.small li:nth-child(5n){margin-right:4%}
.c-soudanshitsuIndex .qa .subCategory.small li:nth-child(2n),.c-soudanshitsuIndex .qa .pr.small li:nth-child(2n){margin-right:0}
}
.c-soudanshitsuIndex .qa .subCategory li a,.c-soudanshitsuIndex .qa .pr li a{border-radius:10px;
padding:7px 15px 0;
display:block;
background:#fff;
height:100%;
color:#826332;
font-weight:bold;
text-decoration:none;
transition:box-shadow .2s}
.c-soudanshitsuIndex .qa .subCategory li a:hover,.c-soudanshitsuIndex .qa .pr li a:hover{text-decoration:none;
box-shadow:0 0 0 3px #ffd500}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .subCategory li a:hover,.c-soudanshitsuIndex .qa .pr li a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .subCategory li a,.c-soudanshitsuIndex .qa .pr li a{padding:0;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center}
}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .subCategory .img,.c-soudanshitsuIndex .qa .pr .img{width:60px;
padding:5px}
}
.c-soudanshitsuIndex .qa .subCategory .name,.c-soudanshitsuIndex .qa .pr .name{margin-top:7px;
padding:5px 10px;
border-top:1px solid #826332}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .subCategory .name,.c-soudanshitsuIndex .qa .pr .name{margin-top:0;
padding:5px 5px 5px 0;
border-top:0;
width:calc(100% - 60px);
font-size:14px;
font-size:.875rem;
text-align:left}
.c-soudanshitsuIndex .qa .subCategory .name br,.c-soudanshitsuIndex .qa .pr .name br{display:none}
}
.c-soudanshitsuIndex .qa .btn{padding:40px 0 50px;
border-top:1px solid #d6ac5b}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .btn{padding:30px 0}
}
.c-soudanshitsuIndex .qa .btn a{margin:0 auto;
max-width:420px;
line-height:56px;
display:block;
border:2px solid #ffd500;
border-radius:30px;
font-size:20px;
font-size:1.25rem;
font-weight:bold;
font-weight:bold;
color:#333;
background:#fff;
text-align:center;
display:block;
position:relative;
transition:box-shadow .2s}
.c-soudanshitsuIndex .qa .btn a:after{content:'';
position:absolute;
right:17px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-soudanshitsuIndex .qa .btn a:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .btn a:hover{box-shadow:none}
}
.c-soudanshitsuIndex .qa .btn a:after{border-width:2px 2px 0 0}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .btn a{font-size:14px;
font-size:.875rem;
line-height:36px}
}
.c-soudanshitsuIndex .qa .pr .btn{border-top:0}
.c-soudanshitsuIndex .qa .faq{padding-bottom:80px}
@media (max-width: 1px){.c-soudanshitsuIndex .qa .faq{padding-bottom:30px}
}
.c-soudanshitsuIndex .sub{padding:50px 0;
background:#fff url("../img/common/footer_bg.png") 50% 50% repeat}
@media (max-width: 1px){.c-soudanshitsuIndex .sub{padding:30px 0}
}
.c-soudanshitsuIndex .sub .inner{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between}
@media (max-width: 1px){.c-soudanshitsuIndex .sub .inner{display:block}
}
.c-soudanshitsuIndex .sub .voice,.c-soudanshitsuIndex .sub .activities{width:46%}
@media (max-width: 1px){.c-soudanshitsuIndex .sub .voice,.c-soudanshitsuIndex .sub .activities{width:100%}
}
.c-soudanshitsuIndex .sub .voice a,.c-soudanshitsuIndex .sub .activities a{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-align:center;
align-items:center;
color:#333}
@media (max-width: 1px){.c-soudanshitsuIndex .sub .voice a,.c-soudanshitsuIndex .sub .activities a{display:block}
}
.c-soudanshitsuIndex .sub .voice h1,.c-soudanshitsuIndex .sub .activities h1{margin-bottom:10px;
color:#826332}
@media (max-width: 1px){.c-soudanshitsuIndex .sub .voice h1,.c-soudanshitsuIndex .sub .activities h1{margin:5px 0 0}
}
.c-soudanshitsuIndex .sub .voice p,.c-soudanshitsuIndex .sub .activities p{font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-soudanshitsuIndex .sub .voice{margin-bottom:20px}
}
.c-soudanshitsuIndex .sub a{color:#333}
.c-soudanshitsuIndex .sub a .img{transition:box-shadow .2s;
border-radius:5px;
overflow:hidden}
.c-soudanshitsuIndex .sub a:hover{text-decoration:none}
.c-soudanshitsuIndex .sub a:hover .img{box-shadow:0 0 0 3px #ffd500}
.c-soudanshitsuIndex .sub .img{width:52.17391%}
@media (max-width: 1px){.c-soudanshitsuIndex .sub .img{width:100%;
text-align:center}
}
.c-soudanshitsuIndex .sub .img img{border-radius:5px}
.c-soudanshitsuIndex .sub .txt{width:43.47826%}
@media (max-width: 1px){.c-soudanshitsuIndex .sub .txt{width:100%}
}
.c-soudanshitsuQa .info{margin-bottom:40px;
border:2px solid #e8e8e8;
display:-ms-flexbox;
display:flex;
font-size:14px;
font-size:.875rem}
.c-soudanshitsuQa .info h1{padding:10px;
width:20.91153%;
border-right:2px solid #e8e8e8;
text-align:center;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
line-height:1.5;
font-weight:bold}
.c-soudanshitsuQa .info ul{padding:10px 25px;
width:79.08847%}
.c-soudanshitsuQa .info li{margin-bottom:3px}
.c-soudanshitsuQa .info li:last-child{margin-bottom:0}
.c-soudanshitsuQa .info a{display:-ms-flexbox;
display:flex;
color:#555;
text-decoration:none}
.c-soudanshitsuQa .info a:hover .title{text-decoration:underline}
.c-soudanshitsuQa .info .date{width:23.72881%}
.c-soudanshitsuQa .info .title{width:76.27119%;
padding-left:25px;
position:relative}
.c-soudanshitsuQa .info .title:before{position:absolute;
left:0;
top:9px;
content:'';
font-size:0;
line-height:0;
width:7px;
height:7px;
border:1px solid #555;
border-width:1px 1px 0 0;
transform:rotate(45deg)}
@media (max-width: 1px){.c-soudanshitsuQa .info{-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-soudanshitsuQa .info h1,.c-soudanshitsuQa .info ul{width:100%}
.c-soudanshitsuQa .info h1{border-right:0}
.c-soudanshitsuQa .info h1 br{display:none}
.c-soudanshitsuQa .info ul{padding:10px;
border-top:2px solid #e8e8e8}
.c-soudanshitsuQa .info li{margin-bottom:10px}
.c-soudanshitsuQa .info a{display:block}
.c-soudanshitsuQa .info .date,.c-soudanshitsuQa .info .title{width:100%}
.c-soudanshitsuQa .info .title{padding-left:0}
.c-soudanshitsuQa .info .title:before{display:none}
}
.c-soudanshitsuQa .nav .search{text-align:center}
.c-soudanshitsuQa .nav .search form{position:relative}
.c-soudanshitsuQa .nav .search input[type="text"]{padding:10px 130px 10px 20px;
width:100%;
height:40px;
border-radius:5px}
@media (max-width: 1px){.c-soudanshitsuQa .nav .search input[type="text"]{padding:0 10px}
}
.c-soudanshitsuQa .nav .search button{position:absolute;
right:0;
top:0;
width:110px;
height:40px;
border-radius:0 5px 5px 0;
background:#ffd500;
font-size:18px;
font-size:1.125rem;
line-height:26px}
.c-soudanshitsuQa .nav .search button:before{content:'';
display:inline-block;
width:26px;
height:26px;
background:url("../img/soudanshitsu/search.png") 0 0 no-repeat;
vertical-align:middle;
margin-right:5px}
@media (max-width: 1px){.c-soudanshitsuQa .nav .search button{width:auto;
padding:0 10px}
}
.c-soudanshitsuQa .nav .search :placeholder-shown,.c-soudanshitsuQa .nav .search ::-webkit-input-placeholder,.c-soudanshitsuQa .nav .search ::-moz-placeholder,.c-soudanshitsuQa .nav .search :-ms-input-placeholder{color:#9a7b56;
opacity:1}
.c-soudanshitsuQa .nav .anchor{padding:45px 0;
font-size:14px;
font-size:.875rem;
font-weight:bold}
@media (max-width: 1px){.c-soudanshitsuQa .nav .anchor{font-size:14px;
font-size:.875rem}
}
@media (max-width: 1px){.c-soudanshitsuQa .nav .anchor{padding:20px 0}
}
.c-soudanshitsuQa .nav .anchor ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center}
@media (max-width: 1px){.c-soudanshitsuQa .nav .anchor ul{-ms-flex-pack:justify;
justify-content:space-between}
}
@media (max-width: 1px){.c-soudanshitsuQa .nav .anchor ul{display:block}
}
.c-soudanshitsuQa .nav .anchor li{margin:0 15px;
width:29.33333%;
min-width:180px}
@media (max-width: 1px){.c-soudanshitsuQa .nav .anchor li{margin:0;
width:32%;
min-width:0}
}
@media (max-width: 1px){.c-soudanshitsuQa .nav .anchor li{margin:0 0 10px;
width:100%;
min-width:0}
.c-soudanshitsuQa .nav .anchor li:last-child{margin-bottom:0}
}
.c-soudanshitsuQa .nav .anchor a{display:block;
padding-right:10px;
width:100%;
height:40px;
line-height:36px;
border:2px solid #ffd500;
border-radius:25px;
color:#333;
text-align:center;
display:block;
position:relative;
transition:box-shadow .2s}
.c-soudanshitsuQa .nav .anchor a:after{content:'';
position:absolute;
right:17px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-soudanshitsuQa .nav .anchor a:after{border-width:0 2px 2px 0;
margin-top:-9px}
.c-soudanshitsuQa .nav .anchor a:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-soudanshitsuQa .nav .anchor a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-soudanshitsuQa .nav .anchor a{height:40px;
line-height:36px}
}
@media (max-width: 1px){.c-soudanshitsuQa .nav .anchor a{height:40px;
line-height:36px}
}
.c-soudanshitsuQa .searchBy>h1{margin-bottom:20px;
padding:10px 0;
border-top:1px solid #c4c4c4;
border-bottom:1px solid #ececec;
text-align:center;
font-size:22px;
font-size:1.375rem}
@media (max-width: 1px){.c-soudanshitsuQa .searchBy>h1{padding:5px 0;
font-size:20px;
font-size:1.25rem}
}
.c-soudanshitsuQa .searchBy .anchor{margin-bottom:20px;
text-align:center;
font-size:14px;
font-size:.875rem;
line-height:1.5}
.c-soudanshitsuQa .searchBy .anchor ul{display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-soudanshitsuQa .searchBy .anchor li{margin-bottom:10px;
border-right:1px dotted #bbabab}
.c-soudanshitsuQa .searchBy .anchor li a{padding:0 15px 0 30px;
color:#857369;
position:relative;
display:block}
.c-soudanshitsuQa .searchBy .anchor li a:before{content:'';
border:2px solid #ff9c00;
border-width:0 2px 2px 0;
width:7px;
height:7px;
transform:rotate(45deg);
position:absolute;
left:13px;
top:4px}
.c-soudanshitsuQa .searchBy .anchor li:last-child{border-right:0}
.c-soudanshitsuQa .searchBy .anchor li:last-child a{padding-right:0}
.c-soudanshitsuQa .searchBy .subCategory{margin-bottom:30px}
.c-soudanshitsuQa .searchBy .subCategory h1{margin-bottom:15px;
padding-left:25px;
position:relative;
font-size:20px;
font-size:1.25rem;
font-weight:bold}
@media (max-width: 1px){.c-soudanshitsuQa .searchBy .subCategory h1{padding-left:14px}
}
.c-soudanshitsuQa .searchBy .subCategory h1:after{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px}
.c-soudanshitsuQa .searchBy .list{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-weight:bold;
font-size:14px;
font-size:.875rem;
line-height:1.5}
@media (max-width: 1px){.c-soudanshitsuQa .searchBy .list{-ms-flex-pack:justify;
justify-content:space-between}
}
.c-soudanshitsuQa .searchBy .list li{margin-bottom:20px;
margin-right:2.66667%;
width:31.33333%;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center}
.c-soudanshitsuQa .searchBy .list li:nth-child(3n){margin-right:0}
@media (max-width: 1px){.c-soudanshitsuQa .searchBy .list li{margin-right:0;
width:48%}
}
@media (max-width: 1px){.c-soudanshitsuQa .searchBy .list li{margin-bottom:15px}
}
.c-soudanshitsuQa .searchBy .list a{width:100%;
height:100px;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
color:#826332;
border:1px solid #ffd500;
border-radius:5px;
transition:box-shadow .2s}
.c-soudanshitsuQa .searchBy .list a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-soudanshitsuQa .searchBy .list a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-soudanshitsuQa .searchBy .list a{height:100%}
}
.c-soudanshitsuQa .searchBy .list .img{width:100px;
padding:10px}
@media (max-width: 1px){.c-soudanshitsuQa .searchBy .list .img{width:60px;
padding:5px}
}
.c-soudanshitsuQa .searchBy .list .name{width:calc(100% - 100px);
padding:5px 10px 5px 0}
@media (max-width: 1px){.c-soudanshitsuQa .searchBy .list .name{padding:5px 5px 5px 0;
width:calc(100% - 60px)}
.c-soudanshitsuQa .searchBy .list .name br{display:none}
}
.c-soudanshitsuQa .btn{padding:30px 0 0}
.c-soudanshitsuQa .btn a{margin:0 auto;
max-width:270px;
line-height:48px;
display:block;
border:2px solid #ffd500;
border-radius:30px;
font-size:16px;
font-size:1rem;
font-weight:bold;
color:#333;
background:#fff;
text-align:center;
transition:box-shadow .2s;
display:block;
position:relative}
.c-soudanshitsuQa .btn a:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-soudanshitsuQa .btn a:hover{box-shadow:none}
}
.c-soudanshitsuQa .btn a:after{content:'';
position:absolute;
right:17px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-soudanshitsuQa .btn a:after{border-width:2px 2px 0 0}
@media (max-width: 1px){.c-soudanshitsuQa .btn a{font-size:16px;
font-size:1rem}
}
.c-soudanshitsuQaDetail .categoryTitle{margin-bottom:30px;
border-bottom:1px solid #ffd500;
padding-bottom:11px;
font-size:26px;
font-size:1.625rem}
@media (max-width: 1px){.c-soudanshitsuQaDetail .categoryTitle{margin-bottom:20px;
padding:10px 0}
}
.c-soudanshitsuQaDetail .qa .question,.c-soudanshitsuQaDetail .qa .answer{padding:0 0 0 60px;
position:relative}
@media (max-width: 1px){.c-soudanshitsuQaDetail .qa .question,.c-soudanshitsuQaDetail .qa .answer{padding-left:40px}
}
.c-soudanshitsuQaDetail .qa .question{margin-bottom:50px;
font-size:24px;
font-size:1.5rem;
line-height:1.5;
font-weight:bold}
@media (max-width: 1px){.c-soudanshitsuQaDetail .qa .question{margin-bottom:20px;
font-size:20px;
font-size:1.25rem}
}
.c-soudanshitsuQaDetail .qa .question:before{content:'Q';
position:absolute;
left:0;
top:0;
display:block;
border-radius:5px;
width:30px;
line-height:30px;
color:#fff;
background:#ff9c00;
text-align:center;
font-size:20px;
font-size:20px;
font-size:1.25rem}
.c-soudanshitsuQaDetail .qa .answer{margin-bottom:10px}
@media (max-width: 1px){.c-soudanshitsuQaDetail .qa .answer{font-size:14px;
font-size:.875rem}
}
.c-soudanshitsuQaDetail .qa .answer:before{content:'A';
position:absolute;
left:0;
top:0;
display:block;
border:1px solid #60ad5d;
border-radius:5px;
width:30px;
line-height:30px;
color:#60ad5d;
background:#fff;
text-align:center;
font-size:20px;
font-size:20px;
font-size:1.25rem}
.c-soudanshitsuQaDetail .qa .answer p,.c-soudanshitsuQaDetail .qa .answer table,.c-soudanshitsuQaDetail .qa .answer ul,.c-soudanshitsuQaDetail .qa .answer ol,.c-soudanshitsuQaDetail .qa .answer dl{margin-bottom:1.5em;
max-width:100%}
.c-soudanshitsuQaDetail .others{padding-bottom:70px}
@media (max-width: 1px){.c-soudanshitsuQaDetail .others{padding-bottom:40px}
}
.c-soudanshitsuQaDetail .others h1{margin-bottom:20px;
padding-left:25px;
position:relative;
font-size:22px;
font-size:1.375rem}
@media (max-width: 1px){.c-soudanshitsuQaDetail .others h1{padding-left:14px;
font-size:18px;
font-size:1.125rem}
}
.c-soudanshitsuQaDetail .others h1:after{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px}
.c-soudanshitsuQaDetail .relatedProducts h1{margin-bottom:20px;
padding:2px 0;
border:1px solid #ececec;
border-width:1px 0;
font-size:20px;
font-size:1.25rem;
font-weight:bold;
text-align:center}
@media (max-width: 1px){.c-soudanshitsuQaDetail .relatedProducts h1{font-size:16px;
font-size:1rem}
}
.c-soudanshitsuQaDetail .relatedProducts ul{font-size:14px;
font-size:.875rem}
.c-soudanshitsuQaDetail .relatedProducts li:before{content:'\30FB'}
.c-soudanshitsuQaDetailContact .inner{margin:0 auto;
padding:0 20px;
max-width:1040px}
.c-soudanshitsuQaDetailContact .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-soudanshitsuQaDetailContact .inner{width:1040px}
.c-soudanshitsuQaDetailContact .contact{margin-bottom:55px;
padding:20px;
border:1px solid #ececec}
@media (max-width: 1px){.c-soudanshitsuQaDetailContact .contact{margin-bottom:30px;
line-height:1.5}
}
.c-soudanshitsuQaDetailContact .contact>h1{margin-bottom:20px;
padding-left:20px;
font-size:20px;
font-size:1.25rem;
line-height:1;
font-weight:bold;
position:relative}
.c-soudanshitsuQaDetailContact .contact>h1:before{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px}
@media (max-width: 1px){.c-soudanshitsuQaDetailContact .contact>h1{font-size:18px;
font-size:1.125rem}
}
.c-soudanshitsuQaDetailContact .contact .by{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between}
@media (max-width: 1px){.c-soudanshitsuQaDetailContact .contact .by{display:block}
}
.c-soudanshitsuQaDetailContact .contact .by .phone{width:58%}
@media (max-width: 1px){.c-soudanshitsuQaDetailContact .contact .by .phone{width:100%;
margin-bottom:20px}
}
.c-soudanshitsuQaDetailContact .contact .by .phone h1{background:url("../img/soudanshitsu/tel_circle.png") 0 50% no-repeat}
.c-soudanshitsuQaDetailContact .contact .by .letter{width:38%}
@media (max-width: 1px){.c-soudanshitsuQaDetailContact .contact .by .letter{width:100%}
}
.c-soudanshitsuQaDetailContact .contact .by .letter h1{background:url("../img/soudanshitsu/letter_circle.png") 0 50% no-repeat}
.c-soudanshitsuQaDetailContact .contact .by h1{padding-left:40px;
font-weight:bold}
@media (max-width: 1px){.c-soudanshitsuQaDetailContact .contact .by h1{line-height:30px}
}
.c-soudanshitsuQaDetailContact .contact .by address.address{padding-left:40px;
display:block}
.c-soudanshitsuQaDetailContact .contact .by address.address::after{content:'';
display:table;
clear:both}
.c-soudanshitsuQaDetailContact .contact .by address.address .address{line-height:22px;
font-weight:bold}
.c-soudanshitsuQaDetailContact .contact .by .name{font-size:14px;
font-size:.875rem}
.c-soudanshitsuQaDetailContact .contact .by .tel{font-size:22px;
font-size:1.375rem;
font-weight:bold;
float:left;
line-height:22px}
.c-soudanshitsuQaDetailContact .contact .by .tel a{color:#837733}
@media (max-width: 1px){.c-soudanshitsuQaDetailContact .contact .by .tel{line-height:1.5}
}
.c-soudanshitsuQaDetailContact .contact .by .businessHours{float:left;
margin-left:5px;
font-size:12px;
font-size:.75rem;
line-height:22px}
.c-soudanshitsuQaDetailContact .form{margin-bottom:100px;
text-align:center}
@media (max-width: 1px){.c-soudanshitsuQaDetailContact .form{margin-bottom:50px}
}
.c-soudanshitsuQaDetailContact .form h1{margin-bottom:10px;
font-size:14px;
font-size:.875rem}
.c-soudanshitsuQaDetailContact .form .btn a{margin:0 auto;
max-width:270px;
line-height:48px;
display:block;
border:2px solid #ffd500;
border-radius:30px;
font-size:16px;
font-size:1rem;
font-weight:bold;
color:#333;
background:#fff;
text-align:center;
transition:box-shadow .2s;
display:block;
position:relative}
.c-soudanshitsuQaDetailContact .form .btn a:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-soudanshitsuQaDetailContact .form .btn a:hover{box-shadow:none}
}
.c-soudanshitsuQaDetailContact .form .btn a:after{content:'';
position:absolute;
right:17px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-soudanshitsuQaDetailContact .form .btn a:after{border-width:2px 2px 0 0}
@media (max-width: 1px){.c-soudanshitsuQaDetailContact .form .btn a{line-height:38px;
font-size:14px;
font-size:.875rem}
}
.c-soudanshitsuQaCategory .categoryTitle{margin-bottom:30px;
border-bottom:1px solid #ffd500;
padding-bottom:11px;
font-size:26px;
font-size:1.625rem}
@media (max-width: 1px){.c-soudanshitsuQaCategory .categoryTitle{margin-bottom:20px;
padding:10px 0}
}
.c-soudanshitsuQaCategory .about>.pageTitle{margin-bottom:30px;
font-size:24px;
font-size:1.5rem;
line-height:1}
.c-soudanshitsuQaCategory .about .filter{margin-bottom:45px;
padding:10px 25px;
border:2px solid #f5efdf}
@media (max-width: 1px){.c-soudanshitsuQaCategory .about .filter{margin-top:20px;
margin-bottom:30px;
padding:10px}
}
.c-soudanshitsuQaCategory .about .filter>h1{margin-bottom:10px;
padding-left:8px;
border-left:4px solid #d6ca8e;
font-size:14px;
font-size:.875rem;
font-weight:bold}
.c-soudanshitsuQaCategory .about ul{margin-bottom:8px;
padding-bottom:3px;
border-bottom:1px solid #ececec;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-soudanshitsuQaCategory .about label{margin-bottom:5px;
display:block;
padding-right:30px}
.c-soudanshitsuQaCategory .about input[type="checkbox"]{margin-right:8px}
.c-soudanshitsuQaCategory .about .submit{text-align:center}
.c-soudanshitsuQaCategory .about button{padding:0 30px;
display:inline-block;
background:#ffd500;
transition:box-shadow .2s}
.c-soudanshitsuQaCategory .about button:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-soudanshitsuQaCategory .about button:hover{box-shadow:none}
}
.c-soudanshitsuQaCategory .qa{padding-bottom:70px}
@media (max-width: 1px){.c-soudanshitsuQaCategory .qa{padding-bottom:40px}
}
.c-soudanshitsuQaCategory .qa:last-child{padding-bottom:0}
.c-soudanshitsuQaCategory .qa h1{margin-bottom:20px;
padding-left:25px;
position:relative;
font-size:22px;
font-size:1.375rem}
@media (max-width: 1px){.c-soudanshitsuQaCategory .qa h1{padding-left:14px}
}
.c-soudanshitsuQaCategory .qa h1:after{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px}
body.is-soudanshitsu_voice,body.is-soudanshitsu_voice_detail{background:url("../img/soudanshitsu/voice_bg.png") 0 0 repeat #fbfaf4}
.c-soudanshitsuVoice{border-radius:20px;
padding:25px;
background:#fff;
box-shadow:0 2px 3px 0 rgba(90, 89, 81, .3)}
@media (max-width: 1px){.c-soudanshitsuVoice{margin:10px -10px 0;
padding:10px}
}
.c-soudanshitsuVoice .title{margin-bottom:15px;
text-align:center;
font-size:34px;
font-size:2.125rem;
font-weight:bold;
letter-spacing:.12em;
line-height:53px;
color:#ffae00}
.c-soudanshitsuVoice .title:before{content:'';
margin-right:30px;
display:inline-block;
width:45px;
height:53px;
background:url("../img/soudanshitsu/voice_icon.png") 0 0 no-repeat;
vertical-align:bottom}
@media (max-width: 1px){.c-soudanshitsuVoice .title{padding:10px 0 5px;
font-size:20px;
font-size:1.25rem;
line-height:1.5}
.c-soudanshitsuVoice .title:before{display:none}
}
.c-soudanshitsuVoice .lead{margin-bottom:30px;
padding:0 10px;
text-align:center;
display:block;
color:#fff;
background:#7fce67;
font-weight:bold;
border-radius:5px}
@media (max-width: 1px){.c-soudanshitsuVoice .lead{padding:5px 10px;
line-height:1.5;
font-size:14px;
font-size:.875rem}
}
.c-soudanshitsuVoice .list{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-soudanshitsuVoice .list li{margin-bottom:25px;
width:31.42857%;
margin-right:2.85714%;
font-size:14px;
font-size:.875rem}
.c-soudanshitsuVoice .list li:nth-child(3n){margin-right:0}
@media (max-width: 1px){.c-soudanshitsuVoice .list li{margin-right:4%;
width:48%;
line-height:1.5}
.c-soudanshitsuVoice .list li:nth-child(3n){margin-right:4%}
.c-soudanshitsuVoice .list li:nth-child(2n){margin-right:0}
}
.c-soudanshitsuVoice .list a{display:block;
position:relative;
text-decoration:none}
.c-soudanshitsuVoice .list a .img{transition:box-shadow .2s;
border:2px solid #f1dfc0;
border-radius:5px;
overflow:hidden}
.c-soudanshitsuVoice .list a:hover .img{box-shadow:0 0 0 1px #f1dfc0}
.c-soudanshitsuVoice .list .img{margin-bottom:5px;
text-align:center;
height:120px;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center}
@media (max-width: 1px){.c-soudanshitsuVoice .list .img{padding:5px;
height:auto;
display:block}
}
.c-soudanshitsuVoice .list img{width:110px}
@media (max-width: 1px){.c-soudanshitsuVoice .list img{width:auto;
max-width:110px}
}
.c-soudanshitsuVoice .list .date{color:#333;
font-size:12px;
font-size:.75rem}
.c-soudanshitsuVoiceDetail{border-radius:20px;
padding:25px;
background:#fff;
box-shadow:0 2px 3px 0 rgba(90, 89, 81, .3)}
@media (max-width: 1px){.c-soudanshitsuVoiceDetail{margin:10px -10px 0;
padding:10px}
}
.c-soudanshitsuVoiceDetail .header{margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px solid #d3d3d3;
line-height:1}
.c-soudanshitsuVoiceDetail .header::after{content:'';
display:table;
clear:both}
.c-soudanshitsuVoiceDetail .header .date{float:left;
font-size:12px;
font-size:.75rem;
line-height:20px}
.c-soudanshitsuVoiceDetail .header .sns{float:right}
.c-soudanshitsuVoiceDetail .header .sns .twitter,.c-soudanshitsuVoiceDetail .header .sns .facebook{height:20px;
line-height:20px;
overflow:hidden;
display:inline-block;
vertical-align:top}
.c-soudanshitsuVoiceDetail .title{margin-bottom:10px;
text-align:center;
font-size:34px;
font-size:2.125rem;
font-weight:bold;
letter-spacing:.12em;
line-height:53px;
color:#ffae00;
padding-bottom:10px;
border-bottom:2px solid #ffd500}
.c-soudanshitsuVoiceDetail .title:before{content:'';
margin-right:30px;
display:inline-block;
width:45px;
height:53px;
background:url("../img/soudanshitsu/voice_icon.png") 0 0 no-repeat;
vertical-align:bottom}
@media (max-width: 1px){.c-soudanshitsuVoiceDetail .title{padding:10px 0 10px;
font-size:20px;
font-size:1.25rem;
line-height:1.5}
.c-soudanshitsuVoiceDetail .title:before{display:none}
}
.c-soudanshitsuVoiceDetail .improvement{margin-bottom:30px;
padding-bottom:10px;
border-bottom:1px solid #d3d3d3}
.c-soudanshitsuVoiceDetail .improvement h1{margin-bottom:20px;
font-size:20px;
font-size:1.25rem;
font-weight:bold}
@media (max-width: 1px){.c-soudanshitsuVoiceDetail .improvement h1{font-size:18px;
font-size:1.125rem}
}
.c-soudanshitsuVoiceDetail .improvement p{margin-bottom:1.5em;
font-size:14px;
font-size:.875rem}
.c-soudanshitsuVoiceDetail .list{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-soudanshitsuVoiceDetail .list li{margin-bottom:25px;
width:31.42857%;
margin-right:2.85714%;
font-size:14px;
font-size:.875rem}
.c-soudanshitsuVoiceDetail .list li:nth-child(3n){margin-right:0}
@media (max-width: 1px){.c-soudanshitsuVoiceDetail .list li{margin-right:4%;
width:48%;
line-height:1.5}
.c-soudanshitsuVoiceDetail .list li:nth-child(3n){margin-right:4%}
.c-soudanshitsuVoiceDetail .list li:nth-child(2n){margin-right:0}
}
.c-soudanshitsuVoiceDetail .list a{display:block;
position:relative;
text-decoration:none}
.c-soudanshitsuVoiceDetail .list a .img{transition:box-shadow .2s;
border:2px solid #f1dfc0;
border-radius:5px;
overflow:hidden}
.c-soudanshitsuVoiceDetail .list a:hover .img{box-shadow:0 0 0 1px #f1dfc0}
.c-soudanshitsuVoiceDetail .list .img{margin-bottom:5px;
text-align:center;
height:120px;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center}
@media (max-width: 1px){.c-soudanshitsuVoiceDetail .list .img{padding:5px;
height:auto;
display:block}
}
.c-soudanshitsuVoiceDetail .list img{width:110px}
@media (max-width: 1px){.c-soudanshitsuVoiceDetail .list img{width:auto;
max-width:110px}
}
.c-soudanshitsuVoiceDetail .list .date{color:#333;
font-size:12px;
font-size:.75rem}
.c-soudanshitsuVoiceDetail .related h1,.c-soudanshitsuVoiceDetail .others h1{margin-bottom:20px;
padding-left:25px;
position:relative;
font-size:22px;
font-size:1.375rem;
font-weight:bold}
@media (max-width: 1px){.c-soudanshitsuVoiceDetail .related h1,.c-soudanshitsuVoiceDetail .others h1{padding-left:14px;
font-size:18px;
font-size:1.125rem}
}
.c-soudanshitsuVoiceDetail .related h1:after,.c-soudanshitsuVoiceDetail .others h1:after{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px}
.c-soudanshitsuVoiceDetail .related{padding-bottom:30px}
.c-soudanshitsuVoiceDetail .related ul{font-size:14px;
font-size:.875rem}
.c-soudanshitsuVoiceDetail .related li:before{content:'\30FB'}
.c-soudanshitsuVoiceDetail .btn{padding:30px 0 5px;
border-top:1px solid #ffd500}
@media (max-width: 1px){.c-soudanshitsuVoiceDetail .btn{padding:20px 0 10px}
}
.c-soudanshitsuVoiceDetail .btn a{margin:0 auto;
max-width:210px;
line-height:38px;
display:block;
border:2px solid #ffd500;
border-radius:30px;
font-size:16px;
font-size:1rem;
font-weight:bold;
color:#333;
background:#fff;
text-align:center;
transition:box-shadow .2s;
display:block;
position:relative}
.c-soudanshitsuVoiceDetail .btn a:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-soudanshitsuVoiceDetail .btn a:hover{box-shadow:none}
}
.c-soudanshitsuVoiceDetail .btn a:after{content:'';
position:absolute;
right:17px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-soudanshitsuVoiceDetail .btn a:after{border-width:2px 2px 0 0}
@media (max-width: 1px){.c-soudanshitsuVoiceDetail .btn a{font-size:14px;
font-size:.875rem}
}
.c-soudanshitsuInfoDetail .categoryTitle{margin-bottom:11px;
padding-bottom:5px;
font-size:26px;
font-size:1.625rem;
border-bottom:1px solid #ffd500}
@media (max-width: 1px){.c-soudanshitsuInfoDetail .categoryTitle{margin-bottom:10px;
padding:10px 0}
}
.c-soudanshitsuInfoDetail .header{margin-bottom:40px;
padding-bottom:10px;
border-bottom:1px solid #ececec}
.c-soudanshitsuInfoDetail .header::after{content:'';
display:table;
clear:both}
.c-soudanshitsuInfoDetail .header .date,.c-soudanshitsuInfoDetail .header .company{margin-right:15px;
padding-right:15px;
border-right:1px solid #ececec;
float:left;
font-size:12px;
font-size:.75rem;
line-height:20px}
.c-soudanshitsuInfoDetail .header .date:last-child,.c-soudanshitsuInfoDetail .header .company:last-child{border-right:0}
@media (max-width: 1px){.c-soudanshitsuInfoDetail .header .date,.c-soudanshitsuInfoDetail .header .company{float:none;
margin-right:0;
padding-right:0;
border-right:0}
}
.c-soudanshitsuInfoDetail .header .date{font-weight:bold}
.c-soudanshitsuInfoDetail .title{margin-bottom:10px;
padding-top:10px;
padding-bottom:20px;
font-size:20px;
font-size:1.25rem;
border-bottom:1px solid #ececec}
.c-soudanshitsuInfoDetail .title .important{color:#f00}
.c-soudanshitsuInfoDetail .information{margin-bottom:30px}
.c-soudanshitsuInfoDetail .information p{margin-bottom:1.5em;
font-size:14px;
font-size:.875rem;
word-break:break-all}
.c-soudanshitsuInfoDetail .related h1{margin-bottom:20px;
padding-left:25px;
position:relative;
font-size:22px;
font-size:1.375rem}
@media (max-width: 1px){.c-soudanshitsuInfoDetail .related h1{padding-left:14px}
}
.c-soudanshitsuInfoDetail .related h1:after{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px}
.c-soudanshitsuInfoDetail .related{padding-bottom:30px}
.c-soudanshitsuInfoDetail .related ul{font-size:14px;
font-size:.875rem}
.c-soudanshitsuInfoDetail .related li:before{content:'\30FB'}
.c-soudanshitsuInfoDetail .contact{padding:20px 20px 25px;
background:url("../img/common/footer_bg.png") 50% 50% repeat}
.c-soudanshitsuInfoDetail .contact>h1{margin-bottom:15px;
padding-left:23px;
font-size:20px;
font-size:1.25rem;
font-weight:bold;
background:url("../img/soudanshitsu/tel_s.png") 0 50% no-repeat}
@media (max-width: 1px){.c-soudanshitsuInfoDetail .contact>h1{font-size:16px;
font-size:1rem}
}
.c-soudanshitsuInfoDetail .contact .addresses{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-soudanshitsuInfoDetail .contact .addresses{display:block;
line-height:1.5}
.c-soudanshitsuInfoDetail .contact .addresses address{margin-bottom:20px}
.c-soudanshitsuInfoDetail .contact .addresses address:last-child{margin-bottom:0}
}
.c-soudanshitsuInfoDetail .contact .tel,.c-soudanshitsuInfoDetail .contact .fax{font-size:18px;
font-size:1.125rem;
line-height:1.33333;
font-weight:bold}
.c-soudanshitsuInfoDetail .contact .businessHours{font-size:12px;
font-size:.75rem}
.c-soudanshitsuActivities .categoryTitle{margin-bottom:11px;
padding-bottom:5px;
font-size:26px;
font-size:1.625rem;
border-bottom:1px solid #ffd500}
@media (max-width: 1px){.c-soudanshitsuActivities .categoryTitle{margin-bottom:10px;
padding:10px 0}
}
.c-soudanshitsuActivities p,.c-soudanshitsuActivities li{font-size:14px;
font-size:.875rem}
.c-soudanshitsuActivities section>h1{margin:30px 0 20px;
padding:5px 0;
font-size:16px;
font-size:1rem;
font-weight:bold;
border-bottom:1px solid #ccc}
.c-soudanshitsuActivities ol{padding:10px 15px;
border:1px solid #ccc}
.c-soudanshitsuActivities ol li{padding-left:1.5em;
position:relative}
.c-soudanshitsuActivities ol li span{position:absolute;
left:0;
top:0;
width:1.5em;
display:inline-block}
.c-soudanshitsuActivities .activity2 .img{margin:20px 0 80px;
border:1px solid #ccc}
@media (max-width: 1px){.c-soudanshitsuActivities .activity2 .img{margin:20px 0}
}
.c-soudanshitsuActivities .activity2 .link{margin-bottom:60px;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-align:center;
align-items:center}
@media (max-width: 1px){.c-soudanshitsuActivities .activity2 .link{margin-bottom:40px;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
}
.c-soudanshitsuActivities .activity2 .btn{border:2px solid #ffd500;
border-radius:20px;
width:64.66667%;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-align:center;
align-items:center;
color:#826332}
@media (max-width: 1px){.c-soudanshitsuActivities .activity2 .btn{margin-bottom:20px;
width:100%}
}
.c-soudanshitsuActivities .activity2 .btn .txt{padding:4px 0 4px 60px;
line-height:1.5;
display:block;
position:relative}
.c-soudanshitsuActivities .activity2 .btn .txt:before{content:'';
position:absolute;
left:38px;
top:11px;
width:9px;
height:9px;
border:1px solid #ffd500;
border-width:2px 2px 0 0;
line-height:0;
transform:rotate(45deg)}
@media (max-width: 1px){.c-soudanshitsuActivities .activity2 .btn .txt{padding:14px 0 14px 40px;
width:100%}
.c-soudanshitsuActivities .activity2 .btn .txt:before{top:21px;
left:18px}
}
@media (max-width: 1px){.c-soudanshitsuActivities .activity2 .btn .bg{display:none}
}
.c-soudanshitsuActivities .activity2 .btn img{border-radius:0 18px 18px 0}
@media (max-width: 1px){.c-soudanshitsuActivities .activity2 ul{width:100%}
}
.c-soudanshitsuActivities .activity2 ul a{padding:4px 0 4px 24px;
line-height:1.5;
display:block;
position:relative}
.c-soudanshitsuActivities .activity2 ul a:before{content:'';
position:absolute;
left:5px;
top:10px;
width:7px;
height:7px;
border:1px solid #ffd500;
border-width:2px 2px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-soudanshitsuActivities .activity3 ol{margin:20px 0 20px;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-direction:row;
flex-direction:row}
.c-soudanshitsuActivities .activity3 li{width:50%}
.c-soudanshitsuActivities .activity3 li:nth-child(1){-ms-flex-order:1;
order:1}
.c-soudanshitsuActivities .activity3 li:nth-child(2){-ms-flex-order:3;
order:3}
.c-soudanshitsuActivities .activity3 li:nth-child(3){-ms-flex-order:5;
order:5}
.c-soudanshitsuActivities .activity3 li:nth-child(4){-ms-flex-order:2;
order:2}
.c-soudanshitsuActivities .activity3 li:nth-child(5){-ms-flex-order:4;
order:4}
@media (max-width: 1px){.c-soudanshitsuActivities .activity3 li{width:100%}
.c-soudanshitsuActivities .activity3 li:nth-child(1),.c-soudanshitsuActivities .activity3 li:nth-child(2),.c-soudanshitsuActivities .activity3 li:nth-child(3),.c-soudanshitsuActivities .activity3 li:nth-child(4),.c-soudanshitsuActivities .activity3 li:nth-child(5){-ms-flex-order:0;
order:0}
}
.c-soudanshitsuActivities .activity3 .link{margin-top:20px}
.c-soudanshitsuActivities .activity3 a{font-size:14px;
font-size:.875rem;
padding:4px 0 4px 19px;
line-height:1.5;
display:block;
position:relative}
.c-soudanshitsuActivities .activity3 a:before{content:'';
position:absolute;
left:0;
top:10px;
width:7px;
height:7px;
border:1px solid #ffd500;
border-width:2px 2px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-soudanshitsuIndex .contact .email{padding-bottom:20px}
.c-soudanshitsuIndex .contact .email .contactform{width:60%}
@media screen and (max-width: 599px){.c-soudanshitsuIndex .contact .email .contactform{width:100%;
margin-top:20px}
}
.c-soudanshitsuIndex .contact .email .contactform .btn{margin-top:-25px;
margin-left:23.66667%;
width:60.5%}
@media screen and (max-width: 599px){.c-soudanshitsuIndex .contact .email .contactform .btn{margin-top:0;
height:60px;
line-height:56px;
margin:auto;
width:100%}
}
@media screen and (max-width: 959px){.c-soudanshitsuIndex .contact .email .contactform .btn a{height:60px;
line-height:56px}
}
.c-soudanshitsuIndex .contact .email .contactform .note{width:82%;
margin-left:15.16667%;
margin-top:0}
@media screen and (max-width: 959px) and (min-width: 600px){.c-soudanshitsuIndex .contact .email .contactform .note{width:94%;
margin-left:5.16667%}
}
@media screen and (max-width: 599px){.c-soudanshitsuIndex .contact .email .contactform .note{width:100%;
margin:auto}
}
.c-soudanshitsuIndex .contact .email .mailmagazine{width:40%}
@media screen and (max-width: 599px){.c-soudanshitsuIndex .contact .email .mailmagazine{width:100%}
}
.c-soudanshitsuIndex .contact .email .mailmagazine .btn{margin-top:-25px;
width:80%}
@media screen and (max-width: 959px) and (min-width: 600px){.c-soudanshitsuIndex .contact .email .mailmagazine .btn{width:90%;
margin-left:10.66667%}
}
@media screen and (max-width: 599px){.c-soudanshitsuIndex .contact .email .mailmagazine .btn{margin-top:30px;
width:100%}
}
.c-soudanshitsuIndex .contact .email .mailmagazine .btn a{width:100%;
height:auto;
line-height:1.3;
border:1px solid #ffd500;
border-radius:5px;
color:#333;
text-align:center;
display:block;
padding:22px 0;
position:relative;
font-size:16px;
font-size:1rem;
font-weight:bold;
transition:box-shadow .2s}
.c-cmHeader{margin-top:-30px;
line-height:1.5;
padding:20px 0;
line-height:40px;
background:#faf9f0}
.is-cmDetail .c-cmHeader{background:url("../img/cm/detail_bg.png") 50% 100%}
@media (max-width: 1px){.c-cmHeader{margin-top:0}
}
.c-cmHeader .inner{margin:0 auto;
padding:0 20px;
max-width:1040px;
position:relative}
.c-cmHeader .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-cmHeader .inner{width:1040px}
.c-cmHeader .inner::after{content:'';
display:table;
clear:both}
.c-cmHeader h1{font-size:28px;
font-size:1.75rem;
font-weight:bold;
float:left;
letter-spacing:0.1em}
@media (max-width: 1px){.c-cmHeader h1{font-size:24px;
font-size:1.5rem;
float:none}
}
.c-cmHeader .filter{float:right;
width:460px;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between}
@media (max-width: 1px){.c-cmHeader .filter{width:100%;
float:none;
display:block}
}
.c-cmHeader .category,.c-cmHeader .brand{width:220px}
@media (max-width: 1px){.c-cmHeader .category,.c-cmHeader .brand{margin-top:10px;
width:100%}
}
.c-cmHeader .select{position:relative;
cursor:pointer}
.c-cmHeader .select:after{content:'';
position:absolute;
right:13px;
top:50%;
margin-top:-3px;
width:0;
height:0;
border:1px solid transparent;
border-width:6px 4px;
border-top:6px solid #8f7c6a;
line-height:0;
font-size:0}
.c-cmHeader .select .label{padding:0 20px 0 10px;
width:100%;
height:40px;
border:1px solid #ffd500;
border-radius:5px;
background:#ffffff;
vertical-align:bottom;
text-align:center;
overflow:hidden}
.c-cmHeader .select select{position:absolute;
left:0;
top:0;
width:100%;
height:40px;
opacity:0}
.c-cmList{padding:30px 0 30px}
.c-cmList .inner{margin:0 auto;
padding:0 20px;
max-width:1040px;
position:relative}
.c-cmList .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-cmList .inner{width:1040px}
.c-cmList .inner>h1.category{margin-bottom:30px;
padding:2px 0 2px 25px;
position:relative;
font-size:30px;
font-size:1.875rem;
font-weight:bold;
letter-spacing:0.1em}
@media (max-width: 1px){.c-cmList .inner>h1.category{padding-left:14px;
font-size:24px;
font-size:1.5rem}
}
.c-cmList .inner>h1.category:after{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px}
.c-cmList .inner>h1.brand{margin-bottom:20px;
padding-bottom:10px;
border-bottom:2px solid #ffd500;
position:relative;
line-height:1.5;
font-size:14px;
font-size:.875rem}
.c-cmList .inner>h1.brand .logo{margin-top:-10px}
@media (max-width: 1px){.c-cmList .inner>h1.brand .logo{text-align:center}
}
.c-cmList .inner>h1.brand .logo img{width:130px}
.c-cmList .inner>h1.brand .site{position:absolute;
right:0;
top:66px}
@media (max-width: 1px){.c-cmList .inner>h1.brand .site{position:static;
text-align:center}
}
.c-cmList .inner>h1.brand .site a{display:block;
font-size:16px;
font-size:1rem;
border:1px solid #ffd500;
border-radius:20px;
padding-right:10px;
width:180px;
line-height:38px;
text-align:center;
color:#333;
background:#fff;
position:relative;
display:block;
position:relative;
transition:box-shadow .2s}
.c-cmList .inner>h1.brand .site a:after{content:'';
position:absolute;
right:15px;
top:50%;
margin-top:-6px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-cmList .inner>h1.brand .site a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-cmList .inner>h1.brand .site a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-cmList .inner>h1.brand .site a{width:auto;
display:inline-block;
line-height:24px;
border-radius:13px;
padding-left:10px;
font-size:14px;
font-size:.875rem}
.c-cmList .inner>h1.brand .site a:after{display:none}
}
.c-cmList h1.subCategory{margin-top:30px;
margin-bottom:20px;
padding:5px 0;
border-top:2px solid #ffd500;
border-bottom:1px solid #e2e2e2;
font-size:20px;
font-size:1.25rem;
font-weight:bold;
letter-spacing:0.05em}
@media (max-width: 1px){.c-cmList h1.subCategory{font-size:18px;
font-size:1.125rem}
}
.c-cmList .list{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-cmList .list.is-hidden{display:none}
.c-cmList .list.wide{-ms-flex-pack:start;
justify-content:flex-start;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-cmList .list.wide .item{margin-right:4%;
width:22%}
.c-cmList .list.wide .item:nth-child(4n){margin-right:0}
@media (max-width: 1px){.c-cmList .list.wide .item{margin-right:4%;
width:48%}
.c-cmList .list.wide .item:nth-child(4n){margin-right:4%}
.c-cmList .list.wide .item:nth-child(2n){margin-right:0}
}
.c-cmList .items{display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:48%}
@media (max-width: 1px){.c-cmList .items{width:100%}
}
.c-cmList .items .item{width:45.83333%}
@media (max-width: 1px){.c-cmList .items .item{width:48%}
}
.c-cmList .item{margin-bottom:25px;
font-size:14px;
font-size:.875rem}
.c-cmList .item a{display:block;
color:#333}
.c-cmList .item a .img{transition:box-shadow .2s, border-radius .2s}
.c-cmList .item a .img img{transition:border-radius .2s}
.c-cmList .item a:hover{text-decoration:none}
.c-cmList .item a:hover .img{box-shadow:0 0 0 3px #ffd500;
border-radius:5px}
.c-cmList .item a:hover .img img{border-radius:5px}
.c-cmList .item .img{margin-bottom:10px}
.c-cmList .item .brand{margin-bottom:7px;
padding-left:8px;
border-left:2px solid #ffd500;
font-weight:bold;
line-height:22px}
.c-cmList .item .new{margin-left:10px;
padding:0 10px 0;
display:inline-block;
border-radius:3px;
height:22px;
line-height:22px;
font-size:12px;
font-size:.75rem;
color:#fff;
background:#ffae00;
font-weight:normal;
vertical-align:top}
.c-cmList_video .item.lg{width:48%;
font-size:16px;
font-size:1rem}
@media (max-width: 1px){.c-cmList_video .item.lg{width:100%}
}
.c-cmList_video .item.lg .img{margin-bottom:15px}
.c-cmList_video .item.lg .img:after{width:68px;
height:46px;
margin:-23px 0 0 -34px;
background:url("../img/cm/play_lg.png") no-repeat}
.c-cmList_video .item.lg .brand{margin-bottom:10px;
padding-left:10px}
.c-cmList_video .item.right{float:right}
.c-cmList_video .img{position:relative}
.c-cmList_video .img:after{content:'';
width:57px;
height:38px;
margin:-19px 0 0 -28px;
position:absolute;
left:50%;
top:50%;
background:url("../img/cm/play.png") no-repeat}
.c-cmList_video .more span{margin:0 auto;
width:260px;
height:50px;
line-height:46px;
border:2px solid #ffd500;
border-radius:25px;
color:#333;
text-align:center;
display:block;
position:relative;
cursor:pointer;
transition:box-shadow .2s}
.c-cmList_video .more span:hover{text-decoration:none;
box-shadow:0 0 0 1px #ffd500}
@media (max-width: 1px){.c-cmList_video .more span:hover{box-shadow:none}
}
.c-cmList_video .more span:after{content:'';
position:absolute;
right:22px;
top:50%;
margin-top:-9px;
width:12px;
height:12px;
border:1px solid #ffd500;
border-width:0 1px 1px 0;
line-height:0;
transform:rotate(45deg)}
.c-cmList_advertisement h1{margin-bottom:20px;
padding-left:25px;
position:relative;
font-size:20px;
font-size:1.25rem;
font-weight:bold}
@media (max-width: 1px){.c-cmList_advertisement h1{padding-left:14px}
}
.c-cmList_advertisement h1:after{content:'';
width:4px;
height:100%;
position:absolute;
left:0;
top:0;
background:#ffd500;
border-radius:2px 2px}
.c-cmList_advertisement .pdf{margin-left:10px;
vertical-align:top}
.c-cmDetail{background:url("../img/cm/detail_bg.png") 50% 0}
.c-cmDetail .inner{margin:0 auto;
padding:0 20px;
max-width:1040px}
.c-cmDetail .inner::after{content:'';
display:table;
clear:both}
.is-unresponsive .c-cmDetail .inner{width:1040px}
.c-cmDetail .header{padding:35px 0 25px;
border-bottom:1px solid #cdcdcd;
box-shadow:0 1px 0 0 #fff;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between}
@media (max-width: 1px){.c-cmDetail .header{padding:20px 0;
display:block}
}
.c-cmDetail .header .brand{font-weight:bold}
.c-cmDetail .header .title{font-size:18px;
font-size:1.125rem}
.c-cmDetail .sns{margin-left:20px;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center}
@media (max-width: 1px){.c-cmDetail .sns{margin-top:10px;
margin-left:0}
}
.c-cmDetail .sns ul{display:-ms-flexbox;
display:flex}
.c-cmDetail .sns li{margin-left:20px;
width:60px}
@media (max-width: 1px){.c-cmDetail .sns li{margin-left:10px;
width:40px}
}
.c-cmDetail .sns a:hover{opacity:0.7}
.c-cmDetail .description{padding:20px 0 40px}
.c-cmDetail .related{padding-bottom:30px}
.c-cmDetail .related h1{margin-bottom:20px;
padding:4px 10px;
font-size:18px;
font-size:1.125rem;
line-height:32px;
font-weight:bold;
color:#ffd500;
background:#000000}
.c-cmDetail .related ul{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:14px;
font-size:.875rem;
line-height:1.5}
.c-cmDetail .related li{margin-bottom:20px;
margin-right:4%;
width:22%}
.c-cmDetail .related li:nth-child(4n){margin-right:0}
@media (max-width: 1px){.c-cmDetail .related li{margin-right:4%;
width:48%}
.c-cmDetail .related li:nth-child(4n){margin-right:4%}
.c-cmDetail .related li:nth-child(2n){margin-right:0}
}
.c-cmDetail .related .img{margin-bottom:5px}
.c-cmDetail .related a{display:block;
color:#333}
.c-cmDetail .related a .img{transition:box-shadow .2s, border-radius .2s}
.c-cmDetail .related a .img img{transition:border-radius .2s}
.c-cmDetail .related a:hover{text-decoration:none}
.c-cmDetail .related a:hover .img{box-shadow:0 0 0 3px #ffd500;
border-radius:5px}
.c-cmDetail .related a:hover .img img{border-radius:5px}
.c-cmDetail .banner{padding-bottom:100px}
@media (max-width: 1px){.c-cmDetail .banner{padding-bottom:50px}
}
.c-cmDetail .banner ul{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-cmDetail .banner li{margin-right:5%;
width:30%}
.c-cmDetail .banner li:nth-child(3n){margin-right:0}
@media (max-width: 1px){.c-cmDetail .banner li{margin-right:0;
width:100%;
margin-bottom:20px}
}
.c-cmDetail .banner a{display:block;
color:#333}
.c-cmDetail .banner a .img{transition:box-shadow .2s, border-radius .2s}
.c-cmDetail .banner a .img img{transition:border-radius .2s}
.c-cmDetail .banner a:hover{text-decoration:none}
.c-cmDetail .banner a:hover .img{box-shadow:0 0 0 3px #ffd500;
border-radius:5px}
.c-cmDetail .banner a:hover .img img{border-radius:5px}
.c-brand .anchor{margin-bottom:60px;
font-size:14px;
font-size:.875rem;
line-height:1.5;
padding:20px 0 10px;
background:#fff9d9}
@media (max-width: 1px){.c-brand .anchor{margin-bottom:40px;
padding:15px 0 5px;
font-size:12px;
font-size:.75rem}
.c-brand .anchor ul{-ms-flex-pack:start;
justify-content:start}
.c-brand .anchor li{border-right:0;
width:50%;
text-align:left}
}
.c-brand .lead{margin-bottom:40px;
font-size:16px;
font-size:1rem;
line-height:1.75}
@media (max-width: 1px){.c-brand .lead{margin-bottom:20px;
font-size:12px;
font-size:.75rem;
line-height:1.63636}
}
.c-brand .site{font-size:14px;
font-size:.875rem;
line-height:1.5}
.c-brand .site>h1{padding:25px 30px;
font-size:26px;
font-size:1.625rem;
font-weight:bold;
line-height:1.15385;
background:#fff9d9}
@media (max-width: 1px){.c-brand .site>h1{padding:0 10px;
font-size:15px;
font-size:.9375rem;
line-height:2.33333}
}
.c-brand .company{margin-bottom:40px}
@media (max-width: 1px){.c-brand .company{margin-bottom:40px}
}
.c-brand .company>h1{margin-bottom:15px;
padding-left:30px;
font-size:24px;
font-size:1.5rem;
line-height:1.25;
font-weight:bold;
position:relative}
.c-brand .company>h1:before{content:'';
position:absolute;
left:0;
top:0;
width:4px;
height:100%;
background:#ffd500;
border-radius:2px}
@media (max-width: 1px){.c-brand .company>h1{margin-bottom:15px;
padding-left:15px;
font-size:15px;
font-size:.9375rem;
line-height:1.33333}
.c-brand .company>h1:before{width:2px;
border-radius:1px}
}
.c-brand .company>p{margin-bottom:15px;
font-size:16px;
font-size:1rem;
line-height:1.75}
@media (max-width: 1px){.c-brand .company>p{font-size:12px;
font-size:.75rem;
line-height:1.63636}
}
.c-brand .company>ul{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
@media (max-width: 1px){.c-brand .company>ul{display:block}
}
.c-brand .company>ul>li{margin-bottom:20px;
margin-right:2%;
width:32%;
position:relative}
.c-brand .company>ul>li:nth-child(3n){margin-right:0}
@media (max-width: 1px){.c-brand .company>ul>li{margin-right:0;
padding-bottom:2px;
width:auto;
border:1px solid #ffd500;
border-radius:5px}
}
.c-brand .company>ul>li>a,.c-brand .company>ul>li>span{display:-ms-flexbox;
display:flex;
padding:12px 12px;
width:100%;
height:100%;
border:1px solid #ffd500;
border-radius:5px;
color:#333333}
@media (max-width: 1px){.c-brand .company>ul>li>a,.c-brand .company>ul>li>span{border:0;
height:auto}
}
.c-brand .company>ul>li>a{transition:box-shadow .2s}
.c-brand .company>ul>li>a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-brand .company>ul>li>a:hover{box-shadow:none}
}
.c-brand .company>ul>li>a:hover{text-decoration:none}
.c-brand .company .logo{padding-right:10px;
width:90px}
.c-brand .company .name{padding:12px 0 46px 10px;
font-size:16px;
font-size:1rem;
font-weight:bold;
width:calc(100% - 90px)}
.c-brand .company .sns{position:absolute;
bottom:0;
left:102px;
right:0;
padding:0 12px 12px 10px}
.c-brand .company .sns ul{padding-bottom:12px;
display:-ms-flexbox;
display:flex}
.c-brand .company .sns li{margin-right:7.73196%;
width:15.46392%}
@media (max-width: 1px){.c-brand .company .sns li{margin-right:10px;
width:30px}
}
.c-brand .category{margin-bottom:40px}
@media (max-width: 1px){.c-brand .category{margin-bottom:20px}
}
.c-brand .category>h1{margin-bottom:30px;
padding-left:30px;
font-size:24px;
font-size:1.5rem;
line-height:1.25;
font-weight:bold;
position:relative}
.c-brand .category>h1:before{content:'';
position:absolute;
left:0;
top:0;
width:4px;
height:100%;
background:#ffd500;
border-radius:2px}
@media (max-width: 1px){.c-brand .category>h1{margin-bottom:15px;
padding-left:15px;
font-size:15px;
font-size:.9375rem;
line-height:1.33333}
.c-brand .category>h1:before{width:2px;
border-radius:1px}
}
.c-brand .category>ul{display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.c-brand .category>ul>li{margin-bottom:20px;
margin-right:2%;
width:23.5%;
position:relative}
.c-brand .category>ul>li:nth-child(4n){margin-right:0}
@media (max-width: 1px){.c-brand .category>ul>li{margin-right:0;
padding-bottom:2px;
width:auto;
border:1px solid #ffd500;
border-radius:5px}
}
.c-brand .category>ul>li>a{display:block;
padding:12px 12px 2px;
width:100%;
height:100%;
border:1px solid #ffd500;
border-radius:5px;
color:#333333;
transition:box-shadow .2s}
.c-brand .category>ul>li>a:hover{text-decoration:none;
box-shadow:0 0 0 2px #ffd500}
@media (max-width: 1px){.c-brand .category>ul>li>a:hover{box-shadow:none}
}
@media (max-width: 1px){.c-brand .category>ul>li>a{padding-bottom:0;
border:0;
height:auto}
}
.c-brand .category>ul>li>a:hover{text-decoration:none}
.c-brand .category .logo{margin-bottom:20px;
text-align:center}
.c-brand .category .name{margin-bottom:10px;
font-size:16px;
font-size:1rem;
font-weight:bold;
text-align:center}
.c-brand .category .description{margin-bottom:10px;
font-size:14px;
font-size:.875rem}
.c-brand .category .sns{height:40px}
@media (max-width: 1px){.c-brand .category .sns{height:auto}
}
.c-brand .category .sns ul{position:absolute;
bottom:0;
left:0;
padding:12px;
width:100%;
display:-ms-flexbox;
display:flex}
@media (max-width: 1px){.c-brand .category .sns ul{padding:0 12px;
position:static}
}
.c-brand .category .sns li{margin-right:7.17703%;
width:14.35407%}
@media (max-width: 1px){.c-brand .category .sns li{margin-bottom:10px;
margin-right:15px;
width:30px}
}
.c-sitemap{line-height:1}
.c-sitemap>h1{padding:10px 40px;
font-size:18px;
font-size:1.125rem;
line-height:1.66667;
background:#fff9d9;
position:relative}
@media (max-width: 1px){.c-sitemap>h1{padding:10px 25px;
font-size:15px;
font-size:.9375rem;
line-height:1}
}
.c-sitemap>h1:before{content:'';
position:absolute;
left:15px;
top:16px;
width:18px;
height:18px;
border:4px solid #ffd500;
border-radius:50%}
@media (max-width: 1px){.c-sitemap>h1:before{left:5px;
top:10px;
width:15px;
height:15px}
}
.c-sitemap>h1 a{color:#333}
.c-sitemap .category{margin-bottom:60px}
@media (max-width: 1px){.c-sitemap .category{margin-bottom:0}
}
.c-sitemap .category>li{padding:30px 0 20px;
border-bottom:1px dotted #e8e8e8;
display:-ms-flexbox;
display:flex}
@media (max-width: 1px){.c-sitemap .category>li{padding:20px 0 25px;
display:block}
}
.c-sitemap .category>li:last-child{border-bottom:0}
.c-sitemap .name{padding:0 15px;
width:32%}
@media (max-width: 1px){.c-sitemap .name{margin-bottom:15px;
padding:0 5px;
width:auto;
font-size:13px;
font-size:.8125rem}
}
.c-sitemap .name a,.c-sitemap .name span{padding-left:20px;
display:inline-block;
color:#333;
position:relative}
.c-sitemap .name a:before{content:'';
position:absolute;
left:0;
top:0;
width:14px;
height:14px;
border-radius:50%;
background:#ffd500}
@media (max-width: 1px){.c-sitemap .name a:before{width:13px;
height:13px;
top:-1px}
}
.c-sitemap .name a:after{content:'';
position:absolute;
left:4px;
top:4px;
width:5px;
height:5px;
border:2px solid #fff;
border-width:2px 2px 0 0;
transform:rotate(45deg)}
@media (max-width: 1px){.c-sitemap .name a:after{left:3px;
top:3px}
}
.c-sitemap .name span:before{content:'';
position:absolute;
left:0;
top:0;
width:14px;
height:14px;
border:3px solid #ffd500;
border-radius:50%}
@media (max-width: 1px){.c-sitemap .name span:before{width:13px;
height:13px;
top:-1px}
}
.c-sitemap .subCategory{width:68%;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-sitemap .subCategory{padding:0 10px;
display:block;
width:auto;
font-size:12px;
font-size:.75rem}
}
.c-sitemap .subCategory>li{margin-bottom:15px;
padding-right:25px;
width:50%}
@media (max-width: 1px){.c-sitemap .subCategory>li{margin-bottom:5px;
padding-right:0;
width:auto}
}
.c-sitemap .subCategory a:before{top:7px}
@media (max-width: 1px){.c-sitemap .subCategory a:before{top:11px}
}
.c-sitemap .list{margin-bottom:60px;
padding:30px 0 20px;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:14px;
font-size:.875rem}
@media (max-width: 1px){.c-sitemap .list{margin-bottom:0;
padding:20px 10px 25px;
display:block;
font-size:12px;
font-size:.75rem}
}
.c-sitemap .list li{margin-bottom:15px}
@media (max-width: 1px){.c-sitemap .list li{margin-bottom:5px}
}
.c-sitemap .list li:nth-child(3n-2){padding-left:20px;
width:32%}
@media (max-width: 1px){.c-sitemap .list li:nth-child(3n-2){padding-left:0;
width:auto}
}
.c-sitemap .list li:nth-child(3n-1){width:34%}
@media (max-width: 1px){.c-sitemap .list li:nth-child(3n-1){width:auto}
}
.c-sitemap .list li:nth-child(3n){width:34%}
@media (max-width: 1px){.c-sitemap .list li:nth-child(3n){width:auto}
}
.c-legacy{box-sizing:content-box;
line-height:1.5}
.c-legacy h1,.c-legacy h2,.c-legacy h3,.c-legacy h4,.c-legacy h5,.c-legacy h6{line-height:1}
.c-legacy img{vertical-align:baseline;
vertical-align:initial}
.c-legacy .pageTop{margin-bottom:12px;
padding-top:40px;
clear:both;
width:100%}
.c-legacy .pageTop p{padding-left:18px;
float:right;
background:url("/image/common/ico_arrow_top.gif") no-repeat left 50%;
font-size:62.5%}
.c-legacy .pageTop a{line-height:1.05;
color:#666666}
.c-legacy .pageTop_content{margin-bottom:30px;
padding-top:0px;
width:100%}
.c-legacy .pageTop_content p{padding-left:18px;
float:right;
background:url("/image/common/ico_arrow_top.gif") no-repeat left 50%;
font-size:75%}
.c-legacy .pageTop_content a{line-height:1.05;
color:#666666}
.c-legacy .comMsgTitle,.c-legacy .comMsgTitle_btm{padding-bottom:1px;
border-bottom:1px solid #d8d8d8;
font-size:12px;
margin:0 0 35px 0}
.c-legacy .comMsgTitle p,.c-legacy .comMsgTitle_btm p{padding:3px 0 3px 5px;
border:1px solid #E0E5E8;
text-align:center}
@media (max-width: 1px){.c-legacy .comMsgTitle,.c-legacy .comMsgTitle_btm{font-size:14px;
padding-bottom:0;
border-bottom:0}
.c-legacy .comMsgTitle p,.c-legacy .comMsgTitle_btm p{padding:7px 10px;
text-align:left}
.c-legacy .comMsgTitle strong,.c-legacy .comMsgTitle a,.c-legacy .comMsgTitle_btm strong,.c-legacy .comMsgTitle_btm a{display:block;
position:relative;
padding:3px 0 3px 15px}
.c-legacy .comMsgTitle strong:before,.c-legacy .comMsgTitle a:before,.c-legacy .comMsgTitle_btm strong:before,.c-legacy .comMsgTitle_btm a:before{content:'';
position:absolute;
left:0;
top:9px;
width:5px;
height:5px;
border:1px solid #ffae00;
border-width:1px 1px 0 0;
line-height:0;
transform:rotate(45deg)}
.c-legacy .comMsgTitle span,.c-legacy .comMsgTitle_btm span{display:none}
}
.c-legacy .comMsgTitle_btm{margin:35px 0 0 0}
.c-legacy .mb0{margin-bottom:0px !important}
.c-legacy .mb5{margin-bottom:5px !important}
.c-legacy .mb10{margin-bottom:10px !important}
.c-legacy .mb15{margin-bottom:15px !important}
.c-legacy .mb20{margin-bottom:20px !important}
.c-legacy .mb25{margin-bottom:25px !important}
.c-legacy .mb30{margin-bottom:30px !important}
.c-legacy .clearfix,.c-legacy div,.c-legacy ul,.c-legacy dl,.c-legacy ol{zoom:1}
.c-legacy .clearfix:after,.c-legacy div:after,.c-legacy ul:after,.c-legacy dl:after,.c-legacy ol:after{content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
font-size:0}
.c-legacy h2#companyH2top{background:url("/company/image/2nd_title_l_corporation.gif") no-repeat left top;
height:34px;
width:219px;
margin:0 0 12px 0;
text-indent:-999em}
.c-legacy #companyTop{margin:0 0 25px 0}
.c-legacy #companyTop h3 a{display:block;
background:url("/company/image/co_info_top_mainpict.gif") no-repeat left top;
text-indent:-999em;
width:658px;
height:92px}
.c-legacy #companyTopBox01{margin:0 0 15px 0}
.c-legacy #companyTopMessage{float:left;
width:321px}
.c-legacy #companyTopMessage h3{background:url("/company/image/co_info_top_sub01.gif") no-repeat left top;
width:321px;
height:21px;
margin:0 0 10px 0;
text-indent:-999em}
.c-legacy #companyTopMessage a{display:block;
width:321px;
height:50px;
text-indent:-999em}
.c-legacy #companyTopMessage li{margin:0 0 5px 0}
.c-legacy #companyTopMessage .topMessageSlogan a{height:67px;
background:url("/company/image/co_info_top_btn01_01.gif") no-repeat left top}
.c-legacy #companyTopMessage .topMessageShamei a{height:36px;
background:url("/company/image/co_info_top_btn01_02.gif") no-repeat left top}
.c-legacy #companyTopMessage .topMessageMessage a{height:36px;
background:url("/company/image/co_info_top_btn01_03.gif") no-repeat left top}
.c-legacy #companyTopMessage .topMessageVision a{height:36px;
background:url("/company/image/co_info_top_btn01_04.gif") no-repeat left top}
.c-legacy #companyTop3group{float:right;
width:322px}
.c-legacy #companyTop3group h3{background:url("/company/image/co_info_top_sub02.gif") no-repeat left top;
width:322px;
height:21px;
margin:0 0 10px 0;
text-indent:-999em}
.c-legacy #companyTop3group a{display:block;
width:104px;
height:191px;
text-indent:-999em}
.c-legacy #companyTop3group li{float:left;
padding:0 5px 0 0}
.c-legacy #companyTop3group li.topGroupFoods{padding:0}
.c-legacy #companyTop3group .topGroupKhp{background:url("/company/image/co_info_top_02_01.jpg") no-repeat left top}
.c-legacy #companyTop3group .topGroupPharm{background:url("/company/image/co_info_top_02_02.jpg") no-repeat left top}
.c-legacy #companyTop3group .topGroupFoods{background:url("/company/image/co_info_top_02_03.jpg") no-repeat left top}
.c-legacy #companyTopRelation{float:left;
width:321px}
.c-legacy #companyTopRelation h3{background:url("/company/image/co_info_top_sub03.gif") no-repeat left top;
width:129px;
height:16px;
text-indent:-999em;
margin:0 0 10px 0}
.c-legacy #companyTopRelation li{margin:0 0 5px 0}
.c-legacy #companyTopRelation a{display:block;
width:321px;
height:45px;
text-indent:-999em}
.c-legacy * html #companyTopRelation a{width:321px}
.c-legacy #companyTopRelation .topRelationSafety a{background:url("/company/image/co_info_top_03_01.jpg") no-repeat left top}
.c-legacy #companyTopRelation .topRelationYasashii a{background:url("/company/image/co_info_top_03_02.jpg") no-repeat left top}
.c-legacy #companyTopRelation .topRelationEco a{background:url("/company/image/co_info_top_03_03.jpg") no-repeat left top}
.c-legacy #companyTopRelation .topRelationEnvi a{background:url("/company/image/co_info_top_03_04.jpg") no-repeat left top}
.c-legacy #companyTopRelation .topRelationComp a{background:url("/company/image/co_info_top_03_05.jpg") no-repeat left top}
.c-legacy #companyTopAd{float:right;
width:322px;
margin:0 0 15px 0}
.c-legacy #companyTopAd h3{background:url("/company/image/co_info_top_sub04.gif") no-repeat left top;
width:129px;
height:16px;
text-indent:-999em;
margin:0 0 10px 0}
.c-legacy #companyTopAd li{margin:0 0 5px 0}
.c-legacy #companyTopAd a{display:block;
width:321px;
text-indent:-999em}
.c-legacy * html #companyTopAd a{width:321px}
.c-legacy #companyTopAd .companyTopAdNewly a{background:url("/company/image/co_info_top_04_01.jpg") no-repeat left top;
height:95px}
.c-legacy #companyTopAd .companyTopAdList a{background:url("/company/image/co_info_top_05_01.jpg") no-repeat left top;
height:33px}
.c-legacy #companyTopProfile{float:right;
width:321px}
.c-legacy #companyTopProfile h3{background:url("/company/image/co_info_top_sub05.gif") no-repeat left top;
width:129px;
height:16px;
text-indent:-999em;
margin:0 0 10px 0}
.c-legacy #companyTopProfile ul{border:1px solid #ccc;
padding:9px 0 9px 9px;
background:#ffffde}
.c-legacy #companyTopProfile li{float:left;
background:url("/company/image/co_info_yajirushi_s.gif") no-repeat left top;
padding:0 0 3px 20px;
width:130px;
line-height:15px}
.c-legacy * html #companyTopProfile li{width:150px}
.c-legacy #companyTopRecruit{float:right;
width:321px;
padding:5px 0 10px 0}
.c-legacy #companyTopRecruit li{text-indent:-999em}
.c-legacy #companyTopRecruit li a{display:block;
width:322px;
height:34px;
background:url("/company/image/co_info_top_btn_recruit.gif") no-repeat left top}
.c-legacy #companyH2topHide{display:none}
.c-legacy h3.companyTitleMessage{background:url("/company/image/title_large/co_info_sub_l_01.gif") no-repeat left top;
width:658px;
height:22px;
text-indent:-999em;
margin:0 0 14px 0}
.c-legacy #companyMessage{width:748px;
padding:27px 0 50px 0}
.c-legacy h4.companyMessageT01{background:url("/company/image/title_mid/co_info_sub_m03_coname.gif") no-repeat left top;
height:20px;
text-indent:-999em;
margin:0 0 35px 0}
.c-legacy #mainContents #companyMessage #companyMessageOmoi{text-align:right}
.c-legacy h4.companyMessageTop{background:url("/company/image/title_mid/co_info_sub_m03_msgtop.gif") no-repeat left top;
height:20px;
padding:0 0 10px 0;
text-indent:-999em}
.c-legacy #companyMessage #companyMessageTopBox{margin:0 0 0 0px;
font-size:87.5%;
color:#505032}
.c-legacy #companyMessage #companyMessageTopBox img{margin:0 0 25px 0}
.c-legacy #companyMessage .companyMessageTopTxt01{float:left;
width:300px;
padding:0 40px 0 20px}
.c-legacy #companyMessage .companyMessageTopTxt02{float:left;
width:300px}
.c-legacy #companyMessage .companyMessageTopTxt01 p.messageCatchTxt,.c-legacy #companyMessage .companyMessageTopTxt02 p.messageCatchTxt{padding:10px 0 30px 0;
height:75px}
.c-legacy * html #companyMessage .companyMessageTopTxt01 p.messageCatchTxt,.c-legacy * html #companyMessage .companyMessageTopTxt02 p.messageCatchTxt{padding:10px 0 30px 0;
height:115px}
.c-legacy #companyMessage .companyMessageTopTxt01 dl,.c-legacy #companyMessage .companyMessageTopTxt02 dl{padding:0 0 20px 0;
border-bottom:1px solid #e5e5e5}
.c-legacy #companyMessage .companyMessageTopTxt01 dt,.c-legacy #companyMessage .companyMessageTopTxt01 dd{text-indent:-999em;
width:232px}
.c-legacy #companyMessage .companyMessageTopTxt02 dt,.c-legacy #companyMessage .companyMessageTopTxt02 dd{text-indent:-999em;
width:232px}
.c-legacy #companyMessage .companyMessageTopTxt01 p.companyMessageTopLink01 a{display:block;
float:right;
width:131px;
height:15px;
text-indent:999em;
background:url("/company/image/btn/co_info_yajiright_msgkaicho.gif") no-repeat left top}
.c-legacy #companyMessage .companyMessageTopTxt02 p.companyMessageTopLink02 a{display:block;
float:right;
width:131px;
height:15px;
text-indent:999em;
background:url("/company/image/btn/co_info_yajiright_msgprg.gif") no-repeat left top}
.c-legacy #companyMessage .companyMessageTopKaityo dt{background:url("/company/image/co_info_top_kaicho.gif") no-repeat left top;
height:31px;
margin:0 0 7px 0}
.c-legacy #companyMessage .companyMessageTopKaityo dd{background:url("/company/image/co_info_top_kaicho_name.gif") no-repeat left top;
height:51px}
.c-legacy #companyMessage .companyMessageTopShacho dt{background:url("/company/image/co_info_top_prg.gif") no-repeat left top;
height:31px;
margin:0 0 7px 0}
.c-legacy #companyMessage .companyMessageTopShacho dd{background:url("/company/image/co_info_top_prg_name.gif") no-repeat left top;
height:51px}
.c-legacy h4.companyMessageT02{background:url("/company/image/title_mid/co_info_sub_m03_msgkaicho.gif") no-repeat left top;
width:400px;
height:20px;
text-indent:-999em;
float:left}
.c-legacy h4.companyMessageT03{background:url("/company/image/title_mid/co_info_sub_m03_msgprg.gif") no-repeat left top;
width:400px;
height:20px;
text-indent:-999em;
float:left}
.c-legacy #mainContents .compMsgTitleBox{margin:0 0 14px 0}
.c-legacy .compMsgTitleBox h3.companyTitleMsg{background:url("/company/image/title_large/co_info_sub_l_01.gif") no-repeat left top;
width:600px;
height:22px;
text-indent:-999em;
float:left}
.c-legacy .compMsgTitleBox .compMsgPref{float:right}
.c-legacy .compMsgTitleBox .compMsgPref a{display:block;
width:41px;
height:18px;
text-indent:-999em;
background:url("/company/image/btn/btn_modoru.gif") no-repeat left top}
.c-legacy #companyMessageTitleBox{margin:0 0 35px 0}
.c-legacy #companyMessage compMessLink02,.c-legacy #companyMessage compMessLink03{float:right;
width:128px;
height:20px}
.c-legacy #companyMessage p.compMessLink02 a{float:right;
background:url("/company/image/btn/co_info_yaji_msgprg.gif") no-repeat left top;
display:block;
width:128px;
height:14px;
margin:5px 0 0 0;
text-indent:-999em}
.c-legacy #companyMessage p.compMessLink03 a{float:right;
background:url("/company/image/btn/co_info_yaji_msgkaicho.gif") no-repeat left top;
display:block;
width:128px;
height:14px;
margin:5px 0 0 0;
text-indent:-999em}
.c-legacy #companyMessageBox{clear:both}
.c-legacy #companyMessageBox img{float:left}
.c-legacy #companyMessage .companyMessageTxt{float:right;
width:509px;
padding:0 5px 0 5px;
font-size:87.5%;
color:#505032}
.c-legacy * html #companyMessage .companyMessageTxt{width:519px}
.c-legacy #companyMessage .companyMessageTxt p{margin:0 0 20px 0}
.c-legacy #companyMessage .companyMname01,.c-legacy #companyMessage .companyMname02{text-align:right;
padding:10px 0 0 0}
.c-legacy #companyMessage .companyMname01 strong,.c-legacy #companyMessage .companyMname02 strong{display:block;
float:right;
width:171px;
height:71px;
text-align:left;
text-indent:-999em;
margin:5px 0 0 0}
.c-legacy #companyMessage .companyMname01 strong{background:url("/company/image/co_info_sign_kaicho.gif") no-repeat left top}
.c-legacy #companyMessage .companyMname02 strong{background:url("/company/image/co_info_sign_shacho.gif") no-repeat left top}
.c-legacy h4.companyMessageT04{background:url("/company/image/title_mid/co_info_sub_m03_ideology.gif") no-repeat left top;
width:658px;
height:20px;
text-indent:-999em;
float:left;
margin:0 0 35px 0}
.c-legacy #companyMessageBox img{float:left}
.c-legacy .companyMessageRinen{float:right;
width:643px;
padding:5px 0 5px 5px;
margin:0 0 50px 0}
.c-legacy * html .companyMessageRinen{width:648px}
.c-legacy .companyMessageRinen h5{background:url("/company/image/co_info_sub_s_01-02.gif") no-repeat left top;
margin:0 0 30px 0;
height:26px;
text-indent:-999em}
.c-legacy .companyMessageRinen h6{margin:25px 0 20px 0;
text-indent:-999em;
height:42px}
.c-legacy .companyMessageRinen .rinen01{background:url("/company/image/co_info_sub_s_02-02.gif") no-repeat left top}
.c-legacy .companyMessageRinen .rinen02{background:url("/company/image/co_info_sub_s_03-02.gif") no-repeat left top}
.c-legacy .companyMessageRinen .rinen03{height:73px;
background:url("/company/image/co_info_sub_s_04-02.gif") no-repeat left top}
.c-legacy .companyMessageRinen p.companyMRtxt strong{display:none}
.c-legacy .companyMessageRinen .rinenLarge{font-size:1.2em;
margin:0 0 25px 0}
.c-legacy .companyMessageRinen .rinenSmall{font-size:0.8em}
.c-legacy .companyMessageRinen ul{padding:5px 0 25px 10px}
.c-legacy h3.companyTitleProfile{background:url("/company/image/title_large/co_info_sub_l_03.gif") no-repeat left top;
width:658px;
height:22px;
text-indent:-999em;
margin:0 0 3px 0}
.c-legacy .compPrfTitleBox h3.companyTitleProfile{background:url("/company/image/title_large/co_info_sub_l_03.gif") no-repeat left top;
width:600px;
height:22px;
text-indent:-999em;
float:left}
.c-legacy .compPrfTitleBox .compPrfPref{float:right}
.c-legacy .compPrfTitleBox .compPrfPref a{display:block;
width:41px;
height:18px;
text-indent:-999em;
background:url("/company/image/btn/btn_modoru.gif") no-repeat left top}
.c-legacy #companyProfBox{padding:0 0 50px 0;
font-size:87.5%;
color:#505032}
@media (max-width: 1px){.c-legacy #companyProfBox>img{margin:0 auto;
display:block}
}
.c-legacy #companyProfBox h4{background:url("/company/image/title_mid/co_info_sub_m03_aobutco.gif") no-repeat left top;
width:658px;
height:20px;
text-indent:-999em;
margin:0 0 5px 0}
@media (max-width: 1px){.c-legacy #companyProfBox h4{width:auto}
}
.c-legacy .companyProfInfo01{padding:0 0 0 40px}
@media (max-width: 1px){.c-legacy .companyProfInfo01{padding-left:0}
}
.c-legacy .companyProfInfo01 h5{background:url("/company/image/title_small/co_info_sub_s_07.gif") no-repeat left top;
height:39px;
text-indent:-999em}
@media (max-width: 1px){.c-legacy .companyProfInfo01 h5{height:30px;
background-size:400px auto}
}
.c-legacy .companyProfInfo01 h6{font-size:1.2em;
margin:0 0 10px 0}
.c-legacy table{width:100%}
.c-legacy table.profTable01{margin:0 0 10px 0}
@media (max-width: 1px){.c-legacy table.profTable01{display:block}
.c-legacy table.profTable01 tbody,.c-legacy table.profTable01 tr,.c-legacy table.profTable01 th,.c-legacy table.profTable01 td{display:block}
}
@media (max-width: 1px){.c-legacy table.profTable02{display:block}
.c-legacy table.profTable02 tbody,.c-legacy table.profTable02 tr,.c-legacy table.profTable02 th,.c-legacy table.profTable02 td{display:block}
}
.c-legacy table.profTable03{margin:10px 0 10px 0}
@media (max-width: 1px){.c-legacy table.profTable03{display:block}
.c-legacy table.profTable03 tbody,.c-legacy table.profTable03 tr,.c-legacy table.profTable03 th,.c-legacy table.profTable03 td{display:block}
}
.c-legacy .profTable01 td,.c-legacy .profTable01 th{border-top:1px solid #D8D8D8;
padding:5px 0 15px 0}
@media (max-width: 1px){.c-legacy .profTable01 th{padding-top:15px;
padding-bottom:0}
.c-legacy .profTable01 td{border-top:0}
}
.c-legacy .profTable02 td{border-top:1px solid #D8D8D8;
padding:5px 0 10px 0;
vertical-align:top}
.c-legacy .profTable02 th{width:250px;
border-top:1px solid #D8D8D8;
padding:5px 0 10px 0}
@media (max-width: 1px){.c-legacy .profTable02 th{width:100%}
}
@media (max-width: 1px){.c-legacy .profTable02 th{padding-top:15px;
padding-bottom:0}
.c-legacy .profTable02 td{border-top:0}
}
.c-legacy .profTable03 td{border-top:1px solid #D8D8D8;
padding:5px 0 10px 0}
.c-legacy .profTable03 th{width:70px;
border-top:1px solid #D8D8D8;
padding:5px 0 10px 0}
@media (max-width: 1px){.c-legacy .profTable03 th{width:100%}
}
@media (max-width: 1px){.c-legacy .profTable03 th{padding-top:15px;
padding-bottom:0}
.c-legacy .profTable03 td{border-top:0}
}
.c-legacy .companyProfInfo01 th{text-align:left;
vertical-align:top}
.c-legacy .companyProfInfo02 h5{background:url("/company/image/title_small/co_info_sub_s_08.gif") no-repeat left top;
float:right;
width:423px;
height:24px;
text-indent:-999em;
margin:0 0 10px 0}
.c-legacy .companyProfInfo02 img{float:left}
.c-legacy .companyProfInfo02 p{float:right;
width:423px}
.c-legacy a.companyProfAccess,.c-legacy a.companyPOAccess{background:url("/company/image/co_info_yajirushi_s.gif") no-repeat left top;
padding:0 0 0 17px;
margin:0 0 5px 0px;
line-height:1.3}
@media (max-width: 1px){.c-legacy a.companyProfAccess,.c-legacy a.companyPOAccess{display:block;
line-height:15px}
}
.c-legacy a.companyProfBusiness{background:url("/company/image/co_info_yajirushi_s.gif") no-repeat left top;
padding:0 0 0 17px;
margin:0 0 5px 0}
.c-legacy #companyProfBox .profLinkBusiness{margin:0 0 40px 0;
line-height:1.1 !important}
.c-legacy a.companyProfBusiness2{background:url("/company/image/co_info_yajirushi_s.gif") no-repeat left top;
padding:0 0 0 17px;
margin:0 0 5px 0}
.c-legacy .profLinkBusiness2{margin:10px 0 10px 0}
.c-legacy .profLinkFasion{margin:5px 0 0 0}
.c-legacy #companyGroupBox{background:url("/company/image/co_info_line_ylw_shadow.gif") no-repeat left top;
padding:45px 0 50px 0}
.c-legacy #companyGroupBox h4{background:url("/company/image/title_mid/co_info_sub_m03_aboutwork.gif") no-repeat left top;
width:658px;
height:20px;
text-indent:-999em;
margin:0 0 25px 0}
.c-legacy #companyGroupBox .companyPGroupCatch strong{display:block;
background:url("/company/image/co_info_read_01.gif") no-repeat left top;
width:658px;
height:55px;
text-indent:-999em}
.c-legacy #companyGroupBox .companyCatch{text-align:center;
margin:20px 0 25px 0}
.c-legacy #companyPGroupTop{margin:0 0 25px 0}
.c-legacy #companyPGroupTop .companyPGroupTopBox01,.c-legacy #companyPGroupTop .companyPGroupTopBox02{float:left;
width:207px;
margin:0 16px 0 0;
border:1px solid #e2e2e2;
background:#ffffdd;
padding:0 0 15px 0}
.c-legacy * html #companyPGroupTop .companyPGroupTopBox01,.c-legacy * html #companyPGroupTop .companyPGroupTopBox02{width:209px}
.c-legacy #companyPGroupTop .companyPGroupTopBox03{float:left;
width:206px;
border:1px solid #e2e2e2;
background:#ffffdd;
padding:0 0 15px 0}
.c-legacy * html #companyPGroupTop .companyPGroupTopBox03{width:208px}
.c-legacy #companyPGroupTop p{text-align:center}
.c-legacy #companyPGroupTop .companyPGroupTopBox01 .groupSubCatch,.c-legacy #companyPGroupTop .companyPGroupTopBox02 .groupSubCatch,.c-legacy #companyPGroupTop .companyPGroupTopBox03 .groupSubCatch{text-align:left;
padding:10px 12px;
line-height:1.6;
height:100px}
.c-legacy * html #companyPGroupTop .companyPGroupTopBox01 .groupSubCatch,.c-legacy * html #companyPGroupTop .companyPGroupTopBox02 .groupSubCatch,.c-legacy * html #companyPGroupTop .companyPGroupTopBox03 .groupSubCatch{height:120px}
.c-legacy .companyPGroupTopBox01 h5{background:url("/company/image/co_info_jigyo_ph_01.jpg") no-repeat left top;
height:216px;
text-indent:-999em}
.c-legacy .companyPGroupTopBox02 h5{background:url("/company/image/co_info_jigyo_ph_02.jpg") no-repeat left top;
height:216px;
text-indent:-999em}
.c-legacy .companyPGroupTopBox03 h5{background:url("/company/image/co_info_jigyo_ph_03.jpg") no-repeat left top;
height:216px;
text-indent:-999em}
.c-legacy #companyPGroupTop .groupAbo,.c-legacy #companyPGroupTop .groupCom,.c-legacy #companyPGroupTop .groupHis{margin:0 0 5px 0}
.c-legacy #companyPGroupTop .groupAbo a,.c-legacy #companyPGroupTop .groupCom a,.c-legacy #companyPGroupTop .groupHis a{display:block;
width:179px;
height:24px;
text-align:left;
text-indent:-999em}
.c-legacy #companyPGroupTop ul{padding:0 13px}
.c-legacy #companyPGroupTop .groupAbo a{background:url("/company/image/co_info_jigyo_btn_01.gif") no-repeat left top}
.c-legacy #companyPGroupTop .groupCom a{background:url("/company/image/co_info_jigyo_btn_02.gif") no-repeat left top}
.c-legacy #companyPGroupTop .groupHis a{background:url("/company/image/co_info_jigyo_btn_03.gif") no-repeat left top}
.c-legacy #companyPGroupFashion{border:1px solid #e2e2e2;
padding:5px}
.c-legacy #companyPGroupFashion p{width:460px;
float:left}
.c-legacy #companyPGroupFashion .companyPGFLink{width:190px;
float:right}
.c-legacy #companyGroupBox h6{background:url("/company/image/title_small/co_info_sub_s_09.gif") no-repeat left top;
height:14px;
text-indent:-999em;
margin:0 0 10px 0}
.c-legacy #companyPGroupFashion .companyPGFLink{float:right;
width:172px}
.c-legacy #companyPGroupFashion .companyPGFLink a{display:block;
height:26px;
width:172px;
text-indent:-999em;
background:url("/company/image/btn/top_btn_fasion.gif") no-repeat left top}
.c-legacy #compGrBox{padding-left:20px}
@media (max-width: 1px){.c-legacy #compGrBox{padding-left:0}
}
.c-legacy #compGrBox h4{background:url("/company/image/title_mid/co_info_sub_m02_work.gif") no-repeat left top;
width:658px;
height:16px;
text-indent:-999em;
margin:0 0 35px 0}
.c-legacy .companyProfGroup h5{height:27px;
border-bottom:1px solid #d8d8d8;
float:left;
margin:0 0 30px 0;
text-indent:-999em}
.c-legacy h5.khpTitle{float:none;
background:url("/company/image/title_mid/co_info_sub_m01_cosme.gif") no-repeat left top}
.c-legacy h5.PharmTitle{float:none;
background:url("/company/image/title_mid/co_info_sub_m01_pharmacy.gif") no-repeat left top}
.c-legacy h5.foodsTitle{float:none;
background:url("/company/image/title_mid/co_info_sub_m01_foods.gif") no-repeat left top}
.c-legacy .companyProfGroup ul{width:300px;
height:27px;
float:right;
border-top:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
margin:0 0 30px 0}
.c-legacy .companyProfGroup li{float:left}
.c-legacy .companyProfGroup li a{height:21px;
display:block;
width:99px;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
text-align:center;
padding:5px 0 0 0}
.c-legacy * html .companyProfGroup li a{width:100px;
height:26px}
.c-legacy .companyProfGroup li strong{height:21px;
padding:5px 0 0 0;
display:block;
text-align:center;
width:99px;
border-right:1px solid #d8d8d8}
.c-legacy * html .companyProfGroup li strong{height:26px}
.c-legacy .companyPGPharm01,.c-legacy .companyPGKhp01,.c-legacy .companyPGFoods01{margin:0 0 25px 0;
position:relative;
font-size:87.5%;
color:#505032}
.c-legacy .companyPGPharm01 .btn,.c-legacy .companyPGKhp01 .btn,.c-legacy .companyPGFoods01 .btn{position:absolute;
top:127px}
.c-legacy .companyPGKhp01{background:url("/company/image/profile/bgimg_khp_01.jpg") no-repeat left top}
.c-legacy .companyPGPharm01{background:url("/company/image/profile/bgimg_ph_01.jpg") no-repeat left top}
.c-legacy .companyPGFoods01{background:url("/company/image/profile/bgimg_foods_01.jpg") no-repeat left top}
.c-legacy .companyPGPharm01 p,.c-legacy .companyPGKhp01 p,.c-legacy .companyPGFoods01 p{padding:0 0 0 171px}
.c-legacy .companyPGAboutBox{margin:20px 0 0 20px}
.c-legacy .companyPGAboutBox h6{height:24px;
text-indent:-999em}
.c-legacy h6.foodsAbout01{background:url("/company/image/title_small/co_info_sub_s_16.gif") no-repeat left top}
.c-legacy h6.foodsAbout02{background:url("/company/image/title_small/co_info_sub_s_17.gif") no-repeat left top}
.c-legacy h6.foodsAbout03{background:url("/company/image/title_small/co_info_sub_s_18.gif") no-repeat left top;
border-bottom:1px solid #d8d8d8}
.c-legacy h6.foodsAbout04{background:url("/company/image/title_small/co_info_sub_s_19.gif") no-repeat left top}
.c-legacy h6.PharmAbout01{background:url("/company/image/title_small/co_info_sub_s_20.gif") no-repeat left top}
.c-legacy h6.PharmAbout02{background:url("/company/image/title_small/co_info_sub_s_21.gif") no-repeat left top}
.c-legacy .ph_txt{font-size:87.5%}
.c-legacy .companyPGAboutBox p{margin:15px 0 15px 0}
.c-legacy .companyPGPharm02,.c-legacy .companyPGKhp02,.c-legacy .companyPGFoods02{clear:both;
margin:50px 0 0 0px;
width:728px}
.c-legacy .companyPGPharm02 h6,.c-legacy .companyPGKhp02 h6,.c-legacy .companyPGFoods02 h6{height:24px;
margin:0 0 15px 0;
text-indent:-999em}
.c-legacy h6.PGKhp01{width:350px;
background:url("/company/image/title_small/co_info_sub_s_10.gif") no-repeat left top}
.c-legacy h6.PGKhp02{width:350px;
background:url("/company/image/title_small/co_info_sub_s_11.gif") no-repeat left top}
.c-legacy h6.PGFoods01{width:350px;
background:url("/company/image/title_small/co_info_sub_s_12.gif") no-repeat left top}
.c-legacy h6.PGFoods02{width:350px;
background:url("/company/image/title_small/co_info_sub_s_13.gif") no-repeat left top}
.c-legacy h6.PGPharm01{width:350px;
background:url("/company/image/title_small/co_info_sub_s_14.gif") no-repeat left top}
.c-legacy h6.PGPharm02{width:350px;
background:url("/company/image/title_small/co_info_sub_s_15.gif") no-repeat left top}
.c-legacy .companyPGcom{margin:0 0 10px 215px}
.c-legacy .companyPGcom table{width:423px}
.c-legacy .companyPGcom th{width:120px;
vertical-align:top;
text-align:left;
padding:5px 5px 15px 5px;
border-bottom:1px solid #d8d8d8}
.c-legacy .companyPGcom td{vertical-align:top;
text-align:left;
padding:5px 5px 15px 5px;
border-bottom:1px solid #d8d8d8}
.c-legacy .companyPGcom .compTblBtm{border-bottom:none}
.c-legacy .companyPGEnkaku{margin-top:50px;
padding:5px 0 0 0px}
.c-legacy .companyPGEnkaku table{width:728px;
border-top:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
font-size:87.5%}
.c-legacy .companyPGEnkaku th{background:#ffffe7;
width:120px}
.c-legacy #compGrBox .companyPGEnkaku th,.c-legacy #compGrBox .companyPGEnkaku td{padding:5px 7px 3px 7px;
vertical-align:top;
text-align:left;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
line-height:1.6em}
.c-legacy #companyMapBox{font-size:87.5%;
color:#505032}
.c-legacy #companyMapBox h4{background:url("/company/image/title_mid/co_info_sub_m03_accessmap.gif") no-repeat left top;
width:658px;
height:20px;
text-indent:-999em;
margin:0 0 35px 0}
.c-legacy .companyProfMap01{margin:0 0 0 20px}
@media (max-width: 1px){.c-legacy .companyProfMap01{margin-left:0}
}
.c-legacy .companyProfMap01 .mapImg p{float:left}
@media (max-width: 1px){.c-legacy .companyProfMap01 .mapImg p{float:none}
}
.c-legacy .companyProfMap01 .mapImg p.mapAccessmap{padding:0 10px 0 0}
@media (max-width: 1px){.c-legacy .companyProfMap01 .mapImg p.mapAccessmap{padding-right:0}
}
.c-legacy .companyProfMap01 h5{padding:20px 0 5px 0;
border-bottom:1px solid #D8D8D8;
margin:0 0 10px 0;
font-size:1.2em}
@media (max-width: 1px){.c-legacy .companyProfMap01 h5{line-height:1.5}
}
.c-legacy .companyProfMap01 img{margin:0 0 23px 0}
.c-legacy .companyProfMap01 .image img{margin:1em 0}
.c-legacy .companyProfMap01 table{width:100%;
margin:0 0 0 10px}
@media (max-width: 1px){.c-legacy .companyProfMap01 table{margin-bottom:20px;
margin-left:0;
display:block}
.c-legacy .companyProfMap01 table tbody,.c-legacy .companyProfMap01 table tr,.c-legacy .companyProfMap01 table th,.c-legacy .companyProfMap01 table td{display:block}
}
.c-legacy .companyProfMap01 th{width:120px;
text-align:left;
border-bottom:1px solid #D8D8D8;
padding:5px 0 15px 0;
vertical-align:top}
@media (max-width: 1px){.c-legacy .companyProfMap01 th{width:auto;
border-bottom:0;
padding:10px 0 0}
}
.c-legacy .companyProfMap01 td{border-bottom:1px solid #D8D8D8;
padding:5px 0 15px 0;
vertical-align:top}
@media (max-width: 1px){.c-legacy .companyProfMap01 td{padding-bottom:10px}
}
.c-legacy #companyMapBox .companyProfMap01 .profMapBtm{border-bottom:none;
line-height:1.5em}
.c-legacy #companyOfficeBox{font-size:87.5%;
color:#505032}
.c-legacy .officeBoxTitle{height:20px;
margin:0 0 10px 0}
.c-legacy #companyOfficeBox h4{margin-left:20px;
height:16px;
border-bottom:1px solid #CCCCCC;
margin-bottom:10px;
padding-bottom:11px}
.c-legacy .officeBoxTitle p{float:left;
font-size:0.8em;
padding:7px 0 0 0}
.c-legacy .companyProfOffice{font-size:87.5%}
.c-legacy .companyProfOffice p{text-align:center}
.c-legacy .companyProfOffice p.attn{text-align:left}
.c-legacy .companyProfOffice table{width:100%;
border-top:1px solid #D8D8D8;
border-left:1px solid #D8D8D8}
@media (max-width: 1px){.c-legacy .companyProfOffice table{margin-bottom:20px}
}
.c-legacy .companyProfOffice caption{padding:5px;
font-size:1.2em;
text-align:left;
border-left:1px solid #D8D8D8;
border-right:1px solid #D8D8D8}
@media (max-width: 1px){.c-legacy .companyProfOffice caption{border-left:0}
}
.c-legacy .companyProfOffice .companyPOfficeCap{border-top:1px solid #D8D8D8}
@media (max-width: 1px){.c-legacy .companyProfOffice .companyPOfficeCap{border-top:0}
}
.c-legacy .companyPOfficeBox{margin:10px 0 40px 20px}
@media (max-width: 1px){.c-legacy .companyPOfficeBox{margin-bottom:20px;
margin-left:0}
}
.c-legacy #companyOfficeBox .companyPOfficeBox td{border-right:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
padding:5px 5px 5px 5px;
vertical-align:top;
line-height:1.5em}
.c-legacy .companyPOfficeBox th{border-right:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
padding:5px 5px 5px 5px;
vertical-align:top;
line-height:1.5em;
background:#ffffc9;
text-align:center}
@media (max-width: 1px){.c-legacy .companyPOfficeBox th{display:none}
}
.c-legacy .companyPOfficeBox .companyPOfficeTd{background:#ffffe7;
width:160px}
@media (max-width: 1px){.c-legacy .companyPOfficeBox .companyPOfficeTd{width:auto}
}
.c-legacy .companyPOfficeBox .companyPOfficeTd01{background:#ffffe7;
width:120px}
@media (max-width: 1px){.c-legacy .companyPOfficeBox .companyPOfficeTd01{width:auto}
}
.c-legacy .companyPOfficeBox .companyPOfficeTel{width:140px;
background:#ffffe7;
text-align:center}
@media (max-width: 1px){.c-legacy .companyPOfficeBox .companyPOfficeTel{margin-top:-6px;
width:auto;
background:#fff;
text-align:left}
}
@media (max-width: 1px){.c-legacy .companyPOfficeBox table,.c-legacy .companyPOfficeBox caption,.c-legacy .companyPOfficeBox tbody,.c-legacy .companyPOfficeBox tr,.c-legacy .companyPOfficeBox td{display:block}
}
.c-legacy .compProfOffUnder h5{margin:0 0 10px 0;
text-indent:-999em;
height:18px}
.c-legacy #CPO02 h5{background:url("/company/image/title_small/co_info_sub_s_23.gif") no-repeat left top}
.c-legacy #CPO03 h5{background:url("/company/image/title_small/co_info_sub_s_24.gif") no-repeat left top}
.c-legacy #CPO04 h5{background:url("/company/image/title_small/co_info_sub_s_22.gif") no-repeat left top}
.c-legacy #CPO05 h5{background:url("/company/image/title_small/co_info_sub_s_100.gif") no-repeat left top}
.c-legacy h3.companyTitleRelation{background:url("/company/image/title_large/co_info_sub_l_02.gif") no-repeat left top;
width:658px;
height:22px;
text-indent:-999em;
margin:0 0 14px 0}
.c-legacy h3.companyTitleRelation2{background:url("/company/image/title_large/co_info_sub_l_05.gif") no-repeat left top;
width:658px;
height:22px;
text-indent:-999em;
margin:0 0 14px 0}
.c-legacy h3.companyTitleAnshin{background:url("/company/image/title_large/co_info_sub_l_06.gif") no-repeat left top;
width:658px;
height:22px;
text-indent:-999em;
margin:0 0 14px 0}
.c-legacy #companyRelation{padding:0 0 50px 0;
font-size:87.5%;
color:#505032}
@media (max-width: 1px){.c-legacy #companyRelation{padding-bottom:0}
}
.c-legacy #companyRelation dt,.c-legacy #companyRelation dd{line-height:1.7em}
.c-legacy #companyRelation .txtReadVoice{margin:40px 0 10px 20px;
line-height:0;
height:16px}
.c-legacy #companyRelation .btnLinksVoice{margin:0 0 0 20px}
.c-legacy #companyRelation .btnLinksVoice p a{background:url("/soudanshitsu/image/cms/btn_voice.gif") no-repeat scroll left top transparent;
display:block;
height:70px;
text-indent:-9999px;
width:300px}
.c-legacy #companyRelation .btnLinksVoice p a:hover{background:url("/soudanshitsu/image/cms/btn_voice_on.gif") no-repeat scroll left top transparent}
.c-legacy h4.companyTitleSafety{background:url("/company/image/title_mid/co_info_sub_m03_safety.gif") no-repeat left top;
height:20px;
text-indent:-999em;
margin:0 0 35px 0}
.c-legacy h3.companyTitleSafety2{background:url("/company/image/title_mid/co_info_sub_m03_safety2.gif") no-repeat left top;
height:20px;
text-indent:-999em;
margin:0 0 35px 0}
.c-legacy #companySafetyBox{padding:0 0 0 20px}
.c-legacy #companySafetyBox p{margin:0 0 25px 0}
.c-legacy #companySafetyBox .safetyBoxTitle{background:url("/company/image/title_small/co_info_sub_s_25.jpg") no-repeat left top;
height:24px;
text-indent:-999em;
margin:0 0 30px 0}
.c-legacy .safetyBoxIn h6.safetyBoxInTitle01{background:url("/company/image/title_small/co_info_sub_s_26.gif") no-repeat left top;
height:14px;
text-indent:-999em;
margin:0 0 25px 0}
.c-legacy .safetyBoxIn h6.safetyBoxInTitle02{background:url("/company/image/title_small/co_info_sub_s_27.gif") no-repeat left top;
height:14px;
text-indent:-999em;
margin:0 0 25px 0}
.c-legacy #companySafetyBox .safetyBoxIn li{text-indent:-2em;
padding:0 0 0 2em;
margin:0 0 2px 0;
line-height:1.6em}
.c-legacy h4.companyTitleEnvi{padding-top:27px;
margin-bottom:10px;
background:url("/company/image/title_mid/co_info_sub_m03_condition.gif") no-repeat left bottom;
height:20px;
text-indent:-999em;
width:537px}
.c-legacy * html h4.companyTitleEnvi{height:30px}
.c-legacy .comRelTitle{border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
font-size:10px;
margin:0 0 35px 0;
padding:5px 0 5px 0;
text-align:center}
.c-legacy .companyEnviBox01 h5{background:url("/company/image/title_small/co_info_sub_s_61.gif") no-repeat left top;
height:24px;
text-indent:-999em;
margin:0 0 10px 172px}
.c-legacy .companyEnviBox01 p{margin:0 0 25px 172px}
.c-legacy .companyEnviBox02{margin:0 0 30px 0}
.c-legacy .companyEnviBox02 p.companySaigaiUnder{float:none;
font-size:0.8em;
text-align:right;
width:auto}
.c-legacy .companyEnviBox02 img{margin:0 0 0 20px}
.c-legacy .companyEnviBox02 .companyTitleSaigai{display:none}
.c-legacy h5[class^="companyTitle"]{margin:0 0 20px 20px;
padding-bottom:5px;
font-size:18px;
line-height:20px;
color:#505032;
border-bottom:1px solid #D8D8D8}
@media (max-width: 1px){.c-legacy h5[class^="companyTitle"]{margin-left:0}
}
.c-legacy h5.companyTitleJinji{margin:30px 0 20px 20px}
@media (max-width: 1px){.c-legacy h5.companyTitleJinji{margin-left:0}
}
.c-legacy .companyJinkenBox{margin:0 0 0 20px;
padding:0 0 30px 20px}
@media (max-width: 1px){.c-legacy .companyJinkenBox{margin-left:0;
padding-left:0}
}
.c-legacy .companyJinkenBox p{margin:0 0 20px 0}
.c-legacy * html .companyJinkenBox{width:638px}
.c-legacy .companyJinkenBox h6[class^="company"]{margin:0 0 13px 0;
padding-bottom:4px;
font-size:14px;
line-height:18px;
color:#505032;
border-bottom:1px solid #D8D8D8}
.c-legacy .companyLifeTable01{margin-bottom:30px;
border:1px solid #dbdbdb}
.c-legacy .companyLifeTable01 th{padding:5px 10px;
width:110px;
border-right:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
background-color:#eee}
@media (max-width: 1px){.c-legacy .companyLifeTable01 th{width:6em}
}
.c-legacy .companyLifeTable01 td{padding:5px 10px;
border-bottom:1px solid #dbdbdb}
.c-legacy .companyLifeTable01 .lastChild{border-bottom:0}
.c-legacy .companyLifeTable01 ul li{padding-left:1em;
text-indent:-1em}
.c-legacy .companyJinBoxIn01 .companyJinBoxIn02{width:53.76662%;
float:left}
@media (max-width: 1px){.c-legacy .companyJinBoxIn01 .companyJinBoxIn02{width:auto;
float:none}
}
.c-legacy .companyJinBoxIn01 .companyJinBoxIn03{float:right;
width:33.97341%;
max-width:230px}
@media (max-width: 1px){.c-legacy .companyJinBoxIn01 .companyJinBoxIn03{width:auto;
max-width:none;
float:none}
.c-legacy .companyJinBoxIn01 .companyJinBoxIn03 img{width:100%}
}
.c-legacy .companyJinBoxIn03 p{text-align:center;
font-size:87.5%}
.c-legacy .companyJinBoxIn01 .companyJinBoxStr{font-size:1.2em;
padding:0 0 5px 0;
border-bottom:1px solid #d8d8d8;
margin:0 0 15px 20px}
.c-legacy .companyJinBoxIn04{margin:0 0 20px 0;
padding:0 0 0 20px}
.c-legacy .companyJinBoxIn04 p{margin:0 0 5px 0}
.c-legacy .companyJinBoxIn04 li{margin:0 0 0 15px}
.c-legacy .companyJinBoxIn04 li li{list-style-type:disc;
margin:0 0 0 15px}
.c-legacy h4.companyTitleEco{background:url("/company/image/title_mid/co_info_sub_m03_eco.gif") no-repeat left top;
height:20px;
text-indent:-999em;
width:357px;
padding:0 0 10px 0}
.c-legacy * html h4.companyTitleEco{height:30px}
.c-legacy .comEcoTitle{border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
font-size:12px;
margin:0 0 35px 0;
padding:5px 0 5px 5px}
.c-legacy h5.companyTitleBegin{background:url("/company/image/title_small/co_info_sub_s_28.gif") no-repeat left top;
height:24px;
text-indent:-999em;
margin:0 0 10px 172px}
.c-legacy h5.companyTitleHoushin{background:url("/company/image/title_small/co_info_sub_s_29.gif") no-repeat left top;
height:26px;
text-indent:-999em;
margin:0 0 15px 20px}
.c-legacy h5.companyTitleISO{background:url("/company/image/title_small/co_info_sub_s_30.gif") no-repeat left top;
height:26px;
text-indent:-999em;
margin:0 0 15px 20px}
.c-legacy h5.companyTitleKansa{background:url("/company/image/title_small/co_info_sub_s_31.gif") no-repeat left top;
height:26px;
text-indent:-999em;
margin:0 0 15px 20px}
.c-legacy h5.companyTitleJrei{background:url("/company/image/title_small/co_info_sub_s_32.gif") no-repeat left top;
height:26px;
text-indent:-999em;
margin:0 0 15px 20px}
.c-legacy .companyEcoBox01{margin:0 0 30px 0}
.c-legacy .companyEcoBox01 img{float:left}
.c-legacy .companyEcoBox01 p{margin:0 0 25px 172px}
.c-legacy #companyRelation .houshinP{margin:0 0 10px 20px}
.c-legacy #companyRelation .companyHoushinBox{border:1px solid #d8d8d8;
margin:0 0 30px 20px;
padding:20px}
.c-legacy * html #companyRelation .companyHoushinBox{width:638px;
padding:20px 15px 20px 20px}
.c-legacy .companyHoushinBox p{margin:0 0 25px 0}
.c-legacy .companyHoushinBox h6{background:url("/company/image/title_small/co_info_sub_s_33.gif") no-repeat left top;
height:22px;
text-indent:-999em;
margin:0 0 20px 0}
.c-legacy .companyHoushinBox dl{margin:0 0 0 10px}
.c-legacy dt .companyTitleKen01{background:url("/company/image/title_small/co_info_sub_s_34.gif") no-repeat left top;
height:22px;
text-indent:-999em;
margin:0 0 15px 0;
display:block}
.c-legacy dt .companyTitleKen02{background:url("/company/image/title_small/co_info_sub_s_35.gif") no-repeat left top;
height:22px;
text-indent:-999em;
margin:0 0 15px 0;
display:block}
.c-legacy dt .companyTitleKen03{background:url("/company/image/title_small/co_info_sub_s_36.gif") no-repeat left top;
height:22px;
text-indent:-999em;
margin:0 0 15px 0;
display:block}
.c-legacy .companyHoushinBox{margin:0 0 30px 0}
.c-legacy .companyHoushinBox ul{margin:0 0 25px 0}
.c-legacy .companyHoushinBox li{padding:0 0 0 2em;
text-indent:-2em}
.c-legacy .companyHoushinBox li ul{margin:0 0 0 15px}
.c-legacy .companyHoushinBox table{border-top:1px solid #d8d8d8;
border-left:1px solid #d8d8d8}
.c-legacy .companyHoushinBox th,.c-legacy .companyHoushinBox td{border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
text-align:left;
vertical-align:top;
padding:5px}
.c-legacy .companyHoushinBox th{width:100px;
background:#f5f5f5}
.c-legacy .companyEcoBox .Eco03BoxLeft{float:left;
width:305px;
margin:0 0 0 20px}
.c-legacy * html .companyEcoBox .Eco03BoxLeft{margin:0 0 0 10px}
.c-legacy .companyEcoBox{margin:0 0 30px 0}
.c-legacy .companyEcoBox .Eco03BoxRight{float:right;
width:405px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc}
.c-legacy .companyEcoBox .Eco03BoxRight th,.c-legacy .companyEcoBox .Eco03BoxRight td{border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
vertical-align:top;
padding:5px}
.c-legacy .companyEcoBox .Eco03BoxRight th{text-align:center;
background:#e6e6e6}
.c-legacy .Eco03BoxRight .Eco03BoxTd{text-align:center;
background:#f5f5f5;
width:70px}
.c-legacy .companyKansaDl{margin:0 0 30px 40px}
.c-legacy .companyKansaDl .companyKansaDt01{background:url("/company/image/title_small/co_info_sub_s_37.gif") no-repeat left top;
height:22px;
text-indent:-999em;
margin:0 0 15px 0;
display:block}
.c-legacy .companyKansaDl .companyKansaDt02,.c-legacy .companyKansaDl .companyKansaDt03{background:url("/company/image/title_small/co_info_sub_s_38.gif") no-repeat left top;
height:22px;
text-indent:-999em;
margin:0 0 15px 0;
display:block}
.c-legacy .companyKansaDl dd{margin:0 0 20px 0}
.c-legacy .companyKansaDl .companyKansaInDdp{margin:25px 0 0 0}
.c-legacy .jireiDl{margin:0 0 30px 40px}
.c-legacy .jireiDl .companyJrei01{background:url("/company/image/title_small/co_info_sub_s_39.gif") no-repeat left top;
width:618px;
height:22px;
text-indent:-999em;
margin:0 0 15px 0;
display:block}
.c-legacy .jireiDl .companyJrei02{background:url("/company/image/title_small/co_info_sub_s_40.gif") no-repeat left top;
width:618px;
height:22px;
text-indent:-999em;
margin:0 0 15px 0;
display:block}
.c-legacy .jireiDl .companyJrei03{background:url("/company/image/title_small/co_info_sub_s_41.gif") no-repeat left top;
width:618px;
height:22px;
text-indent:-999em;
margin:0 0 15px 0;
display:block}
.c-legacy .jireiDl .companyJrei04{background:url("/company/image/title_small/co_info_sub_s_42.gif") no-repeat left top;
width:618px;
height:22px;
text-indent:-999em;
margin:0 0 15px 0;
display:block}
.c-legacy .jireiDl .JreiTxt{width:388px;
float:left}
.c-legacy .jireiDl .JreiImgBox{width:210px;
float:right}
.c-legacy .jireiDl .JreiImgBox img{margin:0 0 10px 0}
.c-legacy .jireiDl .JreiImgBox p{margin:0 0 15px 0;
text-align:center}
.c-legacy .jireiDl dd{margin:0 0 15px 0;
zoom:1}
.c-legacy h4.companyTitleYasashii{background:url("/company/image/title_mid/co_info_sub_m03_kindness.gif") no-repeat left top;
height:20px;
text-indent:-999em;
margin:0 0 20px 0}
.c-legacy .companyKindTitle{margin:0}
.c-legacy .companyKindTitle h3{width:458px;
float:left}
.c-legacy .companyKindTitle p{padding-top:27px;
width:76px;
float:right}
.c-legacy .companyKindTitle p a{display:block;
background:url("/company/image/co_kind_back.gif") no-repeat left top;
width:76px;
height:18px;
text-indent:-999em;
float:right}
.c-legacy .companyYasaBox .companyYasaCatch{background:url("/company/image/co_info_society_read_01.gif") no-repeat left top;
width:425px;
height:94px;
text-indent:-999em;
margin:0 0 25px 20px}
.c-legacy h5.TitleYasaKaihatsu{background:url("/company/image/title_small/co_info_sub_s_43.gif") no-repeat left top;
width:588px;
height:28px;
text-indent:-999em;
margin:0 0 10px 10px}
.c-legacy .companyYasaList{margin:0 0 0 20px}
.c-legacy .companyYasaList p{width:638px;
margin:0 0 35px 0}
.c-legacy .companyYasaList .yasaList01 strong{display:block;
background:url("/company/image/title_small/co_info_sub_s_44.gif") no-repeat left top;
height:28px;
text-indent:-999em;
margin:15px 0 5px 0}
.c-legacy .companyYasaList .yasaList02 strong{display:block;
background:url("/company/image/title_small/co_info_sub_s_45.gif") no-repeat left top;
height:28px;
text-indent:-999em;
margin:15px 0 5px 0}
.c-legacy .companyYasaList .yasaList03 strong{display:block;
background:url("/company/image/title_small/co_info_sub_s_46.gif") no-repeat left top;
height:28px;
text-indent:-999em;
margin:15px 0 5px 0}
.c-legacy .companyYasaList li li{margin:0 0 0 15px;
background:url("/company/image/co_info_line_dot.gif") repeat-x left bottom;
padding:5px 0 7px 0}
.c-legacy .companyYasaList li li a{background:url("/company/image/co_info_yajirushi_s.gif") no-repeat left top;
padding:0 0 0 20px;
display:block}
.c-legacy #companyRelation .backForward{padding:5px;
margin:0 0 0 20px}
.c-legacy #companyRelation .backForward .yasaBack01,.c-legacy #companyRelation .backForward .yasaBack{float:right;
margin:0 15px 0 0}
.c-legacy #companyRelation .backForward .yasaForward{float:right}
.c-legacy #companyRelation .backForward li a{display:block;
width:48px;
height:16px;
text-indent:-999em}
.c-legacy #companyRelation .backForward .yasaBack01 a,.c-legacy #companyRelation .backForward .yasaBack a{background:url("/company/image/co_info_btn_back.gif") no-repeat left top}
.c-legacy #companyRelation .backForward .yasaForward a{background:url("/company/image/co_info_btn_next.gif") no-repeat left top}
.c-legacy .companyYasaBoxLine{border:1px solid #d8d8d8;
width:596px;
padding:20px;
clear:both;
margin:0 0 0 40px}
.c-legacy * html .companyYasaBoxLine{width:638px;
padding:20px 20px 20px 20px;
margin:0 0 0 15px}
.c-legacy .companyYasaBoxLine .companyYasaTandc{background:url("/company/image/title_small/co_info_sub_s_47.gif") no-repeat left top;
width:598px;
height:20px;
text-indent:-999em;
margin:0 0 20px 0}
.c-legacy .companyYasaBoxLine .companyYasaPharm{background:url("/company/image/title_small/co_info_sub_s_48.gif") no-repeat left top;
width:598px;
height:20px;
text-indent:-999em;
margin:0 0 20px 0}
.c-legacy .companyYasaBoxLine .companyYasaFoods{background:url("/company/image/title_small/co_info_sub_s_49.gif") no-repeat left top;
width:598px;
height:20px;
text-indent:-999em;
margin:0 0 20px 0}
.c-legacy .companyYasaBoxLine .companyYasaNaive{background:url("/company/image/title_small/co_info_sub_s_50.gif") no-repeat left top;
width:588px;
height:26px;
text-indent:-999em;
margin:0 0 20px 10px}
.c-legacy .companyYasaBoxLine .companyYasaSimpro{background:url("/company/image/title_small/co_info_sub_s_51.gif") no-repeat left top;
width:588px;
height:26px;
text-indent:-999em;
margin:0 0 20px 10px}
.c-legacy .companyYasaBoxLine .companyYasaArm{background:url("/company/image/title_small/co_info_sub_s_52.gif") no-repeat left top;
width:588px;
height:26px;
text-indent:-999em;
margin:0 0 20px 10px}
.c-legacy .companyYasaBoxLine .companyYasaKanpo{background:url("/company/image/title_small/co_info_sub_s_53.gif") no-repeat left top;
width:588px;
height:26px;
text-indent:-999em;
margin:0 0 20px 10px}
.c-legacy .companyYasaBoxLine .companyYasaNeru{background:url("/company/image/title_small/co_info_sub_s_54.gif") no-repeat left top;
width:588px;
height:26px;
text-indent:-999em;
margin:0 0 20px 10px}
.c-legacy .companyYasaBoxLine .companyYasaFruity{background:url("/company/image/title_small/co_info_sub_s_78.gif") no-repeat left top;
width:588px;
height:26px;
text-indent:-999em;
margin:0 0 20px 10px}
.c-legacy .companyYasaBoxLine .companyYasaIv{background:url("/company/image/title_small/co_info_sub_s_55.gif") no-repeat left top;
width:588px;
height:26px;
text-indent:-999em;
margin:0 0 20px 10px}
.c-legacy .companyYasaBoxLine dt strong{width:588px;
height:22px;
text-indent:-999em;
margin:0 0 15px 0;
display:block}
.c-legacy .companyYasaBoxLine .yasaNaive01{background:url("/company/image/co_info_ph_society_13_1.jpg") no-repeat left bottom;
margin-bottom:0;
width:588px;
height:93px}
.c-legacy .companyYasaBoxLine .yasaNaive01_1{background:url("/company/image/co_info_line_dot.gif") repeat-x left bottom;
margin-bottom:0;
padding-bottom:21px}
.c-legacy * html .companyYasaBoxLine .yasaNaive01_1{padding-bottom:26px}
.c-legacy .companyYasaBoxLine .yasaNaive02,.c-legacy .companyYasaBoxLine .yasaNaive03,.c-legacy .companyYasaBoxLine .yasaNaive04,.c-legacy .companyYasaBoxLine .yasaNaive05{padding-bottom:7px;
width:284px;
height:14px;
display:block;
text-indent:-999em}
.c-legacy .companyYasaBoxLine .yasaNaive02{background:url("/company/image/title_small/co_info_sub_s_79.gif") no-repeat left top}
.c-legacy .companyYasaBoxLine .yasaNaive03{background:url("/company/image/title_small/co_info_sub_s_80.gif") no-repeat left top}
.c-legacy .companyYasaBoxLine .yasaNaive04{background:url("/company/image/title_small/co_info_sub_s_81.gif") no-repeat left top}
.c-legacy .companyYasaBoxLine .yasaNaive05{background:url("/company/image/title_small/co_info_sub_s_82.gif") no-repeat left top}
.c-legacy .companyYasaBoxLine .yasaSimpro01{background:url("/company/image/title_small/co_info_sub_s_59.gif") no-repeat left top;
height:44px}
.c-legacy .companyYasaBoxLine .yasaIv01{background:url("/company/image/title_small/co_info_sub_s_60.gif") no-repeat left top}
.c-legacy .companyYasaBoxLine .marginBottom0{margin-bottom:0}
.c-legacy .companyYasaBoxLine .marginBottom10{margin-bottom:10px}
.c-legacy .companyYasaBoxLine p{margin:0 0 30px 10px}
.c-legacy .companyYasaBoxLine dl{margin:0 0 0 10px}
.c-legacy .companyYasaBoxLine dl p{margin:0 0 0 0}
.c-legacy .companyYasaBoxLine dd{margin:0 0 20px 0}
.c-legacy .companyYasaBoxLine dd p img{vertical-align:bottom}
.c-legacy .companyYasaBoxLine .yasaDdLeft{float:left;
width:210px}
.c-legacy .companyYasaBoxLine .yasaDdRight{float:right}
.c-legacy .companyYasaBoxLine .yasaNvLeft{width:284px;
float:left}
.c-legacy .companyYasaBoxLine .yasaNvRight{width:284px;
float:right}
.c-legacy .companyYasaBoxLine .yasaNvProf{border:1px solid #336633;
color:#336633;
display:block;
font-size:10px;
line-height:1.7em;
padding:10px}
.c-legacy .companyYasaBoxLine .marginTop15{margin-top:15px}
.c-legacy .companyYasaBoxLine .marginTop20{margin-top:20px}
.c-legacy .companyYasaBoxLine .marginTop30{margin-top:30px}
.c-legacy .companyYasaBoxLine .marginTop22{margin-top:24px}
.c-legacy .companyYasaBoxLine .yasaNvTripletLeft{float:left;
margin-top:20px}
.c-legacy .companyYasaBoxLine .yasaNvTripletRight{float:left;
margin:20px 0 0 15px}
.c-legacy .companyYasaBoxLine .SimproLeft{float:left;
width:443px}
.c-legacy .companyYasaBoxLine .SimproLeft img{margin:45px 0 0 0}
.c-legacy .companyYasaBoxLine .SimproRight{float:right;
width:120px}
.c-legacy .companyYasaBoxLine .yasaSimproBox{padding:0 0 25px 0}
.c-legacy .companyYasaBoxLine .yasaSimproBox p{margin:0 0 0 10px}
.c-legacy .companyYasaBoxLine .yasaNeruBox01 p,.c-legacy .companyYasaBoxLine .yasaNeruBox02 p{margin:0 0 0 10px}
.c-legacy * html .companyYasaBoxLine .yasaSimproBox p,.c-legacy * html .companyYasaBoxLine .yasaNeruBox01 p,.c-legacy * html .companyYasaBoxLine .yasaNeruBox02 p{margin:0 0 0 5px}
.c-legacy .companyYasaBoxLine .yasaArmLeft{float:left;
width:360px}
.c-legacy .companyYasaBoxLine .yasaArmRight{float:right;
width:200px}
.c-legacy .companyYasaBoxLine .yasaKanpoLeft{float:left;
width:483px}
.c-legacy .companyYasaBoxLine .yasaKanpoRight{float:right;
width:80px}
.c-legacy .companyYasaBoxLine .yasaNeruLeft01{float:left;
width:360px}
.c-legacy .companyYasaBoxLine .yasaNeruRight01{float:right;
width:200px}
.c-legacy .companyYasaBoxLine .yasaNeruBox01{padding:0 0 20px 0}
.c-legacy .companyYasaBoxLine .yasaNeruLeft02{float:left;
width:209px}
.c-legacy .companyYasaBoxLine .yasaNeruLeft02 img{margin:20px 0 0 0}
.c-legacy .companyYasaBoxLine .yasaNeruRight02{float:right;
width:353px}
.c-legacy .companyYasaBoxLine .yasaNeruBox02{padding:0 0 10px 0}
.c-legacy .companyYasaBoxLine .yasaIvBoxRight{float:right;
width:200px;
margin:0 0 20px 20px}
.c-legacy .companyYasaBoxLine .yasaIvStr{display:block;
background:url("/company/image/co_info_iv_01.gif") no-repeat left top;
width:364px;
height:14px;
text-indent:-999em}
.c-legacy .companyYasaBoxLine .yasaIvBox{margin:0 0 40px 10px}
.c-legacy .companyYasaBoxLine .yasaIvBox p.txt{width:360px}
.c-legacy .companyYasaBoxLine .yasaIvBox img{margin:0 0 10px 0}
.c-legacy .companyYasaBoxLine .yasaIvBox p{margin:0 0 20px 0}
.c-legacy .companyYasaBoxLine .yasaIvLeft{float:left;
width:440px}
.c-legacy .companyYasaBoxLine .yasaIvRight{float:right;
width:120px}
.c-legacy h4.companyTitleComp{padding-top:27px;
margin-bottom:10px;
background:url("/company/image/title_mid/co_info_sub_m03_compliance.gif") no-repeat left bottom;
height:20px;
text-indent:-999em;
width:477px}
.c-legacy * html h4.companyTitleComp{height:30px}
.c-legacy .comCompTitle{border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
font-size:12px;
margin:0 0 35px 0;
padding:5px 0 5px 5px}
.c-legacy h5[class^="companyComptitle"]{margin:0 0 20px 20px;
padding-bottom:5px;
font-size:18px;
line-height:20px;
color:#505032;
border-bottom:1px solid #D8D8D8}
@media (max-width: 1px){.c-legacy h5[class^="companyComptitle"]{margin-left:0}
}
.c-legacy .companyCompBox{margin:0 0 40px 0}
.c-legacy .companyCompBox .complianceBoxRight{margin:0 0 0 172px}
@media (max-width: 1px){.c-legacy .companyCompBox .complianceBoxRight{margin-left:0}
}
.c-legacy .compH6Box{margin:0 0 30px 0}
.c-legacy .compH6Box img{margin:0 0 0 40px}
@media (max-width: 1px){.c-legacy .compH6Box img{margin-left:0}
}
.c-legacy .compH6Box p{margin:10px 0 10px 40px}
@media (max-width: 1px){.c-legacy .compH6Box p{margin-left:0}
}
.c-legacy h6[class^="comp"]{margin:0 0 13px 40px;
padding-bottom:4px;
font-size:14px;
line-height:18px;
color:#505032;
border-bottom:1px solid #D8D8D8}
@media (max-width: 1px){.c-legacy h6[class^="comp"]{margin-left:0}
}
.c-legacy .compH6Box02{margin:0 0 30px 0}
.c-legacy .compH6Box02 ul{margin:0 0 25px 50px}
@media (max-width: 1px){.c-legacy .compH6Box02 ul{margin-left:0}
}
.c-legacy .compH6Box02 li{padding:0 0 0 1.2em;
text-indent:-1.2em}
.c-legacy .compH6Box02 strong{font-weight:bold}
.c-legacy .compH6Box02 p{margin:10px 0 10px 40px}
@media (max-width: 1px){.c-legacy .compH6Box02 p{margin-left:0}
}
.c-legacy .compH6Box03{margin:0 0 30px 0}
.c-legacy .compH6Box03 p{margin:25px 0 10px 40px}
@media (max-width: 1px){.c-legacy .compH6Box03 p{margin-left:0}
}
.c-legacy .compH6Box03 p strong{font-size:1.2em}
.c-legacy .compH6Box03 img{margin:0 0 25px 40px}
@media (max-width: 1px){.c-legacy .compH6Box03 img{margin-left:0}
}
.c-legacy .compH6Box03 .compKyoikuDl{margin:0 0 30px 40px}
@media (max-width: 1px){.c-legacy .compH6Box03 .compKyoikuDl{margin-left:0}
}
.c-legacy .compH6Box03 .compKyoikuDl img{margin:20px 0 0 0}
.c-legacy .compH6Box03 dd{padding:0 0 0 1.5em}
.c-legacy h3.companyTitleAd{background:url("/company/image/title_large/co_info_sub_l_04.gif") no-repeat left top;
width:658px;
height:22px;
text-indent:-999em;
margin:0 0 14px 0}
.c-legacy #companyAd{padding:0px 0 50px 0;
width:748px}
.c-legacy #companyAdTitle01{margin:0 0 11px 0}
.c-legacy #companyAd .pageTop_content{font-size:14px}
.c-legacy h4.companyAdT01{background:url("/company/image/title_mid/co_info_sub_m03_adnew.gif") no-repeat left top;
width:400px;
height:20px;
text-indent:-999em;
margin:0 0 0 0;
float:left}
.c-legacy #companyAdTitle01 p a{display:block;
float:right;
width:80px;
height:14px;
background:url("/company/image/btn/co_info_yaji_adold.gif") no-repeat right top;
margin:6px 0 0 0;
text-indent:-999em}
.c-legacy #companyAdTitle02{margin:0 0 35px 0}
.c-legacy #companyAdTitle03{border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
font-size:16px;
margin:0 0 35px 0;
padding:10px 0 10px 0;
text-indent:1em;
text-align:center}
.c-legacy #companyAd .compAdProf,.c-legacy #compAdProduct{margin:0 0 0 20px}
.c-legacy #companyAd .compAdCorp{background:url("/company/image/title_small/co_info_sub_s_05.gif") no-repeat left top;
height:26px;
text-indent:-999em;
margin:0 0 15px 0}
.c-legacy #companyAd .compAdProducts{background:url("/company/image/title_small/co_info_sub_s_06.gif") no-repeat left top;
height:26px;
text-indent:-999em;
margin:0 0 20px 0}
.c-legacy #compAdProduct h5{background:url("/company/image/title_small/co_info_sub_s_06.gif") no-repeat left top;
height:26px;
text-indent:-999em;
margin:0 0 20px 0}
.c-legacy .compAdProf h6,.c-legacy #compAdProduct h6{margin-bottom:5px}
.c-legacy #companyAd .compAdProf .compAdCm h6{background:url("/company/image/title_small/co_info_sub_xs_01.gif") no-repeat left top;
height:14px;
margin:0 0 10px 0;
text-indent:-999em}
.c-legacy #companyAd .compAdProf .compAdNews h6{background:url("/company/image/title_small/co_info_sub_xs_02.gif") no-repeat left top;
height:14px;
margin:0 0 10px 0;
text-indent:-999em}
.c-legacy #companyAd .compAdProf .compAdCm{width:314px;
margin:0 10px 25px 0;
float:left}
.c-legacy #companyAd .compAdProf .compAdNews{width:314px;
margin:0 10px 25px 0;
float:left;
margin:0 0 25px 0}
.c-legacy #companyAd .compAdProf .compAdNewCm,.c-legacy #companyAd .compAdProf .compAdNewNews{width:152px;
margin:0 10px 0 0;
float:left}
.c-legacy #companyAd .compAdProf .compAdNewCm img,.c-legacy #companyAd .compAdProf .compAdNewNews img{margin:0 0 5px 0}
.c-legacy #companyAd .compAdProf .compAdCm p,.c-legacy #companyAd .compAdProf .compAdNews p{margin:0 0 5px 0;
line-height:1.3em}
.c-legacy #companyAd .adWmp{float:left;
display:block;
width:142px;
height:20px;
background:url("/company/image/btn/btn_windowsmedia.gif") no-repeat left top;
text-indent:-999em;
margin:0 0 0 0}
.c-legacy #companyAd .adFlp{float:left;
display:block;
width:142px;
height:20px;
background:url("/company/image/btn/btn_flashplayer.gif") no-repeat left top;
text-indent:-999em;
margin:0 0 0 0}
.c-legacy #companyAd .txt_size10{margin-top:-5px;
display:block;
font-size:10px}
.c-legacy #companyAd .adRmp{float:right;
display:block;
width:73px;
height:20px;
background:url("/company/image/btn/co_info_btn_rmp.gif") no-repeat left top;
text-indent:-999em;
margin:0 0 0 0}
.c-legacy #companyAd .adSpread{float:left;
display:block;
width:73px;
height:20px;
background:url("/company/image/btn/co_info_btn_zoom.gif") no-repeat left top;
text-indent:-999em}
.c-legacy #companyAd .adBlock{margin:0 0 25px 0;
font-size:75%;
color:#505032}
.c-legacy #companyAd .adBox strong,.c-legacy #companyAd .adBoxRight strong{padding:2px 0 5px 0;
display:block}
.c-legacy #companyAd .adBox,.c-legacy #companyAd .adBoxRight{float:left;
width:152px;
margin:0 38px 0 0;
padding:0 0 10px 0;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc}
.c-legacy * html #companyAd .adBox,.c-legacy * html #companyAd .adBoxRight{width:153px}
.c-legacy #companyAd .adBoxRight{margin:0 0 0 0}
.c-legacy #companyAd .adBox p,.c-legacy #companyAd .adBoxRight p{margin:0 0 0 0;
line-height:1.3em}
.c-legacy #companyAd .adBox .adExp,.c-legacy #companyAd .adBoxRight .adExp{height:2.8em}
.c-legacy #companyAd .adBox img,.c-legacy #companyAd .adBoxRight img{margin:0 0 5px 0}
.c-legacy #companyAd .adBlock .adNotice{padding-top:5px;
clear:both;
color:#cc0000}
.c-legacy h4.companyAdT02{background:url("/company/image/title_mid/co_info_sub_m03_adold.gif") no-repeat left top;
width:400px;
height:20px;
text-indent:-999em;
margin:0 0 35px 0;
float:left}
.c-legacy #companyAdTitle02 p a{display:block;
float:right;
width:80px;
height:14px;
background:url("/company/image/btn/co_info_yaji_adnew.gif") no-repeat right top;
margin:6px 0 0 0;
text-indent:-999em}
.c-legacy .adSelectBox{background:url("/company/image/co_info_line_dot638.gif") no-repeat left bottom;
margin:0 0 20px 0;
padding:0 0 5px 0}
.c-legacy .adSelectBox h6{float:left}
.c-legacy .adSelectBox p{float:right}
.c-legacy #companyAd .anchor{height:5px}
.c-legacy #companyAd .bnavi{text-align:right;
font-size:1em;
padding:20px 0 0 0;
margin:0 0 20px 0}
.c-legacy #company_sideInfo{padding:20px 0 20px 8px}
.c-legacy .companyYasaBoxLine .companyYasaTsumekae1{background:url("/company/image/title_small/co_info_sub_s_83.gif") no-repeat left top;
width:588px;
height:28px;
text-indent:-999em;
margin:0 0 20px 10px}
.c-legacy .companyYasaBoxLine .companyYasaTsumekae2{background:url("/company/image/title_small/co_info_sub_s_84.gif") no-repeat left top;
width:588px;
height:28px;
text-indent:-999em;
margin:0 0 20px 10px}
.c-legacy .companyYasaBoxLine .yasaTsumekae01{background:url("/company/image/co_info_ph_society_33_1.jpg") no-repeat left bottom;
margin-bottom:0;
width:588px;
height:75px}
.c-legacy .companyYasaBoxLine .yasaTsumekae01_1,.c-legacy .companyYasaBoxLine .yasaTsumekae01_2,.c-legacy .companyYasaBoxLine .yasaTsumekae01_3{background:url("/company/image/co_info_line_dot.gif") repeat-x left top;
margin-top:0;
padding-top:40px}
.c-legacy * html .companyYasaBoxLine .yasaTsumekae01_1{padding-bottom:26px}
.c-legacy .companyYasaBoxLine .yasaTsumekae01_2{margin-bottom:40px}
.c-legacy .companyYasaBoxLine .yasaTsumekae01_3{margin-bottom:0px}
.c-legacy .companyYasaBoxLine .yasaTsumekae01_1 em,.c-legacy .companyYasaBoxLine .yasaTsumekae01_2 em{font-weight:bold;
color:#FF6600}
.c-legacy .companyYasaBoxLine .yasaTsumekae02,.c-legacy .companyYasaBoxLine .yasaTsumekae03,.c-legacy .companyYasaBoxLine .yasaTsumekae04,.c-legacy .companyYasaBoxLine .yasaTsumekae05,.c-legacy .companyYasaBoxLine .yasaTsumekae06{padding-bottom:7px;
width:340px;
height:14px;
display:block;
text-indent:-999em}
.c-legacy .companyYasaBoxLine .yasaTsumekae02{background:url("/company/image/title_small/co_info_sub_s_85.gif") no-repeat left top}
.c-legacy .companyYasaBoxLine .yasaTsumekae03{background:url("/company/image/title_small/co_info_sub_s_86.gif") no-repeat left top}
.c-legacy .companyYasaBoxLine .yasaTsumekae04{background:url("/company/image/title_small/co_info_sub_s_101.gif") no-repeat left top}
.c-legacy .companyYasaBoxLine .yasaTsumekae05{background:url("/company/image/title_small/co_info_sub_s_102.gif") no-repeat left top;
margin-bottom:8px}
.c-legacy .companyYasaBoxLine .yasaTsumekae06{background:url("/company/image/title_small/co_info_sub_s_103.gif") no-repeat left top}
.c-legacy .companyYasaBoxLine .yasaBorder{margin:0 0 10px 0;
border:1px solid #d8d8d8;
padding:20px;
clear:both}
.c-legacy .companyYasaBoxLine .point{margin:5px 0 0}
.c-legacy .companyYasaBoxLine .point ul.txt{margin:0 0 20px}
.c-legacy .companyYasaBoxLine .point ul.txt li{margin:0 0 3px 0;
font-size:14px}
.c-legacy .companyYasaBoxLine .point ul.img li{float:left;
width:283px;
margin:0 20px 0 0}
.c-legacy .companyYasaBoxLine .point ul.img li:last-child{margin:0}
.c-legacy .companyPGproducts{margin-left:20px}
.c-legacy .companyPGproducts dt{margin-bottom:10px;
border-bottom:1px dotted #D8D8D8;
font-size:87.5%;
font-weight:bold}
.c-legacy .companyPGproducts dl dd{float:left;
margin-right:10px}
.c-legacy .companyPGproducts dl dd.lastChild{margin-right:0 !important}
.c-legacy .companyPGproducts dl dd img{padding:5px;
background:url("/company/image/co_info_bg_products_img.gif") no-repeat left top}
.c-legacy .companyPGproducts p.category{font-size:87.5%;
margin-bottom:30px}
.c-legacy .companyPGproducts p.txt{margin:20px 0;
font-size:87.5%}
.c-legacy .companyPGcom_l{float:left;
width:350px}
.c-legacy .companyPGcom_r{float:right;
width:350px}
.c-legacy .companyPGcom_l table,.c-legacy .companyPGcom_r table{width:350px;
font-size:87.5%}
.c-legacy .companyPGcom_l th,.c-legacy .companyPGcom_r th{width:70px}
.c-legacy .companyPGcom_l th,.c-legacy .companyPGcom_r th,.c-legacy .companyPGcom_l td,.c-legacy .companyPGcom_r td{vertical-align:top;
text-align:left;
padding:5px 5px 15px 5px;
border-bottom:1px solid #d8d8d8}
.c-legacy .companyPGcom_l .compTblBtm,.c-legacy .companyPGcom_r .compTblBtm{border-bottom:none}
.c-legacy .companyPGKhp02 p,.c-legacy .companyPGPharm02 p{font-size:87.5%;
clear:both}
.c-legacy .subTitle{line-height:20px;
font-size:14px;
color:#505032}
.c-legacy .subTitle,.c-legacy .companyPGEnkaku h6{height:24px;
border-bottom:1px dotted #D8D8D8;
margin-bottom:10px;
padding:0;
text-indent:0}
.c-legacy .companyPGproducts .subTitle{font-size:87.5%;
font-weight:bold}
.c-legacy_company_index h2{margin-bottom:25px;
height:31px;
background:url("/company/image/co_info_line_ylw_shadow.gif") repeat-x left 25px}
.c-legacy_company_index .mainVisual{margin-bottom:50px}
.c-legacy_company_index .menuList{margin-bottom:40px}
.c-legacy_company_index .menuList .section01,.c-legacy_company_index .menuList .section02{padding-bottom:15px;
width:352px;
float:left;
border:1px solid #dbdbdb}
.c-legacy_company_index .menuList .section03{padding-bottom:15px;
width:352px;
float:left;
border:1px solid #dbdbdb;
padding-bottom:12px}
.c-legacy_company_index .menuList .section01{margin:0 40px 40px 0}
.c-legacy_company_index .menuList .section02{margin-bottom:40px}
.c-legacy_company_index .menuList .section03{margin-right:40px}
.c-legacy_company_index .menuList .section01 ul,.c-legacy_company_index .menuList .section02 ul,.c-legacy_company_index .menuList .section03 ul{margin:10px 0 0 17px;
font-size:87.5%;
position:relative}
.c-legacy_company_index .menuList .section01 ul li{padding-left:18px;
width:302px;
background:url("/company/image/co_info_yajirushi_s.gif") left 3px no-repeat}
.c-legacy_company_index .menuList .section01 ul li.btn_rd{background:none}
.c-legacy_company_index .menuList .section02 ul li{padding-left:18px;
width:302px;
background:url("/company/image/co_info_yajirushi_s.gif") left 3px no-repeat}
.c-legacy_company_index .menuList .section03 ul li{padding-left:18px;
width:155px;
background:url("/company/image/co_info_yajirushi_s.gif") left 3px no-repeat}
.c-legacy_company_index .menuList .section03 ul.last{margin-top:0}
.c-legacy_company_index .menuList .section03 ul.last li{float:left;
width:170px}
.c-legacy_company_index .menuList .section03 ul.last li.btn_rd{padding:0;
margin:0;
background:none;
width:133px;
height:26px}
.c-legacy_company_index .menuList .section04{float:left;
font-size:87.5%}
.c-legacy_company_index .recruit{position:relative;
width:354px;
height:131px;
background:url("/company/image/bg_recruit.jpg") top left no-repeat}
.c-legacy_company_index .recruit h3{padding:16px 0 0 20px}
.c-legacy_company_index .recruit p{width:134px;
margin:23px 0 0 20px}
.c-legacy_company_index .recruit a{position:absolute;
top:0;
left:0;
background:url("/company/image/bg_clear.gif");
text-indent:-9999em;
display:block;
width:354px;
height:131px}
.c-legacy_company_index .access{margin-bottom:26px}
.c-legacy_company_index .access a{margin-right:14px;
padding:5px 5px 5px 30px;
display:block;
float:left;
width:135px;
height:25px;
line-height:25px;
background:url("/company/image/bg_access.gif") top left no-repeat}
.c-legacy_company_index .access a.last{margin-right:0}
.c-legacy_company_index .ad{margin-bottom:18px;
position:relative;
width:354px;
height:109px;
background:url("/company/image/bg_ad.jpg") top left no-repeat}
.c-legacy_company_index .ad h3{padding:10px 0 0 9px}
.c-legacy_company_index .ad p{margin:11px 0 0 10px;
width:191px}
.c-legacy_company_index .ad #tvcmImage{position:absolute;
left:214px;
top:15px;
z-index:101}
.c-legacy_company_index .ad a#ad_link{position:absolute;
top:0;
left:0;
background:url("/company/image/bg_clear.gif");
text-indent:-9999em;
display:block;
width:354px;
height:123px;
z-index:100}
.c-legacy_company_index .release{position:relative;
border:1px solid #dbdbdb}
.c-legacy_company_index .release .list{position:absolute;
top:8px;
left:535px}
.c-legacy_company_index .release .rss{position:absolute;
top:8px;
left:692px}
.c-legacy_company_index .release ul{padding:0 20px}
.c-legacy_company_index .release li{padding:15px 0;
background:url("/image/common/bdr_dot_gray.gif") repeat-x left bottom;
font-size:87.5%}
.c-legacy_company_index .release li .date{margin-right:20px;
width:100px;
color:#339900;
float:left}
.c-legacy_company_index .release li .text{width:585px;
float:left}
.c-legacy_company_index .release li.lastChild{background:none}
.c-legacy_profile h2{margin-bottom:25px;
height:31px;
background:url("/company/image/co_info_line_ylw_shadow.gif") repeat-x left 25px}
.c-legacy_profile h3.lead_title{margin-bottom:10px;
padding-top:27px;
height:20px}
.c-legacy_profile_index .menuList .section01,.c-legacy_profile_index .menuList .section02,.c-legacy_profile_index .menuList .section03{padding-bottom:15px;
width:227px;
float:left;
border:1px solid #dbdbdb}
.c-legacy_profile_index .menuList .section01{margin:0 30px 30px 0}
.c-legacy_profile_index .menuList .section02{margin-bottom:30px}
.c-legacy_profile_index .menuList p{margin:10px 17px;
font-size:87.5%;
position:relative;
height:5em;
color:#505032}
.c-legacy_group h2{margin-bottom:25px;
height:31px;
background:url("/company/image/co_info_line_ylw_shadow.gif") repeat-x left 25px}
.c-legacy_group h3.lead_title{margin-bottom:35px;
padding-top:27px;
height:20px}
.c-legacy_group_index .content{padding-left:20px;
color:#505032;
font-size:87.5%}
@media (max-width: 1px){.c-legacy_group_index .content{padding-left:0}
}
.c-legacy_group_index .content h4{line-height:1.875;
margin-bottom:20px;
font-size:18px;
font-size:1.125rem;
border-bottom:1px solid #dedede}
.c-legacy_group_index .content .link{line-height:1.875;
margin-top:15px;
font-size:14px;
font-size:.875rem}
.c-legacy_group_index .content .link a{padding-left:15px;
display:block;
color:#333;
position:relative;
display:inline-block;
color:#1c98bb}
.c-legacy_group_index .content .link a:before{content:'';
position:absolute;
left:0;
top:8px;
width:0;
height:0;
font-size:0;
border:5px solid transparent;
border-width:4px 5px;
border-left:5px solid #1c98bb}
.c-legacy_group_index .content .link a[target="_blank"]{padding-right:15px;
background:url("../img/common/link_blank.png") no-repeat 100% 50%}
.c-legacy_group_index .content .video{margin-bottom:60px}
.c-legacy_group_index .content .section01{float:left;
width:480px}
@media (max-width: 1px){.c-legacy_group_index .content .section01{float:none;
width:auto}
.c-legacy_group_index .content .section01 div,.c-legacy_group_index .content .section01 video{max-width:100%}
}
.c-legacy_group_index .content .section02{float:right;
width:225px}
@media (max-width: 1px){.c-legacy_group_index .content .section02{float:none;
width:auto}
}
.c-legacy_group_index .content .section02 .unit01{margin-bottom:20px}
.c-legacy_group_index .content .section02 .unit02{border:1px solid #E5EAEE;
padding:5px 7px;
font-size:10px;
line-height:1.25 !important}
.c-legacy_group_index .content .section02 .unit02 p{margin-bottom:5px}
.c-legacy_group_index .content .section03{float:left;
width:346px}
@media (max-width: 1px){.c-legacy_group_index .content .section03{float:none;
width:auto}
}
.c-legacy_group_index .content .section04{float:right;
width:354px}
@media (max-width: 1px){.c-legacy_group_index .content .section04{float:none;
width:auto}
}
.c-legacy_group_index .content .section04 p{margin-bottom:15px}
.c-legacy_business h2{margin-bottom:25px;
height:31px;
background:url("/company/image/co_info_line_ylw_shadow.gif") repeat-x left 25px}
.c-legacy_business h3.lead_title{margin-bottom:10px;
padding-top:27px;
height:20px}
.c-legacy_business_index .content{padding-left:20px;
color:#505032;
font-size:87.5%}
@media (max-width: 1px){.c-legacy_business_index .content{padding-left:0}
}
.c-legacy_business_index .content h4{padding-bottom:11px;
margin-bottom:10px;
border-bottom:1px solid #ccc}
.c-legacy_business_index .content .section01{margin:20px auto 0;
max-width:730px}
@media (max-width: 1px){.c-legacy_business_index .content .section01{margin-top:10px}
.c-legacy_business_index .content .section01 table,.c-legacy_business_index .content .section01 tbody,.c-legacy_business_index .content .section01 tr,.c-legacy_business_index .content .section01 th,.c-legacy_business_index .content .section01 td{display:block}
.c-legacy_business_index .content .section01 tr:first-child{display:none}
}
.c-legacy_business_index .content .section01 th{background:url("/company/image/profile/bg_b_index_01.gif") top left repeat-x;
height:28px}
.c-legacy_business_index .content .section01 td{vertical-align:top}
@media (max-width: 1px){.c-legacy_business_index .content .section01 td{padding:10px}
.c-legacy_business_index .content .section01 td:empty{display:none}
}
.c-legacy_business_index .content .section01 .td01{width:192px}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .td01{width:auto;
padding:0;
text-align:center}
.c-legacy_business_index .content .section01 .td01 .img{padding:10px}
.c-legacy_business_index .content .section01 .td01 .btn{padding:0 10px 10px}
}
.c-legacy_business_index .content .section01 .td01 h5{text-indent:-9999em}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .td01 h5{text-indent:0;
padding:10px 10px 15px}
}
.c-legacy_business_index .content .section01 .td02 dl,.c-legacy_business_index .content .section01 .td03 dl{height:200px;
text-indent:-9999em;
font-size:10px}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .td02 dl,.c-legacy_business_index .content .section01 .td03 dl{text-indent:0;
height:auto;
font-size:inherit;
margin-bottom:10px}
.c-legacy_business_index .content .section01 .td02 dl:after,.c-legacy_business_index .content .section01 .td03 dl:after{display:none}
.c-legacy_business_index .content .section01 .td02 dl dt,.c-legacy_business_index .content .section01 .td03 dl dt{font-weight:bold}
.c-legacy_business_index .content .section01 .td02 dl dt+dt,.c-legacy_business_index .content .section01 .td03 dl dt+dt{margin-top:10px}
.c-legacy_business_index .content .section01 .td02 dl dd,.c-legacy_business_index .content .section01 .td03 dl dd{margin-bottom:10px}
}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .khp{margin-bottom:10px;
border:5px solid #9ee0f2}
.c-legacy_business_index .content .section01 .khp td{border-bottom:1px solid #9ee0f2}
}
.c-legacy_business_index .content .section01 .khp .td01{height:310px;
background:url("/company/image/profile/bg_khp_01.gif") left 10px no-repeat}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .khp .td01{height:auto;
background:0}
.c-legacy_business_index .content .section01 .khp .td01 h5{background:#9ee0f2}
}
.c-legacy_business_index .content .section01 .khp .td02{height:310px;
background:url("/company/image/profile/bg_khp_02.gif") left 10px no-repeat}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .khp .td02{height:auto;
background:0}
}
.c-legacy_business_index .content .section01 .khp .td03{height:310px;
background:url("/company/image/profile/bg_khp_03.gif") left 10px no-repeat}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .khp .td03{height:auto;
background:0}
}
.c-legacy_business_index .content .section01 .khp .td01 .btn{margin:64px 0 0 20px}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .khp .td01 .btn{margin:0 auto}
}
.c-legacy_business_index .content .section01 .khp .td01 .img{margin:60px 0 0 20px}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .khp .td01 .img{margin:0 auto}
}
.c-legacy_business_index .content .section01 .khp .td02 .btn,.c-legacy_business_index .content .section01 .khp .td03 .btn{margin:66px 0 0 20px}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .khp .td02 .btn,.c-legacy_business_index .content .section01 .khp .td03 .btn{margin:0 auto}
}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .ph{margin-bottom:10px;
border:5px solid #cee3b0}
.c-legacy_business_index .content .section01 .ph td{border-bottom:1px solid #cee3b0}
}
.c-legacy_business_index .content .section01 .ph .td01{height:250px;
background:url("/company/image/profile/bg_ph_01.gif") left 10px no-repeat}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .ph .td01{height:auto;
background:0}
.c-legacy_business_index .content .section01 .ph .td01 h5{background:#cee3b0}
}
.c-legacy_business_index .content .section01 .ph .td02{height:250px;
background:url("/company/image/profile/bg_ph_02.gif") left 10px no-repeat}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .ph .td02{height:auto;
background:0}
}
.c-legacy_business_index .content .section01 .ph .td03{height:250px;
background:url("/company/image/profile/bg_ph_03.gif") left 10px no-repeat}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .ph .td03{height:auto;
background:0}
}
.c-legacy_business_index .content .section01 .ph .td01 .btn{margin:21px 0 0 20px}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .ph .td01 .btn{margin:0}
}
.c-legacy_business_index .content .section01 .ph .td01 .img{margin:44px 0 0 20px}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .ph .td01 .img{margin:0}
}
.c-legacy_business_index .content .section01 .ph .td02 .btn,.c-legacy_business_index .content .section01 .ph .td03 .btn{margin:7px 0 0 20px}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .ph .td02 .btn,.c-legacy_business_index .content .section01 .ph .td03 .btn{margin:0}
}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .foods{margin-bottom:10px;
border:5px solid #f4d9d6}
.c-legacy_business_index .content .section01 .foods td{border-bottom:1px solid #f4d9d6}
}
.c-legacy_business_index .content .section01 .foods .td01{height:250px;
background:url("/company/image/profile/bg_foods_01.gif") left 10px no-repeat}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .foods .td01{height:auto;
background:0}
.c-legacy_business_index .content .section01 .foods .td01 h5{background:#f4d9d6}
}
.c-legacy_business_index .content .section01 .foods .td02{height:250px;
background:url("/company/image/profile/bg_foods_02.gif") left 10px no-repeat}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .foods .td02{height:auto;
background:0}
}
.c-legacy_business_index .content .section01 .foods .td03{height:250px;
background:url("/company/image/profile/bg_foods_03.gif") left 10px no-repeat}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .foods .td03{height:auto;
background:0}
}
.c-legacy_business_index .content .section01 .foods .td01 .btn{margin:21px 0 0 20px}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .foods .td01 .btn{margin:0}
}
.c-legacy_business_index .content .section01 .foods .td01 .img{margin:45px 0 0 20px}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .foods .td01 .img{margin:0}
}
.c-legacy_business_index .content .section01 .foods .td02 .btn{margin:7px 0 0 20px}
@media (max-width: 1px){.c-legacy_business_index .content .section01 .foods .td02 .btn{margin:0}
}
.c-legacy_business_index .content .last_btn{margin-top:40px}
.c-legacy_activity .content{padding-left:20px;
color:#505032;
font-size:87.5%}
.c-legacy_activity h4{padding-bottom:11px;
margin-bottom:10px;
border-bottom:1px solid #ccc}
.c-legacy_activity .activity_content .image01{margin-top:30px}
.c-legacy_activity .activity_content .image01 .activity_list{position:relative;
width:728px;
height:350px;
background:url("/company/image/profile/img_activity_01.gif") top left no-repeat}
.c-legacy_activity .activity_content .image01 .activity_list li{position:absolute;
text-indent:-9999em}
.c-legacy_activity .activity_content .image01 .activity_list li a{display:block}
.c-legacy_activity .activity_content .image01 .activity_list li.link01{top:118px;
left:47px}
.c-legacy_activity .activity_content .image01 .activity_list li.link01 a{width:135px;
height:70px}
.c-legacy_activity .activity_content .image01 .activity_list li.link02{top:174px;
left:199px}
.c-legacy_activity .activity_content .image01 .activity_list li.link02 a{width:135px;
height:70px}
.c-legacy_activity .activity_content .image01 .activity_list li.link03{top:174px;
left:393px}
.c-legacy_activity .activity_content .image01 .activity_list li.link03 a{width:135px;
height:70px}
.c-legacy_activity .activity_content .image01 .activity_list li.link04{top:118px;
left:550px}
.c-legacy_activity .activity_content .image01 .activity_list li.link04 a{width:135px;
height:70px}
.c-legacy_activity .activity_content .image01 .activity_list li.link05{top:275px;
left:228px}
.c-legacy_activity .activity_content .image01 .activity_list li.link05 a{width:270px;
height:70px}
.c-legacy_activity .activity_content .image02{margin:20px 0 10px 0}
.c-legacy_activity .activity_content h5{padding-bottom:11px;
margin:40px 0 10px 0;
border-bottom:1px solid #ccc}
.c-legacy_activity .activity_content .laboratory{margin-top:40px}
.c-legacy_activity .activity_content .laboratory h6{background:url("/company/image/profile/bg_activity_title.jpg") left bottom repeat-x;
font-weight:bold;
font-size:117%}
.c-legacy_activity .activity_content .laboratory p{margin-top:5px}
.c-legacy_activity .activity_content .laboratory ul li{background:url("/company/image/co_info_yajirushi_s.gif") no-repeat scroll left 3px transparent;
padding:0 0 0 18px}
.c-legacy_activity .activity_content .laboratory .section01{padding-left:240px;
margin-bottom:40px;
background:url("/company/image/profile/img_activity_02.jpg") left top no-repeat}
.c-legacy_activity .activity_content .laboratory .section02{padding-left:240px;
margin-bottom:40px;
background:url("/company/image/profile/img_activity_03.jpg") left top no-repeat}
.c-legacy_activity .activity_content .laboratory .section03{padding-left:240px;
background:url("/company/image/profile/img_activity_04.jpg") left top no-repeat}
.c-legacy_activity .activity_content .product{margin-top:30px}
.c-legacy_activity .activity_content .product td div{position:relative}
.c-legacy_activity .activity_content .product .khp td div.td01 a{position:absolute;
top:81px;
left:23px}
.c-legacy_activity .activity_content .product .ph td div.td01 a{position:absolute;
top:138px;
left:23px}
.c-legacy_activity .activity_content .product .foods td div.td01 a{position:absolute;
top:206px;
left:23px}
.c-legacy_activity .activity_content .product td div.td02 a,.c-legacy_activity .activity_content .product td div.td03 a,.c-legacy_activity .activity_content .product td div.td04 a{position:absolute;
bottom:25px;
left:35px}
.c-legacy_activity .activity_content .product td p{text-indent:-9999em}
.c-legacy_activity .activity_content .product .khp .td01{width:229px;
height:137px;
background:url("/company/image/profile/bgimg_activity_01.jpg") left top no-repeat}
.c-legacy_activity .activity_content .product .khp .td02{width:499px;
height:137px;
background:url("/company/image/profile/bgimg_activity_02.jpg") left top no-repeat}
.c-legacy_activity .activity_content .product .ph .td01{height:268px;
background:url("/company/image/profile/bgimg_activity_03.jpg") left top no-repeat}
.c-legacy_activity .activity_content .product .ph .td02{width:499px;
height:134px;
background:url("/company/image/profile/bgimg_activity_04.jpg") left top no-repeat}
.c-legacy_activity .activity_content .product .ph .td03{width:499px;
height:134px;
background:url("/company/image/profile/bgimg_activity_05.jpg") left top no-repeat}
.c-legacy_activity .activity_content .product .foods .td01{height:401px;
background:url("/company/image/profile/bgimg_activity_06.jpg") left top no-repeat}
.c-legacy_activity .activity_content .product .foods .td02{width:499px;
height:134px;
background:url("/company/image/profile/bgimg_activity_07.jpg") left top no-repeat}
.c-legacy_activity .activity_content .product .foods .td03{width:499px;
height:134px;
background:url("/company/image/profile/bgimg_activity_08.jpg") left top no-repeat}
.c-legacy_activity .activity_content .product .foods .td04{width:499px;
height:134px;
background:url("/company/image/profile/bgimg_activity_09.jpg") left top no-repeat}
.c-legacy_activity .activity_content .sale{margin-top:30px}
.c-legacy_activity .activity_content .sale li{float:left;
margin-right:19px}
.c-legacy_activity .activity_content .sale li.lastChild{margin:0}
.c-legacy_philosophy .lead_txt{padding:20px 0 0 20px;
font-size:87.5%;
color:#505032}
@media (max-width: 1px){.c-legacy_philosophy .lead_txt{padding-left:0}
}
.c-legacy_philosophy .ph_content{margin-top:50px;
padding-left:20px;
font-size:87.5%;
color:#505032}
@media (max-width: 1px){.c-legacy_philosophy .ph_content{padding-left:0}
}
.c-legacy_philosophy .ph_content h5{padding-bottom:11px;
margin:50px 0 10px 0;
height:15px;
border-bottom:1px solid #ccc}
.c-legacy_philosophy .ph_content .image{margin:30px 0}
.c-legacy_eco_reduce .reduce_box{padding-left:20px}
.c-legacy_eco_reduce .reduce_box h4{padding-bottom:9px;
border-bottom:1px solid #ccc}
.c-legacy_eco_reduce .reduce_box .section01{padding:20px 0 0 20px;
font-size:87.5%;
color:#505032}
.c-legacy_eco_reduce .reduce_box .section01 h5{padding-bottom:9px;
border-bottom:1px solid #ccc}
.c-legacy_eco_reduce .reduce_box .section01 p{margin:20px 0}
.c-legacy_eco_reduce .reduce_box .section01 .data{margin:20px 0 0 10px;
padding:10px;
background-color:#f6f6f6}
.c-legacy_eco_reduce .reduce_box .section01 .data h6{font-weight:bold;
font-size:87.5%}
.c-legacy_eco_reduce .reduce_box .section01 .data dl{margin-right:18px;
width:330px;
float:left;
font-size:74%}
.c-legacy_eco_reduce .reduce_box .section01 .data dl.lastChild{margin:0}
.c-legacy_eco_reduce .reduce_box .section01 .match{margin:50px 0 0 10px}
.c-legacy_eco_reduce .reduce_box .section01 .match dt{padding-bottom:5px;
margin-bottom:10px;
height:17px;
border-bottom:1px solid #ccc}
.c-legacy_eco_reduce .reduce_box .section01 .match dt img{line-height:0 !important}
.c-legacy_eco_reduce .reduce_box .section01 .match dd{margin-bottom:40px}
.c-legacy_eco_reduce .reduce_box .section01 .match dd.lastChild{margin:0}
.c-legacy_eco_reduce .reduce_box .section02{margin-top:50px;
padding:0 0 0 20px;
font-size:87.5%;
color:#505032}
.c-legacy_eco_reduce .reduce_box .section02 h5{padding-bottom:5px;
margin-bottom:10px;
height:17px;
border-bottom:1px solid #ccc}
.c-legacy_eco_reduce .reduce_box .section02 p{margin:20px 0}
.c-legacy_eco_reduce .reduce_box .section02 .image02{float:left}
.c-legacy_eco_reduce .reduce_box .section02 .txt01{margin-top:26px;
float:right;
border:1px solid #ccc;
padding:13px;
font-size:10px}
.c-legacy_society .content{padding-left:20px}
.c-legacy_society .content .section01{padding:20px 0 0 20px;
font-size:87.5%;
color:#505032}
.c-legacy_society .content .section01 .unit01{padding-left:20px;
margin-bottom:20px}
.c-legacy_society .content .section02{padding:20px 0 50px 20px;
font-size:87.5%;
color:#505032}
.c-legacy_society .content .section02 p.unit02{margin-top:15px}
.c-legacy_society .content h5{margin-bottom:10px;
padding-bottom:5px;
height:18px;
border-bottom:1px solid #CCCCCC}
.c-legacy_society .content h6{margin-bottom:10px;
padding-top:10px;
padding-bottom:5px;
height:16px;
border-bottom:1px solid #CCCCCC}
.c-legacy_society .content .image,.c-legacy_society .content .image02{margin-top:20px}
.c-legacy_society .content .image li{float:left;
margin-right:20px}
.c-legacy_society .content .section01 span{display:block;
font-size:75%}
.c-legacy_safety h2{margin-bottom:25px;
height:31px;
background:url("/company/image/co_info_line_ylw_shadow.gif") repeat-x left 25px}
.c-legacy_safety h3.lead_title{padding-top:27px;
margin-bottom:25px}
.c-legacy_safety_index .lead_txt{margin:0 0 45px 20px;
font-size:87.5%;
color:#505032}
.c-legacy_safety_index .lead_txt h4{margin-bottom:30px}
.c-legacy_safety_index .menuList{margin-left:20px}
.c-legacy_safety_index .menuList .section01,.c-legacy_safety_index .menuList .section02{padding-bottom:15px;
width:227px;
float:left;
border:1px solid #dbdbdb}
.c-legacy_safety_index .menuList .section01{margin:0 20px 20px 0}
.c-legacy_safety_index .menuList .section02{margin-bottom:20px}
.c-legacy_safety_index .menuList p{margin:10px 17px;
font-size:87.5%;
position:relative;
height:6em;
color:#505032}
.c-legacy_safety_index .menuList .section03{padding:1px;
position:relative;
background:url("/company/image/safety/bg_index_01.jpg") top left no-repeat;
width:229px;
float:left}
.c-legacy_safety_index .menuList .section03 a{z-index:100;
position:absolute;
display:block;
width:229px;
height:160px;
text-indent:-9999em;
background:url("/company/image/bg_clear.gif")}
.c-legacy_rd .lead_txt{margin:0 0 45px 20px;
font-size:87.5%;
color:#505032}
.c-legacy_rd .lead_txt h4{margin-bottom:30px}
.c-legacy_rd .laboratory{margin-top:40px;
margin-left:20px;
color:#505032}
.c-legacy_rd .laboratory h4{background:url("/company/image/profile/bg_activity_title.jpg") left bottom repeat-x;
font-weight:bold;
font-size:100%}
.c-legacy_rd .laboratory p{margin-top:5px;
font-size:87.5%}
.c-legacy_rd .laboratory ul li{background:url("/company/image/co_info_yajirushi_s.gif") no-repeat scroll left 3px transparent;
padding:0 0 0 18px;
font-size:87.5%}
.c-legacy_rd .laboratory .section01{padding-left:240px;
margin-bottom:40px;
background:url("/company/image/profile/img_activity_02.jpg") left top no-repeat}
.c-legacy_rd .laboratory .section02{padding-left:240px;
margin-bottom:40px;
background:url("/company/image/profile/img_activity_03.jpg") left top no-repeat}
.c-legacy_rd .laboratory .section03{padding-left:240px;
background:url("/company/image/profile/img_activity_04.jpg") left top no-repeat}
.c-legacy_rd .rd_news{padding:1px;
margin:40px 0 0 20px;
height:122px;
background:url("/company/image/safety/bg_rd_news.gif") left top no-repeat}
.c-legacy_rd .rd_news p{margin-left:20px;
margin-top:10px;
width:291px;
font-size:87.5%;
color:#505032}
.c-legacy_rd .rd_news a{position:absolute;
width:319px;
height:122px;
display:block;
z-index:100;
text-indent:-9999em;
background:url("/company/image/bg_clear.gif")}
.c-legacy_quality .section01{padding-left:20px;
font-size:87.5%;
color:#505032}
.c-legacy_quality .section01 h4{margin-bottom:10px;
padding-bottom:9px;
border-bottom:1px solid #ccc}
.c-legacy_quality .section02 h4{margin-bottom:10px;
padding-bottom:9px;
border-bottom:1px solid #ccc}
.c-legacy_quality .map{margin:40px 0 0 20px;
position:relative;
width:728px;
height:586px;
background:url("/company/image/safety/bg_quality_01.gif") top left no-repeat}
.c-legacy_quality .map li{position:absolute}
.c-legacy_quality .map .factory01{top:28px;
left:0}
.c-legacy_quality .map .factory02{top:28px;
left:196px}
.c-legacy_quality .map .factory03{top:28px;
left:390px}
.c-legacy_quality .map .factory04{top:231px;
left:0}
.c-legacy_quality .map .factory05{top:415px;
left:0}
.c-legacy_quality .map .factory06{top:401px;
left:390px}
.c-legacy_quality .section02{padding:0 0 0 20px;
margin:50px 0 0 0;
font-size:87.5%;
color:#505032}
.c-legacy_quality .section02 p{margin-bottom:25px}
.c-legacy_quality .section02 ul li{background:url("/company/image/co_info_yajirushi_s.gif") no-repeat scroll left 3px transparent;
padding:0 0 0 18px}
.c-legacy .comSaf{padding-bottom:1px;
border-bottom:1px solid #d8d8d8;
font-size:12px;
margin:0 0 35px 0}
.c-legacy .comSaf_btm{padding-bottom:1px;
border-bottom:1px solid #d8d8d8;
font-size:12px;
margin:40px 0 0 0}
.c-legacy .comSafInr{padding:3px 0 3px 5px;
border:1px solid #E0E5E8}
.c-legacy .comSafInr dt{padding:10px 0 8px;
width:168px;
border-right:1px solid #E0E5E8;
float:left;
text-align:center}
.c-legacy .comSafInr dd{width:500px;
padding-left:26px;
float:left;
color:#666}
.c-legacy_guarantee .c-legacy_section01,.c-legacy .process .section01{margin-left:20px;
font-size:87.5%;
color:#505032}
.c-legacy_guarantee .section01 .image{margin-top:30px;
text-align:center}
.c-legacy_process .section01 .image{margin-top:30px;
text-align:center}
.c-legacy_process h5.subTitle{margin-top:50px}
.c-legacy_history .content{font-size:87.5%}
.c-legacy_history .content h4{margin:0 0 35px 0;
background:url("/company/image/title_mid/co_info_sub_m03_history.gif") no-repeat left top;
width:658px;
height:20px;
text-indent:-999em}
.c-legacy_history .content .section01{margin-bottom:15px;
font-size:87.5%;
border:1px solid #D8D8D8}
.c-legacy_history .content .section01 caption{padding:10px;
border:1px solid #d8d8d8;
border-bottom:0;
text-align:left;
font-size:139%}
.c-legacy_history .content .section01 th.element01{padding:5px 3px;
background-color:#E6FBD2;
border-bottom:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
text-align:center}
.c-legacy_history .content .section01 th.element02{padding:5px 3px;
background-color:#ddd;
border-bottom:1px solid #D8D8D8;
text-align:center}
.c-legacy_history .content .section01 .year{padding:5px;
width:50px;
border-bottom:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
background-color:#F1FFF0;
text-align:center}
.c-legacy_history .content .section01 .incident{padding:5px;
width:283px;
border-bottom:1px solid #D8D8D8;
border-right:1px dotted #eee;
vertical-align:top}
.c-legacy_history .content .section01 .image{padding:5px;
border-bottom:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
width:230px}
.c-legacy_history .content .section01 .image .image_txt{padding:5px;
vertical-align:top}
.c-legacy_history .content .section01 .world_incident{padding:5px;
width:140px;
border-bottom:1px solid #D8D8D8;
vertical-align:top}
.c-legacy_history .content .section01 .txt_s{font-size:87.5%}
.c-legacy_history .content .section01 .lastChild{border-bottom:0}
.c-legacy_ad_index h2{width:748px;
margin-bottom:25px;
height:31px;
background:url("/company/image/co_info_line_ylw_shadow.gif") repeat-x left 25px}
.c-legacy_ad_index h3.lead_title{padding-top:27px;
margin-bottom:10px;
height:20px}
.c-legacy_ad_index .comMsgTitle{width:748px}
.c-legacy_environment h2{margin-bottom:25px;
height:31px;
background:url("/company/image/co_info_line_ylw_shadow.gif") repeat-x left 25px}
.c-legacy_environment h3.lead_title{padding-top:27px;
margin-bottom:25px;
height:20px}
.c-legacy_environment_index .lead_txt{margin:0 0 45px 20px;
font-size:87.5%;
color:#505032}
.c-legacy_environment_index .lead_txt h4{margin-bottom:25px}
.c-legacy_environment_index .menu_title{margin:0 0 25px 20px}
.c-legacy_environment_index .menuList{margin:0 0 0 20px}
.c-legacy_environment_index .menuList .section01,.c-legacy_environment_index .menuList .section02{margin-bottom:30px;
width:349px;
float:left}
.c-legacy_environment_index .menuList .section01 .unit01,.c-legacy_environment_index .menuList .section02 .unit01{padding-bottom:10px;
border:1px solid #dbdbdb;
border-top:0}
.c-legacy_environment_index .menuList .section01 .unit01{padding-bottom:8px}
.c-legacy_environment_index .menuList .section01 .unit01 a{display:block;
padding-left:14px}
.c-legacy_environment_index .menuList .section02 .unit01 a{display:block;
padding-left:14px}
.c-legacy_environment_index .menuList .section01 .unit01 a.txt,.c-legacy_environment_index .menuList .section02 .unit01 a.txt{padding-bottom:10px}
.c-legacy_environment_index .menuList .section01 p,.c-legacy_environment_index .menuList .section02 p{margin:5px 17px;
font-size:87.5%;
height:5.25em;
color:#505032}
.c-legacy_environment_index .menuList .section01{margin-right:30px}
.c-legacy_environment_index .menuList .section03,.c-legacy_environment_index .menuList .section04{width:319px;
float:left;
padding:14px;
border:1px solid #dbdbdb}
.c-legacy_environment_index .menuList .section03{margin-right:30px}
.c-legacy_environment_index .menuList .section03 p{margin:8px 0 0;
font-size:87.5%;
height:5.25em;
color:#505032}
.c-legacy_environment_index .menuList .section04 p{margin:8px 0 0;
font-size:87.5%;
height:5.25em;
color:#505032}
.c-legacy_environment_index .menuList .section03 h4,.c-legacy_environment_index .menuList .section04 h4{margin-bottom:10px}
.c-legacy_environment_summary .lead_txt{margin:0 0 30px 20px;
font-size:87.5%;
color:#505032}
.c-legacy_environment_summary .summary{margin:0 0 0 20px}
.c-legacy_environment_summary .summary h4,.c-legacy_environment_summary .summary h5{margin-bottom:10px}
.c-legacy_environment_summary .summary .section1{margin-bottom:10px;
position:relative}
.c-legacy_environment_summary .summary .section1 a{position:absolute;
display:block;
left:14px;
bottom:11px}
.c-legacy_environment_co2 .lead_title{margin-bottom:33px}
.c-legacy_environment_co2 .content{padding-left:20px}
.c-legacy_environment_co2 .content h5{margin-bottom:10px;
padding-bottom:5px;
height:18px;
border-bottom:1px solid #CCCCCC}
.c-legacy_environment_co2 .content h6{margin-bottom:10px;
padding-top:10px;
padding-bottom:5px;
height:16px;
border-bottom:1px solid #CCCCCC}
.c-legacy_environment_co2 .content .section01,.c-legacy_environment_co2 .content .section02{font-size:87.5%;
color:#505032}
.c-legacy_environment_co2 .content .section01{margin-bottom:60px}
.c-legacy_environment_co2 .content .section02 .unit01{margin-bottom:20px}
.c-legacy_environment_co2 .content .section01 .image01{margin-top:30px;
margin-right:45px;
float:left;
width:348px}
.c-legacy_environment_co2 .content .section01 .image02{margin-top:30px;
margin-right:0px;
float:left;
width:335px}
.c-legacy_environment_co2 .content .section02 .unit02{margin-bottom:40px}
.c-legacy_environment_co2 .content .section02 .unit02 p{margin-bottom:25px}
.c-legacy_environment_co2 .content .section02 .unit02 ul li{margin-bottom:25px;
text-indent:-1em;
padding-left:1em;
list-style:none}
.c-legacy_environment_co2 .content .section02 .unit02 .image01 img{margin-right:13px}
.c-legacy_environment_co2 .content .section02 .unit02 .image01 img.lastChild{margin-right:0}
.c-legacy_environment_co2 .content .section02 .unit03 p{margin-bottom:10px}
.c-legacy_environment_co2 .content .section02 .unit03 ul{margin-bottom:25px}
.c-legacy_environment_co2 .content .section02 .unit03 ul li{text-indent:-1em;
padding-left:1em;
list-style:none}
.c-legacy_environment_co2 .content .section02 .unit04 p{margin-bottom:10px}
.c-legacy_environment_co2 .content .section02 .unit04 ul{float:left;
width:494px}
.c-legacy_environment_co2 .content .section02 .unit04 ul li{text-indent:-1em;
padding-left:1em;
list-style:none}
.c-legacy_environment_co2 .content .section02 .unit04 .imageArea{float:right;
width:234px}
.c-legacy_environment_co2 .content .section02 .unit04 .imageArea p{margin-bottom:0px}
.c-legacy_environment_co2 .content .section02 .unit04 .imageArea p.img01{padding-bottom:5px}
.c-legacy_environment_co2 .content .section02 .unit04 .imageArea p.txt01{background:url("/company/image/environment/co2/icon_arrow.gif") no-repeat scroll left 1px transparent;
line-height:1 !important;
padding:0 0 20px 8px}
.c-legacy_environment_co2 .content .section02 .unit04 .imageArea p.txt01 a{line-height:1 !important;
padding-left:8px;
padding-bottom:15px}
.c-legacy_environment_co2 .content .section02 .unit04 .imageArea p.img02{width:234px}
.c-legacy_environment_co2 .content ul li a{margin-left:8px}
.c-legacy_environment_co2 .content ul li a img{vertical-align:middle}
.c-legacy_environment_co2 #energyCo2 h3.lead_title{padding-top:60px}
.c-legacy_environment_co2 #energyCo2 .content .section01.office_device{margin-bottom:60px}
.c-legacy_environment_co2 #energyCo2 .content .section01.office_device div .text{float:left;
width:490px}
.c-legacy_environment_co2 #energyCo2 .content .section01.office_device div .text img{margin-bottom:30px}
.c-legacy_environment_co2 #energyCo2 .content .section01.office_device div .text p.small{font-size:75%}
.c-legacy_environment_co2 #energyCo2 .content .section01.office_device div .img{float:right;
width:230px}
.c-legacy_environment_co2 .content ul.co2Link li{background:url("/company/image/environment/co2/icon_arrow.gif") no-repeat scroll left 1px transparent;
padding:0 0 20px 10px;
line-height:1 !important}
.c-legacy_environment_co2 .content ul.co2Link li a{line-height:1 !important}
.c-legacy_environment_co2 #energyCo2 .content .section01 p{margin-bottom:30px}
.c-legacy_environment_co2 #energyCo2 .content .section01 .image00{margin:30px 0;
width:600px}
.c-legacy_environment_co2 #energyCo2 .content .section01 .image00 img{margin-right:13px}
.c-legacy_environment_co2 #energyCo2 .content .section01 p span{font-weight:bold}
.c-legacy_environment_3r h4,.c-legacy_environment_3r h5{border-bottom:1px solid #ccc;
height:18px;
margin-bottom:10px;
padding-bottom:5px}
.c-legacy_environment_3r ul li{margin-top:10px;
padding-left:1em;
text-indent:-1em}
.c-legacy_environment_3r ul li a{margin-left:8px}
.c-legacy_environment_3r ul li a img{vertical-align:middle}
.c-legacy_environment_3r .lead_txt{margin-bottom:30px}
.c-legacy_environment_3r .section01,.c-legacy_environment_3r .section02{font-size:87.5%;
color:#505032}
.c-legacy_environment_3r .section01{padding-left:20px}
.c-legacy_environment_3r .section01 .unit01{margin-bottom:40px}
* html .c-legacy_environment_3r .section01 .unit01 .image{width:758px;
margin-right:-30px}
.c-legacy_environment_3r .section01 .unit01 .image01{padding-right:34px;
float:left}
.c-legacy_environment_3r .section01 .unit01 .image02{float:left}
.c-legacy_environment_3r .section01 .unit02 .box01{margin-bottom:30px}
.c-legacy_environment_3r .section02{padding-left:20px;
margin-right:-2px}
.c-legacy_environment_3r .section02 p{margin-bottom:20px}
.c-legacy_environment_3r .section02 .unit01,.c-legacy_environment_3r .section02 .unit02{margin-bottom:45px}
.c-legacy_environment_eco h4,.c-legacy_environment_eco h5{border-bottom:1px solid #ccc;
height:18px;
margin-bottom:10px;
padding-bottom:5px}
.c-legacy_environment_eco .section01{padding-left:20px;
font-size:87.5%;
color:#505032}
.c-legacy_environment_eco .section01 .lead_txt{margin-bottom:20px}
.c-legacy_environment_eco .section01 .image div{margin-right:21px;
float:left}
.c-legacy_environment_eco .section01 .image div.lastChild{margin-right:0}
.c-legacy_environment_eco .section01 .unit01{margin-bottom:45px}
.c-legacy_environment_eco .section01 .unit02{margin-bottom:40px}
.c-legacy_environment_eco .section01 .unit03 .box01{margin-bottom:40px}
.c-legacy_environment_eco .section01 .unit03 .box01 p{margin-bottom:15px}
.c-legacy_environment_eco .section01 .unit03 .box02 p{margin-bottom:15px}
.c-legacy_environment_eco .section01 .image02 div{margin-right:48px;
float:left}
.c-legacy_environment_eco .section01 .image02 div.lastChild{margin-right:0}
.c-legacy_environment_iso .companyKansaDl p.lead_txt{margin-bottom:20px}
.c-legacy_environment_iso .companyKansaInDdul{float:left;
width:428px;
margin-right:30px}
.c-legacy_environment_iso .companyKansaDl{margin-bottom:0}
.c-legacy_environment_iso .companyKansaDl dd .image{float:right;
width:250px}
.c-legacy_environment_iso .companyKansaDl dd .image img{margin-bottom:20px}
.c-legacy_environment_iso .companyKansaDl dd.lastChild{margin-bottom:0}
.c-legacy_environment_iso #companyRelation{padding-bottom:0}
.c-legacy_environment_iso h5.companyTitleKansa{background:url("/company/image/environment/iso/stitle_management.gif") no-repeat scroll left top transparent;
height:24px;
border-bottom:1px solid #ccc}
.c-legacy_environment_iso .companyKansaDl .companyKansaDt01{background:url("/company/image/environment/iso/sstitle_ecoaudit.gif") no-repeat scroll left top transparent;
border-bottom:1px solid #ccc}
.c-legacy_environment_iso .companyKansaDl .companyKansaDt02{background:url("/company/image/environment/iso/sstitle_operation.gif") no-repeat scroll left top transparent;
border-bottom:1px solid #ccc}
.c-legacy_environment_iso .companyKansaDl .companyKansaDt03{background:url("/company/image/environment/iso/sstitle_education.gif") no-repeat scroll left top transparent;
border-bottom:1px solid #ccc}
.c-legacy .companyPGPharmGuide{margin:0 0 25px 0;
position:relative;
font-size:87.5%;
color:#505032}
.c-legacy h5.PharmGuideTitle,.c-legacy h5.PharmGuideTitle_2{margin:0 0 30px;
padding-bottom:4px;
border-bottom:1px solid #D8D8D8;
line-height:23px;
font-size:18px;
color:#505032}
.c-legacy .companyPGPharmGuide p span{font-weight:bold}
.c-legacy .btnBack a{background:url("/company/image/back.gif") no-repeat scroll 0 0 transparent;
display:block;
height:18px;
text-indent:-999em;
width:41px;
margin-bottom:20px}
.c-legacy .companyPGPharmGuide table{margin-bottom:25px;
text-align:left}
.c-legacy .companyPGPharmGuide .txt_end{text-align:right;
border-bottom:1px solid #D8D8D8;
padding-bottom:20px}
.c-legacy .companyPGPharmGuide .linkOther ul{background:url("/company/image/profile/ph_line_ylw_shodow.gif") no-repeat scroll left top transparent;
padding:10px 0 0 15px;
float:none;
width:700px;
border:none}
.c-legacy .companyPGPharmGuide .linkOther ul li{background:url("/company/image/profile/ph_line_dot_gry_727.gif") no-repeat scroll left bottom transparent;
margin-bottom:3px;
padding:6px 0 7px;
width:700px}
.c-legacy .companyPGPharmGuide .linkOther ul li a{background:url("/company/image/profile/ph_arrow_blk_s.gif") no-repeat scroll left 1px transparent;
font-size:14px;
line-height:18px;
padding:0 0 0 20px;
border:none;
width:700px;
text-align:left}
.c-legacy .companyPGPharmGuide .linkOther ul li img{margin-left:5px;
vertical-align:middle}
.c-legacy_environment_shinmachi .section01,.c-legacy_environment_shinmachi .section02,.c-legacy_environment_shinmachi .section03{color:#505032;
font-size:87.5%;
padding-left:20px}
.c-legacy_environment_shinmachi .section01 .unit01 .imagebox_right{float:right;
padding:0 0 20px 20px}
.c-legacy_environment_shinmachi .section02 .unit02{padding:30px 0 20px}
.c-legacy_environment_shinmachi .section02 .unit02 .imagebox_right{float:right;
padding:0 0 0px 20px}
.c-legacy_environment_shinmachi .section01{margin:0 0 30px 0}
.c-legacy_environment_shinmachi .section01 img{padding:0 0 2px 0}
.c-legacy_environment_shinmachi .section01 span{display:block;
font-size:75%}
.c-legacy_environment_shinmachi .section01 .unit01 p{padding:0 0 30px 0}
.c-legacy_environment_shinmachi .section01 .unit02 div{float:left;
width:232px;
padding-bottom:20px;
padding-right:15px}
.c-legacy_environment_shinmachi .section01 .unit02 .imagebox_left{padding-right:0px}
.c-legacy_environment_shinmachi h4{border-bottom:1px solid #CCCCCC;
height:18px;
margin-bottom:10px;
padding-bottom:5px}
.c-legacy_environment_shinmachi .section02{margin:0 0 40px 0}
.c-legacy_environment_shinmachi .section02 .unit01 p{margin:0 0 30px 0}
.c-legacy_environment_shinmachi .section03 .unit01 ul li{list-style:none outside none;
padding-left:1em;
text-indent:-1em}
.c-legacy #contents_new.safety #mainContents_sideline{background-image:none}
.c-legacy #contents_new.safety #main{background-image:none;
float:none;
padding:30px 0 0 0;
width:950px}
.c-legacy #contents_new.safety #main h2{background-image:none}
.c-legacy #sideMenu.safetyMenu{border-left:solid 1px #fff;
float:right;
padding:0;
width:950px;
height:70px}
.c-legacy #sideMenu.safetyMenu ul{float:left;
height:20px;
background-image:none}
.c-legacy #sideMenu.safetyMenu #sideMenu06 li{float:left;
background:none;
height:35px}
.c-legacy #sideMenu.safetyMenu #s06Profile a,.c-legacy #sideMenu.safetyMenu #s06Ad a{display:block;
text-indent:-999em;
width:94px}
.c-legacy #sideMenu.safetyMenu #s06Profile,.c-legacy #sideMenu.safetyMenu #s06Ad{width:94px}
.c-legacy #sideMenu.safetyMenu #s06Profile a{background:url("/image/menu/s06Profile.gif") no-repeat -7px top}
.c-legacy #sideMenu.safetyMenu #s06Profile a:hover{width:94px;
background:url("/image/menu/s06Profile.gif") no-repeat -179px top;
height:35px}
.c-legacy #sideMenu.safetyMenu #s06Environment a{background:url("/image/menu/s06_s_Environment.gif") no-repeat left top;
height:35px;
width:179px}
.c-legacy #sideMenu.safetyMenu #s06Environment a:hover{background:url("/image/menu/s06_s_Environment.gif") no-repeat -177px top;
height:35px;
width:179px}
.c-legacy #sideMenu.safetyMenu #s06Safety a{background:url("/image/menu/s06_s_Safety.gif") no-repeat -167px top;
height:35px;
width:168px}
.c-legacy #sideMenu.safetyMenu #s06Safety a:hover{background:url("/image/menu/s06_s_Safety.gif") no-repeat -167px top;
height:35px;
width:168px}
.c-legacy #sideMenu.safetyMenu #s06Safety strong{background:url("/image/menu/s06_s_Safety.gif") no-repeat -167px top;
height:35px;
width:168px}
.c-legacy #sideMenu.safetyMenu #s06Ad a:hover{width:94px;
background:url("/image/menu/s06Ad.gif") no-repeat -172px top;
height:35px}
.c-legacy_environment .date{width:596px;
clear:both;
margin:10px 0 0 40px}
@media (max-width: 1px){body.is-company_business_ph_transparencyguidelines .c-legacy table,body.is-company_business_ph_transparencyguidelines .c-legacy thead,body.is-company_business_ph_transparencyguidelines .c-legacy tbody,body.is-company_business_ph_transparencyguidelines .c-legacy tr,body.is-company_business_ph_transparencyguidelines .c-legacy th,body.is-company_business_ph_transparencyguidelines .c-legacy td{display:block}
body.is-company_business_ph_transparencyguidelines .c-legacy tr{margin-top:5px}
}
.m-sp{display:none}
.m-sp{display:none}
@media (max-width: 1px){.m-pc{display:none}
}
.m-categoryTitle{margin-bottom:40px;
padding:10px 0;
border-bottom:1px solid #ffd500;
font-size:26px;
font-size:1.625rem;
font-weight:normal}
@media (max-width: 1px){.m-categoryTitle{margin-bottom:20px;
padding:20px 0 10px;
font-size:18px;
font-size:1.125rem}
}
.m-btn{margin:30px auto;
padding:12px 30px 12px 42px;
display:table;
font-size:16px;
font-size:1rem;
line-height:1.66667;
color:#fff;
background:#1c98bb;
transition:background .3s, box-shadow .3s;
position:relative}
.m-btn::before{position:absolute;
left:10px;
top:50%;
margin-top:-4px;
content:'';
width:0;
height:0;
font-size:0;
border:4px solid transparent;
border-left:4px solid #fff;
border-width:4px 6px}
@media (max-width: 1px){.m-btn{padding:15px;
display:block;
text-align:center}
}
.m-btn:hover{opacity:1;
background:#1faad2}
.m-btn:active{transition:background 0s, box-shadow 0s;
box-shadow:0 0 5px 0 rgba(0, 0, 0, .3) inset}
.m-btn_bottom{margin:50px auto 30px}
.m-btn_pdf{margin:20px auto;
padding:17px 40px 17px 40px;
font-size:16px;
font-size:1rem}
.m-btn_pdf::before{position:static;
left:auto;
top:auto;
margin-top:0;
border:0;
margin-right:20px;
display:inline-block;
vertical-align:middle;
content:'';
width:23px;
height:28px;
background:url(../img/common/pdf.png) 0 0 no-repeat;
background-size:23px 28px}
@media (max-width: 1px){.m-btn_pdf{padding:10px}
.m-btn_pdf::before{width:23px;
height:28px;
background-size:contain}
}
.m-link{display:inline-block;
position:relative;
padding-left:12px}
.m-link::before{position:absolute;
left:0;
top:50%;
margin-top:-4px;
content:'';
width:0;
height:0;
font-size:0;
border:4px solid transparent;
border-left:4px solid #1c98bb;
border-width:4px 6px}
@media (max-width: 1px){.m-link{padding:5px 12px}
}


/*# sourceMappingURL=common_unresponsive.css.map */