@charset "UTF-8";

/* CSS Document */

/*----------------------------------------------------
☆General
----------------------------------------------------*/

.fwBold {font-weight:bold;}

.normal {font-weight: normal;}

.alCenter {text-align:center;}

.alLeft{text-align:left;}

.alRight{text-align:right;}

.vaTop {vertical-align:top;}

.vaMiddle {vertical-align:middle;}

.vaBottom {vertical-align:bottom;}

.fLeft { float:left; }
.fRight { float:right; }

.offHidden {overflow:hidden;}

.m0a {margin:0 auto;}

.width100 {
width: 100%;
height: auto;
}
.width80 {
width: 80%;
height: auto;
}
.width60 {
width: 60%;
height: auto;
}
.width50 {
width: 46%;
height: auto;
padding: 2%;
float: left;
}

a {
opacity: 1;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
}
a:hover {
opacity: .8;
}
.opTr a {
opacity: 1;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
}
.opTr a:hover img {
opacity: .8;
}
a.ovUnder{
}
a.ovUnder:hover{
text-decoration: none;
opacity: .8;
}
.displayB {display:block;}
.inLineBlock {display:inline-block;}
i {margin-right: 5px;}
.icon {
margin-right:3px;
vertical-align:middle;
margin-top:-1px;
}
.spHide { display: block;}
.spDisp { display: none;}
.borderaBt {
border-bottom:#E1E3E8 1px solid;
padding-bottom:30px;
}
#contents .innerSize01 p a {
color:#D01119;
}
#contents .innerSize01 p a:hover {
text-decoration:underline;
}


/*----------------------------------------------------
☆Fonts
----------------------------------------------------*/
span.generic01 {
display:block;
font-weight:bold;
margin:0.8em 0 0.2em;
}
.linkRed a {
color: #D01119;
}
#contents p.general01 {
margin-bottom:30px;
line-height:2.0;
font-size:1.8rem;
color: #000;
}
.opacity {
background-color: #fff;
opacity: 0.5;
}
p.large01 {
margin-bottom:90px;
line-height:1.5;
font-size:2.2rem;
text-align:center;
}
p.large02 {
margin-bottom:40px;
line-height:2.0;
font-size:1.8rem;
text-align:center;
}
p.large03 {
margin-bottom:20px;
line-height:2.0;
font-weight:bold;
font-size:2.0rem;
}
p.large04 {
margin-bottom:20px;
line-height:2.0;
font-weight:bold;
font-size:2.4rem;
padding-bottom:5px;
border-bottom: #222 3px solid;
}
.large01Center {
font-size:2.0rem;
text-align:center;
font-weight:bold;
margin-bottom:25px;
}
p.rightBold {
line-height:1.6;
font-size:1.8rem;
font-weight:bold;
text-align:right;
}


/*----------------------------------------------------
☆Color
----------------------------------------------------*/
.red {
color:#D01119;
}

/*----------------------------------------------------
☆Size
----------------------------------------------------*/
.size10 { font-size:1.0rem!important; }
.size11 { font-size:1.1rem!important; }
.size12 { font-size:1.2rem!important; }
.size13 { font-size:1.3rem!important; }
.size14 { font-size:1.4rem!important; }
.size15 { font-size:1.5rem!important; }
.size16 { font-size:1.6rem!important; }
.size17 { font-size:1.7rem!important; }
.size18 { font-size:1.8rem!important; }
.size19 { font-size:1.9rem!important; }
.size20 { font-size:2.0rem!important; }
.size21 { font-size:2.1rem!important; }
.size22 { font-size:2.2rem!important; }
.size23 { font-size:2.3rem!important; }
.size24 { font-size:2.4rem!important; }

/*----------------------------------------------------
☆Width
----------------------------------------------------*/
.w5 {width:5%!important;}
.w10 {width:10%!important;}
.w15 {width:15%!important;}
.w18 {width:18%!important;}
.w20 {width:20%!important;}
.w25 {width:25%!important;}
.w30 {width:30%!important;}
.w35 {width:35%!important;}
.w40 {width:40%!important;}
.w45 {width:45%!important;}
.w50 {width:50%!important;}
.w55 {width:55%!important;}
.w60 {width:60%!important;}
.w65 {width:65%!important;}
.w70 {width:70%!important;}
.w75 {width:75%!important;}
.w80 {width:80%!important;}
.w85 {width:85%!important;}
.w90 {width:90%!important;}
.w95 {width:95%!important;}
.wFull {width:100%!important;}

/*----------------------------------------------------
☆basecompo
----------------------------------------------------*/
#contents section {
clear: both;
margin: 60px auto 120px;
width: 100%;
}
#contents section.outerSize01 {
clear: both;
margin: 0 auto;
width: 100%;
max-width:1000px;
}
#contents section.outerSize02 {
clear: both;
margin: 0 auto;
padding: 100px 0;
}
#contents section.outerSize03 {
clear: both;
margin: 0 auto;
width: 100%;
}
#contents .innerSize01 {
margin: 0 auto;
padding: 0 0 100px 0;
width: 100%;
max-width:1000px;
}
#contents .innerSize02 {
margin: 0 auto;
width: 100%;
max-width:1000px;
}
#contents .innerSize03 {
margin: 100px auto;
width: 100%;
max-width:1000px;
}
#contents .innerSize04 {
margin: 50px auto;
padding: 0 0 150px 0;
width: 100%;
max-width: 1200px;
min-height: 3000px;
}
#contents .innerSize05 {
margin: 0 auto 50px;
width: 100%;
max-width:1200px;
}
#contents .innerSize06 {
margin: 0 auto 150px;
width: 100%;
max-width:1000px;
}
#contents .innerSize07 {
margin: 50px auto 100px;
width: 100%;
max-width:1200px;
}
#contents .innerSize08 {
margin: 80px auto 100px;
padding: 0 0 100px 0;
width: 100%;
max-width:1200px;
}
#contents section .bgBlue {
background:#EDF5FC;
padding:100px;
}

@media only screen and ( max-width : 992px ) {
#contents section .bgBlue {
padding: 100px 1%;
}
}
@media only screen and ( max-width : 768px ) {

}

#contents section .bgWhite {
background:#fff;
padding:50px 40px;
}
#contents section.borderLineTop {
border-top: #E1E3E8 solid 1px;
padding: 50px 0 50px;
margin-bottom:0;
}
#comBtList {
list-style: none;
width: 100%;
max-width:1000px;
margin: 0 auto;
}
#comBtList li {
width: calc( 95% / 6 );
display: inline-block;
text-align: center;
line-height: 1.0em;
vertical-align:top;
}
#comBtList li a {
display: block;
padding: 25px 0 0;
font-weight: bold;
color: #fff;
background: #222;
border-right: #555 solid 1px;
height:62px;
}
#comBtList li a.twoLine {
padding: 15px 0 0;
}
#contents section.last {
margin-bottom:0;
}
.aural span,span.aural {
display:none;
visibility:hidden;
}
img.icon {
margin-right:5px;
vertical-align:middle;
}

@media print, screen and ( max-width : 992px ) {
#contents section.outerSize02 {
padding: 100px 1%;
}
#contents .innerSize01 {
width: 98%;
margin: 0 1%
}
#contents .innerSize06 {
width: 98%;
margin: 0 1%
}
}

@media print, screen and ( max-width : 768px ) {
#comBtList li {
width: 96%;
margin: 2%;
}
#comBtList li a.twoLine {
padding: 25px 0 0;
}
}

/*----------------------------------------------------
☆Title
----------------------------------------------------*/
.head02 {
font-size: 3.8rem;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 140%;
text-align: center;
padding-bottom: 10px;
position: relative;
margin: 0 auto 50px;
}
.head02::before {
background-color: #D01119;
content: ' ';
height: 3px;
width: 64px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -32px;
}
.head02::after {
background-color: #222222;
content: ' ';
height: 3px;
width: 32px;
position: absolute;
bottom: 0;
left: 50%;
z-index: 300;
margin-left: 0px;
}
.head02ver02 {
font-size: 4.0rem;
font-family: 'Open Sans Condensed', sans-serif;
letter-spacing: 0em;
line-height: 140%;
text-align: center;
padding-bottom: 10px;
position: relative;
margin: 0 auto 50px;
}
.head02ver02 strong::before {
background-color: #D01119;
content: ' ';
height: 3px;
width: 64px;
position: absolute;
top:67px;
left: 50%;
margin-left: -32px;
}
.head02ver02 strong::after {
background-color: #222222;
content: ' ';
height: 3px;
width: 32px;
position: absolute;
top:67px;
left: 50%;
z-index: 300;
margin-left: 0px;
}
.head02ver02 strong {
display:block;
font-size:1.8rem;
padding-top:15px;
font-family: 'Open Sans', Arial, Roboto, 游ゴシック体, 'Yu Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*----------------------------------------------------
☆Btn
----------------------------------------------------*/
.bscBtn01 a {
background-color:#448CBC;
border:1px solid #448CBC;
color:#FFF;
display:inline-block;
padding:20px 30px;
line-height:140%;
text-decoration:none;
}
.bscBtn01 a:hover {
background-color:#FFF;
color:#448CBC;
}
.btn01 {
margin: 70px auto;
text-align:center;
}
.col_2 {
width: 100%;
margin: 3% auto;
}
.col_2 li {
width: 48%;
margin: 1%;
float: left;
text-align: center;
}
[class^="hvr-"] {
  margin: .4em;
  padding: 1em 3em;
  cursor: pointer;
  background: #D01119;
  text-decoration: none;
  color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  /* Smooth fonts */
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.hvr-float {
display: inline-block;
vertical-align: middle;
color: #fff !important;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
a.black {
background: #222;
}
a.white {
background:#fff;
color:#222 !important;
border:#222 1px solid;
font-weight:bold;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
[class^="hvr02-"] {
  margin: .4em;
width:1000px;
  padding: 48px 3em 1em;
border:#FFF 2px solid;
  cursor: pointer;
  background: none;
font-size:2.0rem;
font-weight:bold;
  text-decoration: none;
  color: #fff !important;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  /* Smooth fonts */
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Shrink */
.hvr02-shrink {
width: 96%;
height: auto;
margin: 0 2%;
padding: 5% 0;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
@media print, screen and ( max-width : 480px ) {
.hvr02-shrink {
font-size: 0.8em
}
}
.hvr02-shrink:hover, .hvr02-shrink:focus, .hvr02-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/*----------------------------------------------------
☆List
----------------------------------------------------*/
.indList,.indListS {
margin-bottom:15px;
}
.indList li,.indListS li {
line-height:170%;
text-indent:-1em;
padding-left:1em;
margin-bottom:5px;
}
.indListS li {
font-size: 1.1rem !important;
line-height:130%;
}
.numList,.numListS {
margin-bottom:15px;
padding-left:1.6em;
}
.numList li,.numListS li {
line-height:150%;
list-style: decimal outside none;
margin-bottom: 5px;
}
.numListS li {
font-size: 1.1rem !important;
line-height: 130%;
}
:first-child + html .numList {
padding-left: 2em;
}
:first-child + html .numListS {
padding-left: 2em;
}
#contents ul.iconList {
margin-bottom:15px;
}
#contents ul.iconList li {
line-height:140%;
margin-bottom:5px;
text-indent:-26px;
padding-left:26px;
}
#contents ul.iconList li a {
background:url(../images/icon/icon_newwin.gif) 4px 3px no-repeat;
padding:0 0 3px 25px;
}
#contents ul.iconList li.blankIcon a { background:url(../images/icon/icon_newwin.gif) 6px 4px no-repeat;}
#contents ul.iconList li.pdfIcon a { background:url(../images/icon/icon_pdf.gif) 2px top no-repeat;}
#contents ul.iconList li.exlIcon a { background:url(../images/icon/icon_excel.gif) 4px top no-repeat;}
#contents ul.iconList li.wrdIcon a { background:url(../images/icon/icon_word.gif) 4px top no-repeat;}
.decimalList {
margin-bottom:50px;
}
.decimalList li {
list-style-type:decimal;
line-height:160%;
font-size:1.8rem;
margin-left:1em;
margin-bottom:20px;
}
.decimalList li ul li {
list-style-type:none;
margin:10px 0;
}

/*----------------------------------------------------
☆head
----------------------------------------------------*/
.imgHead {
font-size:0;
line-height:0;
}

/*----------------------------------------------------
☆MV
----------------------------------------------------*/


.mvProducts {
background: url(../images/main_pict_2/mv-products.jpg?version=20230413) center top no-repeat;
}

.mvProfile {
background: url(../images/main_pict_2/mv-profile.jpg?version=20230413) center top no-repeat;
}
.mvRinen {
background: url(../images/main_pict_2/rinen_main_pict.jpg?version=20230413) center top no-repeat;
}
.mvAbout {
background: url(../images/main_pict_2/mv-about.jpg?version=20230413) center top no-repeat;
}
.mvEnvironmental{
background: url(../images/main_pict_2/mv-environmental.jpg?version=20230413) center top no-repeat;
}
.mvEnvironmental2 {
background: url(../images/main_pict_2/mv-environmental.jpg?version=20230413) center top no-repeat;
padding: 0;
}
.mvIso{
background: url(../images/main_pict_2/mv-iso.jpg?version=20230719) center top no-repeat;
}
.mvJis{
background: url(../images/main_pict_2/mv-jis.jpg?version=20230428) center top no-repeat;
}

.mvStrength{
background: url(../images/main_pict_2/mv-strength.jpg?version=20230413) center top no-repeat;
}
.mvFeature{
background: url(../images/main_pict_2/mv-feature.jpg?version=20230413) center top no-repeat;
}
.mvNumber {
background: url(../images/main_pict_2/mv-number.jpg?version=20230414) center top no-repeat;
}

.mvOutline {
background: url(../images/main_pict_2/mv-outline.jpg?version=20230413) center top no-repeat;
padding: 0;
}

.mvIr{
background: url(../images/main_pict_2/mv-ir.jpg?version=20230420) center top no-repeat;
}

.mvAccess {
background: url(../images/main_pict_2/mv-access.jpg?version=20230413) center top no-repeat;
}
.mvContact {
background: url(../images/main_pict_2/mv-contact.jpg?version=20230413) center top no-repeat;
}
.mvPrivacy {
background: url(../images/main_pict_2/mv-privacy.jpg?version=20230413) center top no-repeat;
}
.mvSite {
background: url(../images/main_pict_2/mv-site.jpg?version=20230413) center top no-repeat;
}
.mvNews{
background: url(../images/main_pict_2/mv-news.jpg?version=20230413) center top no-repeat;
}

/*----------------------------------------------------
☆Table
----------------------------------------------------*/
table {
border-collapse:collapse;
width:100%;
}
table th,table td {
line-height:1.7;
font-size:1.8rem;
padding:20px 20px 17px;
text-align:left;
}
#contents div.bscTbl01 table,#contents table.bscTbl01 {
border-top:1px solid #ECECEC;
}
#contents div.bscTbl01 table th,#contents div.bscTbl01 table td,
#contents table.bscTbl01 th,#contents table.bscTbl01 td {
background-color:#FFF;
border-bottom:1px solid #ECECEC;
}
#contents div.bscTbl01 table th,#contents table.bscTbl01 th {
background-color:#F3F3F3;
width:24%;
}
#contents div.bscTbl01 table tr.head th,#contents table.bscTbl01 tr.head th {
background-color:#448CBC;
color:#FFF;
}
#contents table.bscTbl02 th,#contents table.bscTbl02 td {
border-bottom:1px solid #D2D6DD;
padding: 7px 20px 4px;
}
#contents table.bscTbl02 th {
font-style:italic;
width:20%;
font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}
@media only screen and ( max-width : 768px ) {
#contents table.bscTbl02 th {
width:25%;
font-size: 2rem;
}
}
@media only screen and ( max-width : 640px ) {
#contents table.bscTbl02 th {
width:30%;
font-size: 1.5rem;
}
}
#contents table.bscTbl02 th span {
 font-family: 'Crimson Text', serif;
 font-size:3.0rem;
 font-weight:400;
}
#contents div.bscTbl03 table {
border-top:1px solid #D2D6DD;
border-left:1px solid #D2D6DD;
}
#contents div.bscTbl03 table th,#contents div.bscTbl03 table td {
border-bottom:1px solid #D2D6DD;
border-right:1px solid #D2D6DD;
padding: 15px 10px 12px;
line-height:1.5;
font-size:1.6rem;
}
#contents div.bscTbl03 table th{
width:10%;
text-align:center;
}
#contents div.bscTbl03 table td:first-child {
font-weight:bold;
font-size:2.0rem;
}

/*----------------------------------------------------
☆pager
----------------------------------------------------*/
#contents section.last {
margin-bottom:0;
}
#contents div.wp-pagenavi {
padding-top:20px;
text-align:center;
letter-spacing:0;
}
#contents div.wp-pagenavi span {
background:#E6EAEA;
font-size:2.0rem;
display:inline-block;
line-height:1;
margin:0 3px;
padding:23px 27px;
text-decoration:none;
font-weight:700;
letter-spacing:0;
-webkit-border-radius: 4px 4px;
border-radius: 4px 4px;
}
#contents div.wp-pagenavi span:hover,#contents div.wp-pagenavi span.current {
background-color:#D01119;
color:#fff;
}

/*----------------------------------------------------
☆form
----------------------------------------------------*/
p.subscribeBtn{
text-align: center;
}
p.subscribeBtn input{
background-color:#222;
border:1px solid #222;
color:#FFF;
display:inline-block;
padding:15px 100px 13px;
line-height:140%;
text-decoration:none;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin-top: 70px;
}
p.subscribeBtn input:hover{
background-color:#FFF;
color:#000;
}
p.subscribeBtn input.gray{
background-color: #666;
border:1px solid #666;
color:#FFF;
}
p.subscribeBtn input.gray:hover{
background-color:#ddd;
color:#000;
}
input {
}
input.textFocus {
color:#333;
}
input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
background-color:#FCFBF8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border:1px solid #CCC;
font-size:1.3rem;
line-height: 140%;
padding:8px 10px;
}
input {
vertical-align:middle;
}
.wSS { width: 85px;}
.wS { width: 170px;}
.wM { width: 370px;}
.wL { width: 470px;}
.wLL { width: 340px;}
.imeOn { ime-mode: active;}
.imeOff { ime-mode: disabled;}
textarea.txtarea {
background-color:#FCFBF8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border:1px solid #CCC;
height: 200px;
padding:10px;
width: 100%;
}
option {
font-size:14px!important;
}
label {
cursor: pointer;
}
label:hover {
color:#999;
}
input[type="checkbox"], input[type="radio"] {
margin-right:3px;
}
.formErr {
color:#E54E52;
font-weight:bold;
}
select.slctarea{
background-color:#FCFBF8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border:1px solid #CCC;
margin-bottom: 10px;
padding:8px;
}
input.inputErr,
textarea.inputErr {
background-color:#FADFDE;
}
input:focus,select:focus,textarea:focus{
background-color: #EEE;
}
#contents .req {
color:#D80000;
margin-left:3px;
padding:2px 5px;
margin-right: 5px;
vertical-align:middle;
}

/*----------------------------------------------------
☆float
----------------------------------------------------*/
.leftHalfBox {
float:left;
width:47%;
}
.rightHalfBox {
float:right;
width:47%;
}
@media screen and (max-width:640px) {
.leftHalfBox {
float:none;
width:98%;
margin: 0 auto;
}
.rightHalfBox {
float:none;
width:98%;
margin: 0 auto;
}
}
.fltImgL {
float:left;
margin:0 25px 20px 0;
}
.fltImgR {
float:right;
margin:0 0 20px 25px;
}
.fltL {
float:left;
}
.fltR {
float:right;
}
.w100 { width:100px;}
.w200 { width:200px;}
.w300 { width:300px;}
.w400 { width:400px;}
.w450 { width:450px;}
.w500 { width:500px;}
.w600 { width:600px;}