@charset "utf-8";

/*メイン画像の指定*/
/*#rwd-content .rwd-keyvisual {
    background-position: center center;
    background-image: url("/jp/img/index_key_mv-U_15_2.jpg")!important;
}*/
/* slider */
#rwd-content .rwd-main-content-group.wide,
#rwd-content .rwd-slider-wide.full,
#rwd-content .rwd-slider-wide.full .swiper-container,
#rwd-content .rwd-slider-wide.full .swiper-container img {
  width: 100%;
  max-width: 100%;
}
#rwd-content .rwd-slider-wide.slider-type01 .button-next01, #rwd-content .rwd-slider-wide.slider-type01 .button-prev01 {
  top:46.5%
}
#rwd-content #slide-title {
	color: #FFFFFF;
	position: absolute;
	width:100%;
	text-align: right;
	padding: .5rem 0;
	bottom: 31px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	z-index: 9;
	line-height: 1.5;
	font-size: 1.8rem;
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.53) 57%,rgba(0,0,0,0.53) 100%);
}
#rwd-content #slide-title .button-arrow {
  position: relative;
}
#rwd-content #slide-title .button-arrow:after {
  position: absolute;
  content: "";
  display: block;
  left: -2.7rem;
  top: 0px;
  margin: auto;
  width: 2rem;
  height: 2rem;
  background-size: 1.8rem 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/shared/img/rwd_icon_arrow_right01.svg");
  background-color: rgba(255,255,255,.9);
  border-radius: .1rem;
}

#rwd-content #slide-title a {
  padding-right: 3.0rem;
	color: #FFFFFF;
}


@media screen and (max-width: 767px){
#rwd-content .slider-type01, #rwd-content .slider-type02 {
	margin-bottom: 0 !important;
}
#rwd-content .rwd-keyvisual-wrap {
	padding-bottom: 20px;
}
  
#rwd-content #slide-title {
	text-align: left;
	font-size: 1.4rem;
	width:98%;
	background: linear-gradient(to right,  rgba(0,0,0,0.53) 0%,rgba(0,0,0,0.53) 55%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%);
	padding: .2em .3em;
}
}

@media print, screen and (min-width: 768px){
/*フッターの上余白調整 2019-6-7*/
#rwd-content .rwd-footer-links-top02 ul {
    margin-top: 40px;
}

}



/*カードUI部のタイトル文字サイズ／改行時の行間調整*/
#rwd-content .rwd-grid-cardlist01 .rwd-grid-item dt
 {
    font-size: 1.9rem!important;
    line-height: 1.2!important;
}
/*メイン画像内 Revs your heartの太字設定修正*/
#rwd-content .rwd-keyvisual-caption {
    font-family: 'Roboto';
    font-weight: 500;
}

@media screen and (max-width: 767px){
/*カードUI部のタイトル文字サイズ調整*/
#rwd-content .rwd-grid-cardlist01 .rwd-grid-item dt
 {
    font-size: 1.6rem!important;
}
/*ページネイションの位置を調整*/
#rwd-content .swiper-container-horizontal > .swiper-pagination-bullets, #rwd-content .swiper-pagination-custom, #rwd-content .swiper-pagination-fraction {
    bottom: 10px!important;
}
#rwd-content .rwd-grid-cardlist01 .rwd-grid-item dd {
    line-height: 1.5;
}
/*フッターリンクテキストの上余白確保*/
#rwd-content .rwd-footer-links-top02 ul {
    padding-top: 20px!important;
}

}


@media screen and (max-width: 480px){
/*480px以下のボタン内文字改行における調整*/
#rwd-content .rwd-button-link.icon-arrow{
    padding: 3px 35px 0 20px!important;
}
#rwd-content .rwd-button05 {
    height: 60px!important;
}
#rwd-content .rwd-button-inner {
    line-height: 1.5!important;
}

}


/* -- STAY HOME 2020-4 ---*/
.stayhome{
  margin-bottom: 2em;
}
.stayhome p{
text-align: center;
font-size: 2.0rem;
border: solid 3px #d40000;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px;
border-radius: 18px;
padding: 6px 10px 4px;
}

.stayhome a p{
  color: #d40000;
}
.stayhome a:hover p{
  color: #fff;
  background: #ee9191;
}
.stayhome p img{
  width: 17px !important;
  height: 22px !important;
  margin-left: 2em;
}

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

.stayhome p{
text-align: left;
font-size: 1.7rem;
line-height: 1.4!important;
font-weight: bold;
padding: 8px 20px 5px;
}

.stayhome p img{
  width: 15px !important;
  height: 19px !important;
}

}

@media screen and (min-width: 768px){
#rwd-content .rwd-button05 {
    padding: 4px 28px 2px 20px!important;
}
#rwd-content .rwd-footer-links-top01 ul {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 45px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#rwd-content .rwd-footer-links-top01 ul li a {
    display: block;
    padding: 10px 17px;
    color:#fff;
}
#rwd-content .rwd-footer-links-top01 ul li a:hover {
    text-decoration: underline;
}

}
@media print, screen and (max-width: 767px){
#rwd-content .rwd-footer-links-top01{
    padding-top:30px;
}
#rwd-content .rwd-footer-links-top01 ul li a {
    position: relative;
    color: #fff;
    padding-right:1em;
    margin-right: .7em;
}
#rwd-content .rwd-footer-links-top01 ul li a:not([target='_blank'])::after{
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 16px;
    background-image: url(/shared/img/rwd_icon_arrow_right04.svg);
    background-size: 10px 16px;
    transform: translateY(-50%);
    content: '';
    display: block;
}
}
/*--キービジュアル下バナー--*/
@media screen and (min-width: 768px){
.center-banner {
    width: 1014px!important;
    margin: 0 auto 40px;
}
.center-banner img {
    display:  block;
}
.center-banner a:hover img {
    opacity: 0.6;

}
}
@media screen and (max-width: 767px){
.center-banner {
    width: 100%!important;
    margin: 0 auto 30px;
}
.center-banner img {
    width: 100%;
}
#rwd-content .swiper-container {
    padding-bottom: 35px;
}
}

/* --2024-5--- */


/*#rwd-content .rwd-box-background-image-with-grid .box-item a.link {
    background-color: #0695d1!important;
}*/
@media screen and (min-width: 1200px){
#rwd-content .rwd-box-background-image-with-grid>.background-image {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        transform: translate(0, -50%);
}
}

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

h2.top-section-hd{
    font-size: 2.8rem!important;
    margin-bottom: 30px;
}
#rwd-content .rwd-button05 {
    padding: 4px 28px 2px 25px!important;
    min-height: 60px!important;
}
#rwd-content .rwd-grid-newslist01 .rwd-headline2-type03 .rwd-headline2-text {
    font-size: 3.2rem!important;
}
#rwd-content .rwd-grid-cardlist01 .rwd-grid-item dl {
    padding: 19px 16px 28px 18px!important;
}
#rwd-content .rwd-box-background-image-with-grid {
    padding-bottom: 500px!important;
}
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid .box-item>.text {
    font-size: 1.6rem!important;
    line-height: 1.6!important;
    color: #fff;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    min-height: 10px;
    letter-spacing: 0!important;;
}
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid .box-item>.link {
    margin-top: 0!important;
    margin-bottom: 20px !important;
}
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid .box-item>.text {
    margin-bottom:20px;
}
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid .box-item.box-overlay-white {
        margin: 0 0 0 6.2vw;
        max-width: 420px!important;
        padding: 3vw 2.7vw 1.8vw!important;
        background: rgba(255, 255, 255, 0.85)!important;
}
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid {
        margin: 5em auto 0;
}
}

@media screen and (max-width: 767px){
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid .box-item {
        padding: 32px 18px 10px 18px!important;
}
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid .box-item>.text {
        min-height: 45px!important;
}
h2.top-section-hd {
    text-align:center;
    font-size: 2.0rem !important;
    margin-bottom: 20px;
}
#rwd-content .rwd-grid-cardlist01 a.rwd-grid-item{
    margin-bottom: 10px!important;
}
}

/* --2024-5--- */

@media screen and (min-width: 1200px){
#rwd-content .rwd-box-background-image-with-grid>.background-image {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        transform: translate(0, -50%);
}
}

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

h2.top-section-hd{
    font-size: 2.8rem!important;
    margin-bottom: 30px;
}
#rwd-content .rwd-button05 {
    padding: 4px 28px 2px 25px!important;
    min-height: 60px!important;
}
#rwd-content .rwd-grid-newslist01 .rwd-headline2-type03 .rwd-headline2-text {
    font-size: 3.2rem!important;
}
#rwd-content .rwd-grid-cardlist01 .rwd-grid-item dl {
    padding: 19px 16px 28px 18px!important;
}
#rwd-content .rwd-box-background-image-with-grid {
    padding-bottom: 500px!important;
}
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid .box-item>.text {
    font-size: 1.6rem!important;
    line-height: 1.6!important;
    color: #fff;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    min-height: 10px;
    letter-spacing: 0!important;;
}
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid .box-item>.link {
    margin-top: 0!important;
    margin-bottom: 20px !important;
}
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid .box-item>.text {
    margin-bottom:20px;
}
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid .box-item.box-overlay-white {
        margin: 0 0 0 6.2vw;
        max-width: 420px!important;
        padding: 3vw 2.7vw 1.8vw!important;
        background: rgba(255, 255, 255, 0.85)!important;
}
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid {
        margin: 7em auto 0;
}
#rwd-content .rwd-button05 .rwd-button-inner {
        font-size: 1.８rem!important;
}
}

@media screen and (max-width: 767px){
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid .box-item {
        padding: 20px 18px 10px 18px!important;
}
#rwd-content .rwd-box-background-image-with-grid>.rwd-list-grid .box-item>.text {
        min-height: 30px !important;
        text-align: center;
}
h2.top-section-hd {
    text-align:center;
    font-size: 2.0rem !important;
    margin-bottom: 20px;
}
#rwd-content .rwd-grid-cardlist01 a.rwd-grid-item{
    margin-bottom: 10px!important;
}
#rwd-content .rwd-button05 .rwd-button-inner {
    font-size: 1.6rem!important;
}
}

/*品質への取り組み*/
.quality-bg{
    background: #d6e6f0;
    padding-top: 40px;
    padding-bottom: 16px;
    margin-bottom:3px;
}