@charset "UTF-8";

/*==================================================
*    01. Base
*    02. Structure
*    03. Modules
*       03-01. Basic Modules
*       03-02. Independent Modules
*       03-03. Column adjustment
*    04. Frame
*    05. Support
*    06. for Old Design
==================================================*/


/*==================================================
    01. Base
==================================================*/

body{
margin: 0;
padding: 0;
position: relative;
}

#str-header,
#str-main,
#str-footer{
position: relative;
color: #333;
font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Pゴシック", sans-serif;
font-size: 12px;
line-height: 1.67;
text-align: left;
word-wrap: break-word;
overflow-wrap: break-word;
}

#str-header a,
#str-header a:visited,
#str-main a,
#str-main a:visited,
#str-footer a,
#str-footer a:visited{
color: #532f91;
text-decoration: none;
}

#str-header a[href]:hover,
#str-header a[href]:active,
#str-header a[href]:focus,
#str-main a[href]:hover,
#str-main a[href]:active,
#str-main a[href]:focus,
#str-footer a[href]:hover,
#str-footer a[href]:active,
#str-footer a[href]:focus{
color: #532f91;
text-decoration: underline;
}

#str-header p,
#str-main p:not(.not-renew-css),
#str-footer p{
margin: 0 0 14px;
}

#str-main li:not(.not-renew-css){
margin: 0 0 5px;
}

#str-main img:not(.not-renew-css){
margin-bottom: 20px;
}
#str-header a img,
#str-main a img,
#str-footer a img{
border-width: 0;
}

#str-main h1,
#str-main h2:not(.not-renew-css),
#str-main h3:not(.not-renew-css),
#str-main h4,
#str-main h5,
#str-main h6{
margin-top: 0;
color: #333;
line-height: 1.5;
}
#str-main h1:not(.not-renew-css){
margin-bottom: 17px;
}
#str-main h2:not(.not-renew-css){
margin: 0 0 24px;
font-size: 28px;
font-weight: normal;
}
#str-main h3:not(.not-renew-css){
margin: 0 0 20px;
font-size: 22px;
font-weight: normal;
}

#str-main ul:not(.not-renew-css),
#str-main table:not(.not-renew-css){
margin: 0 0 30px;
}
#str-main  li:not(.not-renew-css){
line-height: 1.3;
}

#str-main table th{
padding-right: 28px;
font-weight: normal;
vertical-align: top;
}
#str-main table th,
#str-main table td:not(.not-renew-css){
padding-bottom: 4px;
line-height: 1.5;
}

#str-main p sub{
vertical-align:bottom;
position:relative;
}

#str-header button,
#str-main button,
#str-footer button{
color: #333;
font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, "ＭＳ Pゴシック", sans-serif;
font-size: 12px;
}


/*==================================================
    02. Structure
==================================================*/

#header-01{
min-height: 32px;
position: relative;
color: #fff;
background-color: #532f91;
}
@media screen and (max-width: 768px){
  .rwd-valid #header-01{
  display: none;
  }
}
#header-02{
padding: 9px 0 10px;
position: relative;
background-color: #ebebeb;
}
@media screen and (max-width: 768px){
  .rwd-valid #header-02{
  display: none;
  }
}
#header-03{
padding: 21px 0 0;
border-bottom: 2px #ebebeb solid;
position: relative;
background-color: #fff;
}
@media screen and (max-width: 768px){
  .rwd-valid #header-03{
  padding-top: 13px;
  border-top: 10px #532f91 solid;
  border-bottom: 3px #ebebeb solid;
  }
}

#str-main{
background-color: #f2f2f2;
}
.design-prdct #str-main{
background-color: transparent;
}

#main-header-01{
margin-top: 10px;
border-bottom: 2px #ebebeb solid;
background-color: #fff;
}
#main-header-01 *{
font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, "ＭＳ Pゴシック", sans-serif;
}

#main-header-02{
margin-bottom: 30px;
background-color: #2f2f2f;
}
#main-header-03{
margin-bottom: 30px;
background-color: #2f2f2f;
}

#main-wrapper #str-sidecont{
width: 780px;
float: left;
}
.design-prdct #main-wrapper #str-sidecont{
width: 730px;
float: left;
}
.rwd-valid.design-prdct #main-wrapper #str-sidecont{
width: calc(100% - 220px);
max-width: 730px;
}
.rwd-valid.design-common #main-wrapper #str-sidecont{
width: calc(100% - 220px);
max-width: 780px;
}
.rwd-valid.effort-performance #main-wrapper #str-sidecont{
  width: calc(100% - 220px);
  max-width: 780px;
}
@media screen and (max-width: 768px){
  .rwd-valid.design-prdct #main-wrapper #str-sidecont{
  width: 100%;
  float: none;
  }

  .rwd-valid.design-common #main-wrapper #str-sidecont{
   width: 100%;
   float: none;
  }
  .rwd-valid.effort-performance #main-wrapper #str-sidecont{
    width: 100%;
    float: none;
  }
}

#main-wrapper #str-aside{
width: 200px;
float: right;
}
@media screen and (max-width: 768px){
  .rwd-valid #main-wrapper #str-aside{
  display: none;
  }
}

#main-footer{
margin-top: 60px;
padding: 17px 0 12px;
color: #fefefe;
background-color: #2f2f2f;
}
@media screen and (max-width: 768px){
  .rwd-valid #main-footer{
  margin-top: 0;
  padding: 0;
  }
}
#footer-01{
color: #fefefe;
background-color: #1d1d1d;
}
#footer-02{
padding: 14px 0 3px;
color: #fff;
background-color: #2f2f2f;
}

#header-01 > .inner,
#header-02 > .inner,
#header-03 > .inner,
#str-main > .inner,
#main-header-01 > .inner,
#main-header-02 > .inner,
#main-footer > .inner,
#footer-01 > .inner,
#footer-02 > .inner{
width: 1000px;
margin: 0 auto;
}
.rwd-valid #header-01 > .inner,
.rwd-valid #header-02 > .inner,
.rwd-valid #header-03 > .inner,
.rwd-valid #str-main > .inner,
.rwd-valid #main-header-01 > .inner,
.rwd-valid #main-header-02 > .inner,
.rwd-valid #main-footer > .inner,
.rwd-valid #footer-01 > .inner,
.rwd-valid #footer-02 > .inner{
width: calc(100% - 20px);
max-width: 1000px;
padding-right: 10px;
padding-left: 10px;
}

#str-main > .inner{
margin-top: 20px;
}
.design-prdct #str-main > .inner{
width: 950px;
}
.rwd-valid.design-prdct #str-main > .inner{
width: calc(100% - 20px);
max-width: 950px;
}
@media screen and (max-width: 768px){
  .rwd-valid.design-prdct #str-main > .inner{
  margin-top: 0;
  }
}

#main-header-01 > .inner{
position: relative;
}

#main-header-02 > .inner{
padding-top: 25px;
}

#footer-01 .inner{
height: 100%;
min-height: 70px;
display: table;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .inner{
  padding: 10px 0px 0px 0px;
  margin: 0px;
  display: contents;
  }
}


/*==================================================
    03. Modules
==================================================*/

/*--------------------------------------------------
    03-01. Basic Modules
--------------------------------------------------*/

/* Text - text-align
---------------------------------------------*/
#str-main .txt-right{
text-align: right;
}
#str-main .txt-center{
text-align: center;
}

/* pc-block
---------------------------------------------*/
.pc-block{
display:block;
}
@media screen and (max-width: 768px){
  .pc-block{
  display: inline-block;
  }
}

/* link-img
---------------------------------------------*/
#str-main .link-img a{
margin-bottom: 20px;
display: inline-block;
background-color: #fff;
}
#str-main .link-img img{
margin-bottom: 0;
}
#str-main .link-img a:hover img,
#str-main .link-img a:active img,
#str-main .link-img a:focus img{
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}
#str-main .link-img.txt-right a{
margin-left: auto;
}
#str-main .link-img.txt-center a{
margin-right: auto;
margin-left: auto;
}

/* Icon .icon-link
---------------------------------------------*/
#str-header img.icon-link,
#str-main img.icon-link,
.nav-local img.icon-link,
#str-footer img.icon-link{
margin: 0 0 -2px 5px;
vertical-align: baseline;
}

/* Icon .icon-new-01
---------------------------------------------*/
#str-header img.icon-new-01,
#str-main img.icon-new-01,
.nav-local img.icon-new-01,
#str-footer img.icon-new-01{
margin: 0 0 2px 10px;
vertical-align: middle;
}

/* Heading - hdg-01
---------------------------------------------*/
#str-main .hdg-01,
#str-main h2.hdg-01,
#str-main h3.hdg-01{
padding-left: 14px;
border-left: 5px #532f91 solid;
color: #532f91;
font-size: 25px;
font-weight: bold;
}

/* Heading - hdg-prdct-01 (for Product)
---------------------------------------------*/
.hdg-prdct-01{
margin-bottom: 10px;
padding-bottom: 3px;
border-bottom: 2px #dfd2e6 solid;
font-size: 18px;
font-weight: bold;
}

/* Heading - hdg-02
---------------------------------------------*/
#str-main .hdg-02,
#str-main h2.hdg-02,
#str-main h3.hdg-02{
margin-bottom: 21px;
padding: 12px 17px 13px;
color: #fff;
background-color: #532f91;
font-size: 18px !important;
font-weight: bold;
}
#str-main .hdg-02.btn,
#str-main h2.hdg-02.btn,
#str-main h3.hdg-02.btn{
background-color: #fff;
}
#str-main .hdg-02.btn a,
#str-main .hdg-02.btn .hdg-02__link,
#str-main h2.hdg-02.btn a,
#str-main h3.hdg-02.btn a,
#str-main .hdg-02.btn a:visited,
#str-main h2.hdg-02.btn a:visited,
#str-main h3.hdg-02.btn a:visited{
margin: -12px -17px -13px;
padding: 12px 28px 13px 17px;
display: block;
color: #fff;
background: #532f91 url(/common/renew_files/images/anc_01.png) no-repeat right 50%;
}
#str-main .hdg-02.btn .hdg-02__link {
  height: 44px;
  display: flex;
  align-items: center;
}
#str-main .hdg-02.btn a:hover,
#str-main h2.hdg-02.btn a:hover,
#str-main h3.hdg-02.btn a:hover,
#str-main .hdg-02.btn a:active,
#str-main h2.hdg-02.btn a:active,
#str-main h3.hdg-02.btn a:active,
#str-main .hdg-02.btn a:focus,
#str-main h2.hdg-02.btn a:focus,
#str-main h3.hdg-02.btn a:focus{
opacity: 0.6;
color: #fff;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}


/* Heading - hdg-prdct-02 (for Product)
---------------------------------------------*/
.hdg-prdct-02{
margin-bottom: 13px !important;
padding: 6px 12px 5px 30px;
position: relative;
background: #e3e3e3;
background: linear-gradient(#f9f9f9, #e3e3e3);
box-shadow: 1px 1px 0 #d2d0d0;
font-size: 16px !important;
font-weight: bold !important;
vertical-align: middle;
}
#str-main .hdg-prdct-02:before{
width: 5px;
height: calc(100% - 13px) ;
position: absolute;
top: 7px;
left: 12px;
display: block;
background-color: #6d6d6d;
content: "";
}
.hdg-prdct-02,
.hdg-prdct-03{
overflow:hidden;
}
#str-main .hdg-prdct-02 .icon,
#str-main .hdg-prdct-03 .icon{
margin-left:10px;
padding:2px 5px;
border:1px solid #428dae;
border-radius: 2px;
color:#428dae;
background-color: #fff;
font-size:10px;
font-weight: normal;
vertical-align: middle;
}
#str-main .hdg-prdct-02 .icon-op,
#str-main .hdg-prdct-03 .icon-op{
margin-left:10px;
padding:2px 5px;
border:1px solid #e57399;
border-radius: 2px;
color:#e57399;
background-color: #fff;
font-size:12px;
font-weight: normal;
vertical-align: middle;
float:right;
display:inline-block;
}
#str-main .hdg-prdct-02 .icon-type,
#str-main .hdg-prdct-03 .icon-type,
#str-main .hdg-prdct-04 .icon-type,
#str-main .hdg-prdct-05 .icon-type{
margin-left:10px;
padding:2px 5px;
border:1px solid #428dae;
border-radius: 2px;
color:#333333;
background-color: #fff;
font-size:12px;
font-weight: normal;
vertical-align: middle;
display:inline-block;
}
#str-main .table-02 tbody td.icon-txt .icon-type{
padding:2px 5px;
border:1px solid #428dae;
border-radius: 2px;
color:#333333;
background-color: #fff;
font-size:12px;
font-weight: normal;
vertical-align: middle;
display:inline-block;
}
#str-main .hdg-prdct-02 .txt-plan,
#str-main .hdg-prdct-03 .txt-plan{
float:right;
vertical-align:middle;
font-size:13px;
font-weight: normal;
display:inline-block;
position:relative;
top:5px;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .hdg-prdct-02{
  margin: 0 -10px 13px !important;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #6d6d6d;
  box-shadow: none;
  }
  .rwd-valid #str-main .hdg-prdct-02 .icon,
  .rwd-valid #str-main .hdg-prdct-03 .icon,
  .rwd-valid #str-main .hdg-prdct-02 .icon-type,
  .rwd-valid #str-main .hdg-prdct-03 .icon-type{
  display: inline-block;
  }
  .rwd-valid #str-main .hdg-prdct-02 .icon-op,
  .rwd-valid #str-main .hdg-prdct-03 .icon-op,
  .rwd-valid #str-main .hdg-prdct-02 .txt-plan,
  .rwd-valid #str-main .hdg-prdct-03 .txt-plan{
  float:none;
  display:inline-block;
  }
  .rwd-valid #str-main .hdg-prdct-02 .txt-plan,
  .rwd-valid #str-main .hdg-prdct-03 .txt-plan{
  position:inherit;
  }
}

/* Heading - hdg-03
---------------------------------------------*/
#str-main .hdg-03,
#str-main h2.hdg-03,
#str-main h3.hdg-03{
margin-bottom: 22px;
padding-left: 11px;
border-left: 5px #532f91 solid;
font-size: 18px;
font-weight: bold;
}

/* Heading - hdg-prdct-03 (for Product)
---------------------------------------------*/
#str-main .hdg-prdct-03{
margin-bottom: 10px !important;
padding-bottom: 4px;
border-bottom: 1px #595959 solid;
font-size: 16px !important;
font-weight: bold !important;
}

@media screen and (max-width: 768px){
  .rwd-valid #str-main .hdg-prdct-03{
  padding:10px 0 !important;
  border-top: 1px #dbdbdb solid;
  border-bottom: 1px #dbdbdb solid !important;
  }
}

/* Heading - hdg-04
---------------------------------------------*/
#str-main .hdg-04,
#str-main h2.hdg-04,
#str-main h3.hdg-04{
margin-bottom: 20px;
padding: 0 1px 10px;
border-bottom: 1px #cccccc solid;
font-size: 16px;
font-weight: bold;
}

/* Heading - hdg-prdct-04 (for Product)
---------------------------------------------*/
#str-main .hdg-prdct-04{
padding-left: 9px;
border-left: 5px solid #a5a5a5;
font-weight: bold !important;
}

/* Heading - hdg-05
---------------------------------------------*/
#str-main .hdg-05,
#str-main h2.hdg-05,
#str-main h3.hdg-05{
margin-bottom: 20px;
font-size: 22px;
font-weight: normal;
}

@media screen and (max-width: 768px){
    #str-main .hdg-05 {
        display: none;
    }
}

/* Heading - hdg-prdct-05 (for Product)
---------------------------------------------*/
#str-main .hdg-prdct-05{
font-size: 12px;
font-weight: bold !important;
}

/* Link .link-01
---------------------------------------------*/
#str-main .link-01{
padding: 0;
}
#str-main .link-01 li{
margin-bottom: 6px;
padding-left: 17px;
background: url(/common/renew_files/images/anc_09.png) no-repeat 3px .2em;
list-style: none;
}
#str-main .link-01 li a .icon-link{
vertical-align: top;
}
#str-main .link-01 li a .icon-new-01{
vertical-align: top;
}

/* Link .link-02
---------------------------------------------*/
#str-main ul.link-02{
margin-right: -6px;
margin-left: -6px;
padding: 0;
font-size: 14px;
}
#str-main .link-02 li{
padding-right: 6px;
padding-left: 6px;
border-right: 1px #333 solid;
display: inline-block;
}
#str-main .link-02 li a,
#str-main .link-02 li a:visited{
color: #333;
text-decoration: underline;
}
#str-main .link-02 li a:hover,
#str-main .link-02 li a:active,
#str-main .link-02 li a:focus{
color: #333;
text-decoration: none;
}

/* Link .link-03
---------------------------------------------*/
#str-main .link-03{
padding: 0;
}
#str-main .link-03 li{
margin-bottom: 6px;
padding-left: 13px;
background: url(/product/orphis/images/icon_arrow_about01.gif) no-repeat 2px 3px;
list-style: none;
}

#str-main .link-03 li a{
color:#093598;
}

/* Link .link-04
---------------------------------------------*/
.link-04{
margin:0 0 20px 24px!important;
padding:0;
}
.link-04 li{
margin-right:10px!important;
padding-left:20px;
display: inline-block;
list-style: none;
}
.link-04 li a{
position: relative;
color:#06319e;
font-weight: bold;
}
.link-04 li a:before{
width: 7px;
height: 7px;
margin-top: -6px;
border-right: 2px solid #8a8a8a;
border-bottom: 2px solid #8a8a8a;
position: absolute;
top: 50%;
left: -15px;
display: block;
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/* Link .link-05
---------------------------------------------*/
.link-05{
margin:0 0 20px 20px!important;
padding:0;
}
.link-05 li{
margin-right:10px!important;
margin-bottom:10px;
padding-left:20px;
list-style: none;
}
.link-05 li a{
position: relative;
color:#06319e;
font-weight: bold;
}
.link-05 li a:before{
width: 7px;
height: 7px;
margin-top: -5.5px;
border-right: 2px solid #8a8a8a;
border-bottom: 2px solid #8a8a8a;
position: absolute;
top: 50%;
left: -15px;
display: block;
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/* Link .link-anc-01
---------------------------------------------*/
#str-main .link-anc-01:not(.not-renew-css) {
font-size: 12px;
margin: 0 0 20px 0;
padding: 0;
}

#str-main .link-anc-01:after {
display: block;
clear: both;
content: "";
}

#str-main .link-anc-01 * {
box-sizing: border-box;
}

#str-main .link-anc-01 li {
float: left;
margin: 0 43px 0 0;
padding: 0;
list-style: none;
}

@media screen and (max-width: 768px) {
#str-main .link-anc-01 li {
float: none;
margin-right: 0;
margin-bottom: 5px;
}

#str-main .link-anc-01 li:last-child {
margin-bottom: 0;
}
}

#str-main .link-anc-01 a {
position: relative;
display: block;
padding: 0 0 0 15px;
color: #532f91;
}

#str-main .link-anc-01 a:before {
position: absolute;
bottom: 50%;
left: 3px;
display: block;
width: 6px;
height: 6px;
content: "";
transform: rotate(45deg) translateY(50%);
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/* Link .btn-01
---------------------------------------------*/
#str-main ul.btn-01{
margin: 0 -10px 20px;
padding: 0;
font-size: 16px;
}
#str-main .btn-01 li{
margin: 0 10px 10px;
padding: 0;
display: inline-block;
background-color: #fff;
list-style: none;
}
#str-main .btn-01 li a{
min-width: 142px;
height: 34px;
padding: 10px 41px 0 17px;
position: relative;
display: block;
color: #fff;
background: #532f91 url(/common/renew_files/images/anc_04.png) no-repeat right 50%;
white-space: nowrap;
}
#str-main .btn-01 li a:visited{
color: #fff;
}
#str-main .btn-01 li a:hover,
#str-main .btn-01 li a:active,
#str-main .btn-01 li a:focus{
opacity: 0.6;
color: #fff;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .btn-01.vertical{
margin-right: 0;
margin-left: 0;
display: table;
}
#str-main .btn-01.vertical li{
width: auto;
margin: 0 0 10px;
display: block;
}
#str-main .btn-01.align-c{
text-align: center;
}
#str-main .btn-01.vertical.align-c{
margin-right: auto;
margin-left: auto;
}
#str-main .btn-01.align-r{
text-align: right;
}
#str-main .btn-01.align-r li a{
text-align: left;
}
#str-main .btn-01.vertical.align-r{
margin-left: auto;
}

/* List .btn-02
---------------------------------------------*/
#str-main ul.btn-02{
margin: 0 -10px 25px;
padding: 0;
font-size: 14px;
}
#str-main .grid-button {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max-content, 125px));
  gap: 5px;
  font-size: 14px;
  padding: 0;
}
#str-main .grid-button__item[class] {
  width: fit-content;
  margin-bottom: 0;
  padding: 0;
  border: 1px #dbdbdb solid;
  display: inline-block;
  background-color: #fff;
  list-style: none;
  line-height: 1.5;
}
#str-main .grid-button__item--wrap {
  grid-column-start: 1;
}
#str-main .grid-button__link {
  height: 29px;
  padding: 9px 33px 0 17px;
  display: block;
  color: #333;
  background: url(/common/renew_files/images/anc_08.png) no-repeat right 50%;
  white-space: nowrap;
}
#str-main .grid-button__link[target="_blank"] {
  background-image: url(/common/renew_files/images/icon_blank_03.png);
  background-size: 12px;
  background-position: top 50% right 10px;
  background-repeat: no-repeat;
}

#str-main .btn-02 li{
margin-right: 10px;
margin-left: 10px;
padding: 0;
border: 1px #dbdbdb solid;
display: inline-block;
background-color: #fff;
list-style: none;
line-height: 1.5;
}
#str-main .btn-02 li a{
height: 29px;
padding: 9px 33px 0 17px;
position: relative;
display: block;
color: #333;
background: url(/common/renew_files/images/anc_08.png) no-repeat right 50%;
white-space: nowrap;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .btn-02 li a{
  height: auto;
  padding-bottom: 8px;
  white-space: normal;
  }
}
#str-main .btn-02 li a:visited{
color: #333;
}
#str-main .btn-02 li a:hover,
#str-main .btn-02 li a:active,
#str-main .btn-02 li a:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .btn-02.align-c{
text-align: center;
}
#str-main .btn-02.align-r{
text-align: right;
}
#str-main .btn-02.align-r li a{
text-align: left;
}

/* List .btn-03
---------------------------------------------*/
#str-main ul.btn-03{
margin-bottom: 25px;
padding: 0;
}
#str-main .btn-03 li{
box-sizing: border-box;
margin: 0 0 10px;
padding: 0;
border: 1px #dbdbdb solid;
background-color: #fff;
list-style: none;
font-size: 14px;
}
#str-main .btn-03 li a{
height: 32px; /* min-height */
padding: 3px 33px 3px 19px;
position: relative;
display: block; /* IE8 */
color: #333;
background: url(/common/renew_files/images/anc_08.png) no-repeat right 50%;
vertical-align: middle;
}
:root #str-main .btn-03 li a{
width: 1000px; /* min-width */
display: table-cell; /* IE8以外 */
}
#str-main .btn-03 li a:visited{
color: #333;
}
#str-main .btn-03 li a:hover,
#str-main .btn-03 li a:active,
#str-main .btn-03 li a:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .btn-03 .current a{
background-color: #f2f2f2;
font-weight: bold;
}
#str-main .btn-03 > .btn-04 a{
background: #f2f2f2 url(/common/renew_files/images/anc_08.png) no-repeat right 50%;
}
#str-main .btn-03 .br-none {
  border:none;
}

/* List .btn-04
---------------------------------------------*/
#str-main .btn-04{
padding: 0;
}
#str-main .btn-04 li{
box-sizing: border-box;
margin: 0 0 10px;
padding: 0;
border: 1px #dbdbdb solid;
background-color: #fff;
list-style: none;
font-size: 14px;
}
#str-main .btn-04 a{
width: 1000px;
height: 32px; /* min-height */
padding: 3px 21px 3px 19px;
position: relative;
display: block;
display: table-cell;
color: #333;
background: #f2f2f2 url(/common/renew_files/images/anc_08.png) no-repeat right 50%;
vertical-align: middle;
}
#str-main .btn-04 a:visited{
color: #333;
}
#str-main .btn-04 a:hover,
#str-main .btn-04 a:active,
#str-main .btn-04 a:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}

/* List .btn-05
---------------------------------------------*/
#str-main ul.btn-05{
margin-bottom: 5px;
padding: 0;
}
#str-main .btn-05 li{
box-sizing: border-box;
margin-bottom: 10px;
border: 1px #c3c3c3 solid;
position: relative;
list-style: none;
font-size: 12px;
line-height: 1.5;
text-align: center;
}
#str-main .btn-05 li a{
width: 1000px; /* min-width */
height: 29px; /* min-height */
padding: 5px 8px 5px;
display: block;
display: table-cell;
color: #333;
vertical-align: middle;
}
#str-main .btn-05 li a:visited{
color: #333;
}
#str-main .btn-05 li.notice a{
padding-left: 31px;
}
#str-main .btn-05 li.notice a:after{
width: 15px;
height: 24px;
margin-top: -12px;
position: absolute;
top: 50%;
left: 8px;
display: block;
background: url(/common/renew_files/images/icon_notice.png) no-repeat 0 0;
content: "";
}
#str-main .btn-05 li a:hover,
#str-main .btn-05 li a:active,
#str-main .btn-05 li a:focus{
text-decoration: none;
}
#str-main .btn-05 li a:hover,
#str-main .btn-05 li a:active,
#str-main .btn-05 li a:focus,
#str-main .btn-05 li.notice a:hover:after{
opacity: 0.6;
color: #333;
-ms-filter: "alpha(opacity=60)";
}

/* List .btn-06
---------------------------------------------*/
#str-main .btn-06{
margin-bottom: 20px;
padding: 0;
}
#str-main .btn-06 li{
margin: 0 0 20px;
padding: 0;
background-color: #fff;
list-style: none;
font-size: 14px;
}
#str-main .btn-06 a{
width: 100%;
padding: 10px 0;
display: table;
background: url(/common/renew_files/images/anc_02.png) no-repeat right center;
vertical-align: middle;
}
#str-main .btn-06 a:hover,
#str-main .btn-06 a:active,
#str-main .btn-06 a:focus{
opacity: 0.6;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .btn-06 .icon{
margin: 0 20px 0 10px;
border-right: 1px #dbdbdb solid;
vertical-align: middle;
}
#str-main .btn-06 .txt{
width: 1000px; /* max-width */
height: 100%;
padding-right: 28px;
display: table-cell;
vertical-align: middle;
}
#str-main .btn-06.enquete li{
color: #fff;
font-size: 16px;
font-weight: bold;
}
#str-main .btn-06 .icon-link{
margin-left: 12px;
}

/* List .btn-prdct-01 (for Product)
---------------------------------------------*/
.design-prdct #str-main .btn-prdct-01{
padding: 0;
}
.design-prdct #str-main .btn-prdct-01 li{
margin-bottom: 13px !important;
border-radius: 5px;
background-color: #fff;
list-style: none;
font-size: 19px;
}
.design-prdct #str-main .btn-prdct-01 li img{
margin-bottom: 0 !important;
}
.design-prdct #str-main .btn-prdct-01 li a{
padding: 16px 14px 13px 35px;
border: 1px solid #093598;
border-radius: 5px;
position: relative;
display: block;
color: #093598;
background: linear-gradient(#fff, #e9e9e9);
background-color: #e9e9e9;
box-shadow: 1px 1px 2px rgba(0,0,0,0.31);
line-height: 1.2;
}
.design-prdct #str-main .btn-prdct-01 li a.active{
font-weight: bold;
}
.design-prdct #str-main .btn-prdct-01 li a:before{
width: 9px;
height: 9px;
margin-top: -4.5px;
border-right: 2px solid #093598;
border-bottom: 2px solid #093598;
position: absolute;
top: 50%;
left: 10px;
display: block;
content: "";
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.design-prdct #str-main .btn-prdct-01 li a:hover,
.design-prdct #str-main .btn-prdct-01 li a:active,
.design-prdct #str-main .btn-prdct-01 li a:focus{
opacity: 0.6;
color: #093598;
text-decoration: none !important;
}

.design-prdct #str-main .btn-prdct-01.var-01{
box-sizing: border-box;
padding:10px 10px 1px 10px;
background-color: #ebebeb;
}

#str-main .btn-prdct-01 .icon{
margin-left:10px;
padding:2px 5px;
border:1px solid #428dae;
border-radius: 2px;
color:#000000;
background-color: #fff;
font-size:10px;
font-weight: normal;
vertical-align: middle;
}
#str-main .btn-prdct-01 .icon-op{
margin-left:10px;
padding:2px 5px;
border:1px solid #e57399;
border-radius: 2px;
color:#e57399;
background-color: #fff;
font-size:12px;
font-weight: normal;
vertical-align: middle;
float:right;
display:inline-block;
}
#str-main .btn-prdct-01 .icon-type{
margin-left:10px;
padding:2px 5px;
border:1px solid #428dae;
border-radius: 2px;
color:#333333;
background-color: #fff;
font-size:12px;
font-weight: normal;
vertical-align: middle;
display:inline-block;
}
@media screen and (max-width: 768px){
  #str-main .btn-prdct-01 .icon,
  #str-main .btn-prdct-01 .icon-op,
  #str-main .btn-prdct-01 .icon-type{
  display: inline-block;
  }
  #str-main .btn-prdct-01 .icon-op{
  float:none;
  }
}

/* List .btn-prdct-02
---------------------------------------------*/
.rwd-valid.design-prdct #str-main .btn-prdct-02{
margin-bottom:20px;
padding:0;
border-right: 1px solid #acacac;
letter-spacing: -.40em;
display: table;
width: 100%;
table-layout: fixed;
}

.rwd-valid.design-prdct #str-main .btn-prdct-02 li{
box-sizing: border-box;
margin:0;
border-top: 2px solid #acacac;
border-bottom: 1px solid #acacac;
border-left: 1px solid #acacac;
display: table-cell;
vertical-align: middle;
letter-spacing: normal;
}

.rwd-valid.design-prdct #str-main .btn-prdct-02 li a{
padding:5px;
display: block;
background-color: #ebebeb;
box-sizing: border-box;
font-size: 12px;
text-align: center;
}

.rwd-valid.design-prdct #str-main .btn-prdct-02 li a:hover,
.rwd-valid.design-prdct #str-main .btn-prdct-02 li a.active{
background-color: #fff;
text-decoration: none;
}

.rwd-valid.design-prdct #str-main .btn-prdct-02 li a span{
position: relative;
display:block;
}

.rwd-valid.design-prdct #str-main .btn-prdct-02 li a span.nav-pd{
padding-top:3px;
font-size:160%;
}

.rwd-valid.design-prdct #str-main .btn-prdct-02 li a span:before{
width: 4px;
height: 4px;
border-right: 2px solid #093598;
border-bottom: 2px solid #093598;
position: absolute;
top: 50%;
display: block;
content: "";
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.rwd-valid.design-prdct #str-main .btn-prdct-02 li a:hover span:before,
.rwd-valid.design-prdct #str-main .btn-prdct-02 li a.active span:before{
border-color: #8f8f8f;
}

@media screen and (max-width: 768px){
  .rwd-valid.design-prdct #str-main .btn-prdct-02{
  border-right: none;
  }
  .rwd-valid.design-prdct #str-main .btn-prdct-02 li{
  border-right: 1px solid #acacac;
  display: inline-block;
  width: 49.82%;
  }
  .rwd-valid.design-prdct #str-main .btn-prdct-02 li:nth-child(2n){
  border-left: none;
  }
  .rwd-valid.design-prdct #str-main .btn-prdct-02 li a{
  padding-left:24px;
  font-size: 12px;
  text-align: left;
  }
  .rwd-valid.design-prdct #str-main .btn-prdct-02 li a span:before{
  width: 8px;
  height: 8px;
  margin-top: -4px;
  left: -19px;
  }
}

/* Link .link-box-01
---------------------------------------------*/
#str-main .link-box-01{
margin: 0;
padding: 0;
font-size: 16px;
}
#str-main .link-box-01 li{
margin-bottom: 30px;
padding: 0;
list-style: none;
}
#str-main .link-box-01 a{
width: 100%;
display: block;
background-color: #fff;
line-height: 1.2;
}
#str-main .link-box-01 a:hover,
#str-main .link-box-01 a:active,
#str-main .link-box-01 a:focus{
text-decoration: none;
}
#str-main .link-box-01 a .txt{
width: 962px;
height: 40px; /*min-height*/
padding: 6px 24px 6px 14px;
position: relative;
display: table-cell;
color: #fff;
background: #532f91 url(/common/renew_files/images/anc_01.png) no-repeat right 50%;
vertical-align: middle;
}
#str-main .link-box-01 a .--external-link{
background: #532f91 url(/common/renew_files/images/icon_blank_01.png) no-repeat 95% 50%;
}
#str-main .link-box-01 a:hover img,
#str-main .link-box-01 a:active img,
#str-main .link-box-01 a:focus img,
#str-main .link-box-01 a:hover .txt,
#str-main .link-box-01 a:active .txt,
#str-main .link-box-01 a:focus .txt{
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}
#str-main .link-box-01 a img{
margin-bottom: 0;
}
#str-main .link-box-01.shadow li{
box-shadow: 0 2px 3px rgba(0,0,0,0.15); /*IE8以外*/
}
#str-main .link-box-01 .icon-link{
margin-left: 8px;
}

/* Link .link-box-prdct-01 (for Product)
---------------------------------------------*/
#str-main .link-box-prdct-01{
margin: 0;
padding: 0;
font-size: 16px;
}
#str-main .link-box-prdct-01 li{
margin-bottom: 30px;
padding: 0;
list-style: none;
}
#str-main .link-box-prdct-01 a {
width: 100%;
display: block;
background-color: #fff;
line-height: 1.2;
}
#str-main .link-box-prdct-01 a:hover,
#str-main .link-box-prdct-01 a:active,
#str-main .link-box-prdct-01 a:focus{
text-decoration: none;
}
#str-main .link-box-prdct-01 img{
width: 100%;
}
#str-main .link-box-prdct-01 a .txt{
width: 962px;
height: 40px; /*min-height*/
padding: 6px 24px 6px 14px;
background-color: #6d6d6d ;
background-image: url(/common/renew_files/images/anc_01.png);
background-repeat:  no-repeat;
background-position: right 50%;
position: relative;
display: table-cell;
color: #fff;
vertical-align: middle;
}
#str-main .link-box-prdct-01 a:hover img,
#str-main .link-box-prdct-01 a:active img,
#str-main .link-box-prdct-01 a:focus img,
#str-main .link-box-prdct-01 a:hover .txt,
#str-main .link-box-prdct-01 a:active .txt,
#str-main .link-box-prdct-01 a:focus .txt{
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}
#str-main .link-box-prdct-01 a img{
margin-bottom: 0;
}
#str-main .link-box-prdct-01.shadow li{
box-shadow: 0 2px 3px rgba(0,0,0,0.15); /*IE8以外*/
}
#str-main .link-box-prdct-01 .icon-link{
margin-left: 8px;
}

/* Link .link-box-02
---------------------------------------------*/
#str-main .link-box-02{
margin: 0 0 10px;
padding: 0;
font-size: 14px;
}
#str-main .link-box-02 li{
box-sizing: border-box;
margin: 0 0 20px;
padding: 0;
border: 1px #dbdbdb solid;
background-color: #fff;
list-style: none;
}
#str-main .link-box-02 a{
width: 100%;
display: block;
color: #333;
line-height: 1.2;
}
#str-main .link-box-02 a:visited{
color: #333;
}
#str-main .link-box-02 a:hover,
#str-main .link-box-02 a:active,
#str-main .link-box-02 a:focus{
text-decoration: none;
}
#str-main .link-box-02 a .txt{
width: 998px;
height: 33px; /*min-height*/
padding: 3px 24px 3px 19px;
position: relative;
display: table-cell;
background: url(/common/renew_files/images/anc_08.png) no-repeat right 50%;
vertical-align: middle;
}
#str-main .link-box-02 a:hover,
#str-main .link-box-02 a:active,
#str-main .link-box-02 a:focus,
#str-main .link-box-02 a:hover .txt,
#str-main .link-box-02 a:active .txt,
#str-main .link-box-02 a:focus .txt{
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}
#str-main .link-box-02 a img:first-child{
width: 100%;
margin-bottom: 0;
}

/* Link .link-box-03
---------------------------------------------*/
#str-main .link-box-03{
margin-bottom: 0;
padding: 0;
}
#str-main .link-box-03 li{
margin-bottom: 30px;
list-style: none;
}
#str-main .link-box-03 .wrapper{
padding: 0 10px 19px;
background-color: #fff;
}
#str-main .link-box-03 a{
margin: 0 -10px -19px;
padding: 0 10px 19px;
display: block;
color: #333;
background: url(/common/renew_files/images/anc_10.png) no-repeat right bottom;
}
#str-main .link-box-03 a:visited{
color: #333;
}
#str-main .link-box-03 a:hover,
#str-main .link-box-03 a:active,
#str-main .link-box-03 a:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .link-box-03 .img{
margin: 0 -10px 11px;
}
.rwd-valid #str-main .link-box-03 .img{
/*max-width: calc(100% + 20px);
width: calc(100% + 20px);  DEL-採用情報スライドバナー横幅-*/
}
#str-main .link-box-03 .hdg{
margin-bottom: 6px;
display: block;
color: #532f91;
font-size: 14px;
font-style: normal;
}

#str-main .link-box-03.innerlink a{
position: relative;
padding-bottom: 25px;
background: none;
}
#str-main .link-box-03.innerlink a:after{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
content: "";
position: absolute;
bottom: 1px;
right: 0;
left: 0;
display: block;
width: 18px;
height: 14px;
margin-right: auto;
margin-left: auto;
background-image: url(/common/renew_files/images/anc_02.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100%;
}

@media screen and (max-width: 768px){
    #str-main .link-box-03.innerlink{
        display: none;
    }
}


/* Link .link-box-04
---------------------------------------------*/
#str-main .link-box-04{
padding: 0;
}
#str-main .link-box-04 li{
margin-bottom: 20px;
background-color: #fff;
list-style: none;
}
#str-main .link-box-04 li a{
padding-right: 18px;
display: block;
color: #333;
background: url(/common/renew_files/images/anc_02.png) no-repeat right 50%;
}
#str-main .link-box-04 li a:visited{
color: #333;
}
#str-main .link-box-04 li a:hover,
#str-main .link-box-04 li a:active,
#str-main .link-box-04 li a:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .link-box-04 li .hdg{
margin-bottom: 11px;
display: block;
color: #532f91;
font-size: 14px;
font-style: normal;
}
#str-main .link-box-04 li .thumb{
display: table-cell;
}
#str-main .link-box-04 li .thumb img{
margin-bottom: 0;
}
#str-main .link-box-04 li .txt{
padding: 17px 19px;
display: table-cell;
vertical-align: top;
}

/* Link .link-box-prdct-04 (for Product)
---------------------------------------------*/
#str-main .link-box-prdct-04{
padding: 0;
}
#str-main .link-box-prdct-04 li{
margin-bottom: 20px;
border: 1px #c8c8c8 solid;
background-color: #fff;
list-style: none;
}
#str-main .link-box-prdct-04 li a{
padding-right: 18px;
display: block;
color: #333;
background: url(/common/renew_files/images/anc_02.png) no-repeat right 50%;
}
#str-main .link-box-prdct-04 li a:visited{
color: #333;
}
#str-main .link-box-prdct-04 li a:hover,
#str-main .link-box-prdct-04 li a:active,
#str-main .link-box-prdct-04 li a:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
/*-ms-filter: "alpha(opacity=60)";*/
}
#str-main .link-box-prdct-04 li .hdg{
margin-bottom: 11px;
display: block;
font-size: 14px;
font-style: normal;
}
#str-main .link-box-prdct-04 li .thumb{
display: table-cell;
width: 146px;
}
#str-main .link-box-prdct-04 li .thumb img{
margin-bottom: 0;
}
#str-main .link-box-prdct-04 li .txt{
padding: 17px 19px;
display: table-cell;
vertical-align: top;
}

/* Link .link-box-05
---------------------------------------------*/
#str-main .link-box-05{
padding: 0;
font-size: 12px;
}
#str-main .link-box-05 li{
margin-bottom: 20px;
color: #532f91;
background-color: #fff;
list-style: none;
font-size: 16px;
line-height: 1.25;
}
#str-main .link-box-05 li a{
padding-right: 18px;
display: block;
background: url(/common/renew_files/images/anc_02.png) no-repeat right 50%;
}
#str-main .link-box-05 li a:hover,
#str-main .link-box-05 li a:active,
#str-main .link-box-05 li a:focus{
opacity: 0.6;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .link-box-05 li .subtit{
margin-bottom: 7px;
display: block;
color: #333;
font-size: 12px;
}
#str-main .link-box-05 li .thumb{
display: table-cell;
}
#str-main .link-box-05 li .thumb img{
margin-bottom: 0;
}
#str-main .link-box-05 li .txt{
padding: 17px 19px;
display: table-cell;
vertical-align: middle;
}

@media screen and (max-width: 768px){
    #str-main .link-box-05.col-2-rwd li .thumb,
    #str-main .link-box-05.col-2-rwd li .txt {
        width: 50%;
    }

    #str-main .link-box-05.col-2-rwd li .thumb img{
        height: auto;
        max-width: 100%;
        width: 100%;
    }
}

/* Link .link-box-productcont
---------------------------------------------*/

#str-main .link-box-productcont{
margin-bottom: 30px;
box-shadow:1px 1px 3px 0px #888888;
}

#str-main .link-box-productcont .hdg{
position: relative;
margin-bottom: 0;
z-index: 1;
}

#str-main .link-box-productcont .hdg a{
display: block;
font-size: 13px;
font-weight: bold;
background-color: #f7f7f7;
padding: 13px 5px 10px 35px;
position: relative;
}

#str-main .link-box-productcont .hdg a .icn-new img{
  margin-bottom: 0;
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}

#str-main .link-box-productcont .hdg a::before{
content:'';
display:block;
background: url(/common/renew_files/images/anc_09.png) no-repeat;
position: absolute;
width: 7px;
height: 10px;
left: 22px;
top: 50%;
margin-top: -4px;
}

#str-main .link-box-productcont .hdg::before,
#str-main .link-box-productcont .hdg::after{
position: absolute;
bottom: 0;
content:'';
display:block;
height: 3px;
width: 29%;
left: 0;
background-color: #7384d2;
z-index: 2;
}

#str-main .link-box-productcont .hdg::after{
width: 71%;
background-color: #1c1c1c;
left: inherit;
right: 0;
}

#str-main .link-box-productcont .contents{
display: table;
table-layout: auto;
width: 100%;
background: url(/product/images/product1body.jpg) center top repeat-x #fff;
}

#str-main .link-box-productcont .contents .img{
display: table-cell;
vertical-align: top;
}

#str-main .link-box-productcont .contents .img img{
line-height: 1;
vertical-align: bottom;
margin-bottom: 0
}

@media screen and (max-width: 768px){
  #str-main .link-box-productcont .contents .img > a > img{
  max-width: none;
  }
}

#str-main .link-box-productcont .contents .txt{
padding: 18px;
display: table-cell;
vertical-align: top;
}

@media screen and (max-width: 768px){
  #str-main .link-box-productcont .contents .txt{
  padding: 10px 10px 10px 0;
  }
}

#str-main .link-box-productcont .price-txt .price{
font-weight: bold;
font-style: normal;
}

@media screen and (max-width: 768px){
  #str-main .link-box-productcont{
  margin-bottom: 15px;
  }
}

/* List .list-01
---------------------------------------------*/
#str-main .list-01{
padding-left: 0;
}
#str-main .list-01 li{
padding-left: 15px;
background: url(/common/renew_files/images/blt_01.png) no-repeat 1px 4px;
list-style-type: none;
}
#str-main .list-01 li sup{
font-size:75.5%;
vertical-align:top;
position:relative;
}
#str-main .list-02{
padding:0;
}
#str-main .list-02 li{
margin-right:5px;
padding-left: 12px;
position:relative;
display:inline;
list-style-type: none;
}
#str-main .list-02 li:before{
width:10px;
height:10px;
border-radius:10px;
position:absolute;
top:2px;
left:0;
display:block;
background-color:#333;
content:"";
}

#str-main .list-03{
padding-left: 0;
}
#str-main .list-03 li{
padding-left: 15px;
background: url(/common/renew_files/images/blt_02.png) no-repeat 1px 4px;
list-style-type: none;
}

/* List .list-note-01
---------------------------------------------*/
#str-main .list-note-01{
padding-left: 0;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .list-note-01{
  padding: 8px 11px 4px;
  color: #424242;
  background-color: #f2f2f2;
  }
}
#str-main .list-note-01 > li{
list-style-type: none;
}
#str-main .list-note-01 li{
padding-left: 2.5em;
position: relative;
}
#str-main .list-note-01 .note{
padding-left: 1.3em;
}
#str-main .list-note-01 .tec{
padding-left: 4em;
}
#str-main .list-note-01 li > .num{
position: absolute;
top: 0;
left: 0;
}
#str-main .list-note-01 li sup{
font-size:75.5%;
vertical-align:top;
position:relative;
top:-0.5em;
}
/* List .list-note-02
---------------------------------------------*/
#str-main .list-note-02{
padding-left: 0;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .list-note-02{
  padding: 8px 11px 4px;
  color: #424242;
  background-color: #f2f2f2;
  }
}
#str-main .list-note-02 > li{
list-style-type: none;
}
#str-main .list-note-02 li{
padding-left: 1.5em;
position: relative;
}
#str-main .list-note-02 li > span{
position:absolute;
top: 0;
left: 0;
}
#str-main .list-note-02 li sup{
font-size:75.5%;
vertical-align:top;
position:relative;
top:-0.5em;
}
/* List .list-news
---------------------------------------------*/
#str-main .list-news{
padding: 0;
border-top: 1px #c3c3c3 solid;
font-size: 16px;
}
#str-main .list-news li{
margin: 0;
padding: 20px 37px 17px 10em;
border-bottom: 1px #c3c3c3 solid;
position: relative;
list-style: none;
}
#str-main .list-news a{
margin: -20px -37px -17px -10em;
padding: 20px 37px 17px 10em;
display: block;
color: #333;
background: url(/common/renew_files/images/anc_06.png) no-repeat right center;
}
#str-main .list-news a:visited{
color: #333;
}
#str-main .list-news a:hover,
#str-main .list-news a:active,
#str-main .list-news a:focus{
text-decoration: none;
}
#str-main .list-news.with-icon li{
padding-left: 14.8em;
}
#str-main .list-news.with-icon li a{
margin-left: -14.8em;
padding-left: 14.8em;
}
#str-main .list-news .date{
position: absolute;
top: 20px;
left: 16px;
}
#str-main .list-news .icon{
position: absolute;
top: 20px;
left: 9.8em;
vertical-align: middle;
}
#str-main .list-news a:hover,
#str-main .list-news a:active,
#str-main .list-news a:focus,
#str-main .list-news a:hover .date,
#str-main .list-news a:active .date,
#str-main .list-news a:focus .date,
#str-main .list-news a:hover .icon,
#str-main .list-news a:active .icon,
#str-main .list-news a:focus .icon{
opacity: 0.6;
color: #333;
-ms-filter: "alpha(opacity=60)";
}
#str-main .list-news .release{
color: #e60012;
}

/* Box .box-01
---------------------------------------------*/
#str-main .box-01{
margin-bottom: 20px;
padding: 17px 19px 1px;
background-color: #fff;
}
#str-main .box-01 .hdg{
margin-bottom: 11px;
display: block;
font-size: 14px;
font-style: normal;
}
#str-main .box-01.latest-issue .hdg-latest-issue{
margin-bottom: 9px;
font-size: 25px;
font-weight: bold;
}

/* Box .box-02
---------------------------------------------*/
#str-main .box-02{
margin-bottom: 20px;
padding: 17px 18px 1px;
border: 1px #dbdbdb solid;
background-color: #fff;
}
#str-main .box-02 .hdg{
margin-bottom:0 !important;
font-size: 16px !important;
font-weight: bold;
}
#str-main .box-02 .hdg .text{
width:73%;
display: inline-block;
vertical-align: top;
}
#str-main .box-02 .icon{
width:27%;
display: inline-block;
vertical-align: top;
}
#str-main .box-02 .icon img{
max-width: 100%;
}

/* Box .box-03
---------------------------------------------*/
#str-main .box-03{
margin-bottom: 10px;
background-color: #F5F6F6;
}

@media screen and (max-width: 768px){
  #str-main .box-03{
  margin-bottom: 3%;
  background-color: #f2f2f2;
  }
}

@media screen and (max-width: 768px){
  .rwd-valid #str-main .box-02 .hdg .text{
  width:100%;
  display: block;
  }
  .rwd-valid #str-main .box-02 .icon{
  width:100%;
  margin-top:10px;
  display: block;
  text-align: center;
  }
  .rwd-valid #str-main .box-02 img{
  width:100%;
  }
  .rwd-valid #str-main .box-02 img.icon-link,
  .rwd-valid #str-main .box-02 img.auto{
  width:auto;
  }
}

/* Box .box-img-01, 02
---------------------------------------------*/
#str-main .box-img-01,
#str-main .box-img-02{
margin-bottom: 20px;
background-color: #fff;
}
#str-main .box-img-01 .img,
#str-main .box-img-02 .img{
margin-bottom: 0;
text-align: center;
}
#str-main .box-img-01 .img img,
#str-main .box-img-02 .img img{
margin-bottom: 0;
}
#str-main .box-img-01 .txt,
#str-main .box-img-02 .txt{
padding: 17px 20px 2px;
}

#str-main .box-img-02{

}
#str-main .box-img-02 .img{
float: left;
}
#str-main .box-img-02 .img img{
max-width: 490px;
}
#str-main .box-img-02 .txt{
    overflow: hidden;
}

@media screen and (max-width: 768px){
  .rwd-valid #str-main .box-img-02 .img{
      float: none;
  }
  .rwd-valid #str-main .box-img-02 .img img{
    max-width: none;
  }
  .rwd-valid#page-company-eco-effort #str-main .box-img-02 .img img{
      max-width: 100%;
  }
}


/* Box .box-img-w***
---------------------------------------------*/
#str-main .box-img-w180,
#str-main .box-img-w200{
margin-bottom: 20px;
background-color: #fff;
list-style: none;
font-size: 12px;
}
#str-main .box-img-w180 .img,
#str-main .box-img-w200 .img{
float: left;
}
#str-main .box-img-w200 .img *{
margin-left: 5px;
}
#str-main .box-img-w180 .img img,
#str-main .box-img-w200 .img img{
margin: 0;
}
#str-main .box-img-w180 .txt,
#str-main .box-img-w200 .txt{
padding: 17px 19px 0;
float: right;
}
#str-main .box-img-w180 .hdg,
#str-main .box-img-w200 .hdg{
margin-bottom: 11px;
}
#str-main .box-img-w180 .txt{
width: 782px;
}
#str-main #str-sidecont .box-img-w200 .txt{
width: 542px;
}
#str-main .col-2 .box-img-w180 .txt,
#str-main .col-2-adjust-h .box-img-w180 .txt{
width: 272px;
}

/* Box .box-imp-news
---------------------------------------------*/
#str-main .box-imp-news{
margin: 11px 0 15px;
padding: 0 37px 0;
border: 1px #f47171 solid;
background-color: #fff5f5;
}
#str-main .box-imp-news .hdg{
min-height: 24px;
margin: 0 -37px 9px;
color: #fff;
background-color: #f47171;
font-size: 20px;
font-weight: bold;
text-align: center;
}
#str-main .box-imp-news .hdg:before{
width: 28px;
height: 24px;
margin: 0 10px -3px 0;
display: inline-block;
background: url(/common/renew_files/images/icon_important.png) no-repeat 0 0;
content: "";
}
#str-main .box-imp-news table{
margin-bottom: 9px;
}
#str-main .box-imp-news table th{
white-space: nowrap;
}

/* Box .box-contact-01
---------------------------------------------*/
#str-main .box-contact-01{
margin-bottom:25px;
padding: 15px 12px 1px 15px;
color: #424242 !important;
background-color: #fef1cf;
line-height: 1.54;
letter-spacing: -.40em;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .box-contact-01{
  margin-right: -10px;
  margin-left: -10px;
  }
}
#str-main .box-contact-01 .hdg{
margin-bottom: 8px;
color: #424242;
font-size: 13px;
font-weight: bold;
letter-spacing: normal;
}
#str-main .box-contact-01 .btn-contact{
padding-top: 5px;
width: 250px;
margin-right: 15px;
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-main .box-contact-01 .btn-contact{
  width: 100%;
  padding-top: 0;
  margin: 0 0 5px;
  }
}
#str-main .box-contact-01 .btn-contact a{
padding: 9px 5px;
border-radius: 26px;
display: block;
color:#fff;
background-color: #d40b11;
font-size: 15px;
font-weight: bold;
text-align: center;
}
#str-main .box-contact-01 .btn-contact a:hover,
#str-main .box-contact-01 .btn-contact a:active,
#str-main .box-contact-01 .btn-contact a:focus{
opacity: 0.6;
text-decoration: none;
}
#str-main .box-contact-01 .lyt-contact-txt{
width: 100%;
max-width: 435px;
display: inline-block;
letter-spacing: -.40em;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-main .box-contact-01 .lyt-contact-txt{
  max-width: 100%;
  display: block;
  }
}
#str-main .box-contact-01 .lyt-contact-txt .txt-01{
margin-right: 4px;
display: inline-block;
font-size: 12px;
font-weight: bold;
letter-spacing: normal;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .box-contact-01 .lyt-contact-txt .txt-01{
  margin-bottom: 2px;
  }
}
#str-main .box-contact-01 .lyt-contact-txt .txt-01 .tel{
display: block;
font-size: 21px;
vertical-align: middle;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .box-contact-01 .lyt-contact-txt .txt-01 .tel{
  display: inline-block;
  vertical-align: baseline;
  }
  .rwd-valid #str-main .box-contact-01 .lyt-contact-txt .txt-01 .tel a,
  .rwd-valid #str-main .box-contact-01 .lyt-contact-txt .txt-01 .tel a:visited{
  color: #424242;
  text-decoration: none;
  }
}
#str-main .box-contact-01 .lyt-contact-txt .txt-01 img{
margin: 0 6px 0 0;
vertical-align: middle;
}
#str-main .box-contact-01 .lyt-contact-txt .txt-02{
width: 212px;
display: inline-block;
font-size: calc(211px/21);
letter-spacing: normal;
text-align:center;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-main .box-contact-01 .lyt-contact-txt .txt-02{
  width: auto;
  font-size: 12px;
  }
}

/* Box .box-relation-01
---------------------------------------------*/
#str-main .box-relation-01{
background-color:#fff;
margin-bottom: 20px;
overflow:hidden;
}
#str-main .box-relation-01 .hdg-relation-01{
float:left;
margin:0 20px 5px 0;
font-size:14px;
font-weight:bold;
}
#str-main .box-relation-01 li{
float:left;
margin:0 20px 5px 0;
}

/* Table .table-01
---------------------------------------------*/
#str-main .table-01{
width: 100%;
border-top:1px solid #999;
border-left:1px solid #999;
border-collapse: collapse;
}
#str-main .table-01 thead th{
padding:6px 10px;
border-right:1px solid #999;
border-bottom:1px solid #999;
color:#fff;
background-color: #365ca5;
text-align: center;
vertical-align:middle;
}
#str-main .table-01 tbody th{
padding:6px 10px;
border-right:1px solid #999;
border-bottom:1px solid #999;
background-color: #e0eef3;
font-weight: bold;
}
#str-main .table-01 tbody th img{
margin-bottom:0!important;
}
#str-main .table-01 tbody td{
padding:6px 10px;
border-right:1px solid #999;
border-bottom:1px solid #999;
}
#str-main .table-01.h80 tbody th{
vertical-align:middle;
height:80px;
}
/* Table .table-02
---------------------------------------------*/
#str-main .table-02{
width: 100%;
border-top:1px solid #999;
border-left:1px solid #999;
border-collapse: collapse;
}
#str-main .table-02 thead th{
padding:6px 10px;
border-right:1px solid #999;
border-bottom:1px solid #999;
color:#fff;
background-color: #858585;
text-align: center;
}
#str-main .table-02 tbody th{
padding:6px 10px;
border-right:1px solid #999;
border-bottom:1px solid #999;
background-color: #ddd;
vertical-align: middle;
text-align: left;
font-size: 12px;
}
#str-main .table-02 tbody th.no-border-r{
border-right:none;
}
#str-main .table-02 tbody th.border-l{
border-left:1px solid #999;
}
#str-main .table-02 tbody th img{
margin-bottom:0!important;
}
#str-main .table-02 tbody td{
padding:6px 10px;
border-right:1px solid #999;
border-bottom:1px solid #999;
font-size: 12px;
-webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 768px){
  .rwd-valid .scroll-table{
  width: 100%;
  overflow-x: auto;
  }
  .rwd-valid .scroll-table table{
  width: 730px;
  }
}


/* Index .ind-01
---------------------------------------------*/
#str-main .ind-01{
box-sizing: border-box;
margin-bottom: 40px;
padding: 0 20px 1px;
background-color: #fff;
}
#str-main .ind-01 .ind-01-hdg-01{
margin: 0 -20px;
background-color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 1.2;
}
#str-main .ind-01 .ind-01-hdg-01 a{
width: 1000px; /* max-width */
height: auto; /*IE8*/
padding: 4px 28px 4px 19px;
display: table-cell;
color: #fff;
background: #532f91 url(/common/renew_files/images/anc_01.png) no-repeat right 50%;
vertical-align: middle;
}
:root #str-main .ind-01 .ind-01-hdg-01 a{
height: 44px; /* IE8以外 min-height */
}
#str-main .ind-01 .ind-01-hdg-02{
margin: 0 0 20px;
background-color: #fff;
font-size: 16px;
line-height: 1.2;
}
#str-main .ind-01 .ind-01-hdg-02 a{
width: 1000px; /* max-width */
height: auto; /* IE8 */
padding: 4px 19px 4px;
display: table-cell;
color: #532f91;
background: #d5cee0 url(/common/renew_files/images/anc_09.png) no-repeat right 50%;
vertical-align: middle;
}
:root #str-main .ind-01 .ind-01-hdg-02 a{
height: 36px; /* IE8以外 min-height */
}
#str-main .ind-01 .ind-01-hdg-02 a:visited{
color: #532f91;
}
#str-main .ind-01 .ind-01-hdg-01 a:hover,
#str-main .ind-01 .ind-01-hdg-01 a:active,
#str-main .ind-01 .ind-01-hdg-01 a:focus,
#str-main .ind-01 .ind-01-hdg-02 a:hover,
#str-main .ind-01 .ind-01-hdg-02 a:active,
#str-main .ind-01 .ind-01-hdg-02 a:focus{
opacity: 0.6;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .segment-link:hover .ind-01-hdg-01,
#str-main .segment-link:active .ind-01-hdg-01,
#str-main .segment-link:focus .ind-01-hdg-01,
#str-main .segment-link:hover .lyt-img-only,
#str-main .segment-link:active .lyt-img-only,
#str-main .segment-link:focus .lyt-img-only{
opacity: 0.6;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .ind-01 .ind-01-hdg-01 + *{
margin-top: 17px;
}

/* Index .ind-prdct-01 (for Product)
---------------------------------------------*/
#str-main .ind-prdct-01{
margin-bottom: 40px;
padding: 0 20px 1px;
background-color: #fff;
}

#str-main .ind-prdct-01--link {
  display: block;
}
#str-main .ind-prdct-01--link > .ind-prdct-01-hdg-01 > span {
display: table-cell;
padding: 4px 28px 4px 19px;
width: 1000px;
height: 44px;
background: #6d6d6d url(/common/renew_files/images/anc_01.png) no-repeat right 50%;
background-color: #6d6d6d;
color: #fff;
text-align: center;
vertical-align: middle;
}

#str-main .ind-prdct-01.transparent{
background-color: transparent;
}

#str-main .ind-prdct-01.transparent .ind-prdct-01-btn a{
background-color: #fff;
}

#str-main .ind-prdct-01 .ind-prdct-01-hdg-01{
margin: 0 -20px;
background-color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 1.2;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 .no-link,
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 a{
width: 1000px; /* max-width */
height: 44px; /* min-height */
padding: 4px;
display: table-cell;
color: #fff;
background-color: #6d6d6d;
vertical-align: middle;
text-align: center;
}

#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 a {
  padding: 4px 28px 4px 19px;
  background: #6d6d6d url(/common/renew_files/images/anc_01.png) no-repeat right 50%;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-02{
margin: 0 0 20px;
background-color: #fff;
font-size: 16px;
line-height: 1.2;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-02 a{
width: 1000px; /* max-width */
height: 36px; /* min-height */
padding: 4px 19px 4px;
display: table-cell;
color: #532f91;
background: #d5cee0 url(/common/renew_files/images/anc_09.png) no-repeat right 50%;
vertical-align: middle;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-02 a:visited{
color: #532f91;
}
#str-main .ind-prdct-01--link[href]:hover,
#str-main .ind-prdct-01--link[href]:active,
#str-main .ind-prdct-01--link[href]:focus,
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 a:hover,
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 a:active,
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 a:focus,
#str-main .ind-prdct-01 .ind-prdct-01-hdg-02 a:hover,
#str-main .ind-prdct-01 .ind-prdct-01-hdg-02 a:active,
#str-main .ind-prdct-01 .ind-prdct-01-hdg-02 a:focus{
opacity: 0.6;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 + *{
margin-top: 17px;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 + .imgonly{
margin: 0 -20px -1px;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 + .imgonly img{
width: 100%;
margin-bottom: 0;
}

#str-main .ind-prdct-01 .ind-prdct-01-btn-list {
margin: 0 -20px;
padding: 0;
}

#str-main .ind-prdct-01 .ind-prdct-01-btn {
  margin-bottom: 0;
  list-style: none;
}

#str-main .ind-prdct-01 .ind-prdct-01-btn + .ind-prdct-01-btn {
  margin-top: 3px;
}

#str-main .ind-prdct-01 .ind-prdct-01-btn a {
display: block;
border: 1px #dbdbdb solid;
padding: 9px 28px 9px 17px;
position: relative;
display: block;
color: #333;
background: url(/common/renew_files/images/anc_08.png) no-repeat right 50%;
white-space: nowrap;
text-align: center;
font-size: 14px;
}
#str-main .ind-prdct-01 .ind-prdct-01-btn.wrap a {
  white-space: normal;
}
#str-main .ind-prdct-01 .ind-prdct-01-btn.align-left a {
  text-align: left;
}
#str-main .ind-prdct-01 .ind-prdct-01-btn.align-center a {
  display: flex;
  align-items: center;
}
#str-main .ind-prdct-01 .ind-prdct-01-btn.anchor a {
  background-image: url(/common/renew_files/images/anc_15.png);
  background-position: right 5px center;
  text-align: left;
}
#str-main .ind-prdct-01 .ind-prdct-01-btn a:hover {
  text-decoration: none;
  opacity: .6;
}

@media screen and (max-width: 768px){
  #str-main .ind-prdct-01 .ind-prdct-01-btn-list {
    margin-bottom: 20px;
  }
  #str-main .ind-prdct-01 .ind-prdct-01-btn,
  #str-main .ind-prdct-01 .ind-prdct-01-btn + .ind-prdct-01-btn {
    margin-top: 12px;
  }
}

/* Layout .lyt-img-only
---------------------------------------------*/
#str-main .lyt-img-only{
margin-bottom: 0 !important;
padding: 0;
text-align: center;
vertical-align: top;
}
#str-main .lyt-img-only img{
max-width: 100%;
}
#str-main .lyt-img-only .caption{
margin: -15px 0 20px;
display: block;
}
#str-main .lyt-img-only.link-img a{
max-width: 100%;
}
#str-main .lyt-img-only a:hover,
#str-main .lyt-img-only a:active,
#str-main .lyt-img-only a:focus{
opacity: 0.6;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}

#str-main .lyt-img-only.m--20{
  margin-right: -20px;
  margin-left: -20px;
}
/* Layout .lyt-img
---------------------------------------------*/
#str-main .lyt-img{
display: block;
}
#str-main .lyt-img .img.right{
margin-left: 14px;
float: right;
}
#str-main .lyt-img .img.left{
margin-right: 14px;
float: left;
}

/* Layout .lyt-img-w***
---------------------------------------------*/
#str-main .lyt-img-w130 .img,
#str-main .lyt-img-w160 .img,
#str-main .lyt-img-w200 .img{
float: left;
}
#str-main #str-sidecont .box-01 .lyt-img-w130 .txt{
width: 593px;
float: right;
}
#str-main #str-sidecont .box-01 .lyt-img-w160 .txt{
width: 563px;
float: right;
}
#str-main .lyt-img-w200 .txt{
width: 747px;
float: right;
}

/* Layout .lyt-img-right
---------------------------------------------*/
#str-main .lyt-img-right{
margin-bottom: 20px;
overflow: hidden;
}
#str-main .lyt-img-right > .img{
margin-left: 20px;
float: right;
}
#str-main .lyt-img-right > .img .caption{
margin: -15px 0 20px;
display: block;
font-size: 12px;
}
#str-main .lyt-img-right > .img p{
margin-bottom: 0;
text-align: center;
}
#str-main .lyt-img-right > .txt{
overflow: hidden;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-img-right > .img{
  width: auto;
  margin: 0 0 10px 0;
  float: none;
  }
  .rwd-valid #str-main .lyt-img-right > .img img{
  max-width: 100%;
  }
}

/* Layout .lyt-img-left
---------------------------------------------*/
#str-main .lyt-img-left{
margin-bottom: 20px;
overflow: hidden;
}
#str-main .lyt-img-left > .img{
margin-right: 20px;
float: left;
}
#str-main .lyt-img-left > .img .caption{
margin: -15px 0 20px;
display: block;
font-size: 12px;
}
#str-main .lyt-img-left > .img p{
margin-bottom: 0;
text-align: center;
}
#str-main .lyt-img-left > .txt{
overflow: hidden;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-img-left > .img{
  width: auto;
  margin: 0 0 10px 0;
  float: none;
  }
  .rwd-valid #str-main .lyt-img-left > .img img{
  max-width: 100%;
  }
}

/* Layout .lyt-img-right02（テキストが先のパターン）
---------------------------------------------*/
#str-main .lyt-img-right02,
#str-main .lyt-img-left02{
display:table;
width:100%;
}
#str-main .lyt-img-right02{
direction:ltr;
}
#str-main .lyt-img-left02{
direction:rtl;
}
#str-main .lyt-img-right02 .txt,
#str-main .lyt-img-left02 .txt{
width:100%;
}
#str-main .lyt-img-right02 .txt{
padding-right:20px;
}
#str-main .lyt-img-left02 .txt{
padding-left:20px;
}
#str-main .lyt-img-right02 .img,
#str-main .lyt-img-right02 .txt,
#str-main .lyt-img-left02 .img,
#str-main .lyt-img-left02 .txt{
direction:ltr;
display:table-cell;
vertical-align:top;
}
#str-main .lyt-img-right02 .img,
#str-main .lyt-img-left02 .img{
max-width:none;
}

#product-risograph-eco #str-main .col-2-rwd .lyt-img-left02 {
display: block;
}
#product-risograph-eco #str-main .col-2-rwd .lyt-img-left02 > .txt {
width: 50%;
float: right;
display: block;
}
@media screen and (max-width: 768px) {
  #product-risograph-eco #str-main .col-2-rwd .lyt-img-left02 > .txt {
  width: 100%;
    float: none;
  }
}

@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-img-right02,
  .rwd-valid #str-main .lyt-img-left02{
  display:block !important;
  }
  .rwd-valid #str-main .lyt-img-right02 .txt,
  .rwd-valid #str-main .lyt-img-right02 .img,
  .rwd-valid #str-main .lyt-img-left02 .txt,
  .rwd-valid #str-main .lyt-img-left02 .img{
  display:block !important;
  padding-left:0 !important;
  padding-right:0 !important;
  }
  .rwd-valid #str-main .lyt-img-right02 .img,
  .rwd-valid #str-main .lyt-img-left02 .img{
  text-align:center;
  }
  .rwd-valid #str-main .lyt-img-right02 .img img,
  .rwd-valid #str-main .lyt-img-left02 .img img{
  width:100%;
  }
}

/* Layout .lyt-news
---------------------------------------------*/
#str-main .lyt-news{
position: relative;
}
#str-main .lyt-news .btn-news{
width: auto;
margin-right: 0 !important;
margin-left: 0 !important;
position: absolute;
top: -17px; /* IE8 */
right: 0;
}
:root #str-main .lyt-news .btn-news{ /* IE8以外 */
top: 8px;
}
#str-main .lyt-news .rss a:hover img,
#str-main .lyt-news .rss a:active img,
#str-main .lyt-news .rss a:focus img{
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}

/* Layout .lyt-recommend
---------------------------------------------*/
#str-main .lyt-recommend{
margin: 11px 0 40px;
}
#str-main .lyt-recommend > .hdg{
width: 1000px;
margin: 0 auto 22px;
font-size: 22px;
font-weight: normal;
}
.rwd-valid #str-main .lyt-recommend > .hdg{
width: calc(100% - 20px);
max-width: 1000px;
padding-right: 10px;
padding-left: 10px;
}
#str-main .lyt-recommend .box{
padding-top: 30px;
background: #ccc url(/common/renew_files/images/bg_lyt-recommend.jpg) no-repeat center bottom;
}

@media screen and (max-width: 768px){
   .rwd-valid #str-main .lyt-recommend .box{
  background-image: none;
  }
  .rwd-valid #str-main .lyt-recommend .col-4-rwd{
  overflow:hidden;
  margin-bottom:10px;
  }
  .rwd-valid #str-main .lyt-recommend .col-4-rwd > li{
  width: calc(50% - 10px) !important;
  float:left;
  margin:0 5px 10px;
  }
  .rwd-valid #str-main .lyt-recommend .col-4-rwd li:nth-child(2n+1){
  clear:both;
  }
  .rwd-valid #str-main .feature .col-4-rwd > li:nth-child(2n){
  margin-right:0 !important;
  }
  .rwd-valid #str-main .lyt-recommend .col-3-rwd > li{
  width: calc(50% - 10px) !important;
  float:left;
  margin:0 5px 10px;
  }
  .rwd-valid #str-main .lyt-recommend .col-3-rwd li:nth-child(2n+1){
  clear:both;
  }
  .rwd-valid #str-main .lyt-recommend .col-3-rwd li:nth-child(3n+3){
  margin-right:5px !important;
  }
  .rwd-valid #str-main .lyt-recommend .col-3-rwd{
  overflow:hidden;
  margin-bottom:10px;
  }
}
#str-main .lyt-recommend .box .inner{
width: 1000px;
margin: 0 auto;
}
.rwd-valid #str-main .lyt-recommend .box .inner{
width: calc(100% - 20px);
max-width: 1000px;
padding-right: 10px;
padding-left: 10px;
}

/* Layout .lyt-ranking
---------------------------------------------*/
#str-main .lyt-ranking{
margin-bottom: 20px;
}
#str-main .lyt-ranking .hdg{
margin: 0;
padding: 11px 32px 9px;
color: #fff;
background: #9a741a url(/common/renew_files/images/bg_lyt-ranking.png) repeat-y center top;
font-size: 16px;
font-weight: bold;
text-align: center;
}
#str-main .lyt-ranking .hdg:before,
#str-main .lyt-ranking .hdg:after{
width: 19px;
height: 31px;
margin-bottom: 4px;
display: inline-block;
background: url(/common/renew_files/images/icon_ranking.png) no-repeat 0 0;
content: "";
vertical-align: middle;
}
#str-main .lyt-ranking .hdg:before{
margin-right: 15px;
}
#str-main .lyt-ranking .hdg:after{
margin-left: 15px;
}
#str-main .lyt-ranking .box{
padding: 3px 20px 5px;
border: 1px #9b741a solid;
border-top-width: 0;
}
#str-main .lyt-ranking .box .list-ranking{
margin: 0;
padding: 0;
}
#str-main .lyt-ranking .box .list-ranking li{
margin: 0;
padding: 15px 0;
border-top: 1px #dbdbdb solid;
list-style: none;
font-size: 13px;
}
#str-main .lyt-ranking .box .list-ranking li:first-child{
border-top-width: 0;
}
#str-main .lyt-ranking .box .list-ranking li a{
width: 100%;
margin: -15px 0;
padding: 15px 0;
display: table;
color: #333;
background: url(/common/renew_files/images/anc_02.png) no-repeat right center;
}
#str-main .lyt-ranking .box .list-ranking li a:visited{
color: #333;
}
#str-main .lyt-ranking .box .list-ranking li a:hover,
#str-main .lyt-ranking .box .list-ranking li a:active,
#str-main .lyt-ranking .box .list-ranking li a:focus{
text-decoration: none;
}
#str-main .lyt-ranking .box .list-ranking li a:hover,
#str-main .lyt-ranking .box .list-ranking li a:active,
#str-main .lyt-ranking .box .list-ranking li a:focus,
#str-main .lyt-ranking .box .list-ranking li a:hover img,
#str-main .lyt-ranking .box .list-ranking li a:active img,
#str-main .lyt-ranking .box .list-ranking li a:focus img{
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}

#str-main .lyt-ranking .box .list-ranking .rank,
#str-main .lyt-ranking .box .list-ranking .thumb{
margin-bottom: 0;
vertical-align: middle;
}
#str-main .lyt-ranking .box .list-ranking .rank{
margin: 0 15px 0 2px;
}
#str-main .lyt-ranking .box .list-ranking .thumb{
margin-right: 20px;
}
#str-main .lyt-ranking .box .list-ranking .txt{
width: 476px;
height: 100%;
padding-right: 46px;
display: table-cell;
vertical-align: middle;
}

/* Layout .lyt-related
---------------------------------------------*/
#str-main .lyt-related{
margin: 11px 0 40px;
}
#str-main .lyt-related > .hdg{
width: 1000px;
margin: 0 auto 22px;
font-size: 22px;
font-weight: normal;
}
.rwd-valid #str-main .lyt-related > .hdg{
width: calc(100% - 20px);
max-width: 1000px;
padding-right: 10px;
padding-left: 10px;
}
#str-main .lyt-related .box{
padding-top: 20px;
background-color: #ccc;
}
#str-main .lyt-related .box .inner{
width: 1000px;
margin: 0 auto;
}
.rwd-valid #str-main .lyt-related .box .inner{
max-width: 1000px;
width: 100%;
}


/* Layout .lyt-carousel
---------------------------------------------*/
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-carousel-rwd{
  margin-right: -10px;
  margin-left: -10px;
  }
}
#str-main .lyt-carousel .carousel-list,
#str-main .lyt-carousel-rwd .carousel-list{
margin-bottom: 0;
}
#str-main .lyt-carousel .turn button[disabled="disabled"],
#str-main .lyt-carousel-rwd .turn button[disabled="disabled"]{
display: none;
}
#str-main .lyt-carousel .turn,
#str-main .lyt-carousel-rwd .turn{
width: 100%;
margin: -31px 0 0;
padding: 0;
position: absolute;
top: 50%;
z-index: 0;
display: none;
}
#str-main .lyt-carousel .turn li,
#str-main .lyt-carousel-rwd .turn li{
position: absolute;
right: 0;
list-style: none;
}
#str-main .lyt-carousel .turn li:first-child,
#str-main .lyt-carousel-rwd .turn li:first-child{
left: 0;
}
#str-main .lyt-carousel .turn button,
#str-main .lyt-carousel-rwd .turn button{
padding: 0;
border-width: 0;
background-color: transparent;
cursor: pointer;
}
#str-main .lyt-carousel .turn button img,
#str-main .lyt-carousel-rwd .turn button img{
margin-bottom: 0;
}
#str-main .lyt-carousel .turn button:hover img,
#str-main .lyt-carousel .turn button:active img,
#str-main .lyt-carousel .turn button:focus img,
#str-main .lyt-carousel-rwd .turn button:hover img,
#str-main .lyt-carousel-rwd .turn button:active img,
#str-main .lyt-carousel-rwd .turn button:focus img{
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}

/* JS有効時 切り替えボタン有効(.carousel-turnbtn-valid) */
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel,
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd{
margin: 0 -47px;
position: relative;
}
.js-active #str-main #main-header-01 .inner.carousel-turnbtn-valid .lyt-carousel,
.js-active #str-main #main-header-01 .inner.carousel-turnbtn-valid .lyt-carousel-rwd{
width: 1094px;
}
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .carousel-list,
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .carousel-list{
margin-bottom: 30px;
z-index: 1;
}
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea,
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .viewarea{
margin:0 47px;
position: relative;
overflow: hidden;
}
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea .carousel-list,
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .viewarea .carousel-list{
margin-right: 0 !important;
margin-left: 0 !important;
position: relative;
left: 0;
display: table;
-webkit-transition: left 0.5s;
transition: left 0.5s;
}
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea .carousel-list [role="tabpanel"],
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .viewarea .carousel-list [role="tabpanel"]{
margin-right: 0;
margin-left: 0;
padding-right: 20px;
display: table-cell;
float: none;
vertical-align: top;
}
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn,
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn{
display: block;
}
/* JS有効時 RWD有効(.rwd-valid) 切り替えボタン有効(.carousel-turnbtn-valid) */
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid{
padding: 0!important;
}
.rwd-valid.js-active #str-main #main-header-01 .inner.carousel-turnbtn-valid{
max-width: 1094px;
}
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel,
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd{
width: calc(100% - 94px);
margin: 0 47px;
}
@media screen and (max-width: 768px){
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd{
  width: calc(100% + 20px);
  margin-right: -10px;
  margin-left: -10px;
  }
}
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea,
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .viewarea{
margin: 0;
}
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea .carousel-list [role="tabpanel"] .carousel-panel-img,
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .viewarea .carousel-list [role="tabpanel"] .carousel-panel-img{
width: auto;
max-width: initial; /* webkit対策 */
}
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn,
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn{
width: calc(100% + 94px);
margin-right: -47px;
margin-left: -47px;
}
@media screen and (max-width: 768px){
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .viewarea{
  margin-bottom: 10px;
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn{
  width: 100%;
  margin: 0;
  position: static;
  text-align: center;
  letter-spacing: -.40em;
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li{
  margin-right: 14px;
  margin-left: 14px;
  position: static;
  display: inline-block;
  letter-spacing: normal;
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li button,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button{
  width: 32px;
  height: 30px;
  position: relative;
  overflow: hidden;
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:before,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:before{
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px #ccc solid;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #fff;
  content: "";
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:after,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:after{
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -10px;
  border-right: 3px solid #532f91;
  border-bottom: 3px solid #532f91;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:hover:after,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:active:after,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:focus:after,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:hover:after,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:active:after,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:focus:after{
  opacity: 0.6;
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li:first-child button:after,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li:first-child button:after{
  margin-left: -3px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  }
}


/* Orphis Top カルーセル */

/* JS有効時 切り替えボタン有効(.carousel-turnbtn-valid) */
.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel,
.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd{
width: 730px;
}
.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .carousel-list,
.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .carousel-list{
margin-bottom: 0;
}
.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .viewarea,
.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .viewarea{
margin: 0;
}
.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .viewarea .carousel-list [role="tabpanel"],
.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .viewarea .carousel-list [role="tabpanel"]{
margin-right: 0;
margin-left: 0;
}
.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn,
.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn{
margin-top: -10px;
z-index: 2;
}
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li button,
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button{
width: 30px;
height: 20px;
position: relative;
overflow: hidden;
}
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li button img,
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button img{
display: none;
}
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:before,
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:before{
box-sizing: border-box;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
content: "";
}
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:after,
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:after{
width: 10px;
height: 10px;
margin: -6px 0 0 -6px;
border-right: 2px solid #532f91;
border-bottom: 2px solid #532f91;
position: absolute;
top: 50%;
left: 50%;
display: block;
content: "";
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:hover:after,
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:active:after,
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:focus:after,
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:hover:after,
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:active:after,
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:focus:after{
opacity: 0.6;
}
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li:first-child button:after,
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li:first-child button:after{
margin-left: -3px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.js-active #str-main #main-header-03 .link-img a {
margin-bottom: 0;
}

/* JS有効時 RWD有効(.rwd-valid) 切り替えボタン有効(.carousel-turnbtn-valid) */
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid{
max-width: 730px;
}
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel,
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd{
width: calc(100%);
margin: 0;
}
@media screen and (max-width: 768px){
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel,
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd{
  width: calc(100%);
  margin-right: 0;
  margin-left: 0;
  }
}
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .viewarea,
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .viewarea{
margin: 0;
}
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn,
.rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn{
width: calc(100%);
margin-right: 0;
margin-left: 0;
}
@media screen and (max-width: 768px){
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .viewarea,
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .viewarea{
  margin-bottom: 0;
  }
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn,
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn{
  width: 100%;
  margin: 5px 0 0;
  position: static;
  text-align: center;
  letter-spacing: -.40em;
  }
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li,
  .rwd-valid.js-active #str-main #main-header-03.inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li{
  margin-right: 14px;
  margin-left: 14px;
  position: static;
  display: inline-block;
  letter-spacing: normal;
  }
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li button,
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button{
  width: 32px;
  height: 30px;
  position: relative;
  overflow: hidden;
  }
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:before,
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:before{
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px #ccc solid;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #fff;
  content: "";
  }
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:after,
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:after{
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -10px;
  border-right: 3px solid #532f91;
  border-bottom: 3px solid #532f91;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:hover:after,
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:active:after,
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:focus:after,
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:hover:after,
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:active:after,
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li button:focus:after{
  opacity: 0.6;
  }
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel .turn li:first-child button:after,
  .rwd-valid.js-active #str-main #main-header-03 .inner.carousel-turnbtn-valid .lyt-carousel-rwd .turn li:first-child button:after{
  margin-left: -3px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  }
}

/* Layout .lyt-tab
---------------------------------------------*/
#str-main .lyt-tab{
margin-bottom: 40px;
}
#str-main .lyt-tab .tab{
margin: 0;
padding: 0;
}
#str-main .lyt-tab .tab li{
min-width: 168px;
margin: 0 0 0 3px;
padding: 9px 3px 10px;
border: 1px #dbdbdb solid;
float: left;
list-style: none;
font-size: 14px;
text-align: center;
white-space: nowrap;
}
#str-main .lyt-tab .tab li:first-child{
margin-left: 0;
}
#str-main .lyt-tab .tab a{
margin: -9px -3px -10px;
padding: 9px 3px 10px;
display: block;
background-color: #e7e4ed;
cursor: pointer;
}
#str-main .lyt-tab .panel{
margin-top: -1px;
padding: 19px 19px 0;
border: 1px #dbdbdb solid;
}
#str-main .lyt-tab .tab li[aria-selected="true"]{ /* js有効時 */
padding-top: 6px;
padding-bottom: 11px;
border-width: 0;
border-top: 4px #532f91 solid;
z-index: 1;
}
#str-main .lyt-tab .tab li[aria-selected="true"]{
min-width: 170px;
}
#str-main .lyt-tab .tab li[aria-selected="true"] a{
margin-top: -6px;
margin-bottom: -11px;
padding-top: 6px;
padding-bottom: 11px;
border-right: 1px #dbdbdb solid;
border-left: 1px #dbdbdb solid;
position: relative;
color: #333;
background-color: #f2f2f2;
}
#str-main .lyt-tab .tab li[aria-selected="true"] a:visited{
color: #333;
}
#str-main .lyt-tab .tab li[aria-selected="true"] a:hover,
#str-main .lyt-tab .tab li[aria-selected="true"] a:active,
#str-main .lyt-tab .tab li[aria-selected="true"] a:focus{
cursor: default;
text-decoration: none;
}
#str-main .lyt-tab .panel[aria-hidden="true"]{
display: none;
}

/* Layout .lyt-tab-02
---------------------------------------------*/

#str-main .lyt-tab-02 .list-tab {
position: relative;
margin-bottom: 40px;
padding-left: 0;
}

#str-main .lyt-tab-02 .list-tab:before {
position: absolute;
bottom: -20px;
left: 50%;
display: block;
width: 30px;
height: 30px;
margin-left: -20px;
content: "";
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: 2px #532f91 solid;
border-left: 2px #532f91 solid;
}

#str-main .lyt-tab-02 .list-tab > li {
text-align: center;
float: left;
width: calc((100% - 40px) / 5);
list-style-type: none;
}

#str-main .lyt-tab-02 .list-tab > li + li {
margin-left: 10px;
}

#str-main .lyt-tab-02 .list-tab > li a {
color: #333;
display: block;
box-sizing: border-box;
width: 100%;
padding: 10px 5px;
border: 1px #dbdbdb solid;
}

#str-main .lyt-tab-02 .list-tab > li[aria-selected="true"] a {
color: #fff;
background-color: #532f91;
border: 1px #532f91 solid;
}

#str-main .lyt-tab-02 .list-tab > li a:hover,
#str-main .lyt-tab-02 .list-tab > li a:focus {
text-decoration: none;
color: #333;
opacity: .6;
}

#str-main .lyt-tab-02 .list-tab > li[aria-selected="true"] a:hover,
#str-main .lyt-tab-02 .list-tab > li[aria-selected="true"] a:focus {
text-decoration: none;
color: #fff;
opacity: .6;
}

#str-main .lyt-tab-02 .panel-cont .panel{
border: none;
padding: 0;
}

/* Layout .lyt-swtch-rwd
---------------------------------------------*/
#str-main .lyt-swtch-rwd .rwd-sp{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-swtch-rwd .rwd-pc{
  display: none;
  }
  .rwd-valid #str-main .lyt-swtch-rwd .rwd-sp{
  display: block;
  }
}

/* Layout .foldingBlock
---------------------------------------------*/
#str-main .foldingBlock .ttl{
margin-bottom:20px;
border-top:1px solid #e6f1f6;
border-bottom:1px solid #9caeb4;
position: relative;
background-color: #cce3ec;
cursor: pointer;
}
#str-main .foldingBlock .ttl h3{
margin-bottom:0;
padding: 3px 38px 3px 12px;
font-size:15px;
font-weight: bold;
}
#str-main .foldingBlock .ttl .icn{
width:30px;
height:100%;
border-right:1px solid #9caeb4;
border-left:1px solid #9caeb4;
position: absolute;
top:0;
right:0;
}
#str-main .foldingBlock .ttl .icn.plus{
display: none;
background:#fff url(/product/orphis/images/icn_folding_plus.gif) no-repeat center center;
}
#str-main .foldingBlock .ttl .icn.minus{
background:#fff url(/product/orphis/images/icn_folding_minus.gif) no-repeat center center;
}
#str-main .foldingBlock .ttl .icon{
margin-left:10px;
padding:2px 5px;
border:1px solid #428dae;
border-radius: 2px;
color:#428dae;
background-color: #fff;
font-size:10px;
font-weight: normal;
vertical-align: middle;
}
#str-main .foldingBlock .ttl .icon-type{
margin-left:10px;
padding:2px 5px;
border:1px solid #428dae;
border-radius: 2px;
color:#333333;
background-color: #fff;
font-size:12px;
font-weight: normal;
vertical-align: middle;
display:inline-block;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .foldingBlock .ttl .icon{
  display: inline-block;
  }
}

/* Text sub
---------------------------------------------*/
#str-main sub.mark{
vertical-align:bottom;
position:relative;
top:0;
}

/* 製品情報用ローカルナビ
---------------------------------------------*/
#str-main .local-nav-prdct-01 {
  margin-top: 30px;
  margin-bottom: 40px;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-tab {
  margin: 0;
  padding: 0;
  display: flex;
  margin-left: -5px;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-tab.tab-col-2 li {
  width: 50%;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-tab.tab-col-3 li {
  width: 33.33%;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-tab.tab-col-4 li {
  width: 25%;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-tab li{
  display: flex;
  list-style: none;
  margin-bottom: 0;
  margin-left: 5px;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-tab li a{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 15px 14px;
  width: 100%;
  font-size: 12px;
  border: 1px solid #532F91;
  border-bottom: 0;
  text-align: center;
  color: #333;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-tab li.current a{
  font-weight: bold;
  border-top-width: 2px;
  border-right-color: transparent;
  border-left-color: transparent;
  background-color: #EBEBEB;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-tab li a[href]:hover{
  opacity: .6;
  text-decoration: none;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-content{
  background-color: #EBEBEB;
  padding: 0 10px;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-content .link-04{
  margin-left: 0!important;
  margin-bottom: 0!important;
  padding-bottom: 8px;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-content .link-04{
  padding-top: 10px;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-content .link-04 li{
  margin-right: 15px!important;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-other{
  margin: 0 -10px;
  padding: 10px 10px 0;
  background-color: #fff;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-other:first-child{
  margin-top: 0;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-other-title{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-other .link-03 {
  margin-bottom: 0;
  margin-left: -20px;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-other .link-03 li{
  display: inline-block;
  margin-left: 20px;
}
#str-main .local-nav-prdct-01 .local-nav-prdct-01-other .link-03 a:not([href]){
  font-weight: bold;
  color: #333;
}
@media screen and (max-width: 768px){
  #str-main .local-nav-prdct-01 {
    margin-top: 25px;
    margin-bottom: 30px;
  }
  #str-main .local-nav-prdct-01 .local-nav-prdct-01-tab {
    flex-wrap: wrap;
  }
  #str-main .local-nav-prdct-01 .local-nav-prdct-01-tab li{
    width: calc(50% - 5px);
    margin-bottom: 5px;
  }
  #str-main .local-nav-prdct-01 .local-nav-prdct-01-tab.tab-col-2 li {
    width: calc(50% - 5px);
  }
  #str-main .local-nav-prdct-01 .local-nav-prdct-01-tab.tab-col-3 li {
    width: calc(50% - 5px);
  }
  #str-main .local-nav-prdct-01 .local-nav-prdct-01-tab.tab-col-4 li {
    width: calc(50% - 5px);
  }
  #str-main .local-nav-prdct-01 .local-nav-prdct-01-tab li a{
    border-bottom: 1px solid #532F91;
  }
  #str-main .local-nav-prdct-01 .local-nav-prdct-01-tab li.current a{
    border-bottom: 0;
  }
}
/*--------------------------------------------------
    03-02. Independent Modules
--------------------------------------------------*/

/* HOME
---------------------------------------------*/
#page-home #str-main{
padding-top: 0;
background-color: #fff;
}
#page-home #str-main #main-header-02{
margin-bottom: 0;
position: relative;
overflow: hidden;
}
#page-home #str-main #main-header-02 .inner{
min-height: 527px;
padding-top: 0;
position: relative;
}
#page-home #str-main #main-header-02 #video-header{
width: 100%;
min-width: 1265px;
position: absolute;
}
#page-home #str-main #main-header-02 #video-header video{
width: 100%;
}
#page-home #str-main #main-header-02 #video-header .filter{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(/images/index_bg_main-header-02.png) repeat-x center top;
}
#page-home #str-main #main-header-02 .lead{
position: absolute;
top: 106px;
left: -2px;
}
#page-home #str-main #main-header-02 .lead img{
margin-bottom: 21px;
}

#page-home #str-main #main-header-02 .lyt-carousel{
padding-top: 306px;
}

#page-home #str-main .lyt-product{
background: #e6e4eb url(/images/index_bg_02.jpg) no-repeat center bottom;
}
#page-home #str-main .lyt-product .inner{
width: 1000px;
margin: 0 auto;
background: #e6e4eb url(/images/index_bg_03.jpg) no-repeat center bottom;
}
#page-home #str-main .lyt-product .column-txt{
width: 488px;
padding-top: 93px;
float: left;
text-align: center;
}
#page-home #str-main .lyt-product h2{
margin: 0 0 27px;
padding: 0;
}
#page-home #str-main .lyt-product h2 img{
margin-bottom: 0;
}
#page-home #str-main .lyt-product .lead{
margin-bottom: 24px;
}

#page-home #str-main .lyt-product .link-box-01{
width: 510px;
margin: 44px -10px 21px;
float: right;
}
#page-home #str-main .lyt-product .link-box-01 li{
width: 235px;
margin: 0 10px 21px;
}
#page-home #str-main .lyt-product .link-box-01 a .txt{
color: #333;
background-color: #fff;
}
#page-home #str-main .lyt-product .link-box-01 li.orphis a .txt{
color: #fff;
background-color: #33396e;
}
#page-home #str-main .lyt-product .link-box-01 li.risograph a .txt{
color: #fff;
background-color: #696c75;
}
#page-home #str-main .lyt-product .link-box-01 a .txt{
background-image: url(/common/renew_files/images/anc_03.png);
}
#page-home #str-main .lyt-product .link-box-01 li.orphis a .txt,
#page-home #str-main .lyt-product .link-box-01 li.risograph a .txt{
background-image: url(/common/renew_files/images/anc_01.png);
}

#page-home #str-main .lyt-about{
margin-bottom: 54px;
background: #292e3a url(/images/index_bg_04.jpg) no-repeat center top;
}
#page-home #str-main .lyt-about .inner{
width: 1000px;
margin: 0 auto;
background: #292e3a url(/images/index_bg_05.jpg) no-repeat center top;
}
#page-home #str-main .lyt-about .column-txt{
width: 435px;
padding: 90px 26px 0 0;
float: right;
text-align: center;
}
#page-home #str-main .lyt-about h2{
margin: 0 0 23px;
padding: 0;
}
#page-home #str-main .lyt-about h2 img{
margin-bottom: 0;
}
#page-home #str-main .lyt-about .lead{
margin-bottom: 24px;
}
#page-home #str-main .lyt-about .movie{
width: 538px;
margin: 76px 0 78px;
float: left;
}

/* movie youtube
---------------------------------------------*/
#str-main .movie-youtube{
max-width: 360px;
margin: 0 auto;
text-align: center;
}
#str-main .movie-youtube iframe{
width: 100%;
height: 240px;
}
#str-main .movie-youtube .movie-caption{
display: table;
width: 100%;
table-layout: auto;
background-color: #333;
margin: 0 auto 14px;
border-top: solid #fff 2px;
}
#str-main .movie-youtube .movie-caption .hdg{
color: #fff;
display: table-cell;
font-weight: bold;
font-size: 14px;
padding: 8px 5px 8px 12px;
vertical-align: top;
text-align: left;
}
#str-main .movie-youtube .movie-caption .time{
color: #fff;
display: table-cell;
font-size: 12px;
text-align: right;
padding: 8px 12px 8px 5px;
vertical-align: bottom;
width: 3em;
}
@media screen and (max-width: 480px){
  #str-main .movie-youtube iframe{
  width: 100%;
  height: 200px;
  }
  #str-main .movie-youtube{
  width: 300px;
  }
  #str-main .movie-youtube + .movie-caption{
  width: 300px;
  }
}

/* /product/index.html
---------------------------------------------*/
#page-product-top #str-main #main-header-02{
background-color: #393939;
}
#page-product-top #str-main #main-header-02 .inner{
padding-top: 0;
}
#page-product-top #str-main #main-header-02 .lyt-carousel .carousel-list,
#page-product-top #str-main #main-header-02 .lyt-carousel .carousel-list .link-img a,
#page-product-top #str-main #main-header-02 .lyt-carousel-rwd .carousel-list,
#page-product-top #str-main #main-header-02 .lyt-carousel-rwd .carousel-list .link-img a{
margin-bottom: 0;
}
#page-product-top #str-main #main-header-02 .lyt-carousel .turn,
#page-product-top #str-main #main-header-02 .lyt-carousel-rwd .turn{
margin-top: -14px;
}
@media screen and (max-width: 768px){
  #page-product-top.rwd-valid #str-main #main-header-02 .lyt-carousel .turn,
  #page-product-top.rwd-valid #str-main #main-header-02 .lyt-carousel-rwd .turn{
  margin-top: 0;
  }
}

/* /product/orphis/index.html
---------------------------------------------*/
#str-main .lyt-orphis-01{
margin-bottom: 35px;
border:1px solid #d2d2d2;
border-radius:5px;
padding-bottom:0;
}
#str-main .lyt-orphis-01 .inner{
padding:20px 40% 0 20px;
background: url(/product/orphis/images/index_bg_01.jpg) no-repeat left bottom;
min-height: 182px;
}
#str-main .lyt-orphis-01 .inner .txt-orphis-01{
font-size:120%;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-orphis-01{
  border:medium none;
  margin-bottom:30px;
  min-height:inherit;
  padding:0;
  }
  .rwd-valid #str-main .lyt-orphis-01 .inner{
  background-image:none;
  padding:0;
  min-height:inherit;
  }
  .rwd-valid #str-main .feature .col-4-rwd{
  overflow:hidden;
  margin-bottom:10px;
  }
  .rwd-valid #str-main .feature .col-4-rwd > li{
  width: calc(50% - 10px) !important;
  float:left;
  margin:0 3px 10px;
  }
  .rwd-valid #str-main .feature .col-4-rwd > li:nth-child(2n+1){
  clear:both;
  }
  .rwd-valid #str-main .feature .col-4-rwd > li:nth-child(2n){
  margin-right:0 !important;
  }
}
#str-main .lyt-orphis-02{
margin-bottom: 35px;
border:1px solid #d2d2d2;
border-radius:5px;
}
#str-main .inner_lyt-orphis-02{
min-height: 210px;
background: url(/product/orphis/gd/images/index_bg_01.jpg) no-repeat right bottom;
padding: 18px 21px 0 35%;
}
#str-main .lyt-orphis-02 p{
font-size:16px;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-orphis-02{
  margin-bottom: 0;
  padding:0;
  border:none;
  }
  .rwd-valid #str-main .inner_lyt-orphis-02{
  background-image: none;
  padding:0;
  min-height: initial;
  }
  .rwd-valid #str-main .lyt-orphis-02 p{
  padding-top:0;
  }
}

/* /product/orphis/fw/index.html
---------------------------------------------*/
#str-main .lyt-fw-01{
margin-bottom: 25px;
padding: 0 25px 1px;
border: 1px #d2d2d2 solid;
border-radius: 5px;
background: url(/product/orphis/fw/images/index_bg_lyt-fw-01.jpg) no-repeat left bottom;
}
#str-main .lyt-fw-02{
  background: url(/product/orphis/fw2/images/index_bg_lyt-fw2-01.jpg) no-repeat left bottom;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-fw-01{
  margin-bottom: 30px;
  padding: 0;
  border-width: 0;
  border-radius: 0;
  background-image: none;
  }
}
#str-main .lyt-fw-01 .lyt-fw-01-txt{
margin: 0 -25px 0;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-fw-01 .lyt-fw-01-txt{
  margin: 0;
  }
}
#str-main .lyt-fw-01 .lyt-fw-01-txt img{
max-width: 100%;
border-radius: 5px;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-fw-01 .lyt-fw-01-txt img{
  border-radius: 0;
  }
}

/* /product/orphis/gd/index.html
---------------------------------------------*/
#str-main .lyt-gd-01{
margin-bottom: 25px;
padding: 0 25px 1px;
border: 1px #d2d2d2 solid;
border-radius: 5px;
background: url(/product/orphis/gd/images/index_bg_lyt-gd-01.jpg) no-repeat left bottom;
}
#str-main .bg-none{
background: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-gd-01{
  margin-bottom: 30px;
  padding: 0;
  border-width: 0;
  border-radius: 0;
  background-image: none;
  }
}
#str-main .lyt-gd-01 .lyt-gd-01-txt{
margin: 0 -25px 0;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-gd-01 .lyt-gd-01-txt{
  margin: 0;
  }
}
#str-main .lyt-gd-01 .lyt-gd-01-txt img{
max-width: 100%;
border-radius: 5px;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-gd-01 .lyt-gd-01-txt img{
  border-radius: 0;
  }
}
#str-main .lyt-gd-02{
margin-bottom:30px;
}
#str-main .segment.segment-link {
position: relative;
}
#str-main .lyt-gd-02 > .segment{
width: calc(50% - 10px);
display:inline-block;
position:relative;
}
#str-main .lyt-gd-02 > .segment:nth-child(2n+1){
margin-right:10px;
}
#str-main .lyt-gd-02 > .segment .caption{
position:absolute;
top:96%;
left:50%;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-gd-02 > .segment{
  width:100%;
  display:block;
  }
  #str-main .lyt-gd-02 > .segment .caption{
  position:inherit;
  }
}

/* /product/orphis/gd/movie/
---------------------------------------------*/
#str-main .movieItems li{
margin:0 20px 5px 0;
}
#str-main .movieItems .box a.unFlashInstalled{
display:none;
}
#str-main .movieItems .box .heightLine-t1,
#str-main .movieItems .box .heightLine-t2{
font-size:15px;
font-weight:bold;
margin:0 0 10px;
}
#str-main .movieItems.end{
overflow:hidden;
}
#str-main .recommendBlock ul{
display:block;
padding:9px 13px;
margin:0;
}
#str-main .recommendBlock .mov img{
margin:0;
}
#str-main .recommendBlock .ttl{
font-size:15px;
font-weight:bold;
margin:0;
}

#str-main .movie-contents a img{
margin-bottom: 10px;
}


/* /product/orphis/gd/guide/
---------------------------------------------*/
#str-main #selectBox ul,
#str-main #selectBox img,
#str-main #selectBox p{
margin-bottom:0;
}
#str-main #selectBox .fnc li{
margin:10px 10px 0 0;
}
#str-main #selectBox .fnc li.end{
margin-right:0;
}
#str-main ul.list-guide{
padding-left: 0;
position: relative;
margin: 0 0 25px;
}
#str-main ul.list-guide:before{
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -25px;
width: 0;
height: 0;
border-style: solid;
border-width: 28px 25px 0 25px;
border-color: #d5e7f0 transparent transparent transparent;
display: block;
content: "";
}
#str-main ul.list-guide > li{
list-style-type: none;
width: calc((100% - 21px)/3);
float: left;
margin-left: 10px;
margin-bottom: 30px;
}
#str-main ul.list-guide > li:first-child,
#str-main ul.list-guide > li:nth-child(3n+1){
margin-left: 0;
}
#str-main ul.list-guide > li:nth-child(3n+1){
clear: both;
}
#str-main ul.list-guide > li > .hdg{
color: #2b4ca3;
font-size: 14px;
margin-bottom: 2px;
display: inline-block;
}
#str-main ul.list-guide > li a {
font-size: 14px;
font-weight: normal;
line-height: 1.4;
text-decoration: none;
vertical-align: middle;
color: #333;
background: #edf5f9 url(/product/risograph/guide/images/bg_checkbox_off.gif) no-repeat 12px 50%;
display: table-cell;
width: 184px;
height: 80px;
margin: 0;
padding: 0 5px 0 46px;
}
#str-main ul.list-guide > li > a em{
font-size: 12px;
font-style: normal;
}
#str-main ul.list-guide > li a:hover,
#str-main ul.list-guide > li a:focus{
color: #333;
text-decoration: none;
}
#str-main ul.list-guide > li a.checked {
color: #333;
font-weight: bold;
text-decoration: none;
background-color: #d2e6ef;
background-image : url(/product/risograph/guide/images/bg_checkbox_on.gif);
}
#conditions ul li.disabled a {
color: #bbbbbb;
font-weight: normal;
background: #eeeeee url(/product/risograph/guide/images/bg_checkbox_disabled.gif) no-repeat 12px 50%;
cursor: default;
}
#conditions ul li.disabled a:hover,
#conditions ul li.disabled a:focus{
color: #bbbbbb;
font-weight: normal;
}
#str-main h2.hdg-guide{
color: #fff;
font-size: 18px;
background-color: #509ec0;
text-align: center;
border-radius: 10px 10px 0 0;
padding: 6px 17px 6px;
}
#str-main .btn-guide{
margin-right: 10px;
margin-left: 10px;
padding: 0;
}
#str-main .btn-guide a{
display: inline-block;
border: 1px #dbdbdb solid;
background-color: #fff;
list-style: none;
height: 29px;
padding: 9px 33px 0 17px;
position: relative;
color: #333;
background: url(/common/renew_files/images/anc_08.png) no-repeat right 50%;
white-space: nowrap;
}
#str-main .btn-guide a .label{
display: table-cell;
vertical-align: middle;
}
#str-main .btn-guide a:visited{
color: #333;
}
#str-main .btn-guide a:hover,
#str-main .btn-guide a:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .items{
margin-left: calc(-5px);
margin-right: calc(-5px);
}
#str-main .items:after{
display: block;
content: "";
clear: both;
}
#str-main .items .item{
border: 1px #dbdbdb solid;
padding: 12px;
box-sizing: border-box;
margin: 5px;
float: left;
width: calc(50% - 10px);
}
#str-main .items .item .specs{
padding-left: 0;
}
#str-main .items .item .specs li{
display: inline-block;
width: 86px;
height: 52px;
padding-left: 0;
margin-right: 2px;
}
#str-main .items .item .specs li:last-child{
margin-right: 0;
}
#str-main .items .item .specs li > img{
margin-bottom: 0;
}
#str-main .items .item .innerBlock .name{
font-size: 16px;
font-weight: bold;
}

@media screen and (max-width: 860px){
  .rwd-valid #str-main .innerBlock .lyt-img-right02 .img img,
  .rwd-valid #str-main .innerBlock .lyt-img-left02 .img img{
  width: 80px;
  }
}

@media screen and (max-width: 768px){
  #str-main ul.list-guide:before{
  display: none;
  }
  #str-main ul.list-guide > li{
  width: calc(50% - 5px);
  margin-left: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
  }
  #str-main ul.list-guide > li:nth-child(2n+1){
  margin-left: 0;
  clear: both;
  }
  #str-main ul.list-guide > li:nth-child(3n+1){
  clear: none;
  margin-left: 10px;
  }
  #str-main ul.list-guide > li:first-child{
  margin-left: 0
  }
  #str-main ul.list-guide > li a{
  font-size: 12px;
  width: 100%;
  box-sizing: border-box;
  display: table;
  padding: 5px 5px 5px 32px;
  height: inherit;
  height: 71px;
  }
  #str-main ul.list-guide > li a .label{
  display: table-cell;
  vertical-align: middle;
  }
  #str-main ul.list-guide > li > a em{
  font-size: 10px;
  font-style: normal;
  }
  #str-main h2.hdg-guide{
  margin-bottom: 21px;
  padding: 12px 17px 13px;
  color: #fff;
  background-color: #532f91;
  font-size: 18px !important;
  font-weight: bold;
  border-radius: 0;
  text-align: left;
  }
  #str-main ul.list-guide > li a {
  background: #edf5f9 url(/product/risograph/guide/images/bg_checkbox_off.gif) no-repeat 8px 27px;
  background-size: 16px;
  }
  #str-main ul.list-guide > li a.checked {
  background-image : url(/product/risograph/guide/images/bg_checkbox_on.gif);
  background-size: 16px;
  }
  #conditions ul li.disabled a {
  background: #eeeeee url(/product/risograph/guide/images/bg_checkbox_disabled.gif) no-repeat 8px 27px;
  background-size: 16px;
  }
  .rwd-valid #str-main .innerBlock .lyt-img-right02,
  .rwd-valid #str-main .innerBlock .lyt-img-left02{
  display:table !important;
  }
  .rwd-valid #str-main .innerBlock .lyt-img-right02 .txt,
  .rwd-valid #str-main .innerBlock .lyt-img-right02 .img,
  .rwd-valid #str-main .innerBlock .lyt-img-left02 .txt,
  .rwd-valid #str-main .innerBlock .lyt-img-left02 .img{
  display:table-cell !important;
  }
  .rwd-valid #str-main .innerBlock .lyt-img-right02 .img,
  .rwd-valid #str-main .innerBlock .lyt-img-left02 .img{
  width: 30%;
  }
  .rwd-valid #str-main .innerBlock .lyt-img-right02 .img img,
  .rwd-valid #str-main .innerBlock .lyt-img-left02 .img img{
  width: auto;
  }
  #str-main .items{
  margin-left: 0;
  margin-right: 0;
  }
  #str-main .items .item{
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  clear: both;
  }
}


/* /product/orphis/eco/index.html
---------------------------------------------*/
#str-main .lyt-orphis-eco .pagetop{
display: block;
clear: both;
margin-bottom: 25px !important;
}
@media screen and (max-width: 600px){
  #str-main .lyt-orphis-eco .link-04 li{
  margin: 0.6em 0;
  }
}
#str-main .lyt-orphis-eco .col-2-rwd{
margin-top: 0;
}
#str-main .lyt-orphis-eco .col-2-rwd .segment.gd,
#str-main .lyt-orphis-eco .col-2-rwd .segment.fw,
#str-main .lyt-orphis-eco .gd-center,
#str-main .lyt-orphis-eco .fw-center{
display: block;
box-sizing: border-box;
border: 1px solid #5cb531;
border-radius: 14px;
padding: 10px;
position: relative;
overflow: hidden;
}
#str-main .lyt-orphis-eco .lyt-ecomarkaward{
margin-bottom: 40px;
}
#str-main .lyt-orphis-eco .lyt-ecomarkaward > p{
margin-top: 0.8em;
}
#str-main .lyt-orphis-eco .box-ecomarkaward{
display: block;
width: 100%;
height: auto;
border: 1px solid #c8a900;
border-radius: 14px;
box-sizing: border-box;
padding-top: 14.2%;
position: relative;
overflow: hidden;
cursor: pointer;
}
#str-main .lyt-orphis-eco .box-ecomarkaward > span{
display: block;
height: 76%;
position: absolute;
top: 12%;
}
#str-main .lyt-orphis-eco .box-ecomarkaward > span > img{
height: auto;
vertical-align: middle;
margin-bottom: 0 !important;
}
#str-main .lyt-orphis-eco .box-ecomarkaward > span.title{
width: 70%;
left: 0;
}
#str-main .lyt-orphis-eco .box-ecomarkaward > span.title > img.mark{
width: 15.6%;
margin: 0 3.5% 0 5%;
}
#str-main .lyt-orphis-eco .box-ecomarkaward > span.title > img.title{
width: 66%;
}
#str-main .lyt-orphis-eco .box-ecomarkaward > span.fw{
width: 30%;
right: 0;
}
#str-main .lyt-orphis-eco .box-ecomarkaward > span.fw > img.text{
display: block;
width: 70%;
margin-top: 1%;
}
#str-main .lyt-orphis-eco .box-ecomarkaward > span.fw > img.title{
display: block;
width: 85%;
margin-top: 6%;
}
@media screen and (max-width: 480px){
  #str-main .lyt-orphis-eco .box-ecomarkaward{
  padding: 4%;
  }
  #str-main .lyt-orphis-eco .box-ecomarkaward > span{
  position: static;
  }
  #str-main .lyt-orphis-eco .box-ecomarkaward > span.title{
  width: 100%;
  }
  #str-main .lyt-orphis-eco .box-ecomarkaward > span.title > img.mark{
  width: 18%;
  margin: 0 2% 0 0;
  }
  #str-main .lyt-orphis-eco .box-ecomarkaward > span.title > img.title{
  width: 80%;
  }
  #str-main .lyt-orphis-eco .box-ecomarkaward > span.fw{
  width: 97%;
  margin: 4% auto 0;
  }
  #str-main .lyt-orphis-eco .box-ecomarkaward > span.fw > img.text{
  display: inline;
  width: 40%;
  margin: 0 0 0 1%;
  }
  #str-main .lyt-orphis-eco .box-ecomarkaward > span.fw > img.title{
  display: inline;
  width: 55%;
  margin: 0 0 0 4%;
  }
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.gd dt,
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dt,
#str-main .lyt-orphis-eco .lyt-03 .col-2-rwd dl.segment.gd dt,
#str-main .lyt-orphis-eco .lyt-03 .col-2-rwd dl.segment.fw dt,
#str-main .lyt-orphis-eco .gd-center dt,
#str-main .lyt-orphis-eco .fw-center-iner dt{
color: #333;
font-size: 14px;
font-weight: bold;
line-height: 1;
letter-spacing: 0.04em;
text-align: center;
background: #dbe000;
border-radius: 5px;
padding: 0.4em;
}
#str-main .lyt-orphis-eco .fw-center-iner:nth-of-type(1) {
  margin-right: 0px !important;
}
#str-main .lyt-orphis-eco .fw-center-iner:nth-of-type(1) dd {
  margin: 50px auto !important;
  text-align: center;
}
#str-main .lyt-orphis-eco .fw-center-iner:nth-of-type(2) {
  margin-left: 9px !important;
  padding-left: 9px;
  border-left: 1px solid #5cb531;
}
@media screen and (max-width: 480px){
  #str-main .lyt-orphis-eco .gd-center dd {
    width: 100% !important;
    float:none !important;
    text-align: center;
  }
  #str-main .lyt-orphis-eco .fw-center-iner:nth-of-type(1) dd {
    margin: 0px auto !important;
    text-align: center;
  }
  #str-main .lyt-orphis-eco .fw-center-iner:nth-of-type(2) {
    margin-left: 0px !important;
    padding-left: 0px;
    border-left:none;
    text-align: center;
  }
  #str-main .lyt-orphis-eco .fw-center-iner:nth-of-type(1) dt {
    margin-bottom: 14px;
  }
}
#str-main .lyt-orphis-eco .fw-center {
  margin-bottom: 15px;
}

#str-main .lyt-orphis-eco .lyt-01 .col-2-rwd .segment.gd,
#str-main .lyt-orphis-eco .lyt-01 .col-2-rwd .segment.fw{
padding-bottom: 12%;
background-position: 10% 20%;
background-repeat: no-repeat;
background-size: 61.6% auto;
}
#str-main .lyt-orphis-eco .lyt-01 .col-2-rwd .segment.gd{
background-image: url(/product/orphis/eco/images/img_gd_01.png);
}
#str-main .lyt-orphis-eco .lyt-01 .col-2-rwd .segment.fw{
background-image: url(/product/orphis/eco/images/img_fw_01.png);
}
#str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dt{
display: block;
width: 58%;
text-align: center;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 5%;
}
#str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment.fw dt{
left: -20%;
}
#str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dt img{
width: 100%;
height: auto;
margin: 0;
}
#str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dd{
display: block;
width: 30%;
padding-top: 30%;
background: #f08300;
border-radius: 5px;
margin-left: auto;
position: relative;
}
#str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dd > img{
width: 100%;
height: auto;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dd + dd{
margin-top: 5px;
}
#str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dd.ecomarkaward{
display: inline;
width: 18%;
height: auto;
background: none;
position: absolute;
right: 10px;
bottom: -2%;
}
@media screen and (max-width: 768px){
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd .segment.gd,
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd .segment.fw{
  padding-bottom: 15%;
  background-position: 42% 20%;
  background-size: 38% auto;
  }
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dt{
  width: 40%;
  left: -6% !important;
  bottom: 3%;
  }
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dd{
  width: 18%;
  padding-top: 18%;
  }
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dd.ecomarkaward{
  width: 12%;
  bottom: -2%;
  }
}
@media screen and (max-width: 600px){
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd .segment.gd,
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd .segment.fw{
  padding-bottom: 15%;
  background-position: 40% 20%;
  background-size: 42% auto;
  }
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dd{
  width: 20%;
  padding-top: 20%;
  }
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dd.ecomarkaward{
  width: 11%;
  bottom: -3%;
  }
}
@media screen and (max-width: 480px){
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd .segment.gd,
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd .segment.fw{
  padding-bottom: 20%;
  background-position: 28% 20%;
  background-size: 50% auto;
  }
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dt{
  width: 50%;
  left: -16.8% !important;
  bottom: 4%;
  }
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dd{
  width: 24%;
  padding-top: 24%;
  }
  #str-main .lyt-orphis-eco .lyt-01 .col-2-rwd dl.segment dd.ecomarkaward{
  width: 15.4%;
  bottom: -2.4%;
  }
}
#str-main .lyt-orphis-eco .lyt-02 .attention{
display: block;
width: 15.2%;
background: #f08300;
border-radius: 50%;
padding-top: 15.2%;
margin: 0 4px 10px 14px;
float: right;
position: relative;
}
#str-main .lyt-orphis-eco .lyt-02 .attention img{
width: 70%;
height: auto;
margin: auto;
position: absolute;
left: 2%;
right: 0;
top: -5%;
bottom: 0;
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.gd dd,
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd,
#str-main .lyt-orphis-eco .gd-center dd {
display: block;
width: 58%;
margin: 14px auto 0;
}
#str-main .lyt-orphis-eco .fw-center-iner dd {
  margin:0px;
}
#str-main .lyt-orphis-eco .fw-center-iner dd:nth-of-type(1) {
  margin-top: 14px;
}
#str-main .lyt-orphis-eco .gd-center dd {
  width: 50%;
  float:right;
}
#str-main .lyt-orphis-eco .gd-center dd img {
  width: 209px;
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd{
margin-left: 8%;
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.gd dd img,
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd img{
width: 100%;
height: auto;
margin: 0;
}
#str-main .lyt-orphis-eco .gd-center dd img,
#str-main .lyt-orphis-eco .fw-center-iner dd img {
  margin-bottom: 5px;
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd.ecomarkaward{
width: 23%;
border-radius: 5px;
background: #faf9f1;
box-sizing: border-box;
padding: 3.4%;
margin: 14px 0 0 auto;
overflow: hidden;
position: absolute;
right: 10px;
bottom: 10px;
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd.ecomarkaward img{
width: 100%;
height: auto;
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd.ecomarkaward img + img{
margin-top: 12%;
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd.voc{
padding: 15px;
background: #f8f9d1;
border-radius: 10px;
margin-bottom: 35px;
overflow: hidden;
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd.voc .segment.txt{
margin: 0;
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd.voc .segment.txt dt{
font-size: 16px;
font-weight: bold;
margin: 0.2em 0 0.6em;
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd.voc .segment.txt dd{
margin: 0;
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd.voc .segment.img{
display: block;
text-align: center;
background: #fff;
border-radius: 5px;
margin-bottom: 0;
position: relative;
overflow: hidden;
float: right;
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd.voc .segment.img > img{
width: 100%;
max-width: 320px;
height: auto;
margin: 0 auto;
}
#str-main .lyt-orphis-eco .lyt-02 .col-2-rwd.voc .segment.img > .caption{
font-size: 10px;
margin-bottom: 0;
position: absolute;
right: 5px;
bottom: 3px;
}
@media screen and (max-width: 768px){
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.gd dd,
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd{
  display: inline-block;
  width: 32%;
  margin: 16px 2% 0;
  vertical-align: middle;
  }
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd.ecomarkaward{
  display: inline-block;
  width: 22%;
  padding: 1% 2%;
  margin: 12px 0 0 0;
  position: static;
  vertical-align: top;
  float: right;
  }
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd.ecomarkaward img{
  width: 50%;
  height: auto;
  }
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd.ecomarkaward img + img{
  width: 44%;
  margin-top: 0;
  margin-left: 6%;
  }
  #str-main .lyt-orphis-eco .lyt-02 .attention{
  width: 14%;
  padding-top: 14%;
  }
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd.voc .segment.img{
  margin-top: 1em;
  }
}
@media screen and (max-width: 600px){
  #str-main .lyt-orphis-eco .lyt-02 .attention{
  width: 20%;
  padding-top: 20%;
  }
}
@media screen and (max-width: 480px){
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.gd dd,
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd{
  display: block;
  width: 56%;
  margin: 15px auto 0;
  }
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.gd dd + dd,
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd + dd{
  margin-top: 10px;
  }
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd{
  margin-left: 10%;
  }
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd.ecomarkaward{
  width: 22%;
  padding: 3.4%;
  margin: 14px 0 0 auto;
  float: none;
  position: absolute;
  right: 10px;
  bottom: 10px;
  }
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd.ecomarkaward img{
  width: 100%;
  height: auto;
  }
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd dl.segment.fw dd.ecomarkaward img + img{
  width: 100%;
  margin-top: 12%;
  margin-left: 0;
  }
  #str-main .lyt-orphis-eco .lyt-02 .attention{
  width: 24%;
  padding-top: 24%;
  }
  #str-main .lyt-orphis-eco .lyt-02 .col-2-rwd.voc .segment.img{
  }
}
#str-main .lyt-orphis-eco .lyt-03 .col-2-rwd dl.segment.gd,
#str-main .lyt-orphis-eco .lyt-03 .col-2-rwd dl.segment.fw{
overflow: hidden;
}
#str-main .lyt-orphis-eco .lyt-03 .col-2-rwd dl.segment.gd dd,
#str-main .lyt-orphis-eco .lyt-03 .col-2-rwd dl.segment.fw dd{
display: inline-block;
width: 50%;
box-sizing: border-box;
padding: 15px 0 5px 5px;
margin: 0;
float: left;
}
#str-main .lyt-orphis-eco .lyt-03 .col-2-rwd dl.segment.gd dd img,
#str-main .lyt-orphis-eco .lyt-03 .col-2-rwd dl.segment.fw dd img{
width: 100%;
height: auto;
margin: 0;
vertical-align: bottom;
}
#str-main .lyt-orphis-eco .lyt-03 .list-note-01 li.txt{
padding-left: 4.5em;
margin-top: 1em;
}
#str-main .lyt-orphis-eco .lyt-03 .list-note-01 li.txt span{
position: absolute;
top: 0;
left: 0;
}
#str-main .lyt-orphis-eco .lyt-03 .box-02{
border-color: #5cb531;
border-radius: 14px;
padding: 10px;
}
#str-main .lyt-orphis-eco .lyt-03 .box-02 dl{
margin: 5px;
}
#str-main .lyt-orphis-eco .lyt-03 .box-02 dl dt{
font-size: 15px;
font-weight: bold;
line-height: 1.4;
float: left;
}
#str-main .lyt-orphis-eco .lyt-03 .box-02 dl dd{
display: block;
margin-left: 28%;
padding-top: 0.2em;
}
#str-main .lyt-orphis-eco .lyt-03 .box-02 dl dd ul{
margin: 0;
}
#str-main .lyt-orphis-eco .lyt-03 .box-02 dl dd ul li{
display: inline-block;
line-height: 1.2;
margin-right: 1.5em;
}
#str-main .lyt-orphis-eco .lyt-03 .box-02 dl dd ul li:before{
content: "●";
color: #666;
font-size: 10px;
margin-right: 0.3em;
}
#str-main .lyt-orphis-eco .lyt-03 .box-02 dl dd ul li:last-child:after{
content: "など";
font-size: 10px;
margin-left: 0.8em;
}
#str-main .lyt-orphis-eco .lyt-03 .link-01 li{
display: inline-block;
margin-right: 2em;
}
@media screen and (max-width: 768px){
  #str-main .lyt-orphis-eco .lyt-03 .col-2-rwd dl.segment.gd dd,
  #str-main .lyt-orphis-eco .lyt-03 .col-2-rwd dl.segment.fw dd{
  padding: 15px 5% 5px;
  }
  #str-main .lyt-orphis-eco .lyt-03 .box-02 dl dt{
  font-size: 15px;
  line-height: 1.2;
  float: none;
  }
  #str-main .lyt-orphis-eco .lyt-03 .box-02 dl dt br{
  display: none;
  font-size: 0;
  }
  #str-main .lyt-orphis-eco .lyt-03 .box-02 dl dd{
  padding-top: 1em;
  -webkit-margin-start: 0;
  margin: 0;
  }
  #str-main .lyt-orphis-eco .lyt-03 .box-02 dl dd ul{
  -webkit-padding-start: 0;
  padding: 0;
  }
  #str-main .lyt-orphis-eco .lyt-03 .link-01 li{
  margin-bottom: 1em;
  }
}
@media screen and (max-width: 600px){
  #str-main .lyt-orphis-eco .lyt-03 .col-2-rwd dl.segment.gd dd,
  #str-main .lyt-orphis-eco .lyt-03 .col-2-rwd dl.segment.fw dd{
  padding: 15px 0 5px 5px;
  }
}
#str-main .lyt-orphis-eco .lyt-04 .figure{
display: block;
width: 50%;
margin-left: 10px;
margin-top: -10px;
float: left;
}
#str-main .lyt-orphis-eco .lyt-04 .figure > img{
width: 100%;
height: auto;
margin: 0;
}
#str-main .lyt-orphis-eco .lyt-04 .photo{
display: block;
width: 40%;
margin-top: 6px;
float: right;
position: relative;
}
#str-main .lyt-orphis-eco .lyt-04 .photo > img{
width: 100%;
height: auto;
margin: 0;
}
#str-main .lyt-orphis-eco .lyt-04 .photo > .caption{
font-size: 10px;
margin-bottom: 0;
position: absolute;
right: 2px;
bottom: 3px;
}
@media screen and (max-width: 600px){
  #str-main .lyt-orphis-eco .lyt-04 .figure{
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  float: none;
  }
  #str-main .lyt-orphis-eco .lyt-04 .photo{
  width: 80%;
  max-width: 290px;
  margin: 20px auto 50px;
  float: none;
  }
}
#str-main .lyt-orphis-eco .lyt-05 p.img{
width: 8.4%;
padding: 0 15px;
float: right;
}
#str-main .lyt-orphis-eco .lyt-05 p.img > img{
width: 100%;
height: auto;
}
#str-main .lyt-orphis-eco .lyt-05 p.note{
font-size: 11px;
}
#str-main .lyt-orphis-eco .lyt-05 p + .hdg-prdct-03{
margin-top: 25px;
clear: both;
}
@media screen and (max-width: 768px){
  #str-main .lyt-orphis-eco .lyt-05 p.img{
  width: 10%;
  padding: 0 0 0 15px;
  }
}
@media screen and (max-width: 600px){
  #str-main .lyt-orphis-eco .lyt-05 p.img{
  width: 12%;
  }
}
@media screen and (max-width: 480px){
  #str-main .lyt-orphis-eco .lyt-05 p.img{
  width: 17.5%;
  }
}
#str-main .lyt-orphis-eco .lyt-06 p.img{
width: 8.4%;
padding: 0 15px;
float: right;
}
#str-main .lyt-orphis-eco .lyt-06 p.img > img{
width: 100%;
height: auto;
}
@media screen and (max-width: 768px){
  #str-main .lyt-orphis-eco .lyt-06 p.img{
  width: 10%;
  padding: 0 0 0 15px;
  }
}
@media screen and (max-width: 600px){
  #str-main .lyt-orphis-eco .lyt-06 p.img{
  width: 12%;
  }
}
@media screen and (max-width: 480px){
  #str-main .lyt-orphis-eco .lyt-06 p.img{
  width: 17.5%;
  }
}

/* /product/risograph/index.html
---------------------------------------------*/
#str-main .lyt-risograph-01{
margin-bottom: 20px;
background: url(/product/risograph/images/index/bg_strength.jpg) no-repeat right bottom;
border:1px solid #d2d2d2;
border-radius: 5px;
overflow: hidden;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-risograph-01{
  margin-bottom: 30px;
  background-image: none;
  border:none;
  }
}
#str-main .lyt-risograph-01 .inner{
float:left;
margin: 3% 0 1% 2%;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-risograph-01 .inner{
  float:none;
  margin:0;
  }
}
#str-main .lyt-risograph-01 h3.hdg-risograph-03{
font-size: 170%;
float:right;
margin:10px 70px 10px 10px;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-risograph-01 h3.hdg-risograph-03{
  margin: 0 0 10px 0;
  float: none;
  }
}
#str-main .lyt-risograph-01 ul{
float:left;
}
#str-main .lyt-risograph-01 ul.btn-prdct-01 li{
font-size: 150%;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-risograph-01 ul{
  float: none;
  }
}

#str-main .lyt-risograph-02{
margin-bottom: 20px;
border:1px solid #d2d2d2;
border-radius: 5px;
overflow: hidden;
width: 100%;
}
#str-main .lyt-risograph-02 .inner{
background: url(/product/risograph/images/index/bg_select.jpg) no-repeat left top;
padding:0 0 0 18px;
font-size:120%;
min-height:147px;
}
#str-main .lyt-risograph-02 .inner ul.btn-prdct-01{
margin-bottom:0;
padding-top:18px;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-risograph-02{
  margin-bottom: 30px;
  background-image: none;
  border:none;
  position:relative;
  max-height:200px;
  }
  .rwd-valid #str-main .lyt-risograph-02 .inner{
  padding:0;
  }
  .rwd-valid #str-main .lyt-risograph-02 .txt-discription{
  position:absolute;
  top:0;
  }
  .rwd-valid #str-main .lyt-risograph-02 .btn-prdct-01 {
  padding-top:0;
  }
}

#str-main .lyt-risograph-03{
min-height: 145px;
margin-bottom: 35px;
border:1px solid #d2d2d2;
border-radius: 5px;
overflow: hidden;
}
#str-main .lyt-risograph-03 .inner{
background: url(/product/risograph/images/index/pic_item1.png) no-repeat left bottom;
padding: 18px 20px;
font-size:120%;
}
#str-main .lyt-risograph-03 ul.btn-prdct-01{
margin-bottom:0;
padding:0 35% 10px 0;
}
#str-main .lyt-risograph-03 .btn-03{
padding-left:20%;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-risograph-03{
  margin-bottom: 30px;
  background-image: none;
  border:none;
  padding:0;
  }
  .rwd-valid #str-main .lyt-risograph-03 .inner{
  background: initial;
  padding:0;
  }
  .rwd-valid #str-main .lyt-risograph-03 ul.btn-prdct-01{
  padding:0;
  }
  #str-main .lyt-risograph-03 .btn-03{
  padding: 0;
  }
}
#str-main .lyt-risograph-04{
min-height: 150px;
margin-bottom: 35px;
border:1px solid #d2d2d2;
border-radius: 5px;
overflow: hidden;
width:100%;
}
#str-main .lyt-risograph-04 .inner{
background: url(/product/risograph/images/index/pic_item2.png) no-repeat left bottom;
padding: 18px 35% 45px 20px;
font-size:120%;
}
#str-main .lyt-risograph-04 .inner ul.btn-prdct-01{
margin-bottom:0;
}
#str-main .lyt-risograph-04 .inner .txt-risograph-04{
font-size:120%;
margin:50px 0 0 0;
width:84%;
}
#str-main .lyt-risograph-04 .inner .txt-risograph-04 span{
font-size:160%;
font-weight:bold;
display: block;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-risograph-04{
  margin-bottom: 30px;
  background-image: none;
  border:none;
  padding:0;
  min-height:inherit;
  }
  .rwd-valid #str-main .lyt-risograph-04 .inner{
  padding:0;
  }
  .rwd-valid #str-main .lyt-risograph-04 .inner .txt-risograph-04 span{
  display:inline;
  }
}

.lyt-risograph-05{
min-height: 150px;
margin-bottom: 35px;
border:1px solid #d2d2d2;
border-radius: 5px;
overflow: hidden;
width:100%;
}

.lyt-risograph-05 .inner{
background: url(/product/risograph/images/index/bg_box.jpg) no-repeat right top;
background-size: cover;
padding: 18px 20px;
font-size:120%;
}

.lyt-risograph-05 .inner .btn-prdct-01{
  max-width: 452px;
}

#str-main .lyt-link-wrap-01 {
margin-bottom: 6px;
}

#str-main .lyt-link-wrap-01 .hdg {
font-size: 14px;
font-weight: normal;
color: #fff;
background-color: #6e001f;
margin-bottom: 0;
padding: 8px 19px;
}

#str-main .lyt-link-wrap-01.type-01 .hdg {
background-color: #003d5c;
}

#str-main .lyt-link-wrap-01.type-01 .link{
border-color: #003d5c;
}

#str-main .lyt-link-wrap-01.type-02 .hdg {
background-color: #bb5572;
}

#str-main .lyt-link-wrap-01.type-02 .link{
border-color: #bb5572;
}

#str-main .lyt-link-wrap-01.type-03 .hdg {
background-color: #4384a6;
}

#str-main .lyt-link-wrap-01.type-03 .link{
border-color: #4384a6;
}

#str-main .lyt-link-wrap-01.type-04 .hdg {
background-color: #e8b6c4;
color: #520017;
}

#str-main .lyt-link-wrap-01.type-04 .link{
border-color: #e8b6c4;
}

#str-main .lyt-link-wrap-01.type-05 .hdg {
background-color: #94bfd6;
color: #003d5c;
}

#str-main .lyt-link-wrap-01.type-05 .link{
border-color: #94bfd6;
}

#str-main .lyt-link-wrap-01 .hdg > em {
font-size: 16px;
font-style: normal;
font-weight: bold;
}


#str-main .lyt-link-wrap-01 .link {
background-color: #f5f5f5;
padding: 12px 12px 8px;
border-left: solid 3px #6e001f;
margin-bottom: 6px;
}

#str-main .lyt-link-wrap-01 .link li {
background: url(/product/orphis/images/icon_arrow_about01.gif) no-repeat 2px 3px;
display: inline-block;
margin-bottom: 6px;
padding-left: 13px;
list-style: none;
}

#str-main .lyt-link-wrap-01 .link li + li {
margin-left: 1.5em;
}

#str-main .lyt-link-wrap-01 .link li a {
text-decoration: underline;
color: #093598;
}

#str-main .lyt-link-wrap-01 .link li a:hover,
#str-main .lyt-link-wrap-01 .link li a:focus {
text-decoration: none;
}


/* /product/risograph/hybridprintsystem/index.html
---------------------------------------------*/
#str-main .lyt-risograph-06 {
background-color: #d5eaff;
margin: -20px auto 25px;
padding-bottom: 10px;
}
#str-main .lyt-risograph-06 .segment{
float: left;
width: calc(100% / 3);
}
#str-main .lyt-risograph-06 .segment img{
max-width: 100%;
}
#str-main .lyt-hybrid-01 {
position: relative;
margin-bottom: 13px;
}
#str-main .lyt-hybrid-01 .lyt-hybrid-r {
background-color: #fdf2f4;
position: relative;
box-sizing: border-box;
padding: 10px;
}
#str-main .lyt-hybrid-01 .lyt-hybrid-p {
background-color: #eaf7ea;
position: relative;
box-sizing: border-box;
padding: 10px;
}
#str-main .lyt-hybrid-01 .list-note-02 {
background-color: transparent;
}
#str-main .lyt-hybrid-01 .lyt-hybrid-r:after {
background: url(/product/risograph/hybridprintsystem/images/bg_model.jpg) no-repeat;
position: absolute;
right: -19px;
bottom: 50%;
display: block;
width: 17px;
height: 17px;
margin-bottom: -8px;
content: "";
}

@media screen and (max-width: 768px) {
  #str-main .lyt-hybrid-01 .lyt-hybrid-r:after {
  bottom: -20px;
  left: 50%;
  margin-bottom: 0;
  margin-left: -8px;
  }
  #str-main .lyt-hybrid-01 .lyt-hybrid-p {
  margin-top: 24px;
  }
}

/* /product/risograph/sf/index.html
---------------------------------------------*/
#str-main .lyt-sf-01{
margin-bottom: 25px;
background: url(/product/risograph/sf/images/index_bgimg_01.png) no-repeat right bottom #f8f8f8;
border:1px solid #d2d2d2;
border-radius: 5px;
padding:0 22px 10px;
}
#str-main .lyt-sf-01 .inner{
display: table;
padding: 18px 0 0;
}
#str-main .lyt-sf-01 .txt-sf-01{
display: table-cell;
vertical-align: top;
width: 56%;
padding-bottom: 12px;
}
#str-main .lyt-sf-01 .txt-sf-01 img{
max-width: 100%;
}
#str-main .lyt-sf-01 .txt-sf-02{
display: table-cell;
vertical-align: top;
width: 44%;
}
#str-main .txt-sf-02 .btn-prdct-01{
padding:10px 5px 5px 0;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-sf-01{
  margin-bottom: 30px;
  background-image: none;
  border:none;
  padding:0;
  }
  .rwd-valid #str-main .lyt-sf-01 .inner .txt-sf-01{
  margin:0;
  width:100%;
  float:none;
  display: block;
  text-align:center;
  }
  .rwd-valid #str-main .txt-sf-02 .btn-prdct-01{
  padding:0;
  }
  .rwd-valid #str-main .lyt-sf-01 .inner .txt-sf-02{
  display: block;
  width:100%;
  }
}

#str-main .link-icon-01{
width:100%;
margin-bottom:10px !important;
padding:0 !important;
overflow:hidden;
}
#str-main .link-icon-01 > li{
background:#fff;
border: 1px solid #428dea;
border-radius:2px;
color:#428dea;
font-size:10px;
padding:2px 5px;
list-style:none;
width: calc(50% - 15px);
margin-right:5px;
text-align:center;
float:left;
}
#str-main .link-icon-01 > li:nth-child(2n){
margin-right:0;
}
#str-main .link-icon-01 li.w100{
width:calc(100% - 13px);
}

#str-main .lyt-sf-02{
margin-bottom: 35px;
background: #e8e3f1;
border:1px solid #d2d2d2;
border-radius: 5px;
padding:18px 12px 10px;
}

#str-main .lyt-sf-03{
margin-bottom: 25px;
background: #f1f1f1;
border-radius: 5px;
padding:18px 12px 10px;
border:1px solid #d2d2d2;
display: table;
}

#str-main .lyt-sf-03 .txt,
#str-main .lyt-sf-03 .img{
vertical-align: middle;
display: table-cell;
}

#str-main .lyt-sf-03 .img{
width: 312px;
padding-left: 10px;
}

@media screen and (max-width: 768px){
  #str-main .lyt-sf-03{
  display: block;
  }
  #str-main .lyt-sf-03 .txt,
  #str-main .lyt-sf-03 .img{
  display: block;
  width: 100%;
  }
  #str-main .lyt-sf-03 .img{
  text-align: center;
  }
}

/* /product/risograph/sf/feature.html
---------------------------------------------*/
#str-main .unFlashInstalled{
display:none;
}
#str-main .caption-feature{
display:block;
font-size:12px;
margin:-15px 26% 10px;
text-align:right;
}
#str-main .lyt-img-left .txt .lyt-img-left .txt .caption{
display:block;
font-size:12px;
margin:-15px 0 20px;
text-align:center;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-img-left .txt .lyt-img-left .txt p{
  text-align:center;
  }
}

/* /product/risograph/mf/index.html
---------------------------------------------*/
#str-main .lyt-mf-01{
margin-bottom: 25px;
background: url(/product/risograph/mf/images/index_bgimg_01.png) no-repeat right bottom #f8f8f8;
border:1px solid #d2d2d2;
border-radius: 5px;
padding:0 22px 10px;
}
#str-main .lyt-mf-01 .inner{
display: table;
padding: 18px 0 0;
}
#str-main .lyt-mf-01 .txt-mf-01{
display: table-cell;
vertical-align: top;
width: 57%;
padding-bottom: 12px;
}
#str-main .lyt-mf-01 .txt-mf-01 img{
max-width: 100%;
}
#str-main .lyt-mf-01 .txt-mf-02{
display: table-cell;
vertical-align: top;
width: 43%;
}
#str-main .txt-mf-02 .btn-prdct-01{
padding:10px 5px 5px 0;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-mf-01{
  margin-bottom: 30px;
  background-image: none;
  border:none;
  padding:0;
  }
  .rwd-valid #str-main .lyt-mf-01 .inner .txt-mf-01{
  margin:0;
  width:100%;
  float:none;
  display: block;
  text-align:center;
  }
  .rwd-valid #str-main .txt-mf-02 .btn-prdct-01{
  padding:0;
  }
  .rwd-valid #str-main .lyt-mf-01 .inner .txt-mf-02{
  display: block;
  width:100%;
  }
}

#str-main .link-icon-01{
width:100%;
margin-bottom:10px !important;
padding:0 !important;
overflow:hidden;
}
#str-main .link-icon-01 > li{
background:#fff;
border: 1px solid #428dea;
border-radius:2px;
color:#428dea;
font-size:10px;
padding:2px 5px;
list-style:none;
width: calc(50% - 15px);
margin-right:5px;
text-align:center;
float:left;
}
#str-main .link-icon-01 > li:nth-child(2n){
margin-right:0;
}
#str-main .link-icon-01 li.w100{
width:calc(100% - 13px);
}

/* /showcase/index.html
---------------------------------------------*/
#page-showcase-top #str-main #main-header-02{
background-color: #d9d9d9;
}
#page-showcase-top #str-main #main-header-02 .inner{
height: 245px;
padding-top: 0;
position: relative;
background: url(/showcase/images/index_bg_main-header-02.jpg) no-repeat right top;
}
#page-showcase-top #str-main #main-header-02 .txt{
position: absolute;
top: 44px;
left: 42px;
}
#page-showcase-top #str-main #main-header-02 .link{
position: absolute;
top: 168px;
left: 227px;
}

/* /learn/support/index.html
---------------------------------------------*/
#page-support-top #str-main #main-header-02{
background-color: #fff;
}
#page-company-ir-top #str-main #main-header-02 .inner{
padding-top: 0;
}

/* /learn/tech_portal/ex/index.html
---------------------------------------------*/
#page-learn-tech_portal-ex-top #str-main{
background-color: #fff;
}

/* /company/index.html
---------------------------------------------*/
#page-company-top #str-main #main-header-02{
background: #282b3b url(/company/images/index_bg_main-header-02_01.png) no-repeat center top;
}
#page-company-top #str-main #main-header-02 > .inner{
position: relative;
background: #282b3b url(/company/images/index_bg_main-header-02_02.png) no-repeat center top;
}
#page-company-top #str-main #main-header-02 .movie{
margin: 0 0 27px 26px;
}
#page-company-top #str-main #main-header-02 .lead{
position: absolute;
top: 88px;
left: 535px;
}

/* /company/ir/index.html
---------------------------------------------*/
#page-company-ir-top #str-main #main-header-02{
background: #dcebec url(/company/ir/images/index_bg_main-header-02.jpg) no-repeat center top;
}
#page-company-ir-top #str-main #main-header-02 .inner{
padding-top: 0;
}

/* /company/rec/index.html
---------------------------------------------*/
#page-company-rec-top #str-main #main-header-02 > .inner{
padding-top: 0;
}
#page-company-rec-top #str-main #main-header-02 .lyt-carousel .carousel-list,
#page-company-rec-top #str-main #main-header-02 .lyt-carousel .carousel-list .link-img a{
margin-bottom: 0;
}
#page-company-rec-top #str-main #main-header-02 .lyt-carousel .turn{
margin-top: -14px;
}

/* /company/eco/index.html
---------------------------------------------*/
#page-company-eco-top #str-main #main-header-02{
background: #fff url(/company/eco/images/index_bg_main-header-02.jpg) repeat-x left top;
}
#page-company-eco-top #str-main #main-header-02 .inner{
height: 245px;
padding-top: 0;
position: relative;
background: url(/company/eco/images/index_bg_main-header-02_02.jpg) no-repeat right top;
}
#page-company-eco-top #str-main #main-header-02 .txt{
position: absolute;
top: 26px;
left: 0;
}
#page-company-eco-top #str-main #main-header-02 .link{
position: absolute;
top: 173px;
left: 0;
}

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

#page-company-eco-top #str-main #main-header-02{
background: none;
}
#page-company-eco-top #str-main #main-header-02 .inner{
height: auto;
background: none;
}
#page-company-eco-top #str-main #main-header-02 .txt,
#page-company-eco-top #str-main #main-header-02 .link{
position: static;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
text-align: center;
}
#page-company-eco-top #str-main #main-header-02 .txt img{
max-width: 100%;
height: auto;
}
#page-company-eco-top #str-main #main-header-02 .sp{
padding-top: 0;
text-align: center;
}
#page-company-eco-top #str-main #main-header-02 .sp img{
max-width: 100%;
height: auto;
}

}

/* /company/eco/product/index.html
---------------------------------------------*/
#page-company-eco-product #str-main #main-header-02{
background: #fff url(/company/eco/product/images/index_bg_main-header-02.jpg) repeat-x left top;
}
#page-company-eco-product #str-main #main-header-02 .inner{
height: 245px;
padding-top: 0;
position: relative;
background: url(/company/eco/product/images/index_bg_main-header-02_02.jpg) no-repeat right top;
}
#page-company-eco-product #str-main #main-header-02 .txt{
position: absolute;
top: 51px;
left: 0;
}

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

#page-company-eco-product #str-main #main-header-02{
background: none;
}
#page-company-eco-product #str-main #main-header-02 .inner{
height: auto;
background: none;
}
#page-company-eco-product #str-main #main-header-02 .txt{
position: static;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
text-align: center;
}
#page-company-eco-product #str-main #main-header-02 .txt img{
max-width: 100%;
height: auto;
}
#page-company-eco-product #str-main #main-header-02 .sp{
padding-top: 0;
text-align: center;
}
#page-company-eco-product #str-main #main-header-02 .sp img{
max-width: 100%;
height: auto;
}

}


/* /company/eco/effort/index.html
---------------------------------------------*/
#page-company-eco-effort #str-main #main-header-02{
background: #fff url(/company/eco/effort/images/index_bg_main-header-02.jpg) repeat-x left top;
}
#page-company-eco-effort #str-main #main-header-02 .inner{
height: 245px;
padding-top: 0;
position: relative;
background: url(/company/eco/effort/images/index_bg_main-header-02_02.jpg) no-repeat right top;
}
#page-company-eco-effort #str-main #main-header-02 .txt{
position: absolute;
top: 35px;
left: 0;
}

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

#page-company-eco-effort #str-main #main-header-02{
background: none;
}
#page-company-eco-effort #str-main #main-header-02 .inner{
height: auto;
background: none;
}
#page-company-eco-effort #str-main #main-header-02 .txt{
position: static;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
text-align: center;
}
#page-company-eco-effort #str-main #main-header-02 .txt img{
max-width: 100%;
height: auto;
}
#page-company-eco-effort #str-main #main-header-02 .sp{
padding-top: 0;
text-align: center;
}
#page-company-eco-effort #str-main #main-header-02 .sp img{
max-width: 100%;
height: auto;
}
}

/* /company/eco/effort/performance.html
---------------------------------------------*/
#page-company-eco-effort-performance #str-main #main-header-02{
  background: #fff url(/company/eco/product/images/index_bg_main-header-02.jpg) repeat-x left top;
}
#page-company-eco-effort-performance #str-main #main-header-02 .inner{
  height: 245px;
  padding-top: 0;
  position: relative;
  background: url(/company/eco/effort/images/performance_bg_main-header-02.jpg) no-repeat right top;
}
#page-company-eco-effort-performance #str-main #main-header-02 .txt{
  position: absolute;
  top: 51px;
  left: 0;
}

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

  #page-company-eco-effort-performance #str-main #main-header-02{
    background: none;
  }
  #page-company-eco-effort-performance #str-main #main-header-02 .inner{
    height: auto;
    background: none;
  }
  #page-company-eco-effort-performance #str-main #main-header-02 .txt{
    position: static;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    text-align: center;
  }
  #page-company-eco-effort-performance #str-main #main-header-02 .txt img{
    max-width: 100%;
    height: auto;
  }
  #page-company-eco-effort-performance #str-main #main-header-02 .sp{
    padding-top: 0;
    text-align: center;
  }
  #page-company-eco-effort-performance #str-main #main-header-02 .sp img{
    max-width: 100%;
    height: auto;
  }
}

/*--------------------------------------------------
    03-03. Column adjustment
--------------------------------------------------*/

#str-main .col-2,
#str-main .col-2-adjust-h,
#str-main .col-3,
#str-main .col-3-adjust-h,
#str-main .col-4,
#str-main .col-4-adjust-h{
width: 1020px;
margin-right: -10px !important;
margin-left: -10px !important;
}
.rwd-valid #str-main .col-2{
width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
}
#str-sidecont .col-2{
width: 750px;
}
#str-sidecont .col-3,
#str-sidecont .col-4{
width: 740px;
margin-right: -5px !important;
margin-left: -5px !important;
}

#str-main .col-2 > .segment,
#str-main .col-2-adjust-h > .segment,
#str-main .col-2 > li,
#str-main .col-2-adjust-h > li,
#str-main .col-3 > .segment,
#str-main .col-3-adjust-h > .segment,
#str-main .col-3 > li,
#str-main .col-3-adjust-h > li,
#str-main .col-4 > .segment,
#str-main .col-4-adjust-h > .segment,
#str-main .col-4 > li,
#str-main .col-4-adjust-h > li{
margin-right: 10px;
margin-left: 10px;
float: left;
}
#str-main .col-5 > .segment,
#str-main .col-5-adjust-h > .segment,
#str-main .col-5 > li,
#str-main .col-5-adjust-h > li{
margin-right: 5px;
margin-left: 5px;
float: left;
}
.rwd-valid #str-main .col-2 > .segment,
.rwd-valid #str-main .col-2-adjust-h > .segment,
.rwd-valid #str-main .col-2 > li{
width: calc(50% - 10px);
margin-right: 0;
margin-left: 0;
}
.rwd-valid #str-main .col-2 > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-adjust-h > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2 > li:nth-child(2n+1){
margin-right: 20px;
}
.rwd-valid #str-main .col-2-rwd-adjust-h .link-box-02.col-2 > li{
width: calc(50% - 5px);
margin-right: 0;
margin-left: 0;
}
.rwd-valid #str-main .col-2-rwd-adjust-h .link-box-02.col-2 > li:nth-child(2n+1){
margin-right: 10px;
}
#str-sidecont .col-3 > .segment,
#str-sidecont .col-3-adjust-h > .segment,
#str-sidecont .col-3 > li,
#str-sidecont .col-3-adjust-h > li,
#str-sidecont .col-4 > .segment,
#str-sidecont .col-4-adjust-h > .segment,
#str-sidecont .col-4 > li,
#str-sidecont .col-4-adjust-h > li{
margin-right: 5px;
margin-left: 5px;
}
#str-main .col-2 > .segment,
#str-main .col-2-adjust-h > .segment,
#str-main .col-2 > li,
#str-main .col-2-adjust-h > li{
width: 490px;
}
#str-main .col-2 .col-2 > .segment,
#str-main .col-2-adjust-h .col-2 > .segment,
#str-main .col-2 .col-2-adjust-h  > .segment,
#str-main .col-2-adjust-h .col-2-adjust-h > .segment,
#str-main .col-2 .col-2 > li,
#str-main .col-2-adjust-h .col-2 > li,
#str-main .col-2 .col-2-adjust-h  > li,
#str-main .col-2-adjust-h .col-2-adjust-h > li{
width: 220px;
margin-right: 5px !important;
margin-left: 5px !important;
}
#str-sidecont .col-2 > .segment,
#str-sidecont .col-2-adjust-h > .segment,
#str-sidecont .col-2 > li,
#str-sidecont .col-2-adjust-h > li{
width: 355px;
}

#str-main .col-3 > .segment,
#str-main .col-3-adjust-h > .segment,
#str-main .col-3 > li,
#str-main .col-3-adjust-h > li{
width: 320px;
}
#str-sidecont .col-3 > .segment,
#str-sidecont .col-3-adjust-h > .segment,
#str-sidecont .col-3 > li,
#str-sidecont .col-3-adjust-h > li{
width: 236px;
}
#str-sidecont .col-3 > .segment:nth-child(3n+1), /* IE8 でも崩れない設定 */
#str-sidecont .col-3 > .segment:nth-child(3n+2),
#str-sidecont .col-3-adjust-h > .segment:nth-child(3n+1),
#str-sidecont .col-3-adjust-h > .segment:nth-child(3n+2),
#str-sidecont .col-3 > li:nth-child(3n+1),
#str-sidecont .col-3 > li:nth-child(3n+2),
#str-sidecont .col-3-adjust-h > li:nth-child(3n+1),
#str-sidecont .col-3-adjust-h > li:nth-child(3n+2){
width: 237px;
}

#str-main .col-4 > .segment,
#str-main .col-4-adjust-h > .segment,
#str-main .col-4 > li,
#str-main .col-4-adjust-h > li{
width: 235px;
}
#str-sidecont .col-4 > .segment,
#str-sidecont .col-4-adjust-h > .segment,
#str-sidecont .col-4 > li,
#str-sidecont .col-4-adjust-h > li{
width: 175px;
}

#str-main .col-5,
#str-main .col-5-adjust-h{
width: 1010px;
margin-right:-5px !important;
margin-left:-5px !important;
}
#str-main .col-5 > .segment,
#str-main .col-5-adjust-h > .segment,
#str-main .col-5 > li,
#str-main .col-5-adjust-h > li{
width: 192px;
}

#str-main .link-box-01.col-4 a .txt,
#str-main .link-box-01.col-4-adjust-h a .txt{
width: 197px;
}

#str-main .link-box-04.col-2,
#str-main .link-box-04.col-2-adjust-h{
margin-bottom: 10px;
}

#str-main .col-2 .box-img-w180 .txt .link-01.col-2,
#str-main .col-2-adjust-h .box-img-w180 .txt .link-01.col-2,
#str-main .col-2 .box-img-w180 .txt .link-01.col-2-adjust-h,
#str-main .col-2-adjust-h .box-img-w180 .txt .link-01.col-2-adjust-h{
width: auto;
margin-right: 0;
margin-left: -15px;
}
#str-main .col-2 .box-img-w180 .txt .link-01.col-2 li,
#str-main .col-2-adjust-h .box-img-w180 .txt .link-01.col-2 li,
#str-main .col-2 .box-img-w180 .txt .link-01.col-2-adjust-h li,
#str-main .col-2-adjust-h .box-img-w180 .txt .link-01.col-2-adjust-h li{
width: 109px;
margin-right: 0;
margin-left: 15px;
}

#str-main .col-2 .ind-01,
#str-main .col-2-adjust-h .ind-01,
#str-main .col-3 .ind-01,
#str-main .col-3-adjust-h .ind-01,
#str-main .col-4 .ind-01,
#str-main .col-4-adjust-h .ind-01,
#str-main .col-5 .ind-01,
#str-main .col-5-adjust-h .ind-01{
margin-bottom: 20px;
}
#str-main .col-2 .ind-01:last-child,
#str-main .col-2-adjust-h .ind-01:last-child,
#str-main .col-3 .ind-01:last-child,
#str-main .col-3-adjust-h .ind-01:last-child,
#str-main .col-4 .ind-01:last-child,
#str-main .col-4-adjust-h .ind-01:last-child,
#str-main .col-5 .ind-01:last-child,
#str-main .col-5-adjust-h .ind-01:last-child{
margin-bottom: 40px;
}
#str-main .col-2 .ind-01.segment .link-01,
#str-main .col-2-adjust-h .ind-01.segment .link-01,
#str-main .col-2 .ind-01.segment .btn-03.col-2,
#str-main .col-2-adjust-h .ind-01.segment .btn-03.col-2,
#str-main .col-2 .ind-01.segment .btn-03.col-2-adjust-h,
#str-main .col-2-adjust-h .ind-01.segment .btn-03.col-2-adjust-h,
#str-main .col-2 .ind-01.segment .btn-04.col-2,
#str-main .col-2-adjust-h .ind-01.segment .btn-04.col-2,
#str-main .col-2 .ind-01.segment .btn-04.col-2-adjust-h,
#str-main .col-2-adjust-h .ind-01.segment .btn-04.col-2-adjust-h,
#str-main .col-2 .ind-01.segment .link-box-02.col-2,
#str-main .col-2-adjust-h .ind-01.segment .link-box-02.col-2,
#str-main .col-2 .ind-01.segment .link-box-02.col-2-adjust-h,
#str-main .col-2-adjust-h .ind-01.segment .link-box-02.col-2-adjust-h{
width: 460px;
margin-right:-5px !important;
margin-left:-5px !important;
}
#str-main .col-2 .ind-01.segment .link-01 li,
#str-main .col-2-adjust-h .ind-01.segment .link-01 li{
width: 201px;
margin-right: 5px !important;
margin-left: 5px !important;
}
#str-main .col-3 .ind-01.segment,
#str-main .col-3-adjust-h .ind-01.segment{
width: 280px;
}

#str-sidecont .col-2 .ind-prdct-01.segment,
#str-sidecont .col-2-adjust-h .ind-prdct-01.segment{
width: 340px;
}

#str-main .col-2 .ind-01 .lyt-img-w200 .txt,
#str-main .col-2-adjust-h .ind-01 .lyt-img-w200 .txt{
width: 237px;
}

#str-main .lyt-carousel .link-box-01.col-4,
#str-main .lyt-carousel .link-box-01.col-4-adjust-h,
#str-main .lyt-carousel .link-box-02.col-4,
#str-main .lyt-carousel .link-box-02.col-4-adjust-h,
#str-main .lyt-carousel .link-box-03.col-4,
#str-main .lyt-carousel .link-box-03.col-4-adjust-h{
width: 1020px;
}

#str-main .lyt-tab .panel .btn-03.col-4,
#str-main .lyt-tab .panel .btn-03.col-4-adjust-h{
width: 980px;
}
#str-main .lyt-tab .panel .btn-03.col-4 li,
#str-main .lyt-tab .panel .btn-03.col-4-adjust-h li{
width: 223px;
}

.link-box-03.col-5-rwd-adjust-h {
  min-height: 200px;
}


/* for Responsive Design
---------------------------------------------*/
.rwd-valid #str-main .col-2-rwd > .segment,
.rwd-valid #str-main .col-2-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-2-rwd > li,
.rwd-valid #str-main .col-3-rwd .segment,
.rwd-valid #str-main .col-3-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-3-rwd > li,
.rwd-valid #str-main .col-4-rwd .segment,
.rwd-valid #str-main .col-4-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-4-rwd > li,
.rwd-valid #str-main .col-5-rwd .segment,
.rwd-valid #str-main .col-5-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-5-rwd > li,
.rwd-valid #str-main .col-5-rwd-adjust-h > li{
float: left;
}

.rwd-valid #str-main .col-2-rwd > .segment,
.rwd-valid #str-main .col-2-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-2-rwd > li{
width: calc(50% - 10px);
}
.rwd-valid #str-main .col-2-rwd > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd-adjust-h > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd > li:nth-child(2n+1){
margin-right: 20px;
}
.rwd-valid #str-main .col-2-rwd .col-2-rwd > .segment,
.rwd-valid #str-main .col-2-rwd .col-2-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd > .segment,
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-2-rwd .col-2-rwd > li,
.rwd-valid #str-main .col-2-rwd .col-2-rwd-adjust-h > li,
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd > li,
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd-adjust-h > li{
width: calc(50% - 5px);
}
.rwd-valid #str-main .col-2-rwd .col-2-rwd > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd .col-2-rwd-adjust-h > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd-adjust-h > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd .col-2-rwd > li:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd .col-2-rwd-adjust-h > li:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd > li:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd-adjust-h > li:nth-child(2n+1){
margin-right: 10px;
}

.rwd-valid #str-main .col-3-rwd .segment,
.rwd-valid #str-main .col-3-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-3-rwd > li{
width: calc((100% - 22px)/3);
margin-right: 10px;
}

.rwd-valid #str-main .col-3-rwd.col-3-rwd--unbalance .col-3-rwd--wide{
width: calc((100% - 32px)/2);
margin: 0 15px;
}
.rwd-valid #str-main .col-3-rwd.col-3-rwd--unbalance .col-3-rwd--half{
width: calc((100% - 32px)/4);
margin : 0 5px;
}
.rwd-valid #str-main .col-3-rwd.col-3-rwd--unbalance > *:first-of-type{
  margin-left: 0;
}
.rwd-valid #str-main .col-3-rwd.col-3-rwd--unbalance > *:last-of-type{
  margin-right: 0;
}
.rwd-valid #str-main .col-3-rwd > .segment:nth-child(3n+3),
.rwd-valid #str-main .col-3-rwd-adjust-h > .segment:nth-child(3n+3),
.rwd-valid #str-main .col-3-rwd > li:nth-child(3n+3){
margin-right: 0;
}

.rwd-valid #str-main .col-4-rwd > .segment,
.rwd-valid #str-main .col-4-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-4-rwd > li{
width: calc((100% - 60px)/4);
margin-right: 20px;
}
.rwd-valid #str-main #str-sidecont .col-4-rwd > .segment,
.rwd-valid #str-main #str-sidecont .col-4-rwd-adjust-h > .segment,
.rwd-valid #str-main #str-sidecont .col-4-rwd > li{
width: calc((100% - 30px)/4);
margin-right: 10px;
}
.rwd-valid #str-main .col-4-rwd > .segment:nth-child(4n+4),
.rwd-valid #str-main .col-4-rwd-adjust-h > .segment:nth-child(4n+4),
.rwd-valid #str-main .col-4-rwd > li:nth-child(4n+4){
margin-right: 0 !important;
}

.rwd-valid #str-main .col-5-rwd > .segment,
.rwd-valid #str-main .col-5-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-5-rwd > li,
.rwd-valid #str-main .col-5-rwd-adjust-h > li{
width: calc((100% - 80px)/5);
margin-right: 20px;
}

.rwd-valid #str-main .col-5-rwd > .segment:nth-child(5n+5),
.rwd-valid #str-main .col-5-rwd-adjust-h > .segment:nth-child(5n+5),
.rwd-valid #str-main .col-5-rwd > li:nth-child(5n+5),
.rwd-valid #str-main .col-5-rwd-adjust-h > li:nth-child(5n+5){
margin-right: 0 !important;
}

@media screen and (max-width: 768px){
  .rwd-valid #str-main .col-2-rwd > .segment,
  .rwd-valid #str-main .col-2-rwd-adjust-h > .segment,
  .rwd-valid #str-main .col-2-rwd > li,
  .rwd-valid #str-main .col-3-rwd > .segment,
  .rwd-valid #str-main .col-3-rwd-adjust-h > .segment,
  .rwd-valid #str-main .col-3-rwd > li,
  .rwd-valid #str-main .col-4-rwd .segment,
  .rwd-valid #str-main .col-4-rwd-adjust-h > .segment,
  .rwd-valid #str-main .col-4-rwd > li,
  .rwd-valid #str-main .col-5-rwd .segment,
  .rwd-valid #str-main .col-5-rwd-adjust-h > .segment,
  .rwd-valid #str-main .col-5-rwd > li,
  .rwd-valid #str-main .col-5-rwd-adjust-h > li{
  width: 100% !important;
  margin-right: 0;
  float: none;
  }
 .rwd-valid #str-main .col-2-rwd > .segment img{
  max-width: 100%;
 }
}

/* column for sp
---------------------------------------------*/

#str-main .col-4-3sp .segment{
float: left;
width: calc((100% - 30px)/4);
margin-right: 10px;
}
#str-main .col-4-3sp .segment:nth-child(4n){
margin-right: 0;
}
#str-main .col-4-3sp .segment:nth-child(4n+1){
clear: both;
}
@media screen and (max-width: 768px){
  #str-main .col-4-3sp .segment{
  float: left;
  width: calc((100% - 20px)/3);
  margin-right: 10px;
  }
  #str-main .col-4-3sp .segment:nth-child(4n){
  margin-right: 10px;
  }
  #str-main .col-4-3sp .segment:nth-child(3n){
  margin-right: 0;
  }
  #str-main .col-4-3sp .segment:nth-child(4n+1){
  clear: none;
  }
  #str-main .col-4-3sp .segment:nth-child(3n+1){
  clear: both;
  }
}

#str-main .col-2-2sp .segment{
float: left;
width: calc((100% - 20px)/2);
margin-right: 20px;
}
#str-main .col-2-2sp .segment:nth-child(2n){
margin-right: 0;
}
#str-main .col-2-2sp .segment:nth-child(2n+1){
clear: both;
}

#str-main .lyt-img-sp{
display: table;
width: 100%;
table-layout: auto;
}
#str-main .lyt-img-sp .txt{
display: table-cell;
vertical-align: top;
text-align: left;
width: 100%;
}
#str-main .lyt-img-sp .txt + .img{
padding-left: 20px;
}
#str-main .lyt-img-sp .img{
display: table-cell;
vertical-align: top;
text-align: left;
}
#str-main .lyt-img-sp .img + .txt{
padding-left: 20px;
}
@media screen and (max-width: 768px){
#str-main .lyt-img-sp .img{
width: 120px;
text-align: center;
}
#str-main .lyt-img-sp .txt{
width: calc(100% - 140px);
}
#str-main .lyt-img-sp .img img{
  max-width: 100%;
}
}

#str-main ul.col-4-2sp > li,
#str-main .col-4-2sp > .segment{
float: left;
width: calc((100% - 30px)/4);
margin-right: 10px;
}

#str-main .col-4-2sp.gap-20 > .segment{
width: calc((100% - 60px)/4);
margin-right: 20px;
}
@media screen and (max-width: 768px){
  #str-main .col-4-2sp.gap-20 > .segment{
    width: calc((100% - 10px)/2);
    margin-right: 10px;
  }
  #str-main .col-4-2sp.gap-20 > .segment:nth-child(n+3){
    margin-top: 10px;
  }
}

#str-main ul.col-4-2sp > li:nth-child(4n),
#str-main .col-4-2sp > .segment:nth-child(4n){
margin-right: 0;
}
#str-main ul.col-4-2sp > li:nth-child(4n+1),
#str-main .col-4-2sp > .segment:nth-child(4n+1){
clear: both;
}
@media screen and (max-width: 768px){
  #str-main ul.col-4-2sp > li,
  #str-main .col-4-2sp > .segment{
  float: left;
  margin-right: 10px;
  }
  #str-main ul.col-4-2sp > li:nth-child(2n),
  #str-main .col-4-2sp > .segment:nth-child(2n){
  margin-right: 0;
  }
  #str-main ul.col-4-2sp > li:nth-child(2n+1),
  #str-main .col-4-2sp > .segment:nth-child(2n+1){
  clear: both;
  }
}

#str-main ul.col-3-2sp > li,
#str-main .col-3-2sp > .segment{
float: left;
width: calc((100% - 30px)/3);
margin-right: 10px;
}
#str-main .col-3-2sp .segment .ind-prdct-01 > .ind-prdct-01-btn-list li a {
white-space: normal;
}
@media screen and (max-width: 768px){
  #str-main .col-3-2sp .segment{
    float: left;
    width: calc((100% - 20px)/2);
    margin-right: 10px;
  }
}

/* local-nav
---------------------------------------------*/

#str-main .nav-local-01 li:hover,
#str-main .nav-local-01 a:hover {
  text-decoration: none;
  border-color: transparent;
  background: #eae4f6;
  color: #333;
  font-weight :bold;
}

#str-main .nav-local-01 a:focus {
  text-decoration: none;
  border-color: transparent;
  background: #eae4f6;
  color: #333;
  font-weight :bold;
}

#str-main .nav-local-01 a::after {
  position: absolute;
  right: 14px;
  top: 1.1em;
  display: block;
  width: 6px;
  height: 6px;
  content: "";
  transform: rotate(45deg);
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  #str-main .nav-local-01 a::after {
    bottom: 50%;
    top: auto;
    transform: rotate(45deg) translateY(50%);
  }
}

#str-main .nav-local-01 a span {
  display: block;
  text-align: left;
}

@media screen and (max-width: 768px) {
  #str-main .nav-local-01 a span {
    display: flex;
    align-items: center;
  }
}

#str-main .nav-local-01 {
  font-size: 14px;
  position: relative;
  margin: 0 0 30px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

@media screen and (max-width: 768px) {
  #str-main .nav-local-01 {
    border: 0;
    margin-bottom: 20px;
  }
}

#str-main .nav-local-01 * {
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  #str-main .nav-local-01:before {
    display: none;
  }

  #str-main .nav-local-01:after {
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    background: #eae4f6;
    width: 1px;
    height: 100%;
    content: "";
  }
}

#str-main .nav-local-01 ul {
  margin: 0;
  padding: 0;
  background: #fff;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

#str-main .nav-local-01 li {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  vertical-align: top;
  margin: 0;
  padding: 0;
  list-style: none;
  border-right: 1px solid #dbdbdb;
}

#str-main .nav-local-01 li:first-child {
  border-left: 1px solid #dbdbdb;
}

@media screen and (max-width: 768px) {
  #str-main .nav-local-01 ul {
    display: flex;
    flex-flow: row wrap;
    border-bottom: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  #str-main .nav-local-01 li {
    cursor: pointer;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 0;
    flex-basis: calc(50% - 1px);
    align-items: stretch;
    border: 0;
    max-width: 100%;
    border-bottom: 1px solid #dbdbdb;
  }

  #str-main .nav-local-01 li:first-child {
    border-top: 1px solid #dbdbdb;
  }

  #str-main .nav-local-01 li:first-child  + li{
    border-top: 1px solid #dbdbdb;
  }

  #str-main .nav-local-01 li:nth-child(odd) {
    border-left: 1px solid #dbdbdb;
  }

  #str-main .nav-local-01 li:nth-child(even) {
    border-right: 1px solid #dbdbdb;
  }
}

#str-main .nav-local-01 .active {
  font-weight: bold;
  background: #eae4f6;
}

#str-main .nav-local-01 .active a {
  background: #eae4f6;
}

#str-main .nav-local-01 a {
  position: relative;
  padding: 10px 30px 10px 15px;
  color: #333;
  text-align: center;
  display: flex;
  justify-content: center;
  height: 100%;
}

@media screen and (max-width: 768px) {
  #str-main .nav-local-01 a {
    align-items: stretch;
    height: inherit;
    width: 100%;
    text-align: left;
    justify-content: start;
  }
}


/*==================================================
    04. Frame
==================================================*/

/*--------------------------------------------------
    Header Area
--------------------------------------------------*/

/* .link-support
---------------------------------------------*/
#str-header .link-support{
margin: 0;
padding: 0;
border-right: 1px #3c296d solid;
float: right;
font-size: 12px;
}
#str-header .link-support li{
min-width: 69px;
height: 25px;
margin: 0;
padding: 8px 18px 0 10px;
border-left: 1px #3c296d solid;
float: left;
background-color: #fff;
list-style: none;
text-align: center;
white-space: nowrap;
}
#str-header .link-support a{
height: 100%;
margin: -8px -18px 0 -10px;
padding: 8px 18px 0 10px;
display: block;
color: #fff;
background-color: #532f91;
}
#str-header .link-support a:visited{
color: #fff;
}
#str-header .link-support li a:hover,
#str-header .link-support li a:active,
#str-header .link-support li a:focus{
opacity: 0.6;
color: #fff;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-header .link-support li .icon{
margin: 0;
position: static;
}
#str-header .link-support li .icon:before{
display: inline-block;
content: "";
vertical-align: baseline;
}
#str-header .link-support .global .icon:before{
width: 16px;
height: 16px;
margin: 0 5px -2px 0;
background: url(/common/renew_files/images/icon_global.png) no-repeat 0 0;
}
#str-header .link-support .language .icon:before{
width: 19px;
height: 17px;
margin: 0 7px -4px 0;
background: url(/common/renew_files/images/icon_language.png) no-repeat 0 0;
}
#str-header .link-support .search .icon:before{
width: 14px;
height: 15px;
margin: 0 5px -3px 0;
background: url(/common/renew_files/images/icon_search.png) no-repeat 0 0;
}
#str-header .link-support .search a{
cursor: pointer;
}

/* #search-window
---------------------------------------------*/
#search-window{
width: 100%;
min-height: 50px;
border-bottom: 1px #ddd solid;
position: absolute;
display: none;
background-color: #fff;
text-align: right;
}
@media screen and (max-width: 768px){
  .rwd-valid #search-window{
  display: none;
  }
}
#search-window > .inner{
width: 1000px;
margin: 0 auto;
padding: 11px 0 5px;
position: relative;
}
.rwd-valid #search-window > .inner{
width: calc(100% - 20px);
max-width: 1000px;
padding-right: 10px;
padding-left: 10px;
}
#search-window > .inner:before{
width: 17px;
height: 9px;
position: absolute;
top: 0;
right: 51px;
display: block;
background: url(/common/renew_files/images/anc_search.png) no-repeat 0 0;
content: "";
}
#search-window form{
display: inline-block;
}
#search-window .lyt-search{
margin: 0;
padding: 0;
border-width: 0;
}
#search-window .lyt-search legend{
display: none;
}
#search-window .lyt-search input[type="text"]{
width: 228px;
min-height: 26px;
padding: 0 0 0 10px;
border: 1px #dedede solid;
border-right-width: 0;
line-height: 1.9;
}
#search-window .lyt-search [type="submit"]{
min-height: 28px;
margin: 0;
padding: 0 10px;
border: 1px #532f91 solid;
border-width: 0;
color: #fff;
background-color: #532f91;
line-height: 1.9;
}
#search-window .lyt-search [type="submit"]:hover,
#search-window .lyt-search [type="submit"]:active,
#search-window .lyt-search [type="submit"]:focus{
opacity: 0.6;
cursor: pointer;
-ms-filter: "alpha(opacity=60)";
}
#search-window .tgl-close{
min-height: 28px;
margin-left: 37px;
padding: 0 16px 0 37px;
border: 1px #532f91 solid;
border-width: 0;
position: relative;
display: inline-block;
color: #fff;
background-color: #532f91;
line-height: 1.9;
vertical-align: top;
}
#search-window .tgl-close:before{
width: 12px;
height: 12px;
margin-top: -6px;
position: absolute;
top: 50%;
left: 16px;
display: block;
background: url(/common/renew_files/images/icon_close.png) no-repeat 0 0;
content: "";
}
#search-window .tgl-close:hover,
#search-window .tgl-close:active,
#search-window .tgl-close:focus{
opacity: 0.6;
cursor: pointer;
-ms-filter: "alpha(opacity=60)";
}
#search-window[aria-expanded="true"]{ /* JSで付与する属性 */
display: block;
}
@media screen and (max-width: 768px){
  .rwd-valid #search-window[aria-expanded="true"]{
  display: none;
  }
}

/* .btn-info
---------------------------------------------*/
#str-header .btn-info{
margin: 0;
padding: 0;
float: right;
font-size: 12px;
}
#str-header .btn-info li{
margin: 0 0 0 10px;
float: left;
list-style: none;
text-align: center;
white-space: nowrap;
}
#str-header .btn-info a{
min-width: 95px;
height: 24px;
padding: 8px 20px 0;
position: relative;
display: block;
color: #fff;
background-color: #2f2f2f;
}
#str-header .btn-info a:before{
width: 16px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background:#ebebeb url(/common/renew_files/images/bg_btn-info.png) no-repeat 0 0;
content: "";
}
#str-header .btn-info a:after{
width: 16px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background:#ebebeb url(/common/renew_files/images/bg_btn-info.png) no-repeat -20px 0;
content: "";
}
#str-header .btn-info a:visited{
color: #fff;
}
#str-header .btn-info li a:hover,
#str-header .btn-info li a:active,
#str-header .btn-info li a:focus{
opacity: 0.6;
color: #fff;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}

/* #header-03 .logo
---------------------------------------------*/
#header-03 .logo{
margin: 0 20px 20px 0;
padding: 0;
float: left;
}
@media screen and (max-width: 768px){
  .rwd-valid #header-03 .logo{
  margin-bottom: 10px;
  }
  .rwd-valid #header-03 .logo img{
  width: 79px;
  }
}

/* #header-03 .btn-sp-search
---------------------------------------------*/
#header-03 .btn-sp-search{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #header-03 .btn-sp-search{
  margin: 0;
  padding: 0;
  position: absolute;
  top: 13px;
  right: 10px;
  display: block;
  }
  .rwd-valid #header-03 .btn-sp-search a:hover,
  .rwd-valid #header-03 .btn-sp-search a:active,
  .rwd-valid #header-03 .btn-sp-search a:focus{
  opacity: 0.6;
  cursor: pointer;
  }
  /* JS有効時 */
  .rwd-valid.js-active #header-03 .btn-sp-search{
  right: 54px;
  }
}

/* #header-03 .btn-sp-menu
---------------------------------------------*/
#header-03 .btn-sp-menu{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #header-03 .btn-sp-menu{
  margin: 0;
  display: block;
  }
  .rwd-valid #header-03 .btn-sp-menu::-moz-focus-inner{
  padding: 0;
  border: none;
  }
  .rwd-valid #header-03 .btn-sp-menu{
  padding: 3px 0;
  border-width: 0;
  position: absolute;
  top: 13px;
  right: 10px;
  background-color: transparent;
  cursor: pointer;
  }
  .rwd-valid #header-03 .btn-sp-menu:hover,
  .rwd-valid #header-03 .btn-sp-menu:active,
  .rwd-valid #header-03 .btn-sp-menu:focus{
  opacity: 0.6;
  }
  .rwd-valid #header-03 .btn-sp-menu[disabled="disabled"]{
  display: none;
  }
}

/* #search-window-sp
---------------------------------------------*/
#search-window-sp{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #search-window-sp{
  width: 100%;
  margin: 0 -10px;
  position: absolute;
  top: 47px;
  background-color: #fff;
  }
  .rwd-valid #search-window-sp > .inner{
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  }
  .rwd-valid #search-window-sp > .inner:before{
  width: 0;
  height: 0;
  border: 8px transparent solid;
  border-bottom: 8px #444 solid;
  display: block;
  position: absolute;
  top: -16px;
  right: 54px;
  content: "";
  }
  .rwd-valid #search-window-sp form{
  padding: 15px 10px 15px;
  display: block;
  background-color: #444;
  }
  .rwd-valid #search-window-sp .lyt-search{
  margin: 0;
  padding: 0;
  border-width: 0;
  background-color: #fff;
  }
  .rwd-valid #search-window-sp .lyt-search legend{
  display: none;
  }
  .rwd-valid #search-window-sp .lyt-search input[type="text"]{
  box-sizing: border-box;
  width: calc(100% - 40px);
  min-height: 40px;
  margin: 0;
  padding: 0 0 0 10px;
  border-width: 0;
  line-height: 1.9;
  font-size: 14px;
  vertical-align: top;
  }
  .rwd-valid #search-window-sp .lyt-search [type="submit"]{
  min-height: 28px;
  margin: 0;
  padding: 10px 8px 8px 10px;
  border-width: 0;
  color: #fff;
  background-color: #e8dbff;
  line-height: 1.9;
  vertical-align: top;
  }
  .rwd-valid #search-window-sp .lyt-search [type="submit"]::-moz-focus-inner{
  padding: 0;
  border: none;
  }
  .rwd-valid #search-window-sp .lyt-search [type="submit"]:hover,
  .rwd-valid #search-window-sp .lyt-search [type="submit"]:active,
  .rwd-valid #search-window-sp .lyt-search [type="submit"]:focus{
  opacity: 0.6;
  cursor: pointer;
  -ms-filter: "alpha(opacity=60)";
  }
  .rwd-valid #search-window-sp .tgl-close{
  min-height: 28px;
  margin-left: 37px;
  padding: 0 16px 0 37px;
  border: 1px #532f91 solid;
  border-width: 0;
  position: relative;
  display: inline-block;
  color: #fff;
  background-color: #532f91;
  line-height: 1.9;
  vertical-align: top;
  }
  .rwd-valid #search-window-sp .tgl-close:before{
  width: 12px;
  height: 12px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  left: 16px;
  display: block;
  background: url(/common/renew_files/images/icon_close.png) no-repeat 0 0;
  content: "";
  }
  .rwd-valid #search-window-sp .tgl-close:hover,
  .rwd-valid #search-window-sp .tgl-close:active,
  .rwd-valid #search-window-sp .tgl-close:focus{
  opacity: 0.6;
  cursor: pointer;
  -ms-filter: "alpha(opacity=60)";
  }
  .rwd-valid #search-window-sp[aria-expanded="true"]{ /* JSで付与する属性 */
  display: block;
  }
}

/* #header-03 .nav-global
---------------------------------------------*/
#header-03 .nav-global{
margin: 0;
padding: 0 1px 0 0;
display: table;
float: right;
background: url(/common/renew_files/images/bg_nav-global.png) no-repeat right 0;
}
@media screen and (max-width: 931px){
  .rwd-valid #header-03 .nav-global{
  width: 100%;
  }
}
@media screen and (max-width: 768px){
  .rwd-valid #header-03 .nav-global{
  display: none;
  }
}
#header-03 .nav-global li{
margin: 0;
padding-left: 1px;
position: relative;
display: table-cell;
background: url(/common/renew_files/images/bg_nav-global.png) no-repeat 0 0;
list-style: none;
}
#header-03 .nav-global a{
padding-bottom: 21px;
position: relative;
display: block;
cursor: pointer;
text-align: center;
}
#header-03 .nav-global a.select:after,
#header-03 .nav-global a:hover:after,
#header-03 .nav-global a:active:after,
#header-03 .nav-global a:focus:after{
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
display: block;
background: no-repeat 50% 0;
content: "";
}
#header-03 .nav-global .product a.select:after,
#header-03 .nav-global .product a:hover:after,
#header-03 .nav-global .product a:active:after,
#header-03 .nav-global .product a:focus:after{
background-image: url(/common/renew_files/images/nav-global_product_o.png);
}
#header-03 .nav-global .showcase a.select:after,
#header-03 .nav-global .showcase a:hover:after,
#header-03 .nav-global .showcase a:active:after,
#header-03 .nav-global .showcase a:focus:after{
background-image: url(/common/renew_files/images/nav-global_showcase_o.png);
}
#header-03 .nav-global .support a.select:after,
#header-03 .nav-global .support a:hover:after,
#header-03 .nav-global .support a:active:after,
#header-03 .nav-global .support a:focus:after{
background-image: url(/common/renew_files/images/nav-global_support_o.png);
}
#header-03 .nav-global .learn a.select:after,
#header-03 .nav-global .learn a:hover:after,
#header-03 .nav-global .learn a:active:after,
#header-03 .nav-global .learn a:focus:after{
background-image: url(/common/renew_files/images/nav-global_learn_o.png);
}
#header-03 .nav-global .company a.select:after,
#header-03 .nav-global .company a:hover:after,
#header-03 .nav-global .company a:active:after,
#header-03 .nav-global .company a:focus:after{
background-image: url(/common/renew_files/images/nav-global_company_o.png);
}

/* .area-megadown
---------------------------------------------*/
#str-header .area-megadown{
width: 100%;
height: 0;
margin-top: -11px;
position: absolute;
overflow: hidden;
background: #f5f5f5 url(/common/renew_files/images/bg_area-megadown.png) repeat-x 0 0;
transition: height 0.5s;
}
#str-header .area-megadown[aria-hidden="true"]{
display: none;
}
#str-header .area-megadown:focus{
outline: none;
}
#str-header .area-megadown > .inner{
width: 1000px;
margin: 0 auto;
padding-top: 26px;
position: relative;
}
.rwd-valid #str-header .area-megadown > .inner{
width: calc(100% - 20px);
max-width: 1000px;
padding-right: 10px;
padding-left: 10px;
}
#str-header .area-megadown > .inner:before{
width: 15px;
height: 13px;
position: absolute;
top: 0;
display: block;
background: url(/common/renew_files/images/anc_megadown.png) no-repeat 0 0;
content: "";
}
#str-header #megadown-product.area-megadown >.inner:before{
right: 619px;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-header #megadown-product.area-megadown >.inner:before{
  left: calc(14.4% - 8px);
  }
}
#str-header #megadown-showcase.area-megadown > .inner:before{
right: 409px;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-header #megadown-showcase.area-megadown >.inner:before{
  left: calc(43.3% - 8px);
  }
}
#str-header #megadown-support.area-megadown > .inner:before{
right: 251px;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-header #megadown-support.area-megadown >.inner:before{
  left: calc(64.6% - 8px);
  }
}
#str-header #megadown-learn.area-megadown > .inner:before{
right: 147px;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-header #megadown-learn.area-megadown >.inner:before{
  left: calc(78.8% - 8px);
  }
}
#str-header #megadown-company.area-megadown > .inner:before{
right: 44px;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-header #megadown-company.area-megadown >.inner:before{
  left: calc(92.9% - 8px);
  }
}
#str-header .area-megadown .nav-megadown-toplink{
margin: 10px 0 20px;
padding: 0;
font-size: 18px;
}
#str-header .area-megadown .nav-megadown-toplink a{
color: #532f91;
font-weight: bold;
padding-left: 30px;
display: inline-block;
background: url(/common/renew_files/images/anc_14.png) no-repeat 3px 4px;
}
#str-header .area-megadown .nav-megadown-toplink a:visited,
#str-header .area-megadown .nav-megadown-toplink a:hover,
#str-header .area-megadown .nav-megadown-toplink a:focus,
#str-header .area-megadown .nav-megadown-toplink a:active{
color: #532f91;
}
#str-header .area-megadown .lyt-megadown .left{
width: 220px;
float: left;
}
#str-header .area-megadown .lyt-megadown .right{
width: 748px;
float: right;
text-align: left;
}
.rwd-valid #str-header .area-megadown .lyt-megadown .right{
width: calc(100% - 235px);
max-width: 748px;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01{
margin-bottom: 20px;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01{
margin: 0 0 0 -34px;
padding: 0;
display: table;
font-size: 14px;
}
@media screen and (max-width: 1019px){
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01{
  display: block;
  }
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01:first-child{
margin-top: 1px;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01:first-child > li:nth-child(1) > a,
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-2:first-child > li:nth-child(-n+2) > a,
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3:first-child > li:nth-child(-n+3) > a,
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-4:first-child > li:nth-child(-n+4) > a{
position:relative;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01:first-child > li:nth-child(1) > a:before,
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-2:first-child > li:nth-child(-n+2) > a:before,
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3:first-child > li:nth-child(-n+3) > a:before,
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-4:first-child > li:nth-child(-n+4) > a:before{
width: 100%;
height: 1px;
background: url(/common/renew_files/images/bg_dot_line_x_megadown.png) repeat-x 0 top;
content: "";
display: block;
position: absolute;
top: 0;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 li{
width: 763px;
padding-left: 34px;
float: left;
list-style: none;
line-height: 1.429;
vertical-align: middle;
box-sizing: border-box;
}
@media screen and (max-width: 1019px){
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 li{
  width: 100%;
  float: none;
  }
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 .txt{
width: 733px;
height: 23px; /* min-height */
padding: 11px 8px;
display: table-cell;
vertical-align: middle;
background: url(/common/renew_files/images/anc_13.png) no-repeat right center;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 .thumb{
min-width: 44px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 a{
width: 1000px; /* min-width */
height: 23px; /* min-height */
padding: 0 10px 0 0;
display: table-cell;
color: #333;
vertical-align: middle;
background: url(/common/renew_files/images/bg_dot_line_x_megadown.png) repeat-x 0 bottom;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 a:visited{
color: #333;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-2 li,
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-2-adjust-h li{
width: 391px;
}
@media screen and (max-width: 1019px){
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-2 li,
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-2-adjust-h li{
  width: 100%;
  }
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3 li, /* IE8 */
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3-adjust-h li{ /* IE8 */
width: 259px;
}
:root #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3 li,
:root #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3-adjust-h li{
width: 260px;
}
@media screen and (max-width: 1019px){
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3 li,
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3-adjust-h li{
  width: 100%;
  }
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3 li:nth-child(3n),
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3-adjust-h li:nth-child(3n){
width: 259px;
}
@media screen and (max-width: 1019px){
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3 li:nth-child(3n),
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3-adjust-h li:nth-child(3n){
  width: 100%;
  }
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-4 li,
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-4-adjust-h li{
width: 195px;
}
@media screen and (max-width: 1019px){
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-4 li,
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-4-adjust-h li{
  width: 100%;
  }
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 .notice a{
padding-left: 44px;
position: relative;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 li.notice a:before{
width: 15px;
height: 24px;
margin-top: -12px;
position: absolute;
top: 50%;
left: 16px;
display: block;
background: url(/common/renew_files/images/icon_notice.png) no-repeat 0 0;
content: "";
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 li .sub-menu{
padding-left: 52px;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 li .sub-menu li{
margin: 14px 0 0;
padding-left: 18px;
width: auto;
background: url(/common/renew_files/images/bg_submenu_megadown.png) no-repeat 6px 4px;
}
@media screen and (max-width: 1019px){
  #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 li .sub-menu li{
  margin-bottom: 14px;
  }
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 li .sub-menu li a{
background-image: none;
text-decoration: underline;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 li .sub-menu li a:hover,
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 li .sub-menu li a:focus{
text-decoration: none;
}

#str-header .area-megadown .close{
width: 100%;
padding: 15px 0 16px;
border-width: 0;
border-top: 1px #ccc solid;
display: block;
color: #333;
background-color: #ddd;
font-size: 14px;
}
#str-header .area-megadown .close:hover,
#str-header .area-megadown .close:active,
#str-header .area-megadown .close:focus{
opacity: 0.6;
cursor: pointer;
-ms-filter: "alpha(opacity=60)";
}

#str-header .area-megadown.open{ /* JSで付与するclass */
height: auto;
display: block;
transition: height 0.5s;
}

#overlay{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.6;
background-color: #000;
-ms-filter: "alpha(opacity=60)";
}
#overlay.hidden{
display: none;
}

/* .link-spmenu
---------------------------------------------*/
@media screen and (max-width: 768px){
  .rwd-valid .link-spmenu{
  margin: 0 !important;
  padding: 0 0 1px;
  background-color: #ccc;
  font-size: 14px;
  }
  .rwd-valid .link-spmenu > li{
  margin-bottom: 1px !important;
  position: relative;
  background-color: #fff;
  list-style: none;
  }
  .rwd-valid .link-spmenu > li:before{
  width: 15px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  background-color: #f2f2f2;
  content: "";
  }
  .rwd-valid .link-spmenu > li:last-child{
  margin-bottom: 0px !important;
  }
  .rwd-valid .link-spmenu > li:last-child:before{
  display: none;
  }
  .rwd-valid .link-spmenu > li a{
  padding: 9px 31px 8px 15px;
  position: relative;
  display: block;
  color: #333 !important;
  background-color: #f2f2f2;
  }
  .rwd-valid .link-spmenu > li a:hover,
  .rwd-valid .link-spmenu > li a:active,
  .rwd-valid .link-spmenu > li a:focus{
  opacity: 0.6;
  text-decoration: none !important;
  }
  .rwd-valid .link-spmenu > li a:after{
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 2px solid #595959;
  border-bottom: 2px solid #595959;
  position: absolute;
  top: 50%;
  right: 17px;
  display: block;
  content: "";
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
}

/* #sp-menu
---------------------------------------------*/
#str-header #sp-menu{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-header #sp-menu{
  width: 100%;
  position: relative;
  display: block;
  background-color: #fff;
  }
  .rwd-valid #str-header #sp-menu .nav-global-sp{
  margin: 0;
  padding-left: 0;
  }
  .rwd-valid #str-header #sp-menu .nav-global-sp > li{
  /*padding-left: 15px;*/
  list-style-type: none;
  }
  .rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn{
  width: 100%;
  margin: 0;
  padding: 10px;
  border-width: 0;
  color: #fff;
  background-color: #532f91;
  font-size: 15px;
  cursor: pointer;
  text-align: left;
  }
  .rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn:hover,
  .rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn:active,
  .rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn:focus{
  opacity: 0.6;
  }
  .rwd-valid #str-header #sp-menu .nav-global-sp .link-spmenu{
  padding-bottom: 0;
  }
  .rwd-valid #str-header #sp-menu .tgl-close{
  display: none;
  }
  /* JS有効時 */
  .js-active.rwd-valid #str-header #sp-menu{
  display: none;
  }
  .js-active.rwd-valid #str-header #sp-menu[aria-expanded="true"]{ /* JSで付与する属性 */
  position: absolute;
  top: 58px;
  display: block;
  }
  .js-active.rwd-valid #str-header #sp-menu[aria-expanded="true"]:before{
  width: 0;
  height: 0;
  border: 8px transparent solid;
  border-bottom: 8px #532f91 solid;
  position: absolute;
  top: -16px;
  right: 14px;
  display: block;
  background-image: none;
  content: "";
  }
  .js-active.rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn{
  border-bottom: 1px #fff solid;
  position: relative;
  }
  .js-active.rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn:after{
  width: 18px;
  height: 18px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(/common/renew_files/images/sprite.png) no-repeat 0 0;
  background-size: 38px 38px;
  content: "";
  }
  .js-active.rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn[aria-expanded="true"]{
  border-width: 0;
  }
  .js-active.rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn[aria-expanded="true"]:after{
  background: url(/common/renew_files/images/sprite.png) no-repeat -20px 0;
  background-size: 38px 38px;
  }
  .js-active.rwd-valid #str-header #sp-menu .nav-global-sp .link-spmenu[aria-expanded="true"]{
  display: block;
  }
  .js-active.rwd-valid #str-header #sp-menu .nav-global-sp .link-spmenu{
  display: none;
  }
  .js-active.rwd-valid #str-header #sp-menu[aria-expanded="true"] .tgl-close{
  display: block;
  }
}

/* .close
---------------------------------------------*/
@media screen and (max-width: 768px){
  .rwd-valid #str-header .tgl-close{
  width: 100%;
  margin: 0;
  padding: 6px 10px;
  border-width: 0;
  display: block;
  color: #424242;
  background-color: #ddd;
  font-size: 13px;
  }
  .rwd-valid #str-header .tgl-close:before{
  display: none;
  }
  .rwd-valid #str-header .tgl-close:hover,
  .rwd-valid #str-header .tgl-close:active,
  .rwd-valid #str-header .tgl-close:focus{
  opacity: 0.6;
  cursor: pointer;
  -ms-filter: "alpha(opacity=60)";
  }
}

/*--------------------------------------------------
    Contents Area
--------------------------------------------------*/

#str-main .topic-path{
margin-bottom: 16px;
font-size: 12px;
}
#str-main .topic-path a,
#str-main .topic-path a:visited{
color: #333;
text-decoration: underline;
}
#str-main .topic-path a:hover,
#str-main .topic-path a:active,
#str-main .topic-path a:focus{
text-decoration: none;
}

@media screen and (max-width: 768px){
  .rwd-valid #str-main .topic-path{
  margin-top:10px;
  }
}
#str-main #main-header-01 .hdg-icon{
width: auto;
position: absolute;
top: 37px;
right: 0;
}

/* #sns-header
---------------------------------------------*/
#sns-header .topic-path{
float: left;
width: calc(100% - 161px);
}
#sns-header #sns-share{
float: right;
width: 151px;
margin-left: 10px;
}
#sns-header #sns-share #twitter-widget-0{
margin: 0 9px 0 0;
}
@media screen and (max-width: 768px){
  #sns-header .topic-path{
  float: none;
  width: 100%;
  }
  #sns-header #sns-share{
  margin-top: -14px;
  }
}

#str-main #main-header-02 .link{
display: table;
background-color: #fff;
font-size: 14px;
font-weight: bold;
}
#str-main #main-header-02 .link a{
padding:9px 41px 8px 21px;
display: block;
color: #fff;
background: #3b66b2 url(/common/renew_files/images/anc_07.png) no-repeat right 50%;
}
#str-main #main-header-02 .link a:visited{
color: #fff;
}
#str-main #main-header-02 .link a:hover,
#str-main #main-header-02 .link a:active,
#str-main #main-header-02 .link a:focus{
opacity: 0.6;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}

.nav-local,
#str-aside .nav-local{
margin-bottom: 16px;
padding: 0;
border-bottom: 1px #ccc solid;
background-color: #fff;
font-size: 14px;
}
.nav-local .nav-local-hdg-01,
#str-aside .nav-local .nav-local-hdg-01{
margin-bottom: 0;
padding: 0;
border-width: 0;
}
.nav-local .nav-local-hdg-01 a,
#str-aside .nav-local .nav-local-hdg-01 a{
color: #fff;
background: #2f2f2f url(/common/renew_files/images/anc_01.png) no-repeat right 50%;
font-size: 16px;
}
.nav-local .nav-local-hdg-02,
#str-aside .nav-local .nav-local-hdg-02{
margin-bottom: 0;
padding: 5px 13px 7px;
color: #fff;
background-color: #595959;
font-size: 12px;
}
.nav-local a,
#str-aside .nav-local a{
padding: 14px;
display: block;
color: #333;
background-color: #f2f2f2;
}
.nav-local a:visited,
#str-aside .nav-local a:visited{
color: #333;
}
.nav-local a[href]:hover,
.nav-local a[href]:active,
.nav-local a[href]:focus,
#str-aside .nav-local a[href]:hover,
#str-aside .nav-local a[href]:active,
#str-aside .nav-local a[href]:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
.nav-local .nav-local-hdg-01 a:visited,
.nav-local .nav-local-hdg-01 a:hover,
.nav-local .nav-local-hdg-01 a:active,
.nav-local .nav-local-hdg-01 a:focus,
#str-aside .nav-local .nav-local-hdg-01 a:visited,
#str-aside .nav-local .nav-local-hdg-01 a:hover,
#str-aside .nav-local .nav-local-hdg-01 a:active,
#str-aside .nav-local .nav-local-hdg-01 a:focus{
color: #fff;
}
.nav-local ul,
#str-aside .nav-local ul{
margin: 0;
padding: 0;
font-size: 14px;
}
.nav-local .nav-local-list,
#str-aside .nav-local .nav-local-list{
margin: 0;
border-top: 1px #ccc solid;
list-style: none;
}
.nav-local .nav-local-list:first-child,
#str-aside .nav-local .nav-local-list:first-child{
border-top-width: 0;
}
.nav-local .nav-local-list .nav-local-list,
#str-aside .nav-local-list .nav-local-list{
padding-top: 1px;
border-top-width: 0;
background: #fff url(/common/renew_files/images/bg_nav-local.png) no-repeat 0 0;
}
.nav-local .nav-local-list .nav-local-list a,
#str-aside .nav-local .nav-local-list .nav-local-list a{
padding-left: 28px;
}
.nav-local .nav-local-list .nav-local-list .nav-local-list a,
#str-aside .nav-local .nav-local-list .nav-local-list .nav-local-list a{
padding-left: 42px;
position: relative;
}
.nav-local .nav-local-list .nav-local-list .nav-local-list a:before,
#str-aside .nav-local .nav-local-list .nav-local-list .nav-local-list a:before{
width: 22px;
height: 10px;
position: absolute;
left: 29px;
color: #808080;
content: "-";
}
.nav-local .nav-local-list .nav-local-list .nav-local-list .nav-local-list a,
#str-aside .nav-local .nav-local-list .nav-local-list .nav-local-list .nav-local-list a{
padding-left: 55px;
position: relative;
}
.nav-local .nav-local-list .nav-local-list .nav-local-list .nav-local-list a:before,
#str-aside .nav-local .nav-local-list .nav-local-list .nav-local-list .nav-local-list a:before{
width: 35px;
height: 10px;
position: absolute;
left: 29px;
color: #808080;
font-family: verdana;
content: "---";
}
.nav-local .current > a,
#str-aside .nav-local .current > a{
background-color: #fff;
}
.nav-local .depth-03.open.current > ul > li:first-child.current,
#str-aside .nav-local .depth-03.open.current > ul > li:first-child.current{
background-image: url(/common/renew_files/images/bg_nav-local_c.png);
}
/* 旧デザイン用 */
#str-aside .nav-local + .bannerCommon01{
padding-top: 17px;
background: url(/common/images/banner_line01.gif) repeat-x left top, url(/common/images/banner_line01.gif) repeat-x left bottom;
}
#bannerNavi .nav-local{
margin: 0 0 16px;
padding: 0 0 17px;
border-bottom-width: 0;
background: url(/common/renew_files/images/banner_line01.gif) repeat-x left bottom;
}
#bannerNavi .nav-local a:hover,
#bannerNavi .nav-local a:active,
#bannerNavi .nav-local a:focus{
text-decoration: none;
}
#bannerNavi .nav-local .depth-03:last-child.open > ul{
border-bottom-width: 0;
}

/* js有効時 */
.js-active .nav-local > ul > li ul,
.js-active #str-aside .nav-local > ul > li ul{
display: none;
}
.js-active .nav-local li.open > ul,
.js-active #str-aside .nav-local li.open > ul{
display: block;
}

#str-main #str-aside .link-bnr{
margin-top: 24px;
padding-left: 0;
list-style-type: none;
}

#str-aside .link-bnr li{
margin-bottom: 16px;
}
#str-aside .link-bnr img{
margin-bottom: 0;
}
/* 旧デザイン用 */
#bannerNavi .link-bnr li{
margin-bottom: 16px;
}
#bannerNavi .link-bnr img{
margin-bottom: 0;
}

.productsNavi ul.link-bnr{
background-image: none;
}



/* #sp-aside
---------------------------------------------*/
#sp-aside{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #sp-aside{
  margin-top:50px;
  display: block;
  }

  .rwd-valid #sp-aside .nav-local-sp{
  background-color: #fff;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-01{
  margin-bottom: 0;
  background-color: #fff;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-01 a{
  padding: 8px 10px 8px;
  position: relative;
  display: block;
  color: #fff;
  background-color: #2f2f2f;
  font-size: 16px;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-01 a:after{
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 50%;
  right: 17px;
  display: block;
  content: "";
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-01 a:hover,
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-01 a:active,
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-01 a:focus{
  opacity: 0.6;
  text-decoration: none;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-02{
  margin-bottom: 0;
  padding: 5px 13px 7px;
  color: #fff;
  background-color: #595959;
  font-size: 12px;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tgllst{
  margin: 0;
  padding: 0;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tgllst > li{
  margin-bottom: 0;
  list-style-type: none;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn{
  width: 100%;
  margin: 0;
  padding: 10px;
  border-width: 0;
  border-bottom: 1px #ccc solid;
  color: #424242;
  background-color: #fff;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn:hover,
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn:active,
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn:focus{
  opacity: 0.6;
  }

/*220301追記*/
  .rwd-valid .nav-local-sp-tgllst li.link{
	  list-style:none;
	  border-bottom:solid 1px #ccc;
  }
  .rwd-valid .nav-local-sp-tgllst li.link a{
  padding: 9px 31px 8px 15px;
  position: relative;
  display: block;
  color: #333 !important;
  background-color: #f2f2f2;
  }
  .rwd-valid .nav-local-sp-tgllst li.link a:hover,
  .rwd-valid .nav-local-sp-tgllst li.link a:active,
  .rwd-valid .nav-local-sp-tgllst li.link a:focus{
  opacity: 0.6;
  text-decoration: none !important;
  }
  .rwd-valid .nav-local-sp-tgllst li.link a:after{
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 2px solid #595959;
  border-bottom: 2px solid #595959;
  position: absolute;
  top: 50%;
  right: 17px;
  display: block;
  content: "";
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }

  /* JS有効時 */
  .js-active.rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn{
  position: relative;
  }
  .js-active.rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn:after{
  width: 18px;
  height: 18px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(/common/renew_files/images/sprite.png) no-repeat 0 -20px;
  background-size: 38px 38px;
  content: "";
  }
  .js-active.rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn[aria-expanded="true"]:after{
  background: url(/common/renew_files/images/sprite.png) no-repeat -20px -20px;
  background-size: 38px 38px;
  }
  .js-active.rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tgllst > li:last-child .nav-local-sp-tglbtn{
  border-bottom-width: 0;
  }
  .js-active.rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tgllst > li:last-child .nav-local-sp-tglbtn[aria-expanded="true"]{
  border-bottom-width: 1px;
  }
  .js-active.rwd-valid #sp-aside .nav-local-sp .link-spmenu{
  display: none;
  }
  .js-active.rwd-valid #sp-aside .nav-local-sp .link-spmenu[aria-expanded="true"]{
  display: block;
  }
}

/* .link-top
---------------------------------------------*/
#main-footer .link-top{
font-size: 16px;
text-align: center;
}
@media screen and (max-width: 768px){
  .rwd-valid #main-footer .link-top{
  margin: 0 -10px;
  background-color: #fff;
  }
}
#main-footer .link-top a{
padding-top: 29px;
position: relative;
display: inline-block;
color: #fefefe;
background: url(/common/renew_files/images/anc_11.png) no-repeat center 9px;
}
@media screen and (max-width: 768px){
  .rwd-valid #main-footer .link-top a{
  height: 36px;
  margin: 0;
  padding-top: 0;
  position: relative;
  display: block;
  color: transparent;
  background: #2f2f2f none;
  }
  .rwd-valid #main-footer .link-top a:after{
  width: 9px;
  height: 9px;
  margin: -1px 0 0 -4.5px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  }
}
#main-footer .link-top a:visited{
color: #fefefe;
}
@media screen and (max-width: 768px){
  .rwd-valid #main-footer .link-top a:visited{
  color: transparent;
  }
}
#main-footer .link-top a:hover,
#main-footer .link-top a:active,
#main-footer .link-top a:focus{
color: #fefefe;
}
@media screen and (max-width: 768px){
  .rwd-valid #main-footer .link-top a:hover,
  .rwd-valid #main-footer .link-top a:active,
  .rwd-valid #main-footer .link-top a:focus{
  opacity: 0.6;
  color: transparent;
  }
}

/* video
---------------------------------------------*/
#str-main .video-image{
border:#DAD9DB 1px solid;
}

/*--------------------------------------------------
    Footer Area
--------------------------------------------------*/

#footer-01 .link-legal{
width: 695px;
height: 100%;
margin: 0;
padding: 0;
display: table-cell;
font-size: 14px;
vertical-align: middle;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-legal{
    width: 99%;
    height: auto;
    display: block;
    padding: 15px 0px;
    font-size: 12px;
    line-height: 2.17;
    text-align: center;
    margin: 0px;
  }
}
#footer-01 .link-legal li{
/* margin-right: 41px; */
margin-right: 20px;
display: inline-block;
list-style: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-legal li{
  margin: 0 13px;
  }
}
#footer-01 .link-legal a,
#footer-01 .link-legal a:visited,
#footer-01 .link-legal a:hover,
#footer-01 .link-legal a:active,
#footer-01 .link-legal a:focus{
color: #fefefe;
}
#footer-01 .link-support{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-support{
  width: 100%;
  margin: 0 -10px 12px;
  padding: 0;
  display: block;
  font-size: 12px;
  text-align: center;
  }
  .rwd-valid #footer-01 .link-support li{
  margin: 0 13px;
  padding: 0;
  display: inline-block;
  list-style: none;
  }
  .rwd-valid #footer-01 .link-support .search{
  display: none;
  }
  .rwd-valid #footer-01 .link-support li a{
  color: #fff;
  }
  .rwd-valid #footer-01 .link-support a:visited{
  color: #fff;
  }
  .rwd-valid #footer-01 .link-support li a:hover,
  .rwd-valid #footer-01 .link-support li a:active,
  .rwd-valid #footer-01 .link-support li a:focus{
  color: #fff;
  }
  .rwd-valid #footer-01 .link-support li .icon{
  margin: 0;
  position: static;
  }
  .rwd-valid #footer-01 .link-support li .icon:before{
  display: inline-block;
  content: "";
  vertical-align: baseline;
  }
  .rwd-valid #footer-01 .link-support .global .icon:before{
  width: 16px;
  height: 16px;
  margin: 0 5px -2px 0;
  background: url(/common/renew_files/images/icon_global.png) no-repeat 0 0;
  }
  .rwd-valid #footer-01 .link-support .language .icon:before{
  width: 19px;
  height: 17px;
  margin: 0 7px -4px 0;
  background: url(/common/renew_files/images/icon_language.png) no-repeat 0 0;
  }
}
#footer-01 .link-youtube{
width: 305px;
height: 100%;
display: table-cell;
background-color: #fff;
font-size: 14px;
text-align: center;
vertical-align: middle;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-youtube{
  width: calc(100% + 20px);
  margin: 0 -10px;
  display: block;
  font-size: 12px;
  font-weight: bold;
  }
}
#footer-01 .link-youtube a{
width: 305px;
height: 100%;
display: block;
color: #fefefe;
background-color: #000;
vertical-align: middle;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-youtube a{
  width: 100%;
  height: auto;
  }
}
#footer-01 .link-youtube a:visited{
color: #fefefe;
}
#footer-01 .link-youtube a .icon{
margin: 18px 0;
position: static;
display: inline-block;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-youtube a .icon{
  margin: 11px 0 10px;
  }
}
#footer-01 .link-youtube a .icon:after{
width: 35px;
height: 35px;
margin: -1px 0 0 14px;
display: inline-block;
background: url(/common/renew_files/images/icon_youtube.png) no-repeat 0 0;
content: "";
vertical-align: middle;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-youtube a .icon:after{
  width: 26px;
  height: 26px;
  margin-left: 12px;
  background-size: contain;
  }
}
#footer-01 .link-youtube a:hover,
#footer-01 .link-youtube a:active,
#footer-01 .link-youtube a:focus{
opacity: 0.6;
color: #fff;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}

#footer-02 .copyright{
font-size: 12px;
text-align: center;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-02 .copyright{
  font-size: 9px;
  }
}
#footer-01 .link-sns {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex !important;
  justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  align-items: center !important;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  background-color: #000;
  width: 435px;
  height: 70px;
  padding: 0px;
  margin: 0px;
}
#footer-01 .link-sns li {
  list-style: none;
}
#footer-01 .link-sns li a {
  color: #fff;
  transition: 0.5s !important;
  margin-top: 0px;
}
#footer-01 .link-sns li a img {
  position: absolute;
}
#footer-01 .link-sns li:nth-of-type(1) a {
  position: relative;
  z-index: 2;
  padding: 15px 40px 15px 33px;
  margin: 0px;
  display: block;
  margin-top: 5px;
}
#footer-01 .link-sns li:nth-of-type(1) a:hover {
  background-color: #666;
  transition: 0.5s;
  text-decoration: none;
  color: #fff;
}
#footer-01 .link-sns li:nth-of-type(5) {
  margin-right: 33px;
}
#footer-01 .twitter-link,
#footer-01 .facebook-link,
#footer-01 .instagram-link {
  width: 35px;
  display: block;
  margin-top: 33px;
}
#footer-01 .youtube-link{
  width: 35px;
  display: block;
  margin-top: 28px;
}
#footer-01 .facebook-link:after {
  content: url(/common/renew_files/images/i_facebook.png);
  position: sticky;
  transition: .5s;
  opacity: 0;
}
#footer-01 .twitter-link:after {
  content: url(/common/renew_files/images/i_twitter.png);
  position: sticky;
  transition: .5s;
  opacity: 0;
}
#footer-01 .youtube-link:after {
  content: url(/common/renew_files/images/i_youtube.png);
  position: sticky;
  transition: .5s;
  opacity: 0;
}
#footer-01 .instagram-link:after {
  content: url(/common/renew_files/images/i_instagram.png);
  position: sticky;
  transition: .5s;
  opacity: 0;
}
@media screen and (max-width: 768px){
  #footer-01 .facebook-link:after,
  #footer-01 .twitter-link:after,
  #footer-01 .youtube-link:after,
  #footer-01 .instagram-link:after
   {
    opacity: 1;
  }
  #footer-01 .youtube-link,
  #footer-01 .twitter-link,
  #footer-01 .facebook-link,
  #footer-01 .instagram-link,
  #footer-01 .youtube-link img,
  #footer-01 .twitter-link img,
  #footer-01 .facebook-link img,
  #footer-01 .instagram-link img  {
    width: 30px;
  }
}
#footer-01 .twitter-link:hover:after,
#footer-01 .facebook-link:hover:after,
#footer-01 .youtube-link:hover:after,
#footer-01 .instagram-link:hover:after {
  opacity: 1;
  transition: .5s;
}
#footer-01 .link-sns li:nth-of-type(1):before {
  content: "";
  background: url(/common/renew_files/images/anc_01.png) no-repeat 3px .2em;
  width: 10px;
  height: 20px;
  display: block;
  position: relative;
  top: 52px;
  left: 150px;
  z-index: 3;
}
#footer-01 .link-sns li:nth-of-type(1):after {
  content: "";
  border-right: 1px solid #787878;
  height: 26px;
  display: block;
  position: relative;
  top: -48px;
  z-index: 1;
}
@media screen and (max-width: 768px){
  #footer-01 .link-sns {
    width: 100%;
    height: 70px;
    padding: 0px;
    margin: 0px;
  }
  #footer-01 .inner {
    padding: 0px;
    margin: 0px;
  }
  #footer-01 .link-sns li:nth-of-type(1):after {
    top: -39px;
  }
  #footer-01 .link-sns li:nth-of-type(1):before{
    content: "";
    display: none;
  }
  #footer-01 .link-sns li:nth-of-type(1) a {
    padding: 0px 15px 10px 15px;
    /* height: 38px; */
    margin-top: 35px;
  }
  #footer-01 .link-sns li:nth-of-type(5) {
    margin-right: 16px;
  }
  #footer-01 .twitter-link img,
  #footer-01 .facebook-link img,
  #footer-01 .instagram-link img,
  #footer-01 .youtube-link img {
    opacity: 0;
  }
  #footer-01 .twitter-link:hover:after,
  #footer-01 .facebook-link:hover:after,
  #footer-01 .youtube-link:hover:after,
  #footer-01 .instagram-link:hover:after {
    opacity: 1;
  }
  #footer-01 .facebook-link:after {
    content: url(/common/renew_files/images/facebook-icon-sp.png);
    position: sticky;
    transition: .5s;
  }
  #footer-01 .twitter-link:after {
    content: url(/common/renew_files/images/twitter-icon-sp.png);
    position: sticky;
    transition: .5s;
  }
  #footer-01 .youtube-link:after {
    content: url(/common/renew_files/images/youtube-icon-sp.png);
    position: sticky;
    transition: .5s;
  }
  #footer-01 .instagram-link:after {
    content: url(/common/renew_files/images/instagram-icon-sp.png);
    position: sticky;
    transition: .5s;
  }
  #footer-01 .link-sns li:nth-of-type(1) a {
    font-size: 10px;
  }

}

/*==================================================
    05. Support
==================================================*/

/* z-index for Structure
---------------------------------------------*/
#header-01{
z-index: 113;
}
#search-window{
z-index: 112;
}
#sp-menu{
z-index: 111;
}
#str-header .area-megadown{
z-index: 103;
}
#header-02{
z-index: 102;
}
#header-03{
z-index: 101;
}
#overlay{
z-index: 100;
}

/* ClaerFix
---------------------------------------------*/
#header-01 .inner:after,
#header-02:after,
#header-03:after,
#main-wrapper:after,
#str-main .link-01:after,
#str-main .link-box-02:after,
#str-main .box-img-02:after,
#str-main .box-img-w180:after,
#str-main .box-img-w200:after,
#str-main .lyt-img:after,
#str-main .lyt-img-w130:after,
#str-main .lyt-img-w160:after,
#str-main .lyt-img-w200:after,
#str-main .lyt-img-rwd:after,
#str-main .lyt-tab .tab:after,
#page-home .lyt-product .inner:after,
#page-home .lyt-about .inner:after,
#str-main .col-2:after,
#str-main .col-2-adjust-h:after,
#str-main .col-3:after,
#str-main .col-3-adjust-h:after,
#str-main .col-4:after,
#str-main .col-4-adjust-h:after,
#str-main .col-5:after,
#str-main .col-5-adjust-h:after,
.rwd-valid #str-main .col-2-rwd:after,
.rwd-valid #str-main .col-2-rwd-adjust-h:after,
.rwd-valid #str-main .col-3-rwd:after,
.rwd-valid #str-main .col-3-rwd-adjust-h:after,
.rwd-valid #str-main .col-4-rwd:after,
.rwd-valid #str-main .col-4-rwd-adjust-h:after,
.rwd-valid #str-main .col-5-rwd:after,
.rwd-valid #str-main .col-5-rwd-adjust-h:after,
#header-01 .link-support:after,
#header-02 .btn-info:after,
#str-header .area-megadown .lyt-megadown:after,
#str-header .area-megadown .nav-megadown-01:after,
#str-header .area-megadown .nav-megadown-01 a:after,
#str-main .lyt-sf-01 .inner:after,
#str-main .lyt-tab-02 .list-tab:after,
#str-main ul.list-guide:after,
#str-main .lyt-risograph-06:after,
#str-main .col-4-3sp:after,
#str-main .col-4-2sp:after,
#str-main .col-3-2sp:after,
#str-main .col-2-2sp:after,
#sns-header:after{
display: block;
clear: both;
content: '';
}

@media screen and (max-width: 768px){
  .rwd-valid #str-main .col-2-rwd:after,
  .rwd-valid #str-main .col-2-rwd-adjust-h:after,
  .rwd-valid #str-main .col-3-rwd:after,
  .rwd-valid #str-main .col-3-rwd-adjust-h:after,
  .rwd-valid #str-main .col-4-rwd:after,
  .rwd-valid #str-main .col-4-rwd-adjust-h:after,
  .rwd-valid #str-main .col-5-rwd:after,
  .rwd-valid #str-main .col-5-rwd-adjust-h:after{
  display: none;
  }
}

/* image-width
---------------------------------------------*/
@media screen and (max-width: 768px){
  #str-main .img-w-original img{
  width: auto !important;
  max-width: 100%;
  }
}

/* margin
---------------------------------------------*/
#str-main .mb-00{
margin-bottom: 0 !important;
}
#str-main .mb-05{
margin-bottom: 5px !important;
}
#str-main .mb-10{
margin-bottom: 10px !important;
}
#str-main .mb-20{
margin-bottom: 20px !important;
}
#str-main .mb-25{
margin-bottom: 25px !important;
}
#str-main .mb-30{
margin-bottom: 30px !important;
}
#str-main .mb-40{
margin-bottom: 40px !important;
}
#str-main .mt-03{
margin-top: 3px !important;
}
#str-main .mt-00{
margin-top: 0 !important;
}

/* image-width
---------------------------------------------*/
#str-main .mw-100{
max-width: 100%;
}

/* text-color
---------------------------------------------*/
#str-main .tc-corp{
color: #532f91;
}

/* font
---------------------------------------------*/
#str-main .fsz-10h{
font-size: 10.5px !important;
}
#str-main .fsz-11{
font-size: 11px !important;
}
#str-main .fsz-12{
font-size: 12px !important;
}
#str-main .fsz-13{
font-size: 13px !important;
}
#str-main .fsz-14{
font-size: 14px !important;
}
#str-main .fsz-16{
font-size: 16px !important;
}
#str-main .fsz-17{
font-size: 17px !important;
}
#str-main .fsz-18{
font-size: 18px !important;
}
#str-main .fsz-20{
font-size: 20px !important;
}
#str-main .fsz-24{
font-size: 24px !important;
}
#str-main .fwg-bold{
font-weight: bold !important;
}
#str-main .fwg-normal{
font-weight: normal !important;
}
#str-main .fst-normal{
font-style: normal;
}

/*==================================================
    06. for Old Design
==================================================*/

div#wrapper{
margin-top: 9px;
}

#wrapper:after{
display: block;
clear: both;
content: '';
}

div#mainContents,
#ptmaincontainer{
width: 730px;
float: left;
}

div#bannerNavi{
float: right;
}

.design-prdct .pagetop,
.rwd-valid .pagetop{
margin-bottom:20px!important;
text-align: right;
}
.design-prdct .pagetop a,
.rwd-valid .pagetop a{
position: relative;
color:#8a8a8a !important;
}
.design-prdct .pagetop a:before,
.rwd-valid .pagetop a:before{
width: 7px;
height: 7px;
border-right: 2px solid #8a8a8a;
border-bottom: 2px solid #8a8a8a;
position: absolute;
top: 40%;
left: -15px;
display: block;
content: "";
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.design-prdct .pagetop:last-child,
.rwd-valid .pagetop:last-child{
display: none;
}
@media screen and (max-width: 768px){
  .design-prdct .pagetop:last-child,
  .rwd-valid .pagetop:last-child{
  display: block;
  }
}

#str-aside .naviHeading01{
margin-bottom: 8px !important;
padding: 2px 0 2px 15px;
color: #424242 !important;
background: url(/common/images/navi_heading01.gif) repeat-y left top;
font-size: 12px !important;
font-weight: bold !important;
line-height: 1 !important;
}

#str-aside .bannerCommon01{
margin: 0 0 15px 0;
padding: 0 0 10px 0;
background: url(/common/images/banner_line01.gif) repeat-x left bottom;
}
#str-aside .bannerCommon01 ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#str-aside .bannerCommon01 ul li{
margin-bottom: 0;
padding-bottom: 5px;
}
#str-aside .bannerCommon01 ul li img{
margin-bottom: 0;
vertical-align: bottom;
}
#str-aside .bannerCommon02 ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#str-aside .bannerCommon02 ul li{
margin-bottom: 0;
padding-bottom: 5px;
}

#str-aside .important{
margin-top: 9px;
padding: 15px 0 0 0;
background: url(/common/images/banner_line01.gif) repeat-x left top;
}

#str-aside .linkStyle01{
}
#str-aside .linkStyle01 a{
padding: 0 0 5px 15px;
display: block;
color: #06319e;
background: url(/common/images/icon_arrow01.gif) no-repeat 0px 3px;
}

#feature .recommendBlock .mov .caption,
#functions .movieItems .box .caption{
display:block;
font-size:12px;
text-align:center;
margin-top:5px;
}

/*banner opacity*/
#str-aside .bannerCommon01 a:hover img,
#str-aside .sideNavBanner a:hover img{
opacity: 0.85;

-ms-filter: "alpha(opacity=85)";
}























































@charset 'UTF-8';
/*==================================================
    07. Recruit Renew
==================================================*/
#str-main .recruitContents {
  box-sizing: border-box;
  padding-top: 0;
  margin-top: -30px;
  margin-bottom: -60px;
  background-color: #fff;
  font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
  color: #333;
}

#str-main .recruitContents *, #str-main .recruitContents *::before, #str-main .recruitContents *::after {
  box-sizing: border-box;
}

#str-main .recruitContents a {
  transition: opacity 150ms;
}

#str-main .recruitContents a:hover, #str-main .recruitContents a:active, #str-main .recruitContents a:focus {
  text-decoration: none;
}

#str-main .recruitContents p {
  margin-bottom: 0;
}

#str-main .recruitContents .bunnerList {
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: -9px;
  margin-bottom: 35px;
  list-style: none;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .bunnerList {
    display: block;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

#str-main .recruitContents .bunnerList > li {
  width: 100%;
  margin-right: 9px;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .bunnerList > li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

#str-main .recruitContents .bunnerList > li a:hover, #str-main .recruitContents .bunnerList > li a:active, #str-main .recruitContents .bunnerList > li a:focus {
  opacity: .7;
}

#str-main .recruitContents .bunnerList > li img {
  width: 100%;
}

#str-main .recruitContents .recruit_lead {
  margin-bottom: 5px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #532f91;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_lead {
    line-height: 1.5;
    font-size: 22px;
  }
}

#str-main .recruitContents .recruit_leadSub {
  margin-bottom: 36px;
  text-align: center;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_leadSub {
    font-size: 12px;
  }
}

#str-main .recruitContents .recruit_ancList {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-right: -9px;
  margin-bottom: 0;
  list-style: none;
}

#str-main .recruitContents .recruit_ancList > li {
  width: calc(25% - 9px);
  margin-right: 9px;
  margin-bottom: 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_ancList > li {
    width: calc(50% - 9px);
  }
}

#str-main .recruitContents .recruit_ancList > li:first-child {
  background-color: #2badff;
}

#str-main .recruitContents .recruit_ancList > li:nth-child(2) {
  background-color: #fd4582;
}

#str-main .recruitContents .recruit_ancList > li:nth-child(3) {
  background-color: #ff9f2e;
}

#str-main .recruitContents .recruit_ancList > li:last-child {
  background-color: #4dba59;
}

#str-main .recruitContents .recruit_ancList > li a {
  display: block;
  position: relative;
  height: 100%;
  padding: 23px 5px 38px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_ancList > li a {
    padding: 15px 5px 33px;
  }
}

#str-main .recruitContents .recruit_ancList > li a::before, #str-main .recruitContents .recruit_ancList > li a::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 18px;
  left: 0;
  margin: auto;
  transition: all 150ms;
}

#str-main .recruitContents .recruit_ancList > li a::before {
  width: 2px;
  height: 10px;
  background-color: #fff;
}

#str-main .recruitContents .recruit_ancList > li a::after {
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

@media screen and (min-width: 767px) {
  #str-main .recruitContents .recruit_ancList > li a:hover::before, #str-main .recruitContents .recruit_ancList > li a:hover::after, #str-main .recruitContents .recruit_ancList > li a:active::before, #str-main .recruitContents .recruit_ancList > li a:active::after, #str-main .recruitContents .recruit_ancList > li a:focus::before, #str-main .recruitContents .recruit_ancList > li a:focus::after {
    bottom: 16px;
  }
}

#str-main .recruitContents [class*='recruit_section'] {
  padding: 40px 60px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents [class*='recruit_section'] {
    padding: 20px 10px;
  }
}

#str-main .recruitContents [class*='recruit_section']:nth-child(even) {
  background-color: #ebeaec;
}

#str-main .recruitContents [class*='recruit_section']:last-child {
  padding-bottom: 60px;
}

#str-main .recruitContents .recruit_section_01 {
  background-color: #fff;
}

#str-main .recruitContents .recruit_section_02 {
  background-image: url(/c/company/rec/img/index_bg_01.png), url(/c/company/rec/img/index_bg_02.png), url(/c/company/rec/img/index_bg_03.png), url(/c/company/rec/img/index_bg_04.png);
  background-position: 0 30px, right top, 52px bottom, right bottom;
  background-size: 11.7% auto, 26.3% auto, 32.8% auto, 56.9% auto;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_section_02 {
    background-image: url(/c/company/rec/img/index_bg_01.png), url(/c/company/rec/img/index_bg_03.png);
    background-position: 0 30px, right bottom;
    background-size: auto ,auto;
  }
}

#str-main .recruitContents .recruit_section_03 {
  background-image: url(/c/company/rec/img/index_bg_05.png), url(/c/company/rec/img/index_bg_06.png);
  background-position: left bottom, right 50px;
  background-size: 10.5% auto, 100% auto;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_section_03 {
    background-image: url(/c/company/rec/img/index_bg_06.png);
    background-position: right top;
    background-size: cover;
  }
}

#str-main .recruitContents .recruit_section_04 {
  background-image: url(/c/company/rec/img/index_bg_07.png);
  background-repeat: repeat;
}

#str-main .recruitContents .recruit_section_05 {
  background-image: url(/c/company/rec/img/index_bg_08.png), url(/c/company/rec/img/index_bg_09.png), url(/c/company/rec/img/index_bg_10.png), url(/c/company/rec/img/index_bg_11.png);
  background-position: 0 30px, right top, 52px bottom, right bottom;
  background-size: 10% auto, 29.6% auto, 30.4% auto, 45.6% auto;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_section_05 {
    background-image: url(/c/company/rec/img/index_bg_08.png), url(/c/company/rec/img/index_bg_11.png);
    background-position: 0 30px, 52px bottom;
    background-size: auto auto, auto auto;
  }
}

#str-main .recruitContents .recruit_layout {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_layout {
    display: block;
  }
}

#str-main .recruitContents .recruit_layout .content {
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_layout .content {
    margin-bottom: 20px;
  }
}

#str-main .recruitContents .recruit_layout .content .txt {
  margin-bottom: 20px;
  text-align: left;
}

#str-main .recruitContents .recruit_layout .content .txt:last-child {
  margin-bottom: 0;
}

#str-main .recruitContents .recruit_layout .img {
  padding-left: 50px;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_layout .img {
    padding-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

#str-main .recruitContents .recruit_layout .img a {
  display: block;
  position: relative;
  transition: opacity 150ms;
}

#str-main .recruitContents .recruit_layout .img a::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 47px;
  height: 35px;
  background-color: #51318f;
  background-image: url(/c/company/rec/introduction/img/link_arrow_01.png);
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (min-width: 767px) {
  #str-main .recruitContents .recruit_layout .img a:hover, #str-main .recruitContents .recruit_layout .img a:active, #str-main .recruitContents .recruit_layout .img a:focus {
    opacity: .7;
  }
}

#str-main .recruitContents .recruit_layout .img img {
  width: 100%;
  margin-bottom: 0;
  box-shadow: 0 15px 27px 0 rgba(118, 112, 128, .2);
}

#str-main .recruitContents .recruit_layout._reverse .content {
  order: 2;
}

#str-main .recruitContents .recruit_layout._reverse .img {
  order: 1;
  padding-right: 50px;
  padding-left: 0;
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_layout._reverse .img {
    padding-right: 0;
  }
}

#str-main .recruitContents .recruit_layout._alignCenter {
  align-items: center;
}

#str-main .recruitContents .recruit_layout .recruitHdg, #str-main .recruitContents .recruit_layout .txt {
  text-align: left;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_layout .recruitHdg, #str-main .recruitContents .recruit_layout .txt {
    text-align: center;
  }
}

#str-main .recruitContents .recruitHdg {
  margin-bottom: 10px;
  line-height: 1.44;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #532f91;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruitHdg {
    line-height: 1.2;
    font-size: 25px;
  }
}

#str-main .recruitContents .recruitHdg._small {
  margin-bottom: 8px;
  font-size: 40px;
}

#str-main .recruitContents .recruitHdg + .txt {
  margin-bottom: 34px;
  text-align: center;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruitHdg + .txt {
    font-size: 12px;
  }
}

#str-main .recruitContents .recruit_linkPanel_02 {
  display: flex;
  padding: 0;
  margin-right: -22px;
  margin-bottom: 5px;
  list-style: none;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_linkPanel_02 {
    display: block;
    margin-right: 0;
  }
}

#str-main .recruitContents .recruit_linkPanel_02 > li {
  position: relative;
  width: calc(99.99% / 3 - 7px);
  margin-right: 22px;
}

@media screen and (max-width: 768px) {
  #str-main .recruitContents .recruit_linkPanel_02 > li {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
}

#str-main .recruitContents .recruit_linkPanel_02 > li a {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  height: 100%;
  padding: 18px 10px 47px;
  background-color: #fff;
  transition: box-shadow 200ms;
  font-size: 22px;
  font-weight: bold;
}

#str-main .recruitContents .recruit_linkPanel_02 > li a::before {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 23px;
  left: 0;
  width: 18px;
  height: 2px;
  margin: auto;
}

#str-main .recruitContents .recruit_linkPanel_02 > li a::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 17px;
  left: 0;
  width: 14px;
  height: 14px;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#str-main .recruitContents .recruit_linkPanel_02 > li a img {
  margin-bottom: 18px;
}

#str-main .recruitContents .recruit_linkPanel_02 > li a .sub {
  display: block;
  font-size: 14px;
}

#str-main .recruitContents .recruit_linkPanel_02 > li:first-child a {
  box-shadow: -7px 7px 0 0 #f2f2f2, -7px 7px 0 3px rgba(255, 169, 69, .25);
  border: solid 3px #ff9f2e;
  color: #ff9f2e;
}

#str-main .recruitContents .recruit_linkPanel_02 > li:first-child a::before {
  background-color: #ff9f2e;
}

#str-main .recruitContents .recruit_linkPanel_02 > li:first-child a::after {
  border-top: solid 2px #ff9f2e;
  border-right: solid 2px #ff9f2e;
}

@media screen and (min-width: 767px) {
  #str-main .recruitContents .recruit_linkPanel_02 > li:first-child a:hover, #str-main .recruitContents .recruit_linkPanel_02 > li:first-child a:active, #str-main .recruitContents .recruit_linkPanel_02 > li:first-child a:focus {
    box-shadow: 0 0 0 0 #f2f2f2, 0 0 0 0 rgba(255, 169, 69, .25);
  }
}

#str-main .recruitContents .recruit_linkPanel_02 > li:nth-child(2) a {
  box-shadow: -7px 7px 0 0 #f2f2f2, -7px 7px 0 3px rgba(75, 184, 254, .25);
  border: solid 3px #2badff;
  color: #2badff;
}

#str-main .recruitContents .recruit_linkPanel_02 > li:nth-child(2) a::before {
  background-color: #2badff;
}

#str-main .recruitContents .recruit_linkPanel_02 > li:nth-child(2) a::after {
  border-top: solid 2px #2badff;
  border-right: solid 2px #2badff;
}

@media screen and (min-width: 767px) {
  #str-main .recruitContents .recruit_linkPanel_02 > li:nth-child(2) a:hover, #str-main .recruitContents .recruit_linkPanel_02 > li:nth-child(2) a:active, #str-main .recruitContents .recruit_linkPanel_02 > li:nth-child(2) a:focus {
    box-shadow: 0 0 0 0 #f2f2f2, 0 0 0 0 rgba(255, 169, 69, .25);
  }
}

#str-main .recruitContents .recruit_linkPanel_02 > li:last-child a {
  box-shadow: -7px 7px 0 0 #f2f2f2, -7px 7px 0 3px rgba(77, 186, 86, .25);
  border: solid 3px #4dba59;
  color: #4dba59;
}

#str-main .recruitContents .recruit_linkPanel_02 > li:last-child a::before {
  background-color: #4dba59;
}

#str-main .recruitContents .recruit_linkPanel_02 > li:last-child a::after {
  border-top: solid 2px #4dba59;
  border-right: solid 2px #4dba59;
}

@media screen and (min-width: 767px) {
  #str-main .recruitContents .recruit_linkPanel_02 > li:last-child a:hover, #str-main .recruitContents .recruit_linkPanel_02 > li:last-child a:active, #str-main .recruitContents .recruit_linkPanel_02 > li:last-child a:focus {
    box-shadow: 0 0 0 0 #f2f2f2, 0 0 0 0 rgba(255, 169, 69, .25);
  }
}

#str-main .recruitContents .link-box-04 {
  margin-bottom: 0;
}

@media screen and (min-width: 767px) {
  .pc_hide {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .sp_hide {
    display: none !important;
  }
}



#str-main .btn-more {
  margin-bottom: 28px !important;
  min-width: 370px;
  display: flex;
}

#str-main .btn-more *, #str-main .btn-more *::before, #str-main .btn-more *::after {
  box-sizing: border-box;
}

#str-main .btn-more a {
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 88px;
  padding: 11px 11px 11px 22px;
  margin: auto;
  border: 3px solid #532f91;
  line-height: 1.4;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  #str-main .btn-more a {
    width: 100%;
    height: auto;
    padding: 11px;
  }
}

#str-main .btn-more a .txt {
  position: relative;
  padding-left: 25px;
}

@media screen and (max-width: 768px) {
  #str-main .btn-more a .txt {
    padding-left: 18px;
  }
}


#str-main .btn-more a img {
  flex-shrink: 0;
  margin-bottom: 0;
  margin-left: 10px;
}


#str-main .btn-more a .txt::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  margin-right: 8px;
  border-top: 3px solid #532f91;
  border-right: 3px solid #532f91;
  transform: rotate(45deg);
}

#str-main .btn-more a:hover, #str-main .btn-more a:focus {
  opacity: .8;
  text-decoration: none;
}

#str-main .use-content:not([class*="is-select"]) + .btn-more {
  display: none;
}

.imgAdjust {
  width: 100%;
  height: auto;
  object-fit: contain;
}