@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");
/*
@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 100;
    src: url("/ja/assets/css/fonts/NotoSansCJKjp-Thin.woff") format("woff"),
		url("/ja/assets/css/fonts/NotoSansCJKjp-Thin.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 200;
    src: url("/ja/assets/css/fonts/NotoSansCJKjp-Light.woff") format("woff"),
		url("/ja/assets/css/fonts/NotoSansCJKjp-Light.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 300;
    src: url("/ja/assets/css/fonts/NotoSansCJKjp-DemiLight.woff") format("woff"),
		 url("/ja/assets/css/fonts/NotoSansCJKjp-DemiLight.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    src: url("/ja/assets/css/fonts/NotoSansCJKjp-Regular.woff") format("woff"),
		url("/ja/assets/css/fonts/NotoSansCJKjp-Regular.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    src: url("/ja/assets/css/fonts/NotoSansCJKjp-Medium.woff") format("woff"),
		url("/ja/assets/css/fonts/NotoSansCJKjp-Medium.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    src: url("/ja/assets/css/fonts/NotoSansCJKjp-Bold.woff") format("woff"),
		url("/ja/assets/css/fonts/NotoSansCJKjp-Bold.otf") format("opentype");
    font-display: swap;

}
@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 900;
    src: url("/ja/assets/css/fonts/NotoSansCJKjp-Black.woff") format("woff"),
		url("/ja/assets/css/fonts/NotoSansCJKjp-Black.otf") format("opentype");
    font-display: swap;
}*/
/*
html {
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;

}*/

/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+CJK+JP":wght@100;300;400;500;700;900&display=swap');*/



html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

@media all and (-ms-high-contrast: none) {/* IE11 調整 20200915 oto */
  audio {
    width:300px;
    height:40px;
  }
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 700;
}
/*
p > strong{20210115 tn add
	color: inherit !important;
}*/

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

mark {
  background: #ffff00;
  color: #000000;
}

small {
  font-size: 80%;
}

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -.5em;
}

sub {
  bottom: -.25em;
}

sub.co2 {
  bottom: 0;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
  text-transform: none;
}

select {
  text-transform: none;
}

button, html input[type=button] {
  -webkit-appearance: button;
  cursor: pointer;
}

input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/*================================================================================
FileName: _base.scss
================================================================================*/
html, button, input, select, textarea {
  color: #000000;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-moz-selection {
  background: #000000;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
  width: 100%;
}

@media screen and (min-width: 897px){
 img {
  width: auto;
}
}

li img {
  vertical-align: bottom;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  position: relative;
  word-wrap: break-word;
}

.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

ul, li, dt, dd, dl {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*
global
------------------------------------------------*/
body {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
  color: #000000;
  font-size: 12px;
  line-height: 1.7;
}

body > div {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
  color: #000000;
  font-size: 12px;
  line-height: 1.7;
}

body input, body button, body textarea, body select {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
  color: #000000;
  font-size: 12px;
  line-height: 1.7;
}

@media screen and (min-width: 897px){
body {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.8;
}

 body > div {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.8;
}

body input, body button, body textarea, body select {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
  font-size: /*14*/12px; /*20190705 oto*/
  line-height: 1.8;
}
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

input, textarea, button {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: none;
  -webkit-appearance: none;
}

p {
  margin: 0;
  padding: 0;
}

a {
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
}

*:focus {
  outline: none;
}

.spOnly, .spOnlyIn, .spOnlyInline, .spOnlyTb {
  display: none !important;
}

@media screen and (max-width: 896px){
 .spOnly {
  display: block !important;
}

 .spOnlyIn {
  display: inline-block !important;
}
	
 .spOnlyInline {/*20210810 tn add*/
  display: inline !important;
}

 .spOnlyTb {
  display: table !important;
}
}

.pcOnly {
  display: block !important;
}
 .n-block .pcOnly { /*20190926 tn added*/
  display: inline-block !important;
}

@media screen and (max-width: 896px){
 .pcOnly {
  display: none !important;
}
 .n-block .pcOnly { /*20190926 tn added*/
  display: none !important;
}
}

.pcOnlyIn {
  display: inline-block !important;
}

@media screen and (max-width: 896px){
 .pcOnlyIn {
  display: none !important;
}
}
/*20210810 tn add*/
.pcOnlyInline {
  display: inline !important;
}

@media screen and (max-width: 896px){
 .pcOnlyInline {
  display: none !important;
}
}
/*20210810 tn add end*/
.pcOnlyTb {
  display: table !important;
}

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

.bdTnone {
  border-top: none !important;
}

.bdRnone {
  border-right: none !important;
}

.bdBnone {
  border-bottom: none !important;
}

.bdLnone {
  border-left: none !important;
}

@media screen and (min-width: 897px){
 .pcbdTnone {
  border-top: none !important;
}

 .pcbdRnone {
  border-right: none !important;
}

 .pcbdBnone {
  border-bottom: none !important;
}

 .pcbdLnone {
  border-left: none !important;
}
}

@media screen and (max-width: 896px){
 .spbdTnone {
  border-top: none !important;
}

 .spbdRnone {
  border-right: none !important;
}

 .spbdBnone {
  border-bottom: none !important;
}

 .spbdLnone {
  border-left: none !important;
}
}

/*================================================================================
FileName: _layout.scss
================================================================================*/
body, html {
  height: 100%;
}

/*@media screen and (min-width: 897px){
  body, html {
  min-width: 1200px;
  overflow: auto;
}
}*/

#container {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}

/*
header
------------------------------------------------*/
#header {
  border-bottom: 1px #ccc solid;
  position: relative;
}

#simpleheader {
  margin: 0 auto;
  border-bottom: 1px #000000 solid;
}

body:not(#top) .h-wrapper.simpleheader {
  padding-bottom: 0;
}

/* Adjust the P logo position SP 20200717 ks */
@media screen and (max-width: 480px){
    .simpleheader header {
        padding-bottom: 3px;
    }
}
/* Adjust the P logo position PC Tablet 20200717 ks  */
@media screen and (min-width: 481px){
    .simpleheader header {
      padding-bottom: 11px;
    }
}

@media screen and (max-width: 896px){
 #simpleheader .h-logo {
  padding: 12px 0 16px;
}
}

@media screen and (min-width: 897px){
 #header .linkHoverStyle01 {
  width: 195px;
  }
  #header .style_sub .linkHoverStyle01 {
    width: auto;
  }
  #header .linkHoverStyle01 .pcOnly {
    margin: auto;
  }
 #simpleheader {
  padding: 0 24px 21px;
  width: 1200px;
  margin: 0 auto;
  border-bottom: 1px #000000 solid;
  }
  #header .linkHoverStyle01.h-nav_piomatix2{/*20230519 tn*/
    width: 589px;
  }
  #header .linkHoverStyle01.h-nav_piomatix2 .nav-imgPiomatix p{
    padding-left: 220px;
  }
  .h-navContentBox ul.borderBottom{
    padding-bottom: 23px;
    border-bottom: solid 2px #dfdfdf;
    margin-bottom: 23px !important;
  }

  .style_sub{
    width: 195px;
  }
  /*global navi carrozzeria 20230609 tn add*/
  #header .linkHoverStyle01.carro_wide{
    width: 392px;
  }
  .n-navlistBox.carro_wide .nav-img01{
    background-size: 368px auto;
    background-position: center 0px;
  }
  .h-navContentBox .n-linkStyle01.carro_sublink{
    justify-content: left;
    height: 10px;
  }
  .h-navContentBox ul.carro_sublink{
    display: initial;
    margin-top: 2px;
  }
  .h-navContentBox ul.carro_sublink li{
    border: none;
  }
  #header .carro_sublink .linkHoverStyle01{
  width: 170px;
  margin-left: 27px;
  position: relative;
  }
  #header .carro_sublink .linkHoverStyle01::before{
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    background:  url("/ja/assets/img/header/dot.png") no-repeat 2px center;
    position: absolute;  
    background-size: auto; 
  }
  .carro_sublink_wrap p{
    /*width: 180px;*/
    margin-left: 15px;
    margin-top: 3px;
  }
  .carro_sublink_wrap p:not(.n-linkStyle01){
    padding-bottom: 1px;
  }
  .prP12{
    padding-right: 12px;
  }
}
  .h-wrapper {
    z-index: 10000;
    position: relative;
    background: #ffffff;
  }
  /*20210122 tn
  body:not(#top) .h-wrapper {
  padding-bottom: 48px;
  }*/
  .h-logo {
    line-height: 1;
    float: left;  
  }
  .h-logo img {
    vertical-align: text-top; 
  }
  .h-glnavlist {
    color: #333333;
  }

@media screen and (min-width: 897px){
 .h-glnavlist {
  font-size: 12px;
}

 .h-glnavlist .current > span,  .h-glnavlist .current > a {
  font-weight: bold;
}
.style_sub_unavailable{/*20211012 add tn*/
  position: relative;
}



}

.h-wrapper .h-breadcrumb {/*20190722*/
  color: #646464;
}

.h-wrapper .h-breadcrumb li {/*20190722*/
  position: relative;
  padding-left: 20px;
}

.h-wrapper .h-breadcrumb li:before {/*20190722*/
  position: absolute;
  height: 18px;
  width: 1px;
  background-color: #8e8e8e;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  content: "";
  left: 9px;
}

.h-wrapper .h-breadcrumb li:first-child {/*20190722*/
  padding-left: 0;
}

.h-wrapper .h-breadcrumb li:first-child:before {/*20190722*/
  content: none;
}

.h-wrapper .h-breadcrumb li:last-child {/*20190722*/
  padding-right: 15px;
}

/*.pc */.h-wrapper .h-breadcrumb li a:hover {/*20190722*/
  text-decoration: underline;
}

.h-wrapper .h-breadcrumb .swiper-bread ul {/*20190722*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.h-wrapper .h-breadcrumb .swiper-bread li {/*20190722*/
  width: auto;
 /* display: inline-block;/*20191031*/
}

/*.h-wrapper .h-breadcrumb li, .h-wrapper .h-breadcrumb ul {/*20190722*//*20191031
  
}*/

/*.h-wrapper .h-breadcrumb .swiper-bread li:after{
        content: ".";
        width: 0;
        font-size: 0;
        color: transparent;
        margin-right: 1px;
}*/

.h-home {
  display: inline-block;
}

.h-lnav {
  position: /*absolute 20210122 tn*/ relative;
  width: 100%;
  color: #ffffff;
  background: #000000;
}
.h-lnav:not(.headerStyle02, .headerStyle05 ) a{/*2021116*/
  color: #ffffff !important /*20211222 tn*/;
}

.h-lnav.navFixed {
  position: fixed;
  top: 0;
  z-index: 5001;/*20211025 tn add*/
}

.wall-overray {
  z-index: 1000;
  position: fixed;
  height: 100%;
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.9);
  top: 0;
  display: none;
}

@media screen and (min-width: 897px){
.navOpen {
  overflow: hidden;
}
.h-navContentBox .n-linkStyle01 .unavailable.pcOnly {/*20211012 add tn*/
  background: #777;
  color: #fff;
  padding: 2px 4px;
  position: absolute;
  left:20px;
  top: 0;
}
}

@media screen and (max-width: 896px){
.navOpen {
  height: 100%;
  position: fixed;
  width: 100vw;
}
}

body.navFixedContainer{/*20211025 tn add*/
  margin-top:0 !important;
}

.h-navContentBox .n-linkStyle01 .arrow {
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat right center;
}

.h-navContentBox .n-linkStyle01 .window {
  background: url("/ja/assets/img/icon_window.svg") no-repeat right center;
}

.h-navContentBox .n-linkStyle01.arrow {
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat right center;
}

.h-navContentBox .n-linkStyle01.window {
  background: url("/ja/assets/img/icon_window.svg") no-repeat right 2px center;
}

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


 #header {
  width: 100%;
  background: #ffffff;
  z-index: 5000;
  top: 0;
}

/*20210122 tn
body:not(#top) .h-wrapper {
  padding-bottom: 40px;
}
*/
	



 .h-logo {
  margin-top: 4px;
  padding: 10px 5.33vw 16px;
  width: 123px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 14px;
}

 .h-home {
  padding-left: 5.33vw;
  width: 16px;
  height: 13px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: text-top;
}

 .h-home img {
  width: 100%;
  vertical-align: text-top;
  margin-top: 1px;
}

 .h-glnavlist {
  width: 100%;
  top: 47px;
  border-top: #cccccc solid 1px;
  /*background: #f2f2f2; 20211217 tn*/
  position: fixed;
  z-index: 5000;
  -webkit-transition: right .2s;
  transition: right .2s;
  display: none;
  overflow: auto;
  /*max-height: calc(100vh - 47px);*/
  max-height: calc(100vh - 141px);
}

 .h-glnavlist > li {
  font-size: 16px;
  background:#f2f2f2; /*20211217 tn*/
}	
/*20211217 tn add*/
 .h-glnavlist > li.gnav_recruit{ 
  background:none;
}
.h-glnavlist > li.h-navLinks.gnav_recruit > span{
  background:#b91440;
  margin:20px 50px;
  border-radius:30px;
  text-align:center;
  border:none;
  font-size:14px;
  height:41px;
  background: url("/ja/assets/img/header/icon_recruit_gnav_sp.svg") no-repeat 36% #b91440;
  background-size:20px;
  text-indent: 25px;
}
.h-glnavlist > li.h-navLinks.gnav_recruit > span a{
  color: #fff;
}
.h-recruitGnav a{
  background: url("/ja/assets/img/header/icon_recruit_sp_w.svg") no-repeat 7px 8px;
  background-size: 31px 31px;
  width: 32px;
  height: 32px;
  
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  float: right;
  
  text-indent: 180%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  margin-right:5px;
  padding:7px 17px 8px 7px;
}
.h-recruitGnav a:after{
  content:"";
  width: 1px;
  height:28px;
  border-left:solid 1px #ccc;
  display:block;
  position:absolute;
  top:9px;
  right:0;
}
.h-recruitGnav a:before{
  content:"";
  width: 32px;
  height: 32px;
  display:block;
  position:absolute;
  top:0;
  background: url("/ja/assets/img/header/icon_recruit_sp_bg.svg") no-repeat left 8px;
  background-size: 31px 31px;
  animation: fade_icon 5s infinite alternate ease-in-out;
}
@keyframes fade_icon {
	0%{
		opacity: 0%;
	}

	50%{
		opacity: .3;
	}

	100%{
		opacity: 0;
	}
}
/*20211217 tn end*/

 .h-glnavlist > li > span,  .h-glnavlist > li > a {
  padding: 6px 5.33vw 10px;
  display: block;
  position: relative;
  border-bottom: solid #515151 1px;
}

 .h-glnavlist > li > span:after,  .h-glnavlist > li > span:before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: #515151;
  position: absolute;
  right: 22px;
  top: 0;
  bottom: 0;
  margin: auto;
}

 .h-glnavlist > li > a:after,  .h-glnavlist > li > a:before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: #515151;
  position: absolute;
  right: 22px;
  top: 0;
  bottom: 0;
  margin: auto;
}

 .h-glnavlist > li > span:after,  .h-glnavlist > li > a:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

 .h-glnavlist > li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  padding: 0 5.33vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.25;
  letter-spacing: .01em;
}

 .h-glnavlist > li.h-navLinks > span {
  background: url(/ja/assets/img/icon_arrow01.svg) no-repeat right 22px center;
  background-size: 9px;
  padding: 0;
}

.h-glnavlist > li.h-navLinks.gnav_english > span{/*20220707 tn*/
  background: url(/ja/assets/img/icon_window_gnavi.svg) no-repeat right 22px center;
  background-size: 14px;
  padding: 0;
 }

 .h-glnavlist > li.h-navLinks > span::before,  .h-glnavlist > li.h-navLinks > span::after {
  display: none;
}

 .h-glnavlist > li.h-navLinks > span a {
  display: block;
  width: 100%;
  height: 55px;
  line-height: 55px;
  padding: 0 5.33vw;
}

 .h-glnavlist > li.h-navLinksWindow > span {
  background: url(/ja/assets/img/icon_window_sp.svg) no-repeat right 22px center;
  background-size: 16px;
}

 .h-glnavlist > li.h-navLinksWindow > span::before,  .h-glnavlist > li.h-navLinksWindow > span::after {
  display: none;
}

 .h-glnavlist > li.on > span:after,  .h-glnavlist > li.on > a:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

 .h-menuTrigger {
  /*background: url("/ja/assets/img/header/icon_menu_sp.png") no-repeat center 9px; 
  background-size: 22px;
  width: 60px;
  height: 30px;
  padding: 10px;
  padding: 7px 0 10px;	20211217 tn*/
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  float: right;
  /*20211217 tn add*/
  background: url("/ja/assets/img/header/icon_menu_sp_w.svg") no-repeat center 8px;
  background-size: 31px;
  width: 32px;
  height:32px;
  padding: 7px 7px 8px 7px;
  margin-right:6px;
   /*20211217 tn end*/
}

 .h-menuTrigger.on {
  /*background-image: url("/ja/assets/img/header/icon_close_sp.png");
  background-size: 24px;20211217 tn*/
  /*20211217 tn add*/
  background: url("/ja/assets/img/header/icon_close_sp_w.svg") no-repeat center 8px;
  background-size: 31px 31px;
  /*20211217 tn end*/
}

 .h-searchTrigger {
  float: right;
  position: relative;
  /*margin-top: 10px; 20211217 tn*/
}

 .h-search {
  display: none;
  width: 100%;
  position: fixed;
  top: 47px;
  padding: 7px 10px;
  background: #f2f2f2;
  box-sizing: border-box;
  z-index: 5000;
}

 .h-searchTrigger .h-searchInner {
  /*background: url("/ja/assets/img/icon_search_sp.png") no-repeat;
  background-size: 30px;
  height: 32px;
  width: 30px;
  position: absolute;
  right: 0;
  top: -3px;20211217 tn*/
  /*20211217 tn add*/
  background: url("/ja/assets/img/header/icon_search_sp_w.svg") no-repeat center;
  background-size: 31px 31px;
  width: 32px;
  height: 32px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  float: right;
  position: inherit;
  right:inherit;
  top:inherit;
  padding: 7px 7px 8px 7px;
   /*20211217 tn end*/
}

 .h-search input {
  background: #f5f5f5;
  height: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 40px 0 12px;/*20191016 oto*/
  border-radius: 20px;
  border: 1px #d2d2d2 solid;
  font-size: 16px; /*20211216 tn*/
}

 .h-search input:focus {
  background: #ffe2e2;
}

 .h-search button {
  background: url("/ja/assets/img/icon_search.png") no-repeat;
  height: 18px;
  width: 18px;
  position: absolute;
  right: 25px;
  top: 12px;
}

.h-wrapper .h-breadcrumb {/*20190722*/
  font-size: 10px;
  padding: 5px 0;
}

 .h-navContentBox {
  display: none;
}

 .h-navContentBox .subLink .n-navlistBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 5.33vw;
  width: 100%;
}

 .h-navContentBox .n-navlistBox, .h-navContentBox .subLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid #cccccc 1px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  background: #f1f1f1;
  height: 50px;
  padding: 0 5.33vw;
}

.h-navContentBox .n-navlistBox.h-nav_piomatix{/*20220225 tn*/
  height: 200px;
}

.h-navContentBox .n-navlistBox.h-nav_piomatix2{/*20230519 tn*/
  height: 200px;
}
.n-navlistBox .nav-img.nav-imgPiomatix{
  width: auto;
    height: 135px;
    background-size: 150px;
    background-position: top left;
    padding-top: 60px;
}


.style_sub, .carro_sublink li{/*20210819 20230609 tn add*/
  width: 50%;
  display: inline-block;
  float: left;
}
.h-navContentBox ul.carro_sublink, .h-navContentBox ul.carro_sublink li a{/*20230609 tn add*/
  background: #e8e8e8;
 }
 .carro_sublink .n-navlistBox .nav-img{/*20230609 tn add*/
  width: 48px;
  background-size: 48px;
  background-position: 5px 0;
 }


/*.style_sub.driverecorder, .style_sub.home{20210819 tn add
border-right: #ccc solid 1px;
}*/
/*.style_sub.autonomousdriving{/*20211115 tn add
  border-left: #ccc solid 1px;
  border-bottom: none;
}*/

/*.style_sub.autonomousdriving a, .style_sub.home a, .style_sub.mhbd a{20211115 tn add
  border-bottom: none;
}*/
 .h-navContentBox .n-navlistBox .arrow, .h-navContentBox .subLink .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-size: 9px;
  width: 100%;
  padding-right: 25px;
}

.h-navContentBox .style_sub .n-navlistBox .arrow{/*20210919 tn add*/
  font-size: 12px;
  padding-right: 10px;
  padding-left: 5px;
}
.h-navContentBox .style_sub_unavailable .n-navlistBox .arrow .unavailable.spOnly{/*2021012 tn add*/
  font-size: 12px;
  background: #777;
  display: inline !important;
  height: 20px;
  width: 58px;
  padding: 2px 4px;
  color: #fff;
}
.h-navContentBox .n-navlistBox .arrow.box{/*20220530 tn add*/
  display: -webkit-box !important;
  display: -moz-box !important;
}
.h-glnavlist > li:nth-child(2), .h-glnavlist > li:nth-child(3){/*2021012 tn add*/
  clear: both;
}



.h-glnavlist > li:nth-child(1) ul:last-child, .h-glnavlist > li:nth-child(2) ul:last-child{
  border-bottom: solid 1px #ccc;
}


 .h-navContentBox .n-navlistBox .window,  .h-navContentBox .subLink .window {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  background-size: 16px;
  padding-right: 25px;
}

 .h-navContentBox .n-navlistBox .logo01,  .h-navContentBox .subLink .logo01 {
  padding-left: 8px;
}

 .h-navContentBox .n-navlistBox .logo01 img,  .h-navContentBox .subLink .logo01 img {
  width: 75px;
  vertical-align: baseline;
  vertical-align: initial;
}

 .h-navContentBox .n-navlistBox .n-linkStyle01,  .h-navContentBox .subLink .n-linkStyle01 {
  width: calc(100% - 85px);
  padding-left: 1.33vw;
  font-size: 14px;
  letter-spacing: .01em;
  line-height: 1.3;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

 .h-navContentBox .n-navlistBox .n-linkStyle01.arrow,  .h-navContentBox .subLink .n-linkStyle01.arrow {
  position: relative;
}

 .h-navContentBox .n-navlistBox .n-linkStyle01.window {
  background: url("/ja/assets/img/icon_window_sp.svg") no-repeat right 2px center;
  background-size: 17px;
}

 .h-navContentBox .subLink .n-linkStyle01 {
  width: 100%;
  padding: 0;
}

 .h-navContentBox .subLink .n-linkStyle01.window {
  background: url("/ja/assets/img/icon_window_sp.svg") no-repeat right 2px center;
  background-size: 17px;
}

 .h-lnavlist {
  display: none;
  position: absolute;
  width: 100%;
  overflow: auto;
}

 .h-lnavlist > li {
  font-size: 16px;
}

 .h-lnavlist > li > span,  .h-lnavlist > li > a {
  width: 100%;
  display: block;
  background: #333333;
  border-bottom: solid 1px #434343;
  padding: 9px 5.33vw;
  position: relative;
}

 .h-lnavlist > li > .h-lnavlist_icon.icon03:after,  .h-lnavlist > li > .h-lnavlist_icon.icon03:before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: #ffffff;
  position: absolute;
  right: 22px;
  top: 0;
  bottom: 0;
  margin: auto;
}

 .h-lnavlist > li > a:after,  .h-lnavlist > li > a:before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: #ffffff;
  position: absolute;
  right: 22px;
  top: 0;
  bottom: 0;
  margin: auto;
}

 .h-lnavlist > li > span:after,  .h-lnavlist > li > a:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

 .h-lnavlist > li > span.on:after,  .h-lnavlist > li > a.on:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

 .h-lnavlist > li > .h-lnavlist_icon.icon01 {
  background-image: url(/ja/assets/img/icon_arrow01_w.svg);
  background-repeat: no-repeat;
  background-position: right 22px center;
}

 .h-lnavlist > li > .h-lnavlist_icon.icon02 {
  background-image: url(/ja/assets/img/icon_arrow_down01.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 14px;
}

 .headerStyle01 .h-lnavlist > li > .h-lnavlist_icon.icon02,  .headerStyle03 .h-lnavlist > li > .h-lnavlist_icon.icon02,  .headerStyle04 .h-lnavlist > li > .h-lnavlist_icon.icon02 {
  background-image: url(/ja/assets/img/icon_arrow_w_down01.svg);
}

 .h-lnavlist > li > a:after,  .h-lnavlist > li > a:before {
  content: "";
  display: none;
  width: 16px;
  height: 2px;
  background: #ffffff;
  position: absolute;
  right: 22px;
  top: 0;
  bottom: 0;
  margin: auto;
}

 .h-itemName {
  padding: 10px 5.33vw;
}

 .h-lnavlogoArea {
  line-height: 1.4;
  text-align: right;
  width: 30%;
  position: absolute;
  top: 0;
  right: 55px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 40px;
}

 .h-lnavlogoArea img {
  width: 100px;
}

 .h-lnavSlideToggle {
  display: block;
  width: 60px;
  background: url("/ja/assets/img/icon_plus_w.svg") no-repeat center;
  background-size: 25px;
  position: absolute;
  height: 40px;
  top: 0;
  right: 0;
}

 .h-lnavSlideToggle.on {
  background-image: url("/ja/assets/img/icon_minus_w.svg");
}

 .h-lnavContentContainer {
  display: none;
}

 .h-lnavContentContainer .n-dlStyle01 {
  background: #515151;
}

 .h-lnavContentContainer .n-dlStyle01 dd {
  display: none;
}

 .h-lnavContentContainer .n-dlStyle01 dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid #434343 1px;
  height: 55px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
 .n-dlStyle01 dt.disable { /*20201020 tn add*/
  color: #ccc;
  padding-left: 28px;
  font-size: 14px;
}

 .h-lnavContentContainer .n-dlStyle01 dt a {
  padding: 11px 28px;
  width: calc(100% - 60px);
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat right 10px center;
  background-size: 7px;
  font-size: 14px;
}

 .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn {
  width: 60px;
  background: #666666;
  position: relative;
}

 .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn:after,  .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn:before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

 .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

 .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn.on:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

 .h-lnavContentContainer .n-dlStyle01 dd {
  font-size: 12px;
  border-bottom: solid #434343 1px;
}

 .h-lnavContentContainer .n-dlStyle01 a {
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat right 10px center;
  background-size: 7px;
  display: block;
}

 .h-lnavContentContainer .n-listStyle01 {
  background: #666666;
  margin-bottom: 0; /*20191001 tn*/
}

 .h-lnavContentContainer .n-listStyle01 li {
  padding-right: 60px;
  border-bottom: #808080 1px solid;
}

 .h-lnavContentContainer .n-listStyle01 li a {
  padding: 5px 0 8px 40px;
}
.seOnly{/*20210819_add tn*/
  display: none;
  }
}
@media screen and (max-width: 320px){/*20210819_add tn*/
 .seOnly{
   display: block;
 }
 .h-navContentBox .style_sub_unavailable .n-navlistBox .unavailable.spOnly{/*20211012 tn add*/
  font-size: 11px !important;
  height: 18px !important;
  width: 61px !important;
}

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

 #header {
  padding: 4px 0 11px;
 }

 .n-listStyle01 li {
  margin-bottom: 0;
 }

 .n-listStyle01 li a {
  display: inline-block;
  line-height: 1.3;
 }

 .h-logo {
  margin-top: 10px;
  width: 150px;
  height: 19px;
 }

 .h-logo img {
  width: 100%;
 }

 .h-glnavlist {
  color: #333333;
  font-size: 14px;
  letter-spacing: .05em;
  float: left;
  margin-left: /*270*//*167*//*160*//*72*//*50*/40px; /*20190920 oto*//*20191017 oto*//*20211217 tn*/
  margin-top: 10px;
 }

 .h-glnavlist > li {
  margin-right: /*26*/20px;/*20220707 tn*/
  display: inline-block;
 }

 .h-glnavlist > li > span:before,  .h-glnavlist > li > a:before {
  width: 0%;
  background: #b91440;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  left: 50%;
  -webkit-transition: all .2s;
  transition: all .2s;
 }

 .h-glnavlist > li.gnav_recruit:hover > span:before,  .h-glnavlist > li.gnav_recruit:hover > a:before {/*20211217 tn*/
	width: 0;
	left: 0;
	}

 .h-glnavlist > li:hover > span,  .h-glnavlist > li:hover > a {
  color: inherit;
 }

 .h-glnavlist > li:hover > span:before,  .h-glnavlist > li:hover > a:before {
  width: 100%;
  left: 0;
 }

 .h-glnavlist > li > span,  .h-glnavlist > li > a {
  cursor: pointer;
  position: relative;
  font-weight: 500;
 }
/*20200707 tn
 .h-glnavlist > li.on > span:after,  .h-glnavlist > li.on > a:after {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 8px solid #f2f2f2;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
 }*/

 .h-glnavlist > li.current > span:before,  .h-glnavlist > li.current > a:before {
  width: 100%;
  background: #b91440;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  left: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
 }


 .h-glnavlist > li.gnav_english {
  margin-right:16px;
 }
 .h-glnavlist > li.h-navLinks.gnav_english > span{/*20220707 tn*/
  background: url(/ja/assets/img/icon_window_gnavi.svg) no-repeat right center;
  background-size: 13px;
  padding-right: 18px;
 }


/*20211217 tn add*/

 li.gnav_recruit{
  border-left:solid 1px #ccc;
 }
 .gnav_recruit a {
  height:21px;
  color:#b91440;
  font-size:12px;
  padding:0 0 0 /*56*/45px;
  /*border-left:solid 1px #ccc;*/
  background: url(/ja/assets/img/header/icon_recruit_gnav.svg) no-repeat /*30*/20px;
  background-size:18px;
  position: relative;
  top:-1px;
  transition: all  0.1s ease;
  opacity: 1;
}
.gnav_recruit:before{
  content: "";
  width: 1px;
  height: 21px;
  border-left: solid 1px #ccc;
  display: block;
  position: absolute;
  left: 0;

}
.gnav_recruit a:hover{
  /*background: url(/ja/assets/img/header/icon_recruit_gnav_mo.svg) no-repeat 30px;
  background-size:18px;
  color:#000;*/
  opacity: .5;
}
.gnav_recruit:hover:before{
  opacity:1 !important;
}
/*20211217 tn end*/
 .h-searchTrigger {
  float: right;
  width: /*180165*/160px;
  position: relative;
  margin-top: 9px;
  top: -1px; /*20211217 tn*/
 }

 .h-searchTrigger input {
  background: #f5f5f5;
  height: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 35px 0 10px;/*20191016 oto*/
  border-radius: 20px;
  border: 1px #d2d2d2 solid;
 }

 .h-searchTrigger input:focus {
  background: #ffe2e2;
 }
 .h-searchTrigger input::-webkit-input-placeholder {
  color: #777;
  opacity: 1;
 }
 .h-searchTrigger input::-moz-placeholder {
  color: #777;
  opacity: 1;
 }
 .h-searchTrigger input:-ms-input-placeholder {
  color: #777;
  opacity: 1;
 }
 .h-searchTrigger button {
  background: url("/ja/assets/img/icon_search.png") no-repeat;
  height: 17px;
  width: 18px;
  position: absolute;
  right: 11px;
  top: 5px;
  -webkit-transition: all .2s;
  transition: all .2s;
 }

 .h-searchTrigger button:hover {
  opacity: .5;
 }

 .h-wrapper .h-breadcrumb {/*20190722*/
  color: #646464;
  font-size: 11px;
  padding: 3px 0 7px;
 }

 .h-wrapper .h-breadcrumb .h-home {/*20190722*/
  vertical-align: text-top;
 }

 .h-wrapper .h-breadcrumb .h-home img {/*20190722*/
  margin-top: 1px;
  vertical-align: text-top;
 }

 .h-wrapper .h-breadcrumb li {/*20190722*/
  padding-left: 18px;
  position: relative;
  top: 2px;
  display: inline;/*20211020*/
 }

 .h-wrapper .h-breadcrumb li:before {/*20190722*/
  position: absolute;
  height: 20px;
  width: 1px;
  background-color: #8e8e8e;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  content: "";
  left: 9px;
 }

 .h-itemName {
  font-weight: 500;
  font-size: 15px;
  width: 230px;
 }
 .h-itemName.carnavi_carav {/*20201016 1207 tn*/
  /*width: 220px; 20210326 tn*/
  /*width: 200px;	20220207 tn*/
  width: 165px;	
 }
 .h-itemName.localnavi_support {/*20200918 tn*/
 /* width: 225px; 20210331 tn*/
  /*width: 200px;*/
  width: 155px;
 }

 .h-itemName_icon {
  position: relative;
  padding-right: 16px;
 }

 .h-lnav_lightGray .h-itemName {
  width: 183px;
 }

 .h-itemName__mrP1 {
  margin-right: 1px !important;
 }

 .h-itemName__mrP2 {
  margin-right: 2px !important;
 }

 .h-itemName__mrP3 {
  margin-right: 3px !important;
 }

 .h-itemName__mrP4 {
  margin-right: 4px !important;
 }

 .h-itemName__mrP5 {
  margin-right: 5px !important;
 }

 .h-itemName__mrP6 {
  margin-right: 6px !important;
 }

 .h-itemName__mrP7 {
  margin-right: 7px !important;
 }

 .h-itemName__mrP8 {
  margin-right: 8px !important;
 }

 .h-itemName__mrP9 {
  margin-right: 9px !important;
 }

 .h-itemName__mrP10 {
  margin-right: 10px !important;
 }

 .h-itemName__mrP11 {
  margin-right: 11px !important;
 }

 .h-itemName__mrP12 {
  margin-right: 12px !important;
 }

 .h-itemName__mrP13 {
  margin-right: 13px !important;
 }

 .h-itemName__mrP14 {
  margin-right: 14px !important;
 }

 .h-lnavlogoArea {
  text-align: right;
  width: /*150*/146px;
  padding-left: 30px;
  line-height: 1.1;
 }

 .h-lnavlogoArea img {
  width: 100%;
  vertical-align: top;
 }

 .h-lnav {
  font-size: 16px;
  letter-spacing: .05em;
  height: 48px;
 }

 .h-lnav .mWrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 }

 .h-lnav nav {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
 }

 .h-lnavlist {
  font-size: 12px;
  letter-spacing: .025em;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
 }

 .h-lnavlist_icon::after {
  position: absolute;
  vertical-align: top;
  top: 50%;
  width: 13px;
  height: 13px;
  margin-top: -6px;
  right: 0;
  content: "";
 }

 .h-lnavlist > li {
  display: inline-block;
 }

 .h-lnavlist > li:last-child {
  padding-right: 0;
 }

 .h-lnavlist > li > span,  .h-lnavlist > li > a {
  position: relative;
  cursor: pointer;
  font-weight: 500;
  display: block;
  line-height: 1.3;
  font-size: /*11*/12px;  /*20191126*/
  padding-right: 16px;
  line-height: 1.3;
 }

 .h-lnavlist > li > span.on:after,  .h-lnavlist > li > a.on:after {
  opacity: 1;
 }

 .h-lnavlist > li > span:before,  .h-lnavlist > li > a:before {
  content: "";
  width: 0%;
  background: #000000;
  bottom: -8px;
  height: 2px;
  position: absolute;
  left: 50%;
  margin: auto;
  display: block;
  z-index: 5;
  -webkit-transition: all .2s;
  transition: all .2s;
 }
	
 .headerStyle05 .h-lnavlist > li > span:before,  .headerStyle05 .h-lnavlist > li > a:before {/*20211020*/
  background: #b91440 ;
 }	

 .h-lnavlist > li.current > span,  .h-lnavlist > li.current > a {
  color: #000000;
  font-weight: 600;
 }
body.biz .h-lnavlist > li.current > span,  body.biz .h-lnavlist > li.current > a {/*20211207*/
  color: #fff !important;
 }
	
 .h-lnavlist > li.current > span:before,  .h-lnavlist > li.current > a:before {
  width: 100%;
  left: 0;
 }

 .h-lnavlist > li > span:hover,  .h-lnavlist > li > a:hover {
  color: #000000;
  font-weight: 600;
 }
 .headerStyle05 .h-lnavlist > li > span:hover,  .headerStyle05 .h-lnavlist > li > a:hover {/*20211020*/
  color: #b91440;
  font-weight: 600;
 }
 .h-lnavlist > li > span:hover:before,  .h-lnavlist > li > a:hover:before {
  width: 100%;
  left: 0;
 }

 .h-navContentBox {
  position: absolute;
  display: none;
  background: #f2f2f2;
  top: 55px;
  z-index: 100;
  padding: 25px 0 28px;
  width: 100%;
  left: 0;
 }

 .h-navContentBox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;/*20210818 tn add*/
 }

 .h-navContentBox li {
  text-align: center;
  line-height: 1.4;
 }

 .h-navContentBox li:not(:last-child) {
  border-right: solid 2px #dfdfdf;
 }
 .h-navContentBox .h-nav_piomatix {/*20220225 tn*/
  border-right: solid 2px #dfdfdf;
  width: 100% !important;
 }
 .h-navContentBox li.style_sub{
   text-align: left;
   width: 197px;
   display: flex;
   justify-content: center;
 }
 .h-navContentBox li.style_sub {/*20210817_add tn*/
  border-right: none;
 }
.h-navContentBox li.style_sub.cycle {/*20210817_add tn*/
	 position: absolute;
	 top: 47px;
	 right: 25px;
   margin-top: 10px;
 }
 .h-navContentBox li.style_sub.home {/*20210817_add tn*/
	 position: absolute;
	 top: 111px;
	 right: 25px;
 }
 .h-navContentBox li.style_sub.cycle .n-linkStyle01, .h-navContentBox li.style_sub.home .n-linkStyle01, .h-navContentBox li.style_sub.autonomousdriving .n-linkStyle01{/*20220105_add tn*/
  margin-top: 9px;
 }
 .h-navContentBox li.style_sub.driverecorder .n-linkStyle01{
  margin-top: 2px;
 }
 .h-navContentBox li.style_sub.driverecorder {
  position: absolute;
  top: 2px;
  right: 25px;
}
 .h-navContentBox li.style_sub.autonomousdriving {
  position: absolute;
  top: 87px;
  right: 25px;
}
.h-navContentBox li.style_sub.mhbd {
  position: absolute;
  top:26px;
  right: 25px;
}

 .h-navContentBox .n-linkStyle01 {
  display: inline-block;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: .01em;
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
 }
 .h-navContentBox .style_sub .n-linkStyle01{/*20210817_add tn*/
	 height: 20px;
   display:inline-block;
   margin-top: 8px;
 }

 .h-navContentBox .n-linkStyle01 .arrow {
  background-size: 6px;
  padding-right: 15px;
 }

 .h-navContentBox .n-linkStyle01 .window {
  background-size: 13px;
  padding-right: 20px;
 }

 .h-navContentBox .n-linkStyle01.arrow {
  background-size: 6px;
  padding-right: 15px;
 }

 .h-navContentBox .style_sub .n-linkStyle01 .arrow{ /*20220105 tn*/
  width: 93px !important;
  display: inline-block !important;
}

 .h-navContentBox .n-linkStyle01.window {
  background-size: 13px;
  padding-right: 20px;
 }

 .h-navContentBox .subLink {
  text-align: right;
 }

 .h-lnavContentBox {
  margin: 0 auto;
  width: 1165px;
  padding-top: 12px;
  padding-top: 30px; /*20190917 tn*/
 /*padding-top: 40px; 20190917 20200818 tn*/
 }

 .h-lnavContentBox .n-1of5 {
  width: 216px;
 }

 .h-lnavContentBox .n-2of5 {
  width: 450px;
 }

 .h-lnavContentBox .n-block {
  width: 216px;
 }

 .h-lnavContentBox .n-box {
  padding-bottom: 20px;
  padding-bottom: 40px;/*20200219 tn*/
  padding-bottom: 30px;/*20200818 tn*/
 }

 .h-lnavContentBox .n-box:nth-child(n+2) {
  margin-left: 17px;
 }

 .h-lnavContentBox .n-block:nth-child(n+2) {
  margin-left: 18px;
 }

 .h-lnavContentContainer {
  position: absolute;
  width: 100%;
  left: 0;
  top: 48px;
  padding-bottom: 0;
  display: none;
  background-color: #333333;
 }

 .n-navlistBox {
  display: block;
 }

 .n-navlistBox .logo01 img {
  width: 99px;
 }

/* nav-img */
 .n-navlistBox .nav-img {
  height: 94px;
  background-size: 198px auto;
  background-repeat: no-repeat;
 }
 /*20220225 tn*/
 /*.n-navlistBox .nav-img.nav-imgPiomatix { 
  height: 94px;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: 180%;
  white-space: nowrap;
  overflow: hidden;
 }*/
 .n-navlistBox .nav-img.nav-imgPiomatix{ /*20230518 tn*/
  background-position: 23px 24px;
  background-size: 150px auto;
 }

 .style_sub .n-navlistBox .nav-img{/*20210817_add tn*/
  width:62px;
  height: 35px;
  background-size:70px; 
  background-position: center;
  display: block;
  float: left;
  margin-right:5px;
  }
.seOnly{/*20210819_add tn*/
  display: none;
 }
}

@media screen and (max-width: 896px){
 .n-navlistBox .nav-img {
  width: 56px;
  height: 28px;
  background-size: 56px auto;
  background-repeat: no-repeat;
}
.n-navlistBox.carro_wide .nav-img.nav-img01 {/*20230609 tn*/
  width: 165px;
  height: 45px;
  background-size: 165px auto;
}
.n-navlistBox.h-nav_piomatix .nav-img {/*20220225 tn*/
  width: 150px;
  height: 48px;
  background-size: 150px auto;
  background-repeat: no-repeat;
  margin: 0 auto;
  text-indent: 180%;
  white-space: nowrap;
  overflow: hidden;
}
.wSP300px{
  width: 300px;
}
.style_sub .n-navlistBox .nav-img{
  width: 48px;
  background-size: 48px;
  
  background-position: 5px 0;
 }
 .style_sub.cycle .n-navlistBox .nav-img{
  background-position: 6px;
 }

}

.n-navlistBox .nav-img01 {background-image: url("/ja/assets/img/header/nav_img_01.png?carrozzeria");}
.n-navlistBox .nav-img02 {background-image: url("/ja/assets/img/header/nav_img_02.png");}
.n-navlistBox .nav-img03 {background-image: url("/ja/assets/img/header/nav_img_03.png");}
.n-navlistBox .nav-img04 {background-image: url("/ja/assets/img/header/nav_img_04.png");}
.n-navlistBox .nav-img05 {background-image: url("/ja/assets/img/header/nav_img_05.png");}
.n-navlistBox .nav-img06 {background-image: url("/ja/assets/img/header/nav_img_06.png");}
.n-navlistBox .nav-img07 {background-image: url("/ja/assets/img/header/nav_img_07.png");}
.n-navlistBox .nav-img08 {background-image: url("/ja/assets/img/header/nav_img_08.png");}
.n-navlistBox .nav-img09 {background-image: url("/ja/assets/img/header/nav_img_09.png");}
.n-navlistBox .nav-img10 {background-image: url("/ja/assets/img/header/nav_img_10.png");}
.n-navlistBox .nav-img11 {background-image: url("/ja/assets/img/header/nav_img_11.png");}
.n-navlistBox .nav-img12 {background-image: url("/ja/assets/img/header/nav_img_12.png");}
.n-navlistBox .nav-img13 {background-image: url("/ja/assets/img/header/nav_img_13.png");}
.n-navlistBox .nav-img14 {background-image: url("/ja/assets/img/header/nav_img_14.png");}/*20190919*/
.n-navlistBox .nav-img15 {background-image: url("/ja/assets/img/header/nav_img_15.png");}/*20190919*/
.n-navlistBox .nav-img16 {background-image: url("/ja/assets/img/header/nav_img_16.png");}/*20191106*/
.n-navlistBox .nav-img17 {background-image: url("/ja/assets/img/header/nav_img_17.png");}/*20200929*//* lnav-img */
.n-navlistBox .nav-img18 {background-image: url("/ja/assets/img/header/nav_img_18.png");}/*20220202*/
.n-navlistBox .nav-img19 {background-image: url("/ja/assets/img/header/nav_img_19.png");}/*20230111*/
.n-navlistBox .nav-img21 {background-image: url("/ja/assets/img/header/nav_img_21.png");}/*20230224*/
.n-navlistBox .nav-img22 {background-image: url("/ja/assets/img/header/nav_img_22.png");}/*20230224*/
.n-navlistBox .nav-img01-01 {background-image: url("/ja/assets/img/header/nav_img_01_01.png");}/*20230609*/
.n-navlistBox .nav-img01-02 {background-image: url("/ja/assets/img/header/nav_img_01_02.png");}/*20230609*/
.n-navlistBox .nav-img01-03 {background-image: url("/ja/assets/img/header/nav_img_01_03.png");}/*20230609*/
.n-navlistBox .nav-img01-04 {background-image: url("/ja/assets/img/header/nav_img_01_04.png");}/*20230609*/
.n-navlistBox .nav-img01-05 {background-image: url("/ja/assets/img/header/nav_img_01_05.png");}/*20230609*/
.n-navlistBox .nav-imgPiomatix {background-image: url("/ja/assets/img/header/nav_img_piomatix.png");}/*20220225 tn*/


@media screen and (min-width: 897px){
 .h-lnavContentBox .lnav-img {
  padding-right: 50px;
}
 .h-lnavContentBox .lnav-img:before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 48px;
  height: 30px;
  height: 44px;
  margin-top: -20px;
  margin-top: -24px;
  background-size: 47px auto;
  background-position: right 0;
  background-repeat: no-repeat;
  content: "";
}
 .h-lnavContentBox .lnav-carnavi-img00:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_00.png"); width: 65px; height: 44px; background-size: 63px auto;}
 .h-lnavContentBox .lnav-carnavi-img01:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_01.png");}
 .h-lnavContentBox .lnav-carnavi-img02:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_02.png");}
 .h-lnavContentBox .lnav-carnavi-img03:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_03.png");}
 .h-lnavContentBox .lnav-carnavi-img04:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_04.png");}
 .h-lnavContentBox .lnav-carnavi-img05:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_05.png");}
 .h-lnavContentBox .lnav-carnavi-img06:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_06.png");}
 .h-lnavContentBox .lnav-carnavi-img07:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_07.png");}
 .h-lnavContentBox .lnav-carnavi-img08:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_08.png");}
 .h-lnavContentBox .lnav-carnavi-img09:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_09.png");}
 .h-lnavContentBox .lnav-carnavi-img10:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_10.png");}
 .h-lnavContentBox .lnav-carnavi-img11:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_11.png");}
 .h-lnavContentBox .lnav-carnavi-img12:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_12.png");}
 .h-lnavContentBox .lnav-carnavi-img13:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_13.png");}
 .h-lnavContentBox .lnav-carnavi-img14:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_14.png");}
 .h-lnavContentBox .lnav-carnavi-img15:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_15.png");}
 .h-lnavContentBox .lnav-carnavi-img16:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_16.png");}
 .h-lnavContentBox .lnav-carnavi-img17:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_17.png");}
 .h-lnavContentBox .lnav-carnavi-img18:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_18.png");}
 .h-lnavContentBox .lnav-carnavi-img19:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_19.png");}
 .h-lnavContentBox .lnav-carnavi-img20:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_20.png");}
 .h-lnavContentBox .lnav-carnavi-img21:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_21.png");}
 .h-lnavContentBox .lnav-carnavi-img22:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_22.png");}
 .h-lnavContentBox .lnav-carnavi-img23:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_23.png");}
 .h-lnavContentBox .lnav-carnavi-img24:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_24.png");}
 .h-lnavContentBox .lnav-carnavi-img25:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_25.png");}
 .h-lnavContentBox .lnav-carnavi-img26:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_26.png");}
 .h-lnavContentBox .lnav-carnavi-img27:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_27.png");}
 .h-lnavContentBox .lnav-carnavi-img28:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_28.png");}
 .h-lnavContentBox .lnav-carnavi-img29:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_29.png");}
 .h-lnavContentBox .lnav-carnavi-img30:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_30.png");}
 .h-lnavContentBox .lnav-carnavi-img31:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_31.png");}
 .h-lnavContentBox .lnav-carnavi-img32:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_32.png");}
 .h-lnavContentBox .lnav-carnavi-img33:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_33.png");}
 .h-lnavContentBox .lnav-carnavi-img34:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_34.png");}
 .h-lnavContentBox .lnav-carnavi-img35:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_35.png");}
 .h-lnavContentBox .lnav-carnavi-img36:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_36.png");}
 .h-lnavContentBox .lnav-carnavi-img37:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_37.png");}
 .h-lnavContentBox .lnav-carnavi-img38:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_38.png");}/* 20210924 add tn*/
 .h-lnavContentBox .lnav-carnavi-img39:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_39.png");}/* 20220207 add tn*/
 .h-lnavContentBox .lnav-carnavi-img40:before {background-image: url("/ja/assets/img/lnav/carnavi/lnav_img_40.png");}/* 20230530 add tn*/
	
 .h-lnavContentBox .lnav-oled-img01:before {background-image: url("/ja/assets/img/lnav/oled/lnav_img_01.png");}
 .h-lnavContentBox .lnav-oled-img02:before {background-image: url("/ja/assets/img/lnav/oled/lnav_img_02.png");}
 .h-lnavContentBox .lnav-oled-img03:before {background-image: url("/ja/assets/img/lnav/oled/lnav_img_03.png");}

 .subLink .n-navlistBox {
  display: inline-block;
}
.n-navlistBox .nav-img17 {background-position-y: 15px;}/*20211012 add tn*/

}
.pageTtl {
  position: absolute;
  color: #ffffff;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 2;
}


.pageTtl h1 {
  padding-top: 12px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .1em;
  margin-right: 20px;
}

.pageTtl h1 span {
  font-size: 12px;
  padding-left: 15px;
  font-weight: normal;
}

@media screen and (max-width: 896px){
 .pageTtl h1 {
  font-size: 14px;
  margin-left: 5.33vw;
}

 .pageTtl h1 span {
  font-size: 10px;
}
}

@media screen and (min-width: 897px){
 .pageTtl h1 {
  font-size: 18px;
}

 .headerStyle01 .h-lnavlist > li > span:before,  .headerStyle01 .h-lnavlist > li > a:before {
  background: #ffffff;
}

 .headerStyle01 .h-lnavlist > li > span:hover,  .headerStyle01 .h-lnavlist > li > a:hover {
  color: #ffffff;
}

 .headerStyle01 .h-lnavlist > li.current > span {
  color: #ffffff;
}

 .headerStyle01 .h-lnavlist > li.current > span:before {
  color: #ffffff;
  background: #ffffff;
}

 .headerStyle01 .h-lnavlist > li > span:hover,  .headerStyle01 .h-lnavlist > li > a:hover {
  color: #ffffff;
}

 .headerStyle01 .h-lnavlist > li > span:hover:before,  .headerStyle01 .h-lnavlist > li > a:hover:before {
  color: #ffffff;
  background: #ffffff;
}

 .headerStyle01 .h-lnavlist_icon.icon01::after {
  background: url("/ja/assets/img/icon_arrow_r_w.svg") no-repeat;
  background-size: 13px 13px;
}

 .headerStyle01 .h-lnavlist_icon.icon02::after {
  background: url("/ja/assets/img/icon_arrow_down_r_w.svg") no-repeat;
  background-size: 13px 13px;
}

 .headerStyle01 .h-lnavlist_icon.icon03::after {
  background: url("/ja/assets/img/icon_plus_small_w.svg") no-repeat;
  background-size: 13px 13px;
}
}

.headerStyle02 {
  background-color: #f2f2f2;
  border-top: solid #b91440 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000;
}

@media screen and (min-width: 897px){
 .headerStyle02 .h-lnavContentContainer {
  background: #e8e8e8;
}
}

.headerStyle02 .n-dlStyle01 dt a:after {
  background: #a2a2a2;
}

.headerStyle02 .n-dlStyle01 a:hover {
  text-decoration: underline;
  color: inherit;
}

@media screen and (min-width: 897px){
 .headerStyle02 .n-dlStyle01 dt a {
  width: 100%;
  background-image: url("/ja/assets/img/icon_arrow01.svg");
  background-size: 6px;
}

 .headerStyle02 .n-listStyle01 li a {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
  background-size: 6px;
}

 .headerStyle02 .h-lnavlist_icon.icon01::after {
  background: url("/ja/assets/img/icon_arrow_r.svg") no-repeat;
  background-size: 13px 13px;
}

 .headerStyle02 .h-lnavlist_icon.icon02::after {
  background: url("/ja/assets/img/icon_arrow_down_r.svg") no-repeat;
  background-size: 13px 13px;
}

 .headerStyle02 .h-lnavlist_icon.icon03::after {
  background: url("/ja/assets/img/icon_plus_small.svg") no-repeat;
  background-size: 13px 13px;
}
}

@media screen and (max-width: 896px){
 .headerStyle02 .h-lnavSlideToggle {
  background-image: url("/ja/assets/img/icon_plus.svg");
}

 .headerStyle02 .h-lnavSlideToggle.on {
  background-image: url("/ja/assets/img/icon_minus.svg");
}

 .headerStyle02 .h-lnavlist > li > span,  .headerStyle02 .h-lnavlist > li > a {
  background: #e8e8e8;
  border-bottom: solid 1px #a2a2a2;
}

 .headerStyle02 .h-lnavlist > li > .h-lnavlist_icon.icon01 {
  background-image: url(/ja/assets/img/icon_arrow01.svg);
  background-repeat: no-repeat;
  background-position: right 22px center;
}

 .headerStyle02 .h-lnavlist > li > .h-lnavlist_icon.icon02 {
  background-image: url(/ja/assets/img/icon_arrow_down01.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 14px;
}

 .headerStyle02 .h-lnavlist > li > .h-lnavlist_icon.icon03:after,  .headerStyle02 .h-lnavlist > li > .h-lnavlist_icon.icon03:before {
  background: #000000;
}

 .headerStyle02 .h-lnavlist > li > a:after,  .headerStyle02 .h-lnavlist > li > a:before {
  background: #000000;
}

 .headerStyle02 .h-lnavContentContainer .n-dlStyle01 {
  background: #dcdcdc;
}

 .headerStyle02 .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn {
  background: #d2d2d2;
}

 .headerStyle02 .h-lnavContentContainer .n-listStyle01 {
  background: #d2d2d2;
}

 .headerStyle02 .h-lnavContentContainer .n-dlStyle01 dt {
  border-bottom: solid #a2a2a2 1px;
}

 .headerStyle02 .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn:after,  .headerStyle02 .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn:before {
  background: #000000;
}

 .headerStyle02 .h-lnavContentContainer .n-dlStyle01 dt a {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
}

 .headerStyle02 .h-lnavContentContainer .n-dlStyle01 a {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
}
}

.headerStyle03 {
  background-color: #666666;
}

.headerStyle03 .h-lnavlist > li > span:hover, .headerStyle03 .h-lnavlist > li > a:hover {
  color: #ffffff;
}

.headerStyle03 .h-lnavlist > li.current > span, .headerStyle03 .h-lnavlist > li.current > a {
  color: #ffffff;
}

@media screen and (max-width: 896px){
 .headerStyle03 .h-lnavlist > li > span,  .headerStyle03 .h-lnavlist > li > a {
  background-color: #7a7a7a;
  border-bottom: solid 1px #a2a2a2;
}

 .headerStyle03 .h-lnavlist > li > span:hover,  .headerStyle03 .h-lnavlist > li > a:hover {
  color: #ffffff;
}

 .headerStyle03 .h-lnavlist > li.current > span,  .headerStyle03 .h-lnavlist > li.current > a {
  color: #ffffff;
}

 .headerStyle03 .h-lnavContentContainer .n-dlStyle01 {
  background: #8e8e8e;
}

 .headerStyle03 .h-lnavContentContainer .n-listStyle01 {
  background: #a2a2a2;
}

 .headerStyle03 .h-lnavContentContainer .n-dlStyle01 dt {
  border-bottom: solid #7a7a7a 1px;
}

 .headerStyle03 .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn {
  width: 55px;
  background: #a2a2a2;
  position: relative;
}
}

@media screen and (min-width: 897px){
 .headerStyle03 .h-lnavContentContainer {
  background: #7a7a7a;
}

 .headerStyle03 .h-lnavlist > li > span:before,  .headerStyle03 .h-lnavlist > li > a:before {
  background: #ffffff;
}

 .headerStyle03 .h-lnavlist > li.current > span,  .headerStyle03 .h-lnavlist > li.current > a {
  color: #ffffff;
}

 .headerStyle03 .h-lnavlist > li.current > span:before,  .headerStyle03 .h-lnavlist > li.current > a:before {
  background: #ffffff;
}

 .headerStyle03 .h-lnavlist > li > span:hover,  .headerStyle03 .h-lnavlist > li > a:hover {
  color: #ffffff;
}

 .headerStyle03 .h-lnavlist > li > span:hover:before,  .headerStyle03 .h-lnavlist > li > a:hover:before {
  background: #ffffff;
}

 .headerStyle03 .n-dlStyle01 dt a:after {
  background: #a2a2a2;
}

 .headerStyle03 .n-dlStyle01 a:hover {
  text-decoration: underline;
  color: inherit;
}

 .headerStyle03 .h-lnavlist_icon.icon01::after {
  background: url("/ja/assets/img/icon_arrow_r_w.svg") no-repeat;
  background-size: 13px 13px;
}

 .headerStyle03 .h-lnavlist_icon.icon02::after {
  background: url("/ja/assets/img/icon_arrow_down_r_w.svg") no-repeat;
  background-size: 13px 13px;
}

 .headerStyle03 .h-lnavlist_icon.icon03::after {
  background: url("/ja/assets/img/icon_plus_small_w.svg") no-repeat;
  background-size: 13px 13px;
}
}

.headerStyle04 {
  background-color: /*#b81942 20220801 tn*/#b91440;
}

.headerStyle04 .h-lnavlist > li > span:hover, .headerStyle04 .h-lnavlist > li > a:hover {
  color: #ffffff;
}

.headerStyle04 .h-lnavlist > li.current > span, .headerStyle04 .h-lnavlist > li.current > a {
  color: #ffffff;
}

@media screen and (max-width: 896px){
 .headerStyle04 .h-lnavlist > li > span,  .headerStyle04 .h-lnavlist > li > a {
  border-bottom: solid 1px #7a7a7a;
}

 .headerStyle04 .h-lnavContentContainer .n-dlStyle01 {
  background: #8e8e8e;
}

 .headerStyle04 .h-lnavContentContainer .n-listStyle01 {
  background: #a2a2a2;
}

 .headerStyle04 .h-lnavContentContainer .n-dlStyle01 dt {
  border-bottom: solid #7a7a7a 1px;
}

 .headerStyle04 .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn {
  width: 55px;
  background: #a2a2a2;
  position: relative;
}
}

@media screen and (min-width: 897px){
 .headerStyle04 .h-lnavContentContainer {
  background: #7a7a7a;
}

 .headerStyle04 .h-lnavlist > li.current > span,  .headerStyle04 .h-lnavlist > li.current > a {
  color: #ffffff;
}

 .headerStyle04 .h-lnavlist > li.current > span:before,  .headerStyle04 .h-lnavlist > li.current > a:before {
  background: #ffffff;
}

 .headerStyle04 .h-lnavlist > li > span:hover,  .headerStyle04 .h-lnavlist > li > a:hover {
  color: #ffffff;
}

 .headerStyle04 .h-lnavlist > li > span:hover:before,  .headerStyle04 .h-lnavlist > li > a:hover:before {
  background: #ffffff;
}

 .headerStyle04 .n-dlStyle01 dt a:after,  .headerStyle04 .n-dlStyle01 dt:after,
 .headerStyle03 .n-dlStyle01 dt a:after,  .headerStyle03 .n-dlStyle01 dt:after /*20201006 tn*/{
  background: #a2a2a2;
}

 .headerStyle04 .n-dlStyle01 a:hover {
  text-decoration: underline;
  color: inherit;
}

 .headerStyle04 .h-lnavlist_icon.icon01::after {
  background: url("/ja/assets/img/icon_arrow_r_w.svg") no-repeat;
  background-size: 13px 13px;
}

 .headerStyle04 .h-lnavlist_icon.icon02::after {
  background: url("/ja/assets/img/icon_arrow_down_r_w.svg") no-repeat;
  background-size: 13px 13px;
}

 .headerStyle04 .h-lnavlist_icon.icon03::after {
  background: url("/ja/assets/img/icon_plus_small_w.svg") no-repeat;
  background-size: 13px 13px;
}
}


/* 背景白地　20211020 add */

.headerStyle05 {
  background-color: #fff;
  border-top: solid #b91440 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000 !important;
	border-bottom: solid 1px #CCC;
}

@media screen and (min-width: 897px){
 .headerStyle05 .h-lnavContentContainer {
  background: #e8e8e8;
}
}

.headerStyle05 .n-dlStyle01 dt a:after {
  background: #a2a2a2;
}

.headerStyle05 .n-dlStyle01 a:hover {
  text-decoration: underline;
  color: inherit;
}

@media screen and (min-width: 897px){
 .headerStyle05 .n-dlStyle01 dt a {
  width: 100%;
  background-image: url("/ja/assets/img/icon_arrow01.svg");
  background-size: 6px;
}

 .headerStyle05 .n-listStyle01 li a {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
  background-size: 6px;
}

 .headerStyle05 .h-lnavlist_icon.icon01::after {
  background: url("/ja/assets/img/icon_arrow_r.svg") no-repeat;
  background-size: 13px 13px;
}
.headerStyle05 .h-lnavlist_icon.icon01:hover::after {
  background: url("/ja/assets/img/icon_arrow_r_red.svg") no-repeat;
}

 .headerStyle05 .h-lnavlist_icon.icon02::after {
  background: url("/ja/assets/img/icon_arrow_down_r.svg") no-repeat;
  background-size: 13px 13px;
}
 .headerStyle05 .h-lnavlist_icon.icon02:hover::after {
  background: url("/ja/assets/img/icon_arrow_down_r_red.svg") no-repeat;
}

 .headerStyle05 .h-lnavlist_icon.icon03::after {
  background: url("/ja/assets/img/icon_plus_small.svg") no-repeat;
  background-size: 13px 13px;
}
 .headerStyle05 .h-lnavlist_icon.icon03:hover::after {
  background: url("/ja/assets/img/icon_plus_small_red.svg") no-repeat;
}
	
.headerStyle05 .h-itemName:hover{
		color: #b91440;
	}
}

@media screen and (max-width: 896px){
 .headerStyle05 .h-lnavSlideToggle {
  background-image: url("/ja/assets/img/icon_plus.svg");
}

 .headerStyle05 .h-lnavSlideToggle.on {
  background-image: url("/ja/assets/img/icon_minus.svg");
}

 .headerStyle05 .h-lnavlist > li > span,  .headerStyle05 .h-lnavlist > li > a {
  background: #e8e8e8;
  border-bottom: solid 1px #a2a2a2;
}

 .headerStyle05 .h-lnavlist > li > .h-lnavlist_icon.icon01 {
  background-image: url(/ja/assets/img/icon_arrow01.svg);
  background-repeat: no-repeat;
  background-position: right 22px center;
}

 .headerStyle05 .h-lnavlist > li > .h-lnavlist_icon.icon02 {
  background-image: url(/ja/assets/img/icon_arrow_down01.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 14px;
}

 .headerStyle05 .h-lnavlist > li > .h-lnavlist_icon.icon03:after,  .headerStyle05 .h-lnavlist > li > .h-lnavlist_icon.icon03:before {
  background: #000000;
}

 .headerStyle05 .h-lnavlist > li > a:after,  .headerStyle05 .h-lnavlist > li > a:before {
  background: #000000;
}

 .headerStyle05 .h-lnavContentContainer .n-dlStyle01 {
  background: #dcdcdc;
}

 .headerStyle05 .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn {
  background: #d2d2d2;
}

 .headerStyle05 .h-lnavContentContainer .n-listStyle01 {
  background: #d2d2d2;
}

 .headerStyle05 .h-lnavContentContainer .n-dlStyle01 dt {
  border-bottom: solid #a2a2a2 1px;
}

 .headerStyle05 .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn:after,  .headerStyle05 .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn:before {
  background: #000000;
}

 .headerStyle05 .h-lnavContentContainer .n-dlStyle01 dt a {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
}

 .headerStyle05 .h-lnavContentContainer .n-dlStyle01 a {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
}
}
/* //背景白地　20211020 add */


/*
mainVisual
------------------------------------------------*/
#container .mainVisual {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%;
}

#container .mainVisual a {
  display: block;
}

#container .mainVisual .mainVisualInner {
  position: relative;
}

#container .mainVisual img {
  width: 100%;
}

#container .mainVisual .swiper-mv {
  position: relative;
}

#container .mainVisual .swiper-wrapper {
  will-change: transform;
}

#container .mainVisual .swiper-container .swiper-pagination-bullet, #container .mainVisual .swiper-container .swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffffff;
  border-radius: 0;
  width: 30px;
  height: 2px;
}

#container .mainVisual .swiper-container .swiper-pagination-bullet:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background: #666666;
}

#container .mainVisual .swiper-container .swiper-pagination {
  bottom: 15px;
}

#container .mainVisual .swiper-container .swiper-pagination-bullet-active:after {
  width: 100%;
  -webkit-transition: all 3s linear;
  transition: all 3s linear;
}

#container .mainVisual .swiper-button-next, #container .mainVisual .swiper-container-rtl .swiper-button-prev, #container .mainVisual .swiper-button-prev, #container .mainVisual .swiper-container-rtl .swiper-button-next {
  display: none;
}

#container .mainVisual.white .blur:before {
  background: #ffffff;
}

#container .mainVisual.white .mv-txtBox, #container .mainVisual.white .mv-txtBox_right {
  color: #515151;
}

@media screen and (min-width: 897px){
 #container .mainVisual.white .linkStyle01,  #container .mainVisual.white .linkStyle01_black,  #container .mainVisual.white .linkStyle01_white {
  border-color: #000000;
}
}

#container .mainVisual.white .linkStyle01:hover, #container .mainVisual.white .linkStyle01_black:hover, #container .mainVisual.white .linkStyle01_white:hover {
  border-color: #b91440;
}

#container .mainVisual.white .m-txt01 {
  color: #b91440;
}

#container .mainVisual.white .m-txt02 {
  color: #515151;
}

#container .swiper-slide {
  will-change: transform;
  position: relative;
}

#container .blur {
  position: relative;
  display: block;
  overflow: hidden;
  height: 200px;
}

#container .blur:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #333333;
  padding-top: 100%;
  z-index: 5;
  opacity: .65;
}

#container .blur img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="15" /></filter></svg>#filter');
  -webkit-filter: blur(15px);
  filter: blur(15px);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

@media screen and (-ms-high-contrast: none) { /*20200519 tn add*/
  #container .blur img {
  visibility:hidden;
  }
}

#container .mv-txtBox, #container .mv-txtBox_right {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  padding: 30px 18px 20px;
  z-index: 6;
  height: 200px;
}

#container .mv-txtBox .m-txt01, #container .mv-txtBox_right .m-txt01 {
  line-height: 1.4;
  padding-top: 0;
  font-size: 21px;
  color: #ffffff;
}

#container .mv-txtBox .linkStyle02, #container .mv-txtBox_right .linkStyle02, #container .mv-txtBox .linkStyle02_black, #container .mv-txtBox_right .linkStyle02_black, #container .mv-txtBox .linkStyle02_white, #container .mv-txtBox_right .linkStyle02_white, #container .mv-txtBox .linkStyle03, #container .mv-txtBox_right .linkStyle03, #container .mv-txtBox .linkStyle03_black, #container .mv-txtBox_right .linkStyle03_black, #container .mv-txtBox .linkStyle03_white, #container .mv-txtBox_right .linkStyle03_white {
  color: #000000;
  font-size: 14px;
}

#container .mv-txtBox .m-txt02, #container .mv-txtBox_right .m-txt02 {
  font-size: 13px;
  line-height: 1.7;
  padding-top: 14px;
  color: #ffffff;
}

#container .mv-txtBox .m-logo, #container .mv-txtBox_right .m-logo {
  width: 112px;
  margin-bottom: 10px;
}

#container .mv-txtBox .linkStyle01, #container .mv-txtBox_right .linkStyle01, #container .mv-txtBox .linkStyle01_black, #container .mv-txtBox_right .linkStyle01_black, #container .mv-txtBox .linkStyle01_white, #container .mv-txtBox_right .linkStyle01_white {
  width: 156px;
  margin: 0;
  font-size: 13px;
  padding: 3px 0;
}

#container .mv01 .swiper-slide .linkStyle01_white {
  margin-top: 20px;
}

#container .mv03 {
  background: #f5f5f5;
}

#container .mv03 .mv-txtBox_right {
  padding: 25px 18px 20px;
}

#container .mv03 .m-txt02 {
  padding-top: 7px;
}

@media screen and (max-width: 896px){
 #container .mainVisual .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 3px 0 0;
}

 #container .mainVisual .swiper-container .swiper-pagination {
  bottom: 35px;
}
}

@media all and (-ms-high-contrast: none) {
  #container .blur:before {
    opacity: .8;
  }
}

@media only screen and (max-width: 374px) {
   #container .mv-txtBox .m-txt01,  #container .mv-txtBox_right .m-txt01 {
    font-size: 18px;
  }
}

@media screen and (min-width: 897px){
 #container .mainVisual .swiper-container .swiper-pagination-bullet,  #container .mainVisual .swiper-container .swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffffff;
  border-radius: 0;
  width: 60px;
  height: 4px;
}

 #container .mainVisual .swiper-slide {
  position: relative;
}

 #container .mainVisual .swiper-slide:after {
  height: 100%;
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.7);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
}

 #container .mainVisual .swiper-slide .mv-txtBoxWrapper {
  max-width: 1324px;
}

 #container .mainVisual .swiper-slide .mv-txtBox,  #container .mainVisual .swiper-slide .mv-txtBox_right {
  position: absolute;
  background: rgba(51, 51, 51, 0.8);
  left: 3.02%;
  width: 42%;
  padding: 40px 2% 40px 3%;
}

 #container .mainVisual .swiper-slide-active:after {
  display: none;
}

 #container .mainVisual .swiper-button-next,  #container .mainVisual .swiper-container-rtl .swiper-button-prev {
  background: url("/ja/assets/img/s-arrow_next.png") no-repeat;
  height: 84px;
  width: 48px;
  right: 0;
  left: auto;
  margin: auto;
  top: 0;
  display: block;
  bottom: 0;
}

 #container .mainVisual .swiper-button-prev,  #container .mainVisual .swiper-container-rtl .swiper-button-next {
  background: url("/ja/assets/img/s-arrow_prev.png") no-repeat;
  height: 84px;
  width: 48px;
  left: 0;
  right: auto;
  display: block;
  margin: auto;
  top: 0;
  bottom: 0;
}

 #container .mainVisual.white .mv-txtBox,  #container .mainVisual.white .mv-txtBox_right {
  background: rgba(255, 255, 255, 0.8);
}

 #container .mv-txtBoxWrapper {
  max-width: 1284px;
  width: 100%;
  position: absolute;
  margin: 0 auto;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
}

 #container .mv-txtBox,  #container .mv-txtBox_right {
  position: absolute;
  background: rgba(51, 51, 51, 0.8);
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  color: #ffffff;
  height: auto;
  bottom: auto;
}

 #container .mv-txtBox img,  #container .mv-txtBox_right img {
  width: auto;
}

 #container .mv-txtBox .m-txt01,  #container .mv-txtBox_right .m-txt01 {
  line-height: 1.4;
  font-size: 30px;
}

 #container .mv01 .swiper-slide .mv-txtBox {
  padding: 48px 3.7% 49px;
  min-width: 480px;
  max-width: 630px;
  width: auto;
  letter-spacing: 0;
}

 #container .mv01 .swiper-slide .m-logo {
  margin-bottom: 3px;
  padding-left: 2px;
}

 #container .mv01 .swiper-slide .m-txt01 {
  padding-top: 13px;
}

 #container .mv01 .swiper-slide .m-txt02 {
  padding-top: 20px;
}

 #container .mv01 .swiper-slide .linkStyle01_white {
  margin-top: 35px;
}

 #container .mv02 .mv-txtBox {
  min-width: 480px;
  max-width: 630px;
  width: auto;
  padding: 40px 2.3% 44px 3.5%;
  letter-spacing: .04em;
}

 #container .mv02 .mv-txtBox .m-txt02 {
  line-height: 1.8;
  padding-top: 17px;
}

 #container .mv02 .mv-txtBox .m-txt01 {
  font-size: 32px;
}

 #container .mv03 {
  background: #f5f5f5;
}

 #container .mv03 .mv-txtBox_right {
  min-width: 480px;
  max-width: 630px;
  width: auto;
  height: auto;
  left: auto;
  right: 20px;
  padding: 42px 28px 41px 47px;
  font-size: 32px;
}

 #container .mv03 .m-txt02 {
  line-height: 1.75;
  padding-top: 17px;
}

 #container .mv03 .m-txt01 {
  font-size: 32px;
}
}

@media only screen and (min-width: 897px) and (max-width: 1300px) {
   #container .mv-txtBox .m-txt01,  #container .mv-txtBox_right .m-txt01 {
    font-size: 28px;
  }
}

@media only screen and (min-width: 897px) and (min-width: 1920px) {
   #container .mv-txtBox .m-txt01,  #container .mv-txtBox_right .m-txt01 {
    font-size: 30px;
  }
}

@media screen and (min-width: 897px){
 #container .mv-txtBox .m-txt02,  #container .mv-txtBox_right .m-txt02 {
  line-height: 1.4;
  font-size: 16px;
}
}

@media only screen and (min-width: 897px) and (max-width: 1300px) {
  #container .mv-txtBox .m-txt02, #container .mv-txtBox_right .m-txt02 {
    font-size: 14px;
  }
}

@media only screen and (min-width: 897px) and (min-width: 1920px) {
   #container .mv-txtBox .m-txt02,  #container .mv-txtBox_right .m-txt02 {
    font-size: 16px;
  }
}

@media screen and (min-width: 897px){
 #container .mv-txtBox .linkStyle01,  #container .mv-txtBox_right .linkStyle01,  #container .mv-txtBox .linkStyle01_black,  #container .mv-txtBox_right .linkStyle01_black,  #container .mv-txtBox .linkStyle01_white,  #container .mv-txtBox_right .linkStyle01_white {
  width: 210px;
  font-size: 16px;
  padding: 5px 25px 6px 0;
  margin: 0;
  border: solid #ffffff 1px;
  letter-spacing: .05em;
}
/*
#container .mv-txtBox .linkStyle01:after,
#container .mv-txtBox_right .linkStyle01:after,
#container .mv-txtBox .linkStyle01_black:after,
#container .mv-txtBox_right .linkStyle01_black:after,*/ /*20200507*/
#container .mv-txtBox .linkStyle01_white:after,
#container .mv-txtBox_right .linkStyle01_white:after {
  background-image: url(/ja/assets/img/icon_arrow01_w.svg);
}

/*20200309 add tn */ /*20200325 fix tn */
#container .mainVisual.white .mv-txtBox .linkStyle01.arrow:after, #container .mainVisual.white .mv-txtBox_right .linkStyle01.arrow:after, #container .mainVisual.white .mv-txtBox .linkStyle01_black.arrow:after, #container .mainVisual.white .mv-txtBox_right .linkStyle01_black.arrow:after, #container .mainVisual.white .mv-txtBox .linkStyle01_white.arrow:after, #container .mainVisual.white .mv-txtBox_right .linkStyle01_white.arrow:after {
  background-image: url(/ja/assets/img/icon_arrow01.svg);
}
/*20200309 add tn - end */ /*20200325 fix tn - end */


/*20190823 add*/
#container .mv-txtBox .linkStyle01.window:after,
#container .mv-txtBox_right .linkStyle01.window:after,
#container .mv-txtBox .linkStyle01_black.window:after,
#container .mv-txtBox_right .linkStyle01_black.window:after/*,
#container .mv-txtBox .linkStyle01_white.window:after,
#container .mv-txtBox_right .linkStyle01_white.window:after*/ {
    width: 15px;
    height: 13px;
    background: url(/ja/assets/img/icon_window.svg) no-repeat;
    background-size: 15px;
    right: 20px;
}

#container .mv-txtBox .linkStyle01.window:hover:after,
#container .mv-txtBox_right .linkStyle01.window:hover:after,
#container .mv-txtBox .linkStyle01_black.window:hover:after,
#container .mv-txtBox_right .linkStyle01_black.window:hover:after,
#container .mv-txtBox .linkStyle01_white.window:hover:after,
#container .mv-txtBox_right .linkStyle01_white.window:hover:after {
    width: 15px;
    height: 13px;
    background: url(/ja/assets/img/icon_window_w.svg) no-repeat;
    background-size: 15px;
    right: 20px;
}
/*20190823 end*/

/*20200507 add*/
#container .mv-txtBox .linkStyle01_white.window:after,
#container .mv-txtBox_right .linkStyle01_white.window:after {
    width: 15px;
    height: 13px;
    background: url(/ja/assets/img/icon_window_w.svg) no-repeat;
    background-size: 15px;
    right: 20px;
}
/*20200507 end*/
    
 #container .mv-txtBox .linkStyle01:hover,  #container .mv-txtBox_right .linkStyle01:hover,  #container .mv-txtBox .linkStyle01_black:hover,  #container .mv-txtBox_right .linkStyle01_black:hover,  #container .mv-txtBox .linkStyle01_white:hover,  #container .mv-txtBox_right .linkStyle01_white:hover {
  border: solid #b91440 1px;
  background: #b91440;
  color: #ffffff;
}
	
/*20200309 add tn */ /*20200325 fix tn */
 #container .mainVisual.white .mv-txtBox .linkStyle01.arrow:hover:after,  #container .mainVisual.white .mv-txtBox_right .linkStyle01.arrow:hover:after,  #container .mainVisual.white .mv-txtBox .linkStyle01_black.arrow:hover:after,  #container .mainVisual.white .mv-txtBox_right .linkStyle01_black.arrow:hover:after,  #container .mainVisual.white .mv-txtBox .linkStyle01_white.arrow:hover:after,  #container .mainVisual.white .mv-txtBox_right .linkStyle01_white.arrow:hover:after {
  background-image: url(/ja/assets/img/icon_arrow01_w.svg);
}
/*20200309 add tn - end */ /*20200325 fix tn - end */
	
 #container .mv-txtBox_right {
  left: auto;
}
}

.mv-txtBox_right {
  right: 40px;
  left: auto;
}


/*fade-slide add　20200221 tn*/

.fade-slide .mv-slide ul {
	width: 100%;
	height: auto;
}
.fade-slide .mv-slide ul:before{
    content: "";
    display: block;
	padding-top: /*30.3*/30.2084%; /*20200417 */
}
@media only screen and (max-width: 896px) {
	.fade-slide .mv-slide ul:before{
		padding-top: 74.7%;
	}
	.fade-slide .blur .mv-slide ul:before{
		padding-top: 62.5%;
	}	
}
.fade-slide .mv-slide ul li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation-iteration-count: infinite;
	opacity: 0;
}

/* 8 seconds */
.fade-slide.fade02 .mv-slide ul li {animation-duration: 16s; animation-name: slider-fade2;}
.fade-slide.fade03 .mv-slide ul li {animation-duration: 24s; animation-name: slider-fade3;}
.fade-slide.fade04 .mv-slide ul li {animation-duration: 32s; animation-name: slider-fade4;}
.fade-slide.fade05 .mv-slide ul li {animation-duration: 40s; animation-name: slider-fade5;}
.fade-slide.fade06 .mv-slide ul li {animation-duration: 48s; animation-name: slider-fade6;}
.fade-slide.fade07 .mv-slide ul li {animation-duration: 56s; animation-name: slider-fade7;}
.fade-slide.fade08 .mv-slide ul li {animation-duration: 64s; animation-name: slider-fade8;}

.fade-slide .mv-slide ul li:nth-child(1) {animation-delay: 0s;}
.fade-slide .mv-slide ul li:nth-child(2) {animation-delay: 8s;}
.fade-slide .mv-slide ul li:nth-child(3) {animation-delay: 16s;}
.fade-slide .mv-slide ul li:nth-child(4) {animation-delay: 24s;}
.fade-slide .mv-slide ul li:nth-child(5) {animation-delay: 32s;}
.fade-slide .mv-slide ul li:nth-child(6) {animation-delay: 40s;}
.fade-slide .mv-slide ul li:nth-child(7) {animation-delay: 48s;}
.fade-slide .mv-slide ul li:nth-child(8) {animation-delay: 56s;}
/* 8 seconds end */

/* 6 seconds */
.fade-slide.fade02.fade-06sec .mv-slide ul li {animation-duration: 12s;}
.fade-slide.fade03.fade-06sec .mv-slide ul li {animation-duration: 18s;}
.fade-slide.fade04.fade-06sec .mv-slide ul li {animation-duration: 24s;}
.fade-slide.fade05.fade-06sec .mv-slide ul li {animation-duration: 30s;}
.fade-slide.fade06.fade-06sec .mv-slide ul li {animation-duration: 36s;}
.fade-slide.fade07.fade-06sec .mv-slide ul li {animation-duration: 42s;}
.fade-slide.fade08.fade-06sec .mv-slide ul li {animation-duration: 48s;}

.fade-slide.fade-06sec .mv-slide ul li:nth-child(1) {animation-delay: 0s;}
.fade-slide.fade-06sec .mv-slide ul li:nth-child(2) {animation-delay: 6s;}
.fade-slide.fade-06sec .mv-slide ul li:nth-child(3) {animation-delay: 12s;}
.fade-slide.fade-06sec .mv-slide ul li:nth-child(4) {animation-delay: 18s;}
.fade-slide.fade-06sec .mv-slide ul li:nth-child(5) {animation-delay: 24s;}
.fade-slide.fade-06sec .mv-slide ul li:nth-child(6) {animation-delay: 30s;}
.fade-slide.fade-06sec .mv-slide ul li:nth-child(7) {animation-delay: 36s;}
.fade-slide.fade-06sec .mv-slide ul li:nth-child(8) {animation-delay: 42s;}
/* 6 seconds end */

/* 4 seconds */
.fade-slide.fade02.fade-04sec .mv-slide ul li {animation-duration: 8s;}
.fade-slide.fade03.fade-04sec .mv-slide ul li {animation-duration: 12s;}
.fade-slide.fade04.fade-04sec .mv-slide ul li {animation-duration: 16s;}
.fade-slide.fade05.fade-04sec .mv-slide ul li {animation-duration: 20s;}
.fade-slide.fade06.fade-04sec .mv-slide ul li {animation-duration: 24s;}
.fade-slide.fade07.fade-04sec .mv-slide ul li {animation-duration: 28s;}
.fade-slide.fade08.fade-04sec .mv-slide ul li {animation-duration: 32s;}

.fade-slide.fade-04sec .mv-slide ul li:nth-child(1) {animation-delay: 0s;}
.fade-slide.fade-04sec .mv-slide ul li:nth-child(2) {animation-delay: 4s;}
.fade-slide.fade-04sec .mv-slide ul li:nth-child(3) {animation-delay: 8s;}
.fade-slide.fade-04sec .mv-slide ul li:nth-child(4) {animation-delay: 12s;}
.fade-slide.fade-04sec .mv-slide ul li:nth-child(5) {animation-delay: 16s;}
.fade-slide.fade-04sec .mv-slide ul li:nth-child(6) {animation-delay: 20s;}
.fade-slide.fade-04sec .mv-slide ul li:nth-child(7) {animation-delay: 24s;}
.fade-slide.fade-04sec .mv-slide ul li:nth-child(8) {animation-delay: 28s;}
/* 4 seconds end */


@keyframes slider-fade2 {
	0% {opacity: 0;}
	25% {opacity: 1;}
	50% {opacity: 1;}
	75% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slider-fade3 {
	0% {opacity: 0;}
	16% {opacity: 1;}
	33% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slider-fade4 {
	0% {opacity: 0;}
	12.5% {opacity: 1;}
	25% {opacity: 1;}
	37.5% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slider-fade5 {
	0% {opacity: 0;}
	10% {opacity: 1;}
	20% {opacity: 1;}
	30% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slider-fade6 {
	0% {opacity: 0;}
	8.3% {opacity: 1;}
	17% {opacity: 1;}
	25% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slider-fade7 {
	0% {opacity: 0;}
	7% {opacity: 1;}
	14% {opacity: 1;}
	21% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slider-fade8 {
	0% {opacity: 0;}
	6.3% {opacity: 1;}
	12.5% {opacity: 1;}
	18.8% {opacity: 0;}
	100% {opacity: 0;}
}
/*fade-slide end　20200221  tn*/

/*fade-slide 20200316  oto*/
.img-fade-slide ul {
	width: 100%;
	height: auto;
	position: relative;
}
.img-fade-slide ul:before{
    content: "";
    display: block;
	padding-top: 30.3%;
}
@media only screen and (max-width: 896px) {
	.img-fade-slide ul:before{
		padding-top: 74.7%;
	}
	.img-fade-slide .blur ul:before{
		padding-top: 62.5%;
	}	
}
.img-fade-slide ul li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation-iteration-count: infinite;
	opacity: 0;
}

.img-fade-slide ul li img {
	width: 100%;
	height: auto;
}

.img-fade-slide.fade02 ul li {animation-duration: 16s; animation-name: img-fade2;}
.img-fade-slide.fade03 ul li {animation-duration: 24s; animation-name: img-fade3;}
.img-fade-slide.fade04 ul li {animation-duration: 32s; animation-name: img-fade4;}
.img-fade-slide.fade05 ul li {animation-duration: 40s; animation-name: img-fade5;}
.img-fade-slide.fade06 ul li {animation-duration: 48s; animation-name: img-fade6;}
.img-fade-slide.fade07 ul li {animation-duration: 56s; animation-name: img-fade7;}
.img-fade-slide.fade08 ul li {animation-duration: 64s; animation-name: img-fade8;}

.img-fade-slide ul li:nth-child(1) {animation-delay: 0s;}
.img-fade-slide ul li:nth-child(2) {animation-delay: 8s;}
.img-fade-slide ul li:nth-child(3) {animation-delay: 16s;}
.img-fade-slide ul li:nth-child(4) {animation-delay: 24s;}
.img-fade-slide ul li:nth-child(5) {animation-delay: 32s;}
.img-fade-slide ul li:nth-child(6) {animation-delay: 40s;}
.img-fade-slide ul li:nth-child(7) {animation-delay: 48s;}
.img-fade-slide ul li:nth-child(8) {animation-delay: 56s;}


@keyframes img-fade {
	0% {opacity: 0;}
	12.5% {opacity: 1;}
	20% {opacity: 1;}
	27.5% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes img-fade2 {
	0% {opacity: 0;}
	25% {opacity: 1;}
	50% {opacity: 1;}
	75% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes img-fade3 {
	0% {opacity: 0;}
	16% {opacity: 1;}
	33% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes img-fade4 {
	0% {opacity: 0;}
	12.5% {opacity: 1;}
	25% {opacity: 1;}
	37.5% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes img-fade5 {
	0% {opacity: 0;}
	10% {opacity: 1;}
	20% {opacity: 1;}
	30% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes img-fade6 {
	0% {opacity: 0;}
	8.3% {opacity: 1;}
	17% {opacity: 1;}
	25% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes img-fade7 {
	0% {opacity: 0;}
	7% {opacity: 1;}
	14% {opacity: 1;}
	21% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes img-fade8 {
	0% {opacity: 0;}
	6.3% {opacity: 1;}
	12.5% {opacity: 1;}
	18.8% {opacity: 0;}
	100% {opacity: 0;}
}



/*fade-slide end　20200316  oto*/



/*
ttlStyle
------------------------------------------------*/
.ttlStyle01 {
  text-align: center;
  font-size: 26px;
  font-weight: 500;
}

.ttlStyle01.white {
  color: #ffffff;
}

@media screen and (max-width: 896px){
 .ttlStyle01 {
  padding: 20px 0;
  line-height: 1.26;
}

 .ttlStyle01 .spSmall {
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  display: block;
}

 .ttlStyle01_bg {
  background: url("/ja/assets/img/ttl_bg_sp.jpg") no-repeat center top;
  background-size: cover;
}
}

@media screen and (min-width: 897px){
 .ttlStyle01 {
  font-size: 44px;
  line-height: 1.4;
  padding: 55px 0;
}

 .ttlStyle01 span {
  display: block;
}

 .ttlStyle01_bg {
  background: url("/ja/assets/img/ttl_bg.jpg") no-repeat center top;
  background-size: cover;
}
}

.ttlStyle02 {
  text-align: center;
  font-size: 26px;
  font-weight: /*200 20220914tn*/300;
  position: relative;
  padding-bottom: 10px;
}

.ttlStyle02:after {
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 1px;
  content: "";
  background: #000000;
  left: 0;
  right: 0;
  margin: auto;
}

.ttlStyle02.white {
  color: #ffffff;
}

.ttlStyle02.white:after {
  background: #ffffff;
}

.ttlStyle02.fWhite:after {
  background: #ffffff;
}

@media screen and (max-width: 896px){
 .ttlStyle02 .spSmall {
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  display: block;
}

 .ttlStyle02.taL:after {
  left: 5.33vw;
  right: auto;
}

 .ttlStyle02.taR:after {
  left: auto;
  right: 79.33vw;
}
}

@media screen and (min-width: 897px){
 .ttlStyle02 {
  font-size: 40px;
  padding-bottom: 21px;
  line-height: 1.4;
}

 .ttlStyle02 span {
  display: block;
}

 .ttlStyle02:after {
  width: 60px;
  height: 2px;
}

 .ttlStyle02.taL:after {
  left: 24px;
  right: auto;
}

 .ttlStyle02.taC.mWrapper,  .ttlStyle02.taL.mWrapper {
  /*padding: 0 24px 21px; 20190703 oto*/
  padding: 0 0 21px;
}

 .ttlStyle02.taR.mWrapper {
  /*padding: 0 24px 21px; 20190703 oto*/
  padding: 0 0 21px;
}

 .ttlStyle02.taR:after {
  left: auto;
  right: 452px;
}
}

.ttlStyle03 {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: .05em;
  padding: 12px 0 14px;
}

@media screen and (min-width: 897px){
 .ttlStyle03 {
  text-align: left;
  font-size: 18px;
  padding: 11px 0 15px;
  line-height: 1.4;
}
}

.ttlStyle04 {
  font-size: 23px;
  text-align: center;
  font-weight: 200;
  padding: 12px 0 14px;
}

@media screen and (min-width: 897px){
 .ttlStyle04 {
  font-size: 32px;
  padding: 11px 0 15px;
  line-height: 1.4;
}
}

.ttlStyle05 {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
}

@media screen and (min-width: 897px){
 .ttlStyle05 {
  font-size: 22px;
  line-height: 1.4;
}
}

/*
fixBtnArea
------------------------------------------------*/
.fixBtnArea {
  position: fixed;
  right: 20px;
  bottom: /*30 20201126 tn*/ 80px;
  z-index: 50;
}

@media screen and (max-width: 896px){
 .fixBtnArea {
  right: 10px;
  bottom: 20px;
}
}

/*
linkStyle
------------------------------------------------*/
/*linkStyle01*/
.linkStyle01, .linkStyle01_black, .linkStyle01_white {
  text-align: center;
  border: solid #000000 1px;
  border-radius: 30px;
  display: block;
  width: 220px;
  font-size: 14px;
  position: relative;
  padding: 7px 40px 8px;
  margin: 0 auto;
  font-weight: 600;
}

.linkStyle01.inlineB {
  display: inline-block;
  width: 100%;
  padding: 7px 0 9px;
}

.inlineB.linkStyle01_black, .inlineB.linkStyle01_white {
  display: inline-block;
  width: 100%;
  padding: 7px 0 9px;
}

.linkStyle01.inline {
  display: inline-block;
  width: auto;
  padding: 6px 48px 7px;
}

.inline.linkStyle01_black, .inline.linkStyle01_white {
  display: inline-block;
  width: auto;
  padding: 6px 48px 7px;
}

.linkStyle01.arrow:after {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 21px;
  width: 7px;
  height: 10px;
  content: "";
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 7px;
  margin: auto;
}

.arrow.linkStyle01_black:after, .arrow.linkStyle01_white:after {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 21px;
  width: 7px;
  height: 10px;
  content: "";
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 7px;
  margin: auto;
}

.linkStyle01.window:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 13px;
  background: url("/ja/assets/img/icon_window_sp.svg") no-repeat;
  background-size: 13px;
  bottom: 0;
  top: 0;
  right: 20px;
  margin: auto;
}

.window.linkStyle01_black:after, .window.linkStyle01_white:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 13px;
  background: url("/ja/assets/img/icon_window_sp.svg") no-repeat;
  background-size: 13px;
  bottom: 0;
  top: 0;
  right: 20px;
  margin: auto;
}

/*20210616 add*/
.download.linkStyle01_black:after, .download.linkStyle01_white:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 13px;
  background: url("/ja/assets/img/icon_download.svg") no-repeat;
  background-size: 13px;
  bottom: 0;
  top: 0;
  right: 20px;
  margin: auto;
}
/*20210616 end*/

.linkStyle01.fit, .linkStyle01_black.fit {
  width: 100%;
  padding: 6px 40px 7px;
}

.linkStyle01_white.fit {
  width: 100%;
  padding: 6px 40px 7px;
}

.linkStyle01_white.arrow {
  color: #ffffff;
  border-color: #ffffff;
}

.linkStyle01_white.arrow:after {
  background-image: url("/ja/assets/img/icon_arrow01_w.svg");
}

.linkStyle01_white.window {
  color: #ffffff;
  border-color: #ffffff;
}

.linkStyle01_white.window:after {
  background-image: url("/ja/assets/img/icon_window.svg");
}

@media screen and (min-width: 897px){
 .linkStyle01,  .linkStyle01_black,  .linkStyle01_white {
  font-size: 18px;
  width: 300px;
  padding: 6px 40px 7px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

 .linkStyle01.inline {
  display: inline-block;
  width: auto;
  padding: 6px 48px 7px;
}

 .inline.linkStyle01_black,  .inline.linkStyle01_white {
  display: inline-block;
  width: auto;
  padding: 6px 48px 7px;
}

 .linkStyle01.arrow:after {
  right: 20px;
  -webkit-transition: right .2s;
  transition: right .2s;
  width: 9px;
  height: 13px;
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 9px;
}

.arrow.linkStyle01_black:after,
.arrow.linkStyle01_white:after,
#container .mainVisual.white .mv-txtBox .linkStyle01_black.arrow:after, 
#container .mainVisual.white .mv-txtBox_right .linkStyle01_black.arrow:after{ /*20200325 tn*/
  right: 20px;
  -webkit-transition: right .2s;
  transition: right .2s;
  width: 9px;
  height: 13px;
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 9px;
}

 .linkStyle01.arrow:hover:after {
  right: 15px;
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat;
  background-size: 9px;
}

 .arrow.linkStyle01_black:hover:after,  .arrow.linkStyle01_white:hover:after {
  right: 15px;
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat;
  background-size: 9px;
}

 .linkStyle01.window:after {
  width: 15px;
  height: 13px;
  background: url("/ja/assets/img/icon_window.svg") no-repeat;
  background-size: 15px;
  right: 20px;
}

 .window.linkStyle01_black:after,  .window.linkStyle01_white:after {
  width: 15px;
  height: 13px;
  background: url("/ja/assets/img/icon_window.svg") no-repeat;
  background-size: 15px;
  right: 20px;
}

 .linkStyle01.window:hover:after {
  background: url("/ja/assets/img/icon_window_w.svg") no-repeat;
  background-size: 15px;
}

 .window.linkStyle01_black:hover:after,  .window.linkStyle01_white:hover:after {
  background: url("/ja/assets/img/icon_window_w.svg") no-repeat;
  background-size: 15px;
}

/*20210616 add*/
.linkStyle01.download:after {
  width: 15px;
  height: 13px;
  background: url("/ja/assets/img/icon_download.svg") no-repeat;
  background-size: 15px;
  right: 20px;
}

 .download.linkStyle01_black:after,  .download.linkStyle01_white:after {
  width: 15px;
  height: 13px;
  background: url("/ja/assets/img/icon_download.svg") no-repeat;
  background-size: 15px;
  right: 20px;
}

 .linkStyle01.download:hover:after {
  background: url("/ja/assets/img/icon_download_w.svg") no-repeat;
  background-size: 15px;
}

 .download.linkStyle01_black:hover:after,  .download.linkStyle01_white:hover:after {
  background: url("/ja/assets/img/icon_download_w.svg") no-repeat;
  background-size: 15px;
}
/*20210616 end*/

 .linkStyle01.small {
  width: 200px;
  font-size: 16px;
  padding: 6px 30px 7px;
}

 .small.linkStyle01_black,  .small.linkStyle01_white {
  width: 200px;
  font-size: 16px;
  padding: 6px 30px 7px;
}

 .linkStyle01.middle {
  width: 300px;
  font-size: 16px;
  padding-right: 20px;
}

 .middle.linkStyle01_black,  .middle.linkStyle01_white {
  width: 300px;
  font-size: 16px;
  padding-right: 20px;
}

 .linkStyle01:hover,  .linkStyle01_black:hover,  .linkStyle01_white:hover {
  background: #b91440;
  color: #ffffff;
  border-color: #b91440;
}

 .linkStyle01_black:hover {
  border-color: #000000;
  background-color: #000000;
}
}

@media screen and (max-width: 896px){
 .bgBlack .linkStyle02_white.window:after, .linkStyle01_white.window:after {
  background-image: url("/ja/assets/img/icon_window_w_sp.svg");
}
.linkStyle01, .linkStyle01_black{/*20210115 tn add*/
	color: #000 !important;
}
}

@media screen and (min-width: 897px){
 .linkStyle01_white.arrow:after {
  background-image: url("/ja/assets/img/icon_arrow01_w.svg");
}

 .linkStyle01_white.arrow:hover {
  background: #ffffff;
  color: #000000;
}

 .linkStyle01_white.arrow:hover:after {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
}

 .bgBlack .linkStyle02_white.window:after {
  background-image: url("/ja/assets/img/icon_window_w.svg");
  background-size: 15px;
}

 .linkStyle01_white.window:after {
  background-image: url("/ja/assets/img/icon_window_w.svg");
  background-size: 15px;
}

 .linkStyle01_white.window:hover {
  background: #ffffff;
  color: #000000;
}

 .linkStyle01_white.window:hover:after {
  background-image: url("/ja/assets/img/icon_window.svg");
}
}

/*linkStyle02*/
.linkStyle02, .linkStyle02_black, .linkStyle02_white, .linkStyle03, .linkStyle03_black, .linkStyle03_white {
  position: relative;
  font-weight: 500;
  position: relative;
  padding-right: 21px;
}

.linkStyle02:after, .linkStyle02_black:after, .linkStyle02_white:after, .linkStyle03:after, .linkStyle03_black:after, .linkStyle03_white:after {
  position: absolute;
  /*top: 0;20190924 tn*/
  bottom: 0;
  bottom: 3px;/*20190924 tn*/
  right: 0;
  margin: auto;
  display: inline-block;
  width: 7px;
  height: 10px;
  content: "";
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 7px;
  vertical-align: top;
}

.linkStyle02.window {
  padding-right: 23px;
}

.window.linkStyle02_black, .window.linkStyle02_white, .window.linkStyle03, .window.linkStyle03_black, .window.linkStyle03_white {
  padding-right: 23px;
}

.linkStyle02.window:after {
  width: 15px;
  height: 13px;
  background: url("/ja/assets/img/icon_window.svg") no-repeat;
  background-size: 15px;
  right: 0;
}

.window.linkStyle02_black:after, .window.linkStyle02_white:after, .window.linkStyle03:after, .window.linkStyle03_black:after, .window.linkStyle03_white:after {
  width: 15px;
  height: 13px;
  background: url("/ja/assets/img/icon_window.svg") no-repeat;
  background-size: 15px;
  right: 0;
}
 .linkStyle02.cookie{/*20201016 tn*/
  display: inline-block;
}

.anker_down,.anker_up{
  padding-right: 20px !important;
  font-size: 16px !important;
}
@media screen and (max-width: 896px){
  .anker_down,.anker_up{
    font-size: 14px !important;
  }
}

.anker_down:after,
.anker_down:hover:after {/*20201202 no*/
  width: 16px !important;
  height: 16px !important;
  background: url("/ja/assets/img/icon_arrow_down_r_bk.svg") no-repeat !important;
  background-size: 16px !important;
  right: 0 !important;
  -webkit-transform: translate3D(0, 0, 0) !important;
  transform: translate3D(0, 0, 0) !important;
}
.anker_down.hover_red:hover:after {/*20201202 no*/
  width: 16px !important;
  height: 16px !important;
  background: url("/ja/assets/img/icon_arrow_down_r_red.svg") no-repeat !important;
}
.linkStyle02_white.anker_down:after,
.linkStyle02_white.anker_down:hover:after {/*20201202 no*/
  width: 16px !important;
  height: 16px !important;
  background: url("/ja/assets/img/icon_arrow_down_r_w2.svg") no-repeat !important;
  background-size: 16px !important;
  right: 0 !important;
  -webkit-transform: translate3D(0, 0, 0) !important;
  transform: translate3D(0, 0, 0) !important;
}
.anker_up:after,
.anker_up:hover:after {/*20201202 no*/
  width: 16px !important;
  height: 16px !important;
  background: url("/ja/assets/img/icon_arrow_up_r_bk.svg") no-repeat !important;
  background-size: 16px !important;
  right: 0 !important;
  -webkit-transform: translate3D(0, 0, 0) !important;
  transform: translate3D(0, 0, 0) !important;
}
.anker_up.hover_red:hover:after {/*20201202 no*/
  width: 16px !important;
  height: 16px !important;
  background: url("/ja/assets/img/icon_arrow_up_r_red.svg") no-repeat !important;
  background-size: 16px !important;
}
.linkStyle02_white.anker_up:after,
.linkStyle02_white.anker_up:hover:after {/*20201202 no*/
  width: 16px !important;
  height: 16px !important;
  background: url("/ja/assets/img/icon_arrow_up_r_w2.svg") no-repeat !important;
  background-size: 16px !important;
  right: 0 !important;
  -webkit-transform: translate3D(0, 0, 0) !important;
  transform: translate3D(0, 0, 0) !important;
}

@media screen and (min-width: 897px){
 .linkStyle02,  .linkStyle02_black,  .linkStyle02_white,  .linkStyle03,  .linkStyle03_black,  .linkStyle03_white {
  padding-right: 18px;
}

 .linkStyle02:after,  .linkStyle02_black:after,  .linkStyle02_white:after,  .linkStyle03:after,  .linkStyle03_black:after,  .linkStyle03_white:after {
  width: 9px;
  height: 13px;
  -webkit-transition: .2s all;
  transition: .2s all;
  background-size: 9px;
}

 .linkStyle02:not(.window):hover:after,  .linkStyle02_black:not(.window):hover:after,  .linkStyle02_white:not(.window):hover:after,  .linkStyle03:not(.window):hover:after,  .linkStyle03_black:not(.window):hover:after,  .linkStyle03_white:not(.window):hover:after {
  -webkit-transform: translate3D(5px, 0, 0);
  transform: translate3D(5px, 0, 0);
}

.linkStyle02.anker, .anker.linkStyle02_black, .anker.linkStyle02_white {/*20201202 no*/
  padding-right: 20px;
}

}

.linkStyle02_white {
  color: #ffffff;
}

.linkStyle02_white:after {
  background-image: url("/ja/assets/img/icon_arrow01_w.svg");
}

.linkStyle03, .linkStyle03_black, .linkStyle03_white {
  display: inline-block;
  -webkit-transition: all .2s;
  transition: all .2s;
  padding-bottom: 2px;
  border-bottom: solid 1px transparent;
}

.linkStyle03:hover, .linkStyle03_black:hover, .linkStyle03_white:hover {
  opacity: 1;
  border-bottom: solid 1px #b91440;
  color: #b91440;
}

.linkStyle03:hover:after, .linkStyle03_black:hover:after, .linkStyle03_white:hover:after {
  background-image: url("/ja/assets/img/icon_arrow01_r.svg");
}

.linkStyle03:hover.window:after, .linkStyle03_black:hover.window:after, .linkStyle03_white:hover.window:after {
  background: url("/ja/assets/img/icon_window_r.svg") no-repeat;
  background-size: 15px;
}

.linkStyle03_black:hover {
  opacity: 1;
  border-bottom: solid 1px #000000;
  color: #000000;
}

.linkStyle03_black:hover:after {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
}

.linkStyle03_black:hover.window:after {
  background: url("/ja/assets/img/icon_window.svg") no-repeat;
  background-size: 15px;
}

.linkStyle03_white {
  color: #ffffff;
  border-bottom: solid 1px transparent;
}

.linkStyle03_white:after {
  background-image: url("/ja/assets/img/icon_arrow01_w.svg");
}

.linkStyle03_white.window:after {
  background: url("/ja/assets/img/icon_window_w.svg") no-repeat;
  background-size: 15px;
}

@media screen and (min-width: 897px){
 .linkStyle03_white:hover {
  opacity: 1;
  border-bottom: solid 1px #ffffff;
  color: #ffffff;
}

 .linkStyle03_white:hover:after {
  background-image: url("/ja/assets/img/icon_arrow01_w.svg");
}

 .linkStyle03_white.window:hover:after {
  background-image: url("/ja/assets/img/icon_window_w.svg");
}
}

/* .s-listStyle01 */
.s-listStyle01 li span{
  position: relative;
}

.s-listStyle01 li.arrow span:after {
  content: "";
  background-size: 11px;
  display: block;
  margin-right: 11px;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.s-listStyle01 li.noItem span:after, .s-listStyle01 li.noItem span:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #000000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 3px;
}

.s-listStyle01 li.noItem span {
  background: #cccccc;
  color: #000000;
}

.s-listStyle01 li.noItem span:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (min-width: 897px){
 .s-listStyle01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .s-listStyle01 li {
  width: 264px;
  position: relative;
}

 .s-listStyle01 li.arrow span:after {
  content: "";
  background: url(/ja/assets/img/icon_arrow_w_down01.svg) no-repeat center left;/*20190910 oto*/
  background-size: 11px;
  display: block;
  margin-right: 11px;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  height: 7px;
  width: 11px;
  right: 17px;
}

 .s-listStyle01 li.noItem span {
  background: #cccccc;
  cursor: auto;
}

 .s-listStyle01 li.noItem span:after {
  content: "";
  width: 14px;
  height: 2px;
  display: block;
  position: absolute;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 10px;
}

 .s-listStyle01 li.noItem span:before {
  content: "";
  width: 14px;
  height: 2px;
  display: block;
  position: absolute;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

 .s-listStyle01 li.window span:after {
  content: "";
  background: url("/ja/assets/img/icon_window_w.svg") no-repeat center left;
  background-size: 15px;
  display: block;
  margin-right: 11px;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  height: 13px;
  width: 15px;
  right: 17px;
}

 .s-listStyle01 li span:before {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  display: block;
  margin-right: 10px;
  content: "";
  background: #ffffff;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  left: 17px;
}

 .s-listStyle01 li:nth-child(n+4) {
  margin-top: 16px;
}

 .s-listStyle01 li:not(:nth-child(3n)) {
  margin-right: 30px;
}

 .s-listStyle01 li span {
  background: #000000;
  color: #ffffff;
  font-size: 16px;
  padding: 7px 35px 8px 30px;
  display: block;
  cursor: pointer;
}
}

@media screen and (max-width: 896px){
 .s-listStyle01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0 32px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: solid #cccccc 1px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .s-listStyle01 li {
  width: 47.76%;
}

 .s-listStyle01 li.arrow span:after {
  content: "";
  background: url(/ja/assets/img/icon_arrow_w_down01.svg) no-repeat center left;/*20190910 oto*/
  background-size: 11px;
  margin-right: 11px;
  margin: auto;
  height: 7px;
  width: 11px;
  right: 11px;
}

 .s-listStyle01 li.noItem span:after {
  width: 18px;
  height: 2px;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 3px;
}

 .s-listStyle01 li.noItem span:before {
  width: 18px;
  height: 2px;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

 .s-listStyle01 li.window span:after {
  background: url("/ja/assets/img/icon_window_w.svg") no-repeat center left;
  background-size: 11px;
  display: block;
  margin-right: 11px;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  height: 13px;
  width: 15px;
  right: 7px;
}

 .s-listStyle01 li span:before {
  width: 7px;
  height: 7px;
  border-radius: 10px;
  display: block;
  margin-right: 11px;
  content: "";
  background: #ffffff;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  left: 8px;
}

 .s-listStyle01 li:nth-child(n+3) {
  margin-top: 16px;
}

 .s-listStyle01 li span {
  background: #000000;
  color: #ffffff;
  padding: 0 25px 0 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 45px;
}
}

/* .dataFlex */
@media screen and (min-width: 897px){
 .dataFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid #cccccc 1px;
  padding: 30px 0;
}

 .dataFlex .txtStyle02 {
  font-size: 24px;
  text-align: left;
}

 .dataFlex_title {
  width: 295px;
}

 .dataFlex_data {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
}

/*linkBoxStyle01*/
.linkBoxStyle01, .linkBoxStyle01_white, .linkBoxStyle01_black, .linkBoxStyle02, .linkBoxStyle01_pdc a/*20190823 tn*/  {
  position: relative;
  display: block;
  padding-right: 15px;
}

/*20200109 add oto*/
.linkBoxStyle01.on,
.linkBoxStyle01 .on{
color: #b91440;
}
.linkList01 .ll01-list.on:after,
.linkList03 .ll03-list.on:after{
    background: url(/ja/assets/img/icon_arrow01_r.svg) no-repeat right center;
}



/*20190829 tn added*/
.linkBoxStyle01_pdc a{
    margin-bottom: 10px;
}
.linkBoxStyle01_pdc a:last-child{
    margin-bottom: 0;
}
/*20190829 tn end*/
.linkBoxStyle01:after, .linkBoxStyle01_white:after, .linkBoxStyle01_black:after, .linkBoxStyle02:after,  .linkBoxStyle01_pdc a:after/*20190823 tn*/ {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  width: 8px;
  height: 13px;
  content: "";
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat center;
  background-size: 8px;
  -webkit-transition: .2s all;
  transition: .2s all;
}

/*20190829 tn added*/
.linkBoxStyle01_pdc a:after{
      width: 15px;
}
/*20190829 tn end*/

.linkBoxStyle01.small:after, .linkBoxStyle01.small a:after {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
}

/*20200109 add oto*/
@media screen and (max-width: 896px){
.linkBoxStyle01.small.on:after {
  background-image: url("/ja/assets/img/icon_arrow01_r.svg");
}
}

.small.linkBoxStyle01_white:after, .small.linkBoxStyle01_black:after, .small.linkBoxStyle02:after, .linkBoxStyle01_pdc a:after /*20190823 tn*/{
  background-image: url("/ja/assets/img/icon_arrow01.svg");
}

.linkBoxStyle01.window:after, .linkBoxStyle01_pdc a[target="_blank"]:after, .linkBoxStyle01_pdc a.window:after {
  width: 15px;
  height: 13px;
  background: url("/ja/assets/img/icon_window_sp.svg") no-repeat;
  background-size: 13px;
  right: 0;
}


.window.linkBoxStyle01_white:after,
.window.linkBoxStyle01_black:after,
.window.linkBoxStyle02:after
.linkBoxStyle01_pdc a[target="_blank"]:after /*20190823 tn*/{
  width: 15px;
  height: 13px;
  background: url("/ja/assets/img/icon_window_sp.svg") no-repeat;
  background-size: 13px;
  right: 0;
}

.linkBoxStyle01.window_red {
  color: #b91440;
}

.window_red.linkBoxStyle01_white, .window_red.linkBoxStyle01_black, .window_red.linkBoxStyle02 {
  color: #b91440;
}

.linkBoxStyle01.window_red:after {
  background: url("/ja/assets/img/icon_window_r.svg") no-repeat;
  background-size: 18px;
  width: 18px;
  right: 0;
  height: 16px;
}

.window_red.linkBoxStyle01_white:after, .window_red.linkBoxStyle01_black:after, .window_red.linkBoxStyle02:after {
  background: url("/ja/assets/img/icon_window_r.svg") no-repeat;
  background-size: 18px;
  width: 18px;
  right: 0;
  height: 16px;
}

@media screen and (min-width: 897px){
 .linkBoxStyle01:after,  .linkBoxStyle01_white:after,  .linkBoxStyle01_black:after,  .linkBoxStyle02:after {
  width: 12px;
  height: 18px;
  content: "";
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 12px;
}

 .linkBoxStyle01.small:after,  .linkBoxStyle01_pdc a:after/*20190826_tn*/ {
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 8px;
  width: 8px;
  height: 12px;
}

 .small.linkBoxStyle01_white:after,  .small.linkBoxStyle01_black:after,  .small.linkBoxStyle02:after {
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 8px;
  width: 8px;
  height: 12px;
}

 .linkBoxStyle01:hover,
  .linkBoxStyle01.on/*20200109_oto*/,
  .linkBoxStyle01_white:hover,  .linkBoxStyle01_black:hover,  .linkBoxStyle02:hover,  .linkBoxStyle01_pdc a:hover/*20190826_tn*/ {
  color: #b91440;
}

 .linkBoxStyle01.window:after,  
/*20190823 tn added*/.linkBoxStyle01_pdc a[target="_blank"]:after, .linkBoxStyle01_pdc a.window:after /*20190826 tn end*/{
  background: url("/ja/assets/img/icon_window.svg") no-repeat;
  background-size: 15px;
  right: 0;
  width: 15px;/*20190830 add oto*/
}

.window.linkBoxStyle01_white:after, .window.linkBoxStyle01_black:after,.window.linkBoxStyle02:after,
 .window.linkBoxStyle01_white:after,  .window.linkBoxStyle01_black:after,  .window.linkBoxStyle02:after, 
/*20190823 tn added*/.linkBoxStyle01_pdc a[target="_blank"]:after, .linkBoxStyle01_pdc a.window:after /*20190823 tn end*/{
  background: url("/ja/assets/img/icon_window.svg") no-repeat;
  background-size: 15px;
  right: 0;
}


 .linkBoxStyle01.window:hover:after {
  background: url("/ja/assets/img/icon_window_r.svg") no-repeat;
  background-size: 15px;
}

 .window.linkBoxStyle01_white:hover:after,  .window.linkBoxStyle01_black:hover:after,  .window.linkBoxStyle02:hover:after, 
/*20190823 tn added*/.linkBoxStyle01_pdc a[target="_blank"]:hover:after, .linkBoxStyle01_pdc a.window:hover:after/*20190823 tn end*/ {
  background: url("/ja/assets/img/icon_window_r.svg") no-repeat;
  background-size: 15px;
}

 .linkBoxStyle01.window_red {
  color: #b91440;
}

 .window_red.linkBoxStyle01_white,  .window_red.linkBoxStyle01_black,  .window_red.linkBoxStyle02 {
  color: #b91440;
}

 .linkBoxStyle01.window_red:after {
  background: url("/ja/assets/img/icon_window_r.svg") no-repeat;
  background-size: 15px;
  width: 15px;
  right: 0;
}

 .window_red.linkBoxStyle01_white:after,  .window_red.linkBoxStyle01_black:after,  .window_red.linkBoxStyle02:after {
  background: url("/ja/assets/img/icon_window_r.svg") no-repeat;
  background-size: 15px;
  width: 15px;
  right: 0;
}

 .linkBoxStyle01:not(.window):not(.window_red):hover:after,  .linkBoxStyle01_white:not(.window):not(.window_red):hover:after,  .linkBoxStyle01_black:not(.window):not(.window_red):hover:after,  .linkBoxStyle02:not(.window):not(.window_red):hover:after, .linkBoxStyle01_pdc a:not(.window):not([target="_blank"]):hover:after/*20190823 tn*/ {
  -webkit-transform: translate3D(5px, 0, 0);
  transform: translate3D(5px, 0, 0);
}

 .linkBoxStyle01:not(.window):not(.window_red):hover:after,  .linkBoxStyle01_white:not(.window):not(.window_red):hover:after,  .linkBoxStyle01_black:not(.window):not(.window_red):hover:after,  .linkBoxStyle02:not(.window):not(.window_red):hover:after, .linkBoxStyle01_pdc a:not(.window):not([target="_blank"]):hover:after/*20190823 tn*/  {
  background-image: url("/ja/assets/img/icon_arrow01_r.svg");
}

 .linkBoxStyle01:not(.window):not(.window_red).small:after, 
  .linkBoxStyle01:not(.window):not(.window_red).small.on:after/*20200109_oto*/,
  .linkBoxStyle01_white:not(.window):not(.window_red).small:after,  .linkBoxStyle01_black:not(.window):not(.window_red).small:after,  .linkBoxStyle02:not(.window):not(.window_red).small:after, .linkBoxStyle01_pdc:not(.window):not(.window_red).small a:after /*20190823_tn*/ {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
  width: 8px;
  height: 12px;
}

 .linkBoxStyle01:not(.window):not(.window_red).small:hover:after,
  .linkBoxStyle01:not(.window):not(.window_red).small.on:after/*20200109_oto*/,
  .linkBoxStyle01_white:not(.window):not(.window_red).small:hover:after,  .linkBoxStyle01_black:not(.window):not(.window_red).small:hover:after,  .linkBoxStyle02:not(.window):not(.window_red).small:hover:after,  .linkBoxStyle01_pdc:not(.window):not(.window_red).small a:hover:after/*20190823_tn*/ {
  background-image: url("/ja/assets/img/icon_arrow01_r.svg");
}

 .linkBoxStyle01.spOnlyElem:after {
  content: none;
}

 .spOnlyElem.linkBoxStyle01_white:after,  .spOnlyElem.linkBoxStyle01_black:after,  .spOnlyElem.linkBoxStyle02:after {
  content: none;
}
}

@media screen and (max-width: 896px){
 .linkBoxStyle01.pcOnlyElem:after {
  content: none;
}

 .pcOnlyElem.linkBoxStyle01_white:after,  .pcOnlyElem.linkBoxStyle01_black:after,  .pcOnlyElem.linkBoxStyle02:after {
  content: none;
}
}

.linkBoxStyle01_white {
  color: #ffffff;
}


.linkBoxStyle01_white:after {
  background-image: url("/ja/assets/img/icon_arrow01_w.svg");
}

.linkBoxStyle01_white:hover {
  color: #ffffff;
}

@media screen and (min-width: 897px){
 .linkBoxStyle01_white:after {
  background-size: 12px;
}

 .linkBoxStyle01_white:not(.window):not(.window_red):hover:after,  .linkBoxStyle01_white:not(.window):not(.window_red).small:after {
  background-image: url("/ja/assets/img/icon_arrow01_w.svg");
}
}

.linkBoxStyle01_black {
  color: #000000;
}

.linkBoxStyle01_black:after {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
}

@media screen and (min-width: 897px){
 .linkBoxStyle01_black:after {
  background-size: 12px;
}

 .linkBoxStyle01_black:not(.window):not(.window_red):hover {
  color: #000000;
}

 .appTxt.linkBoxStyle01_black:hover {
  color: #000000;
}

 .linkBoxStyle01_black:not(.window):not(.window_red):hover:after {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
}

 .linkBoxStyle01_black:not(.window):not(.window_red).small {
  color: #000000;
}

 .linkBoxStyle01_black:not(.window):not(.window_red).small:after {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
}

 .linkBoxStyle01_black:not(.window):not(.window_red).small:hover {
  color: #000000;
}

 .linkBoxStyle01_black:not(.window):not(.window_red).small:hover:after {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
}
}

.linkBoxStyle02 {
  display: inline-block;
  padding-right: 20px;
}

.linkList01 {
  margin: 15px auto;
}

.linkList01 .ll01-list {
  border-bottom: solid 1px #cccccc;
  font-size: 14px;
  padding: 18px 7px;
  margin: 0 13px;
  position: relative;
}

@media screen and (min-width: 897px){
 .linkList01 .ll01-list:after {
  display: block;
  content: "";
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat right center;
  background-size: 8px;
  width: 9px;
  height: 13px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  -webkit-transition: all .2s;
  transition: all .2s;
}

/*20190830 add oto*/
 .linkList01 .ll01-list.window:after {
  display: block;
  content: "";
  background: url("/ja/assets/img/icon_window.svg") no-repeat right center;
  background-size: 15px;
  width: 15px;
  height: 13px;
  right: 0;
}
 .linkList01 .ll01-list.window:hover:after {
  display: block;
  content: "";
  background: url("/ja/assets/img/icon_window_r.svg") no-repeat right center;
  background-size: 15px;
  width: 15px;
  height: 13px;
  right: 0;
    -webkit-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
}

/*20190830 add end oto*/
}

.linkList01 .ll01-list a {
  display: block;
  width: 100%;
}

.linkList01 .ll01-list.current {
  opacity: .5;
}

@media screen and (max-width: 896px){
 .linkList01 .ll01-list:last-child {
  border-bottom: none;
}
}

@media screen and (min-width: 897px){
 .linkList01 {
  width: 912px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .linkList01 .ll01-list {
  border-bottom: solid 1px #cccccc;
  width: 416px;
  padding: 17px 0;
  font-size: 20px;
  background-size: 8px;
  margin: 0;
  -webkit-transition: .2s all;
  transition: .2s all;
}

 .linkList01 .ll01-list a {
  display: block;
  width: 100%;
}

 .linkList01 .ll01-list:nth-child(n+3) {
  margin-top: 19px;
}

 .linkList01 .ll01-list:hover:after {
  -webkit-transform: translate3D(5px, 0, 0);
  transform: translate3D(5px, 0, 0);
}

 .linkList02 {
  margin: 15px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .linkList02 .ll02-list {
  border-right: solid 1px #cccccc;
  margin-right: 15px;
  width: 281px;
  padding: 10px 23px 15px 23px;
  margin-bottom: 15px;
  position: relative;
}

 .linkList02 .ll02-list:nth-child(4n) {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
  width: 264px;
}

 .linkList02 .ll02-list:nth-child(n+5) {
  margin-top: 15px;
  margin-bottom: 0;
}

 .linkList02 .ll02-list:not(.bdbNone):after {
  width: calc(100% - 17px);
  display: block;
  background: #cccccc;
  height: 1px;
  position: absolute;
  bottom: -15px;
  left: 0;
  content: "";
}

 .linkList02 .ll02-list a {
  margin-right: 23px;
  height: 100%;
}

 .linkList02 .ll02-list.current {
  opacity: .5;
}
}

@media screen and (max-width: 896px){
 .linkList02 .ll02-list {
  border-bottom: solid 1px #cccccc;
  padding: 23px 16px 17px 25px;
}
}

.linkList03 {
  margin: 15px auto;
}

.linkList03 .ll03-list {
  border-bottom: solid 1px #cccccc;
  font-size: 14px;
  padding: 18px 7px;
  margin: 0 13px;
  position: relative;
}

@media screen and (min-width: 897px){
 .linkList03 .ll03-list:after {
  display: block;
  content: "";
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat right center;
  background-size: 8px;
  width: 9px;
  height: 13px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  -webkit-transition: all .2s;
  transition: all .2s;
}

/*20190831 add oto */
 .linkList03 .ll03-list.window:after {
  display: block;
  content: "";
  background: url("/ja/assets/img/icon_window.svg") no-repeat right center;
  background-size: 15px;
  width: 15px;
  height: 13px;
  right: 0;
}
 .linkList03 .ll03-list.window:hover:after {
  display: block;
  content: "";
  background: url("/ja/assets/img/icon_window_r.svg") no-repeat right center;
  background-size: 15px;
  width: 15px;
  height: 13px;
  right: 0;
    -webkit-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
}
/*20190831 add end */
}

.linkList03 .ll03-list a {
  display: block;
  width: 100%;
}

.linkList03 .ll03-list.current {
  opacity: .5;
}

@media screen and (max-width: 896px){
 .linkList03 .ll03-list:last-child {
  border-bottom: none;
}
}

@media screen and (min-width: 897px){
 .linkList03 {
  width: 912px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .linkList03 .ll03-list {
  border-bottom: solid 1px #cccccc;
  width: 280px;
  margin: 0 0 0 36px;
  padding: 17px 0;
  font-size: 20px;
  background-size: 8px;
  -webkit-transition: .2s all;
  transition: .2s all;
}

 .linkList03 .ll03-list a {
  display: block;
  width: 100%;
}

 .linkList03 .ll03-list:nth-child(3n+1) {
  margin: 0;
}

 .linkList03 .ll03-list:nth-child(n+4) {
  margin-top: 19px;
}

 .linkList03 .ll03-list:hover:after {
  -webkit-transform: translate3D(5px, 0, 0);
  transform: translate3D(5px, 0, 0);
}
}

.btnList01, .btnList02 {
  margin: 15px auto;
}

.btnList01 .btn01-list, .btnList02 .btn02-list {
  font-size: 14px;
  margin: 0 13px 10px;
  position: relative;
}

.btnList01 .btn01-list a, .btnList02 .btn02-list a {
  padding: 18px 7px;
  background: #f5f5f5;
}

.btnList01 .btn01-list.arrow:after, .btnList02 .btn02-list.arrow:after {
  display: block;
  content: "";
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat right center;
  background-size: 8px;
  width: 9px;
  height: 13px;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.btnList01 .btn01-list.window:after, .btnList02 .btn02-list.window:after {
  content: "";
  background: url(/ja/assets/img/icon_window.svg) no-repeat center left;
  background-size: 15px;
  display: block;
  margin-right: 11px;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  height: 13px;
  width: 15px;
  right: 10px;
}

.btnList01 .btn01-list a, .btnList02 .btn02-list a {
  display: block;
  width: 100%;
}

.bgGray02 > .mWrapper > .btnList01 > li > a, .bgGray02 > .mWrapper > .btnList02 > li > a {
  background: #ffffff;
}

.btnList01 .btn01-list a span, .btnList02 .btn02-list a span {
  display: block;
  color: #c6c6c6;
  font-size: 11px;
}

@media screen and (min-width: 897px){
 .btnList01 {
  width: 912px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .btnList01 .btn01-list {
  width: 416px;
  font-size: 20px;
  background-size: 8px;
  margin: 0;
  -webkit-transition: .2s all;
  transition: .2s all;
}

 .btnList01 .btn01-list.arrow:after,  .btnList01 .btn01-list.window:after {
  right: 15px;
}

 .btnList02 .btn02-list.arrow:after,  .btnList02 .btn02-list.window:after {
  right: 15px;
}

 .btnList01 .btn01-list a,  .btnList02 .btn02-list a {
  display: block;
  width: 100%;
  padding: 17px 15px;
  font-size: 15px;
  line-height: 1.6;
}

 .btnList01 .btn01-list:nth-child(n+3) {
  margin-top: 19px;
}

 .btnList01 .btn01-list.arrow:hover:after {
  -webkit-transform: translate3D(5px, 0, 0);
  transform: translate3D(5px, 0, 0);
}

 .btnList02 {
  width: 912px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .btnList02 .btn02-list {
  width: 280px;
  font-size: 20px;
  background-size: 8px;
  margin: 0 0 0 36px;
  -webkit-transition: .2s all;
  transition: .2s all;
}

 .btnList02 .btn02-list.arrow:hover:after {
  -webkit-transform: translate3D(5px, 0, 0);
  transform: translate3D(5px, 0, 0);
}

 .btnList02 .btn02-list:nth-child(3n+1) {
  margin: 0;
}

 .btnList02 .btn02-list:nth-child(n+4) {
  margin-top: 19px;
}

 .linkHoverStyle01 {
  opacity: 1;
  -webkit-transition: all .2s;
  transition: all .2s;
}

 .linkHoverStyle01:hover {
  cursor: pointer;
  opacity: .5;
}

 .linkHoverStyle02 {
  opacity: .5;
  -webkit-transition: all .2s;
  transition: all .2s;
}

 .linkHoverStyle02:hover {
  cursor: pointer;
  opacity: 1;
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01:not(.window):not(.window_red),  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01_white:not(.window):not(.window_red),  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01_black:not(.window):not(.window_red),  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle02:not(.window):not(.window_red),  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02:not(.window):not(.window_red),  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02_black:not(.window):not(.window_red),  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02_white:not(.window):not(.window_red),  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle03:not(.window):not(.window_red),  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle03_black:not(.window):not(.window_red),  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle03_white:not(.window):not(.window_red) {
  color: #b91440;
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01:not(.window):not(.window_red):after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01_white:not(.window):not(.window_red):after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01_black:not(.window):not(.window_red):after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle02:not(.window):not(.window_red):after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02:not(.window):not(.window_red):after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02_black:not(.window):not(.window_red):after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02_white:not(.window):not(.window_red):after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle03:not(.window):not(.window_red):after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle03_black:not(.window):not(.window_red):after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle03_white:not(.window):not(.window_red):after {
  background-image: url("/ja/assets/img/icon_arrow01_r.svg");
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01_black:not(.window):not(.window_red),  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02_black:not(.window):not(.window_red) {
  color: #000000;
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01_black:not(.window):not(.window_red):after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02_black:not(.window):not(.window_red):after {
  background-image: url("/ja/assets/img/icon_arrow01.svg");
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01_white:not(.window):not(.window_red),  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02_white:not(.window):not(.window_red) {
  color: #ffffff;
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01_white:not(.window):not(.window_red):after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02_white:not(.window):not(.window_red):after {
  background-image: url("/ja/assets/img/icon_arrow01_w.svg");
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01.window {
  color: #b91440;
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkBoxStyle01_white,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkBoxStyle01_black,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkBoxStyle02 {
  color: #b91440;
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01.window_red {
  color: #b91440;
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkBoxStyle01_white,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkBoxStyle01_black,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkBoxStyle02 {
  color: #b91440;
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02.window {
  color: #b91440;
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkStyle02_black,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkStyle02_white,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkStyle03,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkStyle03_black,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkStyle03_white {
  color: #b91440;
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02.window_red {
  color: #b91440;
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkStyle02_black,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkStyle02_white,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkStyle03,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkStyle03_black,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkStyle03_white {
  color: #b91440;
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01.window:after {
  background-image: url("/ja/assets/img/icon_window_r.svg");
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkBoxStyle01_white:after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkBoxStyle01_black:after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkBoxStyle02:after {
  background-image: url("/ja/assets/img/icon_window_r.svg");
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01.window_red:after {
  background-image: url("/ja/assets/img/icon_window_r.svg");
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkBoxStyle01_white:after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkBoxStyle01_black:after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkBoxStyle02:after {
  background-image: url("/ja/assets/img/icon_window_r.svg");
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02.window:after {
  background-image: url("/ja/assets/img/icon_window_r.svg");
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkStyle02_black:after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkStyle02_white:after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkStyle03:after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkStyle03_black:after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window.linkStyle03_white:after {
  background-image: url("/ja/assets/img/icon_window_r.svg");
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02.window_red:after {
  background-image: url("/ja/assets/img/icon_window_r.svg");
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkStyle02_black:after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkStyle02_white:after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkStyle03:after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkStyle03_black:after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .window_red.linkStyle03_white:after {
  background-image: url("/ja/assets/img/icon_window_r.svg");
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01_black.window,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02_black.window {
  color: #000000;
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01_black.window:after,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle02_black.window:after {
  background-image: url("/ja/assets/img/icon_window.svg");
}

 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle03,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle03_black,  .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkStyle03_white {
  opacity: 1;
  color: #b91440;
  border-bottom: solid 1px #b91440;
}

 .linkHoverStyle03:hover .linkBoxStyle01:not(.window):not(.window_red):after,  .linkHoverStyle03:hover .linkBoxStyle01_white:not(.window):not(.window_red):after,  .linkHoverStyle03:hover .linkBoxStyle01_black:not(.window):not(.window_red):after,  .linkHoverStyle03:hover .linkBoxStyle02:not(.window):not(.window_red):after,  .linkHoverStyle03:hover .linkStyle02:not(.window):not(.window_red):after,  .linkHoverStyle03:hover .linkStyle02_black:not(.window):not(.window_red):after,  .linkHoverStyle03:hover .linkStyle02_white:not(.window):not(.window_red):after,  .linkHoverStyle03:hover .linkStyle03:not(.window):not(.window_red):after,  .linkHoverStyle03:hover .linkStyle03_black:not(.window):not(.window_red):after,  .linkHoverStyle03:hover .linkStyle03_white:not(.window):not(.window_red):after {
  -webkit-transform: translate3D(5px, 0, 0);
  transform: translate3D(5px, 0, 0);
}

/*
unit
------------------------------------------------*/
 .unitStyle01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

 .unitStyle01:not(.swiper) {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

 .unitStyle01.swiper {
  padding-bottom: 52px;
}

 .unitStyle01.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .unitStyle01.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

 .unitStyle01.twoCol {
  width: 800px;
  margin: 0 auto;
}

 .unitStyle01.twoCol .ts03-box {
  width: 50%;
}

 .unitStyle01.threeCol .ts03-box {
  width: 33.33%;
}

 .unitStyle01.threeCol .ts03-box:not(:nth-of-type(-n+3)) {
  margin-top: 40px;
}

 .unitStyle01.fourCol .ts03-box {
  width: 25%;
}

 .unitStyle01.fiveCol .ts03-box {
  width: 20%;
}

 .unitStyle01.twoCol .ts03-box .imgBox,  .unitStyle01.threeCol .ts03-box .imgBox,  .unitStyle01.fourCol .ts03-box .imgBox {
  width: 170px;
  height: 120px;
  margin: 0 auto;
}

 .unitStyle01.fiveCol .ts03-box .imgBox {
  width: 150px;
  margin: 0 auto;
}

 .unitStyle02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .unitStyle02.twoCol {
  max-width: 796px;
  margin: 0 auto;
}

 .unitStyle02.twoCol .us02-box {
  width: 392px;
}

 .unitStyle02.twoCol .us02-box:not(:nth-child(2n)) {
  margin-right: 12px;
}

 .unitStyle02.twoCol .us02-box:not(:nth-of-type(-n+2)) {
  margin-top: 12px;
}

 .unitStyle02.threeCol .us02-box {
  width: 32.6%;
}

 .unitStyle02.threeCol .us02-box:not(:nth-child(3n)) {
  margin-right: 1%;
}

 .unitStyle02.threeCol .us02-box:last-child {
  margin-right: 0;
}

 .unitStyle02.threeCol .us02-box:not(:nth-of-type(-n+3)) {
  margin-top: 12px;
}

 .unitStyle02.fourCol .us02-box {
  width: 24.25%;
}

 .unitStyle02.fourCol .us02-box:not(:nth-child(4n)) {
  margin-right: 1%;
}

 .unitStyle02.fourCol .us02-box:not(:nth-of-type(-n+4)) {
  margin-top: 12px;
}

 .unitStyle03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1056px;
  margin: 0 auto;
}

 .unitStyle03 .box {
  margin-right: 48px;
  width: 320px;
}

 .unitStyle03 .box:last-child {
  margin-right: 0;
}

 .unitStyle04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .unitStyle04.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .unitStyle04 .box {
  padding: 0;
  width: 352px;
  margin: 0;
}
}

@media screen and (max-width: 896px){
 .unitStyle05 .us05-box.js-tabWrapper {
  -webkit-transition: all .2s;
  transition: all .2s;
}

 .unitStyle05 .us05-box.js-tabWrapper.spOn {
  cursor: pointer;
  background-color: #f5f5f5;
}
}

@media screen and (min-width: 897px){
 .unitStyle05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .unitStyle05 .us05-hoverBox {
  -webkit-transition: all .2s;
  transition: all .2s;
}

 .unitStyle05 .us05-hoverBox:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}

 .unitStyle05 .us05-hoverBox:hover .cs01-content {
  -webkit-transition: all .2s;
  transition: all .2s;
  opacity: .5;
}

 .unitStyle05 .us05-hoverBox.pcOn {
  cursor: pointer;
  background-color: #f5f5f5;
}

 .unitStyle05.twoCol {
  width: 800px;
  margin: 0 auto;
}

 .unitStyle05.twoCol .us05-box {
  width: 50%;
}

 .unitStyle05.twoCol .cardStyle01 .cs01-content {
  margin-top: 24px;
}

 .unitStyle05.twoCol .cardStyle01 .cs01-content .ttl {
  margin-top: -6px;
}

 .unitStyle05.threeCol .us05-box {
  width: 33.33%;
}

 .unitStyle05.threeCol .us05-box:not(:nth-of-type(-n+3)) {
  margin-top: 40px;
}

 .unitStyle05.threeCol .cardStyle01 .cs01-content {
  margin-top: 24px;
}

 .unitStyle05.threeCol .cardStyle01 .cs01-content .ttl {
  margin-top: -6px;
}

 .unitStyle05.fourCol .us05-box {
  width: 25%;
}

 .unitStyle05.fourCol .us05-box:not(:nth-of-type(-n+4)) {
  margin-top: 40px;
}

 .unitStyle05.fourCol .cardStyle01 .cs01-content {
  margin-top: 30px;
}

 .unitStyle05.fourCol .cardStyle01 .cs01-content .ttl {
  margin-top: -3px;
}

 .unitStyle06 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 24px;
}
}

/*
blockStyle
------------------------------------------------*/
/*blockStyle01*/
.blockStyle01 {
  letter-spacing: .05em;
}

.blockStyle01.bd {
  border-bottom: solid 1px #cccccc;
}

.blockStyle01 .ttl01 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  padding: 0 0 30px;
  letter-spacing: .05em;
}

.blockStyle01 .txt01 {
  padding-bottom: 8px;
  margin-bottom: 16px;
  font-weight: bold;
  position: relative;
  border-bottom: solid 1px #cccccc;
}

.blockStyle01 .txt02 {
  margin-bottom: 12px;
  font-weight: bold;
}

.blockStyle01 .ttl02 {
  font-size: 17px;
  padding: 0 0 10px;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
  border-bottom: solid 1px #cccccc;
}

@media screen and (min-width: 897px){
 .blockStyle01 .ttl01 {
  font-size: 28px;
  padding: 0 0 50px;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
}

 .blockStyle01 .ttl02 {
  font-size: 22px;
  padding: 0 0 22px;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
  border-bottom: solid 1px #cccccc;
}

 .blockStyle01 .txt01 {
  font-size: 18px;
  margin-bottom: /*20px*/10px;/*20190621 oto*/
  font-weight: bold;
  position: relative;
  border: none;
}

 .blockStyle01 .txt02 {
  font-size: 16px;
  font-weight: bold;
  padding-left: 20px;
  position: relative;
  margin-bottom: 15px;
}

 .blockStyle01 .txt02:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  background: #000000;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

 .blockStyle02 {
  width: 960px;
  margin: 0 auto;
}
}

@media screen and (max-width: 896px){
 .blockStyle03 {
  padding: 0 25px;
  font-size: 15px;
  line-height: 1.5;
}
}

@media screen and (min-width: 897px){
 .blockStyle03 {
  padding: 0;
  width: 843px;
}
}

/*
tableStyle
------------------------------------------------*/
.tableStyle01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  letter-spacing: .05em;
  font-size: 16px;
}

.tableStyle01 .col {
  width: 50%;
  padding: 0 15px;
  line-height: 1.55;
}

.tableStyle01 dt.col {
  font-weight: bold;
}

.tableStyle01 .col:nth-child(n+3)  {
  padding-top: 15px;
}

.tableStyle01 .col:nth-child(odd) {
  text-align: right;
  color: #767676;
}

.tableStyle01 .col:nth-child(even) {
  text-align: left;
}

@media screen and (max-width: 896px){
 .tableStyle01 {
  font-size: 15px;
}

 .tableStyle01 .col {
  width: 50%;
  padding: 0 10px;
}
}

.tableStyle02 {
  letter-spacing: .05em;
}

@media screen and (min-width: 897px){
.tableStyle02 .col{
  background: #fff;/*20190621 oto*/
  background: none;/*20200225 tn*/
  border-top: dotted 1px #ddd;/*20190621 oto*/
  padding: 20px 0 20px;/*20190212 oto*/
}
.tableStyle02 .col:nth-child(1),
.tableStyle02 .col:nth-child(2){
  border-top: none;/*20190621 oto*/
}
}

.tableStyle02 dt.col {
  color: #6c6c6c;
  color: #555;/*20200319 tn*/
  font-size: 16px;/*20200319 tn*/
  font-weight: /*bold*/600;/*20190621 oto*/
  margin-bottom: 10px;
}
.bgGray02 .tableStyle02 dt.col { /*20200225 tn*/
  color: #666;
  color: #444;/*20200319 tn*/
}

.tableStyle02 dd.col {
  color: #333333;
  line-height: 1.6;
}
.bgGray02 .tableStyle02 dd.col { /*20200225 tn*/
  color: #303030;
}

@media screen and (min-width: 897px){
.tableStyle02 dd.col {
	position: relative;
}
.tableStyle02 dd.col:before {
  content: "";/*20190621 oto*/	
  position: absolute;/*20190621 oto*/	
  width: 1px;/*20190621 oto*/	
  height: 50%;/*20190621 oto*/	
  height: calc(100% - 40px);/*20200227 tn*/	
  background: #ccc;/*20190621 oto*/	
  top: 0;/*20190621 oto*/	
  bottom: 0;/*20190621 oto*/	
  left: 0;/*20190621 oto*/	
  margin: auto;/*20190621 oto*/	
}
}

@media screen and (max-width: 896px){
.tableStyle02 dt.col {
    border-top: dotted 1px #ccc;/*20190821*/
    padding-top: 10px;/*20190821*/
}

.tableStyle02 dt.col:nth-child(1) {
    border-top: none;/*20190821*/
}

.tableStyle02 dd.col {
  margin-bottom: /*15px*/10px;/*20190621 oto*//*20190821*/
}	
}

.tableStyle02 .attention {
  font-size: 12px;
  margin-top: 10px;
}

@media screen and (max-width: 896px){
 .tableStyle02 {
  font-size: 15px;
  line-height: 1.5;
border-bottom: solid 1px #ccc;/*20190821*/
border-top: solid 1px #ccc;/*20190821*/
}

 .tableStyle02 + .tableStyle02 {
  padding-top: 10px;
}
}

@media screen and (min-width: 897px){
 .tableStyle02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: solid 1px #cccccc;
  border-top: solid 1px #cccccc;
  ppadding: /*17px 0 20px*/0;/*20190621 oto*/
  font-size: 16px;
}

 .tableStyle02 + .tableStyle02 {
  border-top: none;
}

 .tableStyle02 .col:nth-child(odd) {
  width: 264px;
  border-right: /*solid 1px #cccccc*/none; /*20190621 oto*/
}

 .tableStyle02 .col:nth-child(even) {
  text-align: left;
  padding-left: /*30px*/20px; /*20190621 oto*/
  width: calc(100% - 264px);
}

 .tableStyle02 .attention {
  margin-top: 7px;
}

.tableStyle03 table {
  width: 1010px;
  margin: 0 auto;
  font-size: 16px;
  table-layout: fixed;
}
}

.tableStyle03 th {
  background: #f5f5f5;
  height: 56px;
  font-weight: 500;
  border: solid #d2d2d2 1px;
}

.bgGray02 .tableStyle03 th {/*20200228 add tn*/
  background: #dee0e2;
}

.tableStyle03 td {
  border: solid #d2d2d2 1px;
  text-align: center;
  height: 56px;
  vertical-align: middle;
}

.tableStyle03 .cellStyle01 {
  width: 127px;
}

@media screen and (min-width: 897px){
 .tableStyle03 {
  height: auto;
}
}

@media screen and (max-width: 896px){
 .tableStyle03 {
  overflow-x: auto;
}

 .tableStyle03 table {
  width: 505px;
  font-size: 10px;
}

 .tableStyle03 th,  .tableStyle03 td {
  height: 28px;
}

 .tableStyle03 .cellStyle01 {
  width: 63px;
}

.js-tableScale, .js-tableScale2,  .js-tableScale3, .js-tableScale4, .js-tableScale5, .js-tableScale6 {
  overflow: hidden;
}

.js-tableScale table, .js-tableScale2 table, .js-tableScale3 table, .js-tableScale4 table, .js-tableScale5 table, .js-tableScale6 table {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  margin: 0;
}
}

/*
formStyle
------------------------------------------------*/
.formStyle01 {
  border: solid #d2d2d2 1px;
  line-height: 1.28;
  letter-spacing: .05em;
}

.formStyle01 dl:not(:last-of-type) {
  border-bottom: solid #d2d2d2 1px;
}

.formStyle01 dd {
  padding-top: 20px;
  padding-bottom: 30px;
  font-size: 14px;
}

.formStyle01 dt {
  background: #f5f5f5;
  font-size: 14px;
  padding: 15px 17px;
  font-weight: 500;
  line-height: 1.5;
}

.formStyle01 input[type="text"] {
  border: solid #d2d2d2 1px;
  width: 100%;
  height: 40px;
  padding: 10px;
}

.formStyle01 input[type="text"].w53 {
  width: 53px;
}

.formStyle01 input[type="text"].w75 {
  width: 75px;
}

.formStyle01 input[type="text"].w203 {
  width: 203px;
}

.formStyle01 input[type="text"]:focus {
  background: #ffe2e2;
}

.formStyle01 textarea:focus {
  background: #ffe2e2;
}

.formStyle01 .error input[type="text"], .formStyle01 .error textarea {
  border: solid #b91440 2px;
}

.formStyle01 .inputArea {
  padding-top: 4px;
}

.formStyle01 textarea {
  border: solid #d2d2d2 1px;
  width: 100%;
  height: 280px;
}

.formStyle01 input[type="radio"], .formStyle01 input[type="checkbox"] {
  display: none;
}

.formStyle01 input[type="radio"] + label {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.formStyle01 input[type="radio"] + label:before {
  border: solid 2px #d2d2d2;
  border-radius: 20px;
  height: 25px;
  width: 25px;
  content: "";
  display: inline-block;
  margin-right: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 1px;
}

.formStyle01 input[type="radio"]:checked + label:after {
  background: #000000;
  border-radius: 20px;
  position: absolute;
  left: 6px;
  top: 10%;
  height: 13px;
  width: 13px;
  content: "";
  display: inline-block;
  margin-right: 10px;
}

.formStyle01 input[type="checkbox"] + label {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.formStyle01 input[type="checkbox"] + label:before {
  border: solid 2px #d2d2d2;
  border-radius: 3px;
  height: 25px;
  width: 25px;
  content: "";
  display: inline-block;
  margin-right: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -4px;
}

.formStyle01 input[type="checkbox"]:checked + label:before {
  background: url(/ja/assets/img/icon_cheked.svg) no-repeat center center;
  background-size: 20px;
  border: none;
}

.formStyle01 .labelArea {
  vertical-align: top;
  padding: 5px 10px 5px 0;
  font-size: 14px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-weight: 500;
}

.formStyle01 .required {
  color: #a90533;
  font-weight: bold;
  font-size: 12px;
  padding-left: 10px;
}

.formStyle01 .caption {
  display: block;
  font-size: 12px;
  color: #6c6c6c;
}

.formStyle01 .hyphen {
  width: 8px;
  height: 2px;
  background: #000000;
  margin: 22px 10px 0;
}

.formStyle01 .note {
  font-weight: 500;
  padding-bottom: 10px;
  font-size: 13px;
  line-height: 1.6;
}

.formStyle01 .attention {
  font-size: 12px;
  color: #6c6c6c;
  padding-top: 10px;
  display: block;
  line-height: 1.6;
}

.formStyle01 .selectWrapper {
  width: 94px;
  overflow: hidden;
  background: url(/ja/assets/img/form_arrow01.svg) no-repeat right 5px center;
  background: url(/ja/assets/img/form_arrow01.svg) no-repeat right 10px center; /* 20190911 tn*/
  border: solid 1px #d2d2d2;
  border-radius: 7px;
  height: 40px;
  -webkit-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4;
  width: 100%;
}

.formStyle01 .selectWrapper > select {
  border: none;
  padding: 7px 0 7px 10px;
  width: calc(100% + 30px);
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  background: url(/ja/assets/img/form_arrow01.svg) no-repeat right;
  background: none; /* 20190911 tn*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

.formStyle01 .selectWrapper.goods {
  width: 250px;
}

.formStyle01 .selectWrapper.year {
  width: 120px;
}

.formStyle01 .selectWrapper.month, .formStyle01 .selectWrapper.day {
  width: 74px;
}

.formStyle01 .selectWrapper + span {
  padding: 0 10px;
  -ms-flex-item-align: center;
  align-self: center;
  font-weight: 500;
  font-size: 16px;
}

.formStyle01 .errorMsg {
  background: #b91440;
  color: #ffffff;
  font-size: 12px;
  padding: 3px 7px 3px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 13px;
  position: relative;
}

.formStyle01 .errorMsg:after {
  border-top: solid #b91440 10px;
  border-left: transparent solid 6px;
  border-right: transparent solid 6px;
  content: "";
  display: block;
  position: absolute;
  bottom: -9px;
  left: 14px;
  height: 0;
  width: 0;
}

@media screen and (max-width: 896px){
 .formStyle01 dt {
  border-bottom: solid #d2d2d2 1px;
}

 .formStyle01 input[type="text"].w203 {
  width: 160px;
}

 .formStyle01 .labelArea + .inputArea {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

 .formStyle01 .labelArea + .selectWrapper {
  width: auto;
}

 .formStyle01 .labelArea + .selectWrapper select {
  padding: 10px 10px;
  -webkit-appearance: none;
}

 .formStyle01 input[type="radio"] + label:before {
  margin-top: -4px;
}

 .formStyle01 .formStyle02 dd {
  padding-bottom: 0;
}

 .formStyle01 .formStyle02 dd dl {
  width: 100%;
}

 .formStyle01 .formStyle02 dd dl:last-of-type {
  border: none;
}

 .formStyle01 .formStyle02 dd dl + dl {
  padding-top: 20px;
  padding-bottom: 30px;
}

 .formStyle01 .formStyle02 dd dl + dl dd {
  padding: 0;
}

 .formStyle01 .formStyle02 dd dt {
  background: #ffffff;
  border-bottom: 0;
  padding: 0 0 5px;
}

 .formStyle01 .formStyle02 dd dd {
  padding: 0 0 24px;
}
}

@media screen and (min-width: 897px){
 .formStyle01 dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

 .formStyle01 dd {
  padding: 15px 25px 18px 25px;
  width: calc(100% - 275px);
}

 .formStyle01 dt {
  border-right: solid #d2d2d2 1px;
  width: 275px;
  font-size: 16px;
  padding: 10px 17px;
}

 .formStyle01 input[type="text"] {
  width: 528px;
}

 .formStyle01 input[type="text"].w86 {
  width: 86px;
}

 .formStyle01 input[type="text"].w126 {
  width: 126px;
}

 .formStyle01 input[type="text"].w236 {
  width: 236px;
}

 .formStyle01 input[type="text"].w243 {
  width: 243px;
}

 .formStyle01 input[type="text"].w300 {
  width: 300px;
}

 .formStyle01 input[type="text"].w433 {
  width: 433px;
}

 .formStyle01 .w250 {
  width: 250px;
}

 .formStyle01 input[type="radio"] + label {
  font-size: 16px;
  cursor: pointer;
}

 .formStyle01 input[type="radio"] + label:before {
  height: 20px;
  width: 20px;
}

 .formStyle01 input[type="radio"]:checked + label:after {
  height: 10px;
  left: 5px;
  top: 28%;
  width: 10px;
}

 .formStyle01 .labelArea {
  font-size: 16px;
}

 .formStyle01 .inputArea {
  display: inline-block;
  vertical-align: top;
}

 .formStyle01 .caption {
  font-size: 14px;
  padding-top: 10px;
}

 .formStyle01 .note {
  padding-bottom: 10px;
  font-size: 14px;
}

 .formStyle01 .attention {
  padding-top: 20px;
  line-height: 1.7;
}

 .formStyle01 .formStyle02 > dt {
  width: 137px;
}

 .formStyle01 .formStyle02 > dd {
  width: calc(100% - 137px);
}

 .formStyle01 .formStyle02 dd {
  padding: 0;
}

 .formStyle01 .formStyle02 dd dl {
  width: 100%;
}

 .formStyle01 .formStyle02 dd dl:last-of-type {
  border: none;
}

 .formStyle01 .formStyle02 dd dt {
  width: 138px;
}

 .formStyle01 .formStyle02 dd dd {
  padding: 15px 25px 18px 25px;
  width: calc(100% - 138px);
}

 .formStyle01 .errorMsg {
  font-size: 13px;
  padding: 3px 7px 3px;
  border-radius: 20px;
  margin-bottom: 17px;
}

 .formStyle01 .errorMsg:after {
  border-top: solid #b91440 11px;
  border-left: transparent solid 7px;
  border-right: transparent solid 7px;
  bottom: -10px;
  left: 24px;
}
}

/*
colStyle
------------------------------------------------*/
.col1of2 {
  width: 576px;
}

.col1of3 {
  width: 384px;
}

.col1of4 {
  width: 288px;
}

/*
boxStyle
------------------------------------------------*/
/*boxStyle01*/
.boxStyle01 {
  width: 62.93%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4% 40px;
  position: relative;
  margin: 0 auto;
  border-right: #e0e0e0 solid 1px;
}

.boxStyle01 .imgBox {
  position: relative;
  overflow: hidden;
}

.boxStyle01 .bs01-inner {
  padding: 7px 0 0;
}

.boxStyle01 .date {
  font-weight: 300;
  color: #6c6c6c;
  font-size: 13px;
  position: relative;
  padding-left: 20px;
}

.boxStyle01 .date:before {
  content: "";
  width: 16px;
  background: #b4b4b4;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.boxStyle01 .category {
  color: #ffffff;
  background: #000000;
  width: 79px;
  font-size: 9px;
  text-align: center;
}

.boxStyle01 .ttl {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  padding-top: 4px;
}

.boxStyle01 .txt {
  padding: 15px 0;
}

.boxStyle01 .link {
  position: absolute;
  bottom: 0;
  width: 230px;
  right: 14px;
}

@media screen and (max-width: 896px){
 .boxStyle01 .link {
  width: 200px;
}
}

.boxStyle01:not(.swiper-slide):last-child {
  border-right: none;
}

@media screen and (max-width: 896px){
 .boxStyle01:not(.swiper-slide) {
  padding: 40px 0 0;
  border-right: none;
  border-top: #e0e0e0 solid 1px;
  width: 100%;
}

 .boxStyle01:not(.swiper-slide):first-child {
  padding: 0;
  border-top: none;
}
/*20201106 tn*/
.boxStyle01 .category{
	width: 160px;
	font-size: 12px;
	margin-bottom: 5px;
}
.boxStyle01 .date{
	font-size: 14px;
}
.boxStyle01 .txt {
  font-size: 14px;
}
/*20201106 tn end*/
}

@media screen and (min-width: 897px){
 .boxStyle01 {
  padding: 0 24px 0 23px;
  width: auto;
  width: 300px;
  border-left: none;
  font-size: 14px;
}

 .boxStyle01.col1of3  {
  width: 384px;/*20190917 add*/
}

 .boxStyle01 a {
  padding: 0 0 40px;
  height: 100%;
}

 .boxStyle01 .ttl {
  font-size: 16px;
  line-height: 1.4;
  padding-top: 0;
  font-weight: 600;
}

 .boxStyle01 .txt {
  padding: 18px 0 20px;
  line-height: 1.75;
}

 .boxStyle01 .category {
  width: 100px;
  font-size: 12px;
}

 .boxStyle01 .link {
  position: absolute;
  bottom: -5px;
  right: 24px;
}
}

/*boxStyle02*/
.boxStyle02 {
  width: 89.33%;
  margin: 0 auto;
  border-bottom: solid 1px #cccccc;
  padding: 14px 0;
}

.boxStyle02:last-child {
  border-bottom: none;
}

.boxStyle02 .imgBox {
  width: 95px;
}

.boxStyle02 .bigTxt {
  width: calc(100% - 105px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 500;
}

.boxStyle02 .txt {
  padding: 13px 0 0;
}

@media screen and (max-width: 896px){
 .boxStyle02 .bs02-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
}

@media screen and (min-width: 897px){
 .boxStyle02 {
  width: 400px;
  display: block;
  border-bottom: none;
  padding: 0 24px 0 23px;
  border-right: #e0e0e0 solid 1px;
}

 .boxStyle02 .imgBox {
  margin-bottom: 5px;
  width: auto;
}

 .boxStyle02 .bs02-block {
  margin: 0 25px;
}

 .boxStyle02 .bigTxt {
  width: auto;
  padding-left: 0;
  font-size: 24px;
  height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.4;
}

 .boxStyle02 .txt {
  padding: 0;
}
}

/*boxStyle03*/
.boxStyle03 .bs03-block {
  padding: 10px 0 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.boxStyle03 .category {
  color: #333333;
  font-size: 14px;
  letter-spacing: .05em;
}

.boxStyle03 .feature {
  color: #666/*767676 20210817 tn*/;
  font-size: 14px;
  line-height: 1.5;
}

.boxStyle03 .mainTxt {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: .05em;
}

.boxStyle03 .price {
  color: #767676;
  font-size: 14px;
  letter-spacing: .05em;
}

.boxStyle03 .company {
  color: #767676;
  letter-spacing: .05em;
}

@media screen and (max-width: 896px){
 .boxStyle03 .category {
  font-size: 13px;
}

 .boxStyle03 .feature {
  font-size: 12px;
}

 .boxStyle03 .mainTxt {
  line-height: 1.4;
}

 .boxStyle03 .mainTxt .small {
  font-size: 17px;
}

 .boxStyle03 .company {
  padding-top: 5px;
}

 .boxStyle03 .price {
  font-size: 12px;
}

 .boxStyle03:not(.swiper-slide) {
  padding: 40px 0 0;
  border-top: #e0e0e0 solid 1px;
}

 .boxStyle03:not(.swiper-slide):first-child {
  padding: 0;
  border-top: none;
}
}

@media screen and (min-width: 897px){
 .boxStyle03 {
  padding: 0 24px 0 23px;
  border-right: #e0e0e0 solid 1px;
}

 .boxStyle03:last-child,  .boxStyle03:nth-child(2n) {
  border-right: none;
}

 .boxStyle03 .bs03-wrapper {
  padding: 15px 36px 0;
}

 .boxStyle03 .bs03-wrapper.small {
  margin: 7px 14px 0;
}

 .boxStyle03 .bs03-block {
  padding-left: 10px;
  width: 100%;
  padding: 0 0 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

 .boxStyle03 .category {
  color: #333333;
}

 .boxStyle03 .mainTxt {
  font-size: 28px;
  line-height: 1.2;
}

 .boxStyle03 .mainTxt .small {
  font-size: 20px;
}

 .boxStyle03 .price {
  color: #767676;
}

 .boxStyle03 .company {
  padding-top: 10px;
  font-size: 14px;
}
}

.box-dlStyle01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 400;
}

.box-dlStyle01 dt {
  margin-right: 8px;
  font-size: 13px;
}

.box-dlStyle01 dd {
  text-align: center;
  background: #ececec;
  font-size: 13px;
  margin-right: 0;
  margin-left: auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: 0 18px;
}

.box-dlStyle02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 400;
  font-size: 13px;
}

.box-dlStyle02 dt {
  margin-right: 8px;
}

.box-dlStyle02 dd {
  width: 110px;
  text-align: center;
  background: #b91440;
  color: #ffffff;
  margin-right: 0;
  margin-left: auto;
}

@media screen and (min-width: 897px){
 .box-dlStyle01 dd {
  min-width: 80px;
}

 .box-dlStyle01 dd:nth-of-type(n+2) {
  margin-left: 4px;
}

 .box-dlStyle02 dd:nth-of-type(n+2) {
  margin-left: 4px;
}
}

@media screen and (max-width: 896px){
 .box-dlStyle01 {
  width: 34.03%;
}

 .box-dlStyle01 dt {
  font-size: 12px;
  margin-right: 10px;
}

 .box-dlStyle01 dd {
  width: 60px;
  font-size: 10px;
  padding: 2px 0;
  line-height: 1.3;
}

 .box-dlStyle01 dd:nth-of-type(n+2) {
  margin-top: 5px;
}

 .box-dlStyle02 {
  width: 57.89%;
}

 .box-dlStyle02 dt {
  font-size: 12px;
  margin-right: 10px;
}

 .box-dlStyle02 dd {
  width: 82px;
  line-height: 1.3;
  padding: 2px 0;
  font-size: 10px;
  line-height: 1.3;
}

 .box-dlStyle02 dd:nth-of-type(n+2) {
  margin-top: 5px;
}
}

@media only screen and (max-width: 374px) {
  .box-dlStyle01 dd, .box-dlStyle02 dd {
    margin-left: 0;
  }
}

/*boxStyle04*/
.boxStyle04 {
  padding-bottom: 24px;
  margin: 0;
}

.boxStyle04:not(:last-child) {
  margin-bottom: 16px;
}

.boxStyle04 .category {
  color: #bfbfbf;
}

.boxStyle04 .mainTxt {
  font-size: 17px;
}

.boxStyle04 .price {
  color: #767676;
  font-size: 12px;
}

@media screen and (max-width: 896px){
 .boxStyle04 {
  border-bottom: #e0e0e0 solid 1px;
  padding-bottom: 20px;
}

 .boxStyle04 .bs04-block01 {
  width: 59.64%;
  padding-left: 3.5%;
}

 .boxStyle04 .mainTxt {
  line-height: 1.25;
}

 .boxStyle04 .imgBox {
  width: 40.35%;
}

 .boxStyle04 .bs04-block02 {
  width: 100%;
}

 .boxStyle04 .bs04-block03 {
  width: 170px;
  margin-bottom: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  border-right: solid 1px #cccccc;
  margin-right: 12px;
}

 .boxStyle04 .featureStyle02 {
  width: 466px;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

 .boxStyle04 .featureStyle02 li {
  margin-right: 4px;
  width: 110px;
}

 .boxStyle04 .swiper-container {
  overflow: visible;
}
}

@media screen and (min-width: 897px){
 .boxStyle04 {
  padding: 0 24px 0 23px;
  width: 288px;
  border-bottom: none;
  border-right: #e0e0e0 solid 1px;
}

 .boxStyle04:last-child,  .boxStyle04:nth-child(4n) {
  border-right: none;
}

 .boxStyle04 .bs04-block01,  .boxStyle04 .bs04-block02,  .boxStyle04 .bs04-block03 {
  margin: 10px auto 0;
  display: block;
}

 .boxStyle04 .category {
  color: #bfbfbf;
}

 .boxStyle04 .mainTxt {
  font-size: 22px;
  line-height: 1.2;
}

 .boxStyle04 .price {
  font-size: 12px;
  color: #767676;
  margin-top: 3px;
}
}

.boxStyle05 {
  padding: 0 23px 0 24px;
  border-right: solid #cccccc 1px;
}

.boxStyle05_nobd {
  padding: 0 23px 0 24px;
  border-right: solid #cccccc 1px;
  padding: 0 24px;
  border-right: none;
}

@media screen and (min-width: 897px){
 .boxStyle05:last-child,  .boxStyle05_nobd:last-child {
  border-right: 0;
  padding: 0 24px;
}
}

.captionTtl01 {
  background: #333333;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 0 15px 0;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: .05em;
}

@media screen and (max-width: 896px){
 .captionTtl01 {
  letter-spacing: .025em;
}
}

.boxStyle06 {
  width: 76%;
  margin: 0 auto 35px;
}

.boxStyle06:last-child {
  margin-bottom: 0;
}

.boxStyle06 .ttl {
  font-size: 15px;
  font-weight: 500;
  margin: 11px 0 4px;
}

@media screen and (min-width: 897px){
 .boxStyle06 {
  width: auto;
}

 .boxStyle06 .ttl {
  font-size: 16px;
  letter-spacing: .05em;
  margin: 17px 0 12px;
}
}

@media screen and (max-width: 896px){
 .boxStyle06 {
  width: 100%;
  padding: 0 15px;
}
}

.boxStyle07 {
  letter-spacing: 0;
}

.boxStyle07 .bs07-txt {
  padding: 0 35px;
}

.boxStyle07 .bs07-box {
  text-align: center;
}

.boxStyle07 .ttl {
  font-size: 14px;
  font-weight: 500;
}

.boxStyle07 .imgBox {
  width: 95px;
}

@media screen and (max-width: 896px){
 .boxStyle07 {
  margin: 0 20px 20px;
  border-bottom: #cccccc solid 1px;
}

 .boxStyle07 .bs07-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .boxStyle07 .linkBoxStyle01:after,  .boxStyle07 .linkBoxStyle01_white:after,  .boxStyle07 .linkBoxStyle01_black:after {
  top: -65px;
}

 .boxStyle07 .linkBoxStyle02:after {
  top: -65px;
  top: 0;
}

 .boxStyle07 .bs07-txt {
  padding: 0 35px;
}

 .boxStyle07 .ttl {
  width: calc(100% - 95px);
  padding-left: 15px;
  font-size: 15px;
}

 .boxStyle07 .txt {
  padding: 10px 0 17px;
  font-size: 13px;
}

 .boxStyle07 .bs07-box {
  padding: 0 0 0 10px;
}

 .boxStyle07 .bs07-box:first-child {
  border-right: #cccccc solid 1px;
  padding: 0 10px 0 0;
}

 .boxStyle07 .imgBoxSmall {
  padding: 10px 0;
  text-align: center;
}

 .boxStyle07 .imgBoxSmall > img {
  width: 100px;
}

 .boxStyle07.twoCol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}

 .boxStyle07.twoCol .bs07-box {
  width: 50%;
}
}

@media screen and (min-width: 897px){
 .boxStyle07 {
  width: 600px;
  padding: 0 32px 0 23px;
  border-right: #cccccc solid 1px;
}

 .boxStyle07:nth-child(odd) {
  border-left: #cccccc solid 1px;
}

 .boxStyle07:nth-child(n+3) {
  margin-top: 32px;
}

 .boxStyle07 .bs07-wrapper {
  height: 100%;
  padding: 0;
}

 .boxStyle07 .bs07-box {
  width: 300px;
  height: 100%;
  text-align: center;
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

 .boxStyle07 .bs07-box:first-child {
  width: 299px;
  border-right: #cccccc solid 1px;
  float: left;
}

 .boxStyle07 .bs07-txt {
  padding: 0 35px;
}

 .boxStyle07 .imgBoxSmall {
  padding: 10px 0;
  text-align: center;
}

 .boxStyle07 .imgBoxSmall > img {
  width: 100px;
}

 .boxStyle07.twoCol {
  padding: 0;
}

 .boxStyle07.twoCol .link {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 150px;
  margin: 0 auto;
  font-weight: bold;
  font-size: 16px;
}

 .boxStyle07.twoCol .twoCol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 25px;
}

 .boxStyle07.twoCol .twoCol > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .boxStyle07.twoCol .twoCol > a > .imgBoxSmall {
  margin-right: 20px;
}

 .boxStyle07.twoCol .twoCol > a > .link {
  text-align: left;
}

 .boxStyle07 .ttl,  .boxStyle07 .txt {
  float: right;
  width: 325px;
  padding-right: 50px;
}

 .boxStyle07 .ttl {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

 .boxStyle07 .imgBox {
  width: 184px;
  float: left;
}
}

.boxStyle08 {
  width: 89.33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: solid 1px #cccccc;
  padding: 20px 0 17px;
  margin: 0 auto;
}

.boxStyle08:last-child {
  border-bottom: none;
}

@media screen and (max-width: 896px){
 .boxStyle08 .imgBox {
  width: 95px;
  text-align: center;
}

 .boxStyle08 .appTxt {
  font-size: 18px;
  line-height: 1.3;
  width: calc(100% - 95px);
}
}

.boxStyle08 .appTxt span {
  font-size: 13px;
  display: block;
  color: #5a5a5a;
}

.boxStyle08 .txt {
  padding: 13px 0 0;
}

@media screen and (min-width: 897px){
 .unitStyle01 .boxStyle08 > a.flexS2 {
  pointer-events: none;
}

 .unitStyle01 .boxStyle08 > a.flexS2:hover {
  cursor: default;
}

 .boxStyle08 {
  width: auto;
  display: block;
  border-bottom: none;
  padding: 0 24px 0 23px;
  border-right: #e0e0e0 solid 1px;
  text-align: center;
  margin: 0;
}

 .boxStyle08:last-child,  .boxStyle08:nth-child(3n) {
  border-right: none;
  padding-right: 0;
  padding-left: 45px;
}

 .boxStyle08:nth-child(2) {
  width: 400px;
}

 .boxStyle08:first-child {
  padding-left: 0;
  padding-right: 60px;
}

 .boxStyle08 .imgBox {
  margin-bottom: 5px;
  width: auto;
  height: 105px;
}

 .boxStyle08 .imgBox img {
  width: auto;
}

 .boxStyle08 .bs08-block {
  width: 280px;
  margin: 0 auto;
}

 .boxStyle08 .appTxt {
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 20px;
  width: auto;
}

 .boxStyle08 .appTxt span {
  font-size: 14px;
}

 .boxStyle08 .txt {
  padding: 0;
}
}

.boxStyle09 .category {
  font-size: 18px;
}

.boxStyle09 .bs09-wrapper {
  width: 82.66%;
  margin: 0 auto;
}

.boxStyle09 .category {
  font-size: 12px;
}

.boxStyle09 .mainTxt {
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 17px;
}

.boxStyle09 .price {
  font-size: 12px;
}

@media screen and (min-width: 897px){
 .boxStyle09 {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: none;
  padding: 0 24px 0 23px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .boxStyle09 .bs09-wrapper {
  width: 600px;
  margin: 0;
}

 .boxStyle09 .category {
  font-size: 18px;
}

 .boxStyle09 .mainTxt {
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 17px;
}

 .boxStyle09 .price {
  font-size: 14px;
}
}

.boxStyle10 {
  width: 100%;
}

.boxStyle10 .ttl {
  font-size: 15px;
  margin-bottom: 2px;
  line-height: 1.4;
  margin-top: 12px;
}

.boxStyle10 .ttl span {
  display: block;
  font-size: 12px;
}

@media screen and (min-width: 897px){
 .boxStyle10 {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .boxStyle10 .ttl {
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 1.4;
}

 .boxStyle10 .ttl span {
  font-size: 14px;
  display: block;
}

 .boxStyle10 .bs10-wrapper {
  width: auto;
  margin: 0;
  padding-left: 45px;
}
}

.boxStyle11 {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%;
}

.boxStyle11 .imgBox img {
  width: 100%;
}

.boxStyle11 .ttl {
  font-size: 24px;
  padding: 0;
  letter-spacing: .025em;
  line-height: 1.5;
}

.boxStyle11 .txt {
  line-height: 1.625;
  letter-spacing: .025em;
  margin-bottom: 35px;
}

@media screen and (max-width: 896px){
 .boxStyle11 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

 .boxStyle11 .imgBox img {
  width: 100%;
}

 .boxStyle11 .bs11-inner,  .boxStyle11 .bs11-inner_right {
  padding-top: 17px;
  text-align: center;
}

 .boxStyle11 .ttl {
  font-size: 21px;
  padding: 0;
font-weight: 500;/*20190701 oto*/
}

 .boxStyle11 .txt {
  font-size: 12px;
  padding-top: 10px;
}

 .boxStyle11 .bs11-inner.bg02 {
  background: #000000;
}

 .boxStyle11 .bs11-inner.bg01 {
  background: #f5f5f5;
}
}

@media screen and (min-width: 897px){
 .boxStyle11 {
  position: relative;
}

 .boxStyle11 .bs11-wrapper {
  position: absolute;
  width: 1200px;
  margin: 0 auto;
  top: 0;
  left: 0;
  height: 100%;
  right: 0;
}

 .boxStyle11 .bs11-inner {
  min-width: 430px;
  max-width: 630px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 120px;
}

 .boxStyle11 .bs11-inner_right {
  right: 120px;
  left: auto;
}

 .boxStyle11 .bs11-inner .ttl {
  font-size: 32px;
  padding-bottom: 15px;
  font-weight: normal;/*20190701 oto*/
}

 .boxStyle11 .bs11-inner .txt {
  font-size: 16px;
}

 .boxStyle11 .imgBox img {
  width: 100%;
}

 .boxStyle11 .ttl {
  font-size: 24px;
  padding: 0;
}

 .boxStyle11 .wide-inner_center {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
}

@media screen and (max-width: 896px){
 .boxStyle12 {
  background: #fafafa;
  width: 47%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}
.boxStyle12.style_sub_top{/*20210819 add tn*/
  background: none;
  padding-left: 5px;
}

 .boxStyle12:nth-child(n+3) {
  margin-top: 36px;
}

 .boxStyle12 .imgBox {
  padding-bottom: 3px;
}

.boxStyle12.style_sub_top .imgBox{/*20210819 add tn*/
  width: 30px;
  float: left;
  margin-right: 5px;
}

 .boxStyle12 .imgBox img {
  width: 100%;
}
.boxStyle12.style_sub_top .imgBox img{/*20210819 add tn*/
  vertical-align: middle;
}
.style_sub_top .linkBoxStyle01_black{/*20210819 add tn*/
  width: calc(100% - 35px);
  display: inline-block;
  vertical-align: middle;
}
 .boxStyle12 .ttl {
  font-size: 24px;
  padding: 0;
}
}

@media screen and (min-width: 897px){
 .boxStyle12 {
  background: #fafafa;
  width: 192px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}
.boxStyle12.style_sub_top{/*20210819 add tn*/
  background: none;
  margin-right: 36px;
  margin-top: 36px;
}
 .boxStyle12:not(:nth-child(5n)) {
  margin-right: 36px;
}

 .boxStyle12:nth-child(n+6) {
  margin-top: 36px;
}

 .boxStyle12 .imgBox img {
  width: 100%;
}
.boxStyle12.style_sub_top .imgBox {/*20210819 add tn*/
  width: 55px;
  display: inline-block;
  vertical-align: middle;
}
.boxStyle12.style_sub_top .linkBoxStyle01_black {/*20210819 add tn*/
  width: 113px;
  display: inline-block;
  vertical-align: middle;
}
.boxStyle12.style_sub_top .linkBoxStyle01_black:after{/*20210819 add tn*/
  right: -1px;
 }
 .boxStyle12 .ttl {
  font-size: 24px;
  padding: 0;
}
}
@media screen and (max-width: 320px){/*20210819 add tn*/
  .boxStyle12.style_sub_top{
  padding: 0;
  }
}
.boxStyle14 {
  width: 210px;
  border-bottom: solid #cccccc 1px;
  padding: 9px 0;
  display: block;
  letter-spacing: .05em;
  line-height: 1.5;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}

@media screen and (max-width: 896px){
 .boxStyle14 {
  width: 100%;
  padding: 20px 20px 20px 30px;
}

 .boxStyle14.linkBoxStyle01:after,  .boxStyle14.linkBoxStyle01_white:after,  .boxStyle14.linkBoxStyle01_black:after,  .boxStyle14.linkBoxStyle02:after {
  right: 10px;
}
}

/*
cardStyle01
------------------------------------------------*/
.cardStyle01 {
  width: 100%;
  background: #ffffff;
}

.cardStyle01 .cs01-content {
  padding: 23px 0 33px;
  width: 85%;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 896px){
.cardStyle01 .cs01-content {/*20230621*/
  padding: 23px 0 65px;
}		
}
.cardStyle01 .cs01-content .ttl {
  font-size: 18px;
  padding: 0 0 10px;
  font-weight: 500;
}

.cardStyle01 .cs01-content .ttl .small {
  font-size: 14px;
}

.cardStyle01 .cs01-content .txt {
  font-size: 14px;
  padding-bottom: 21px;
  letter-spacing: .025em;
  line-height: 1.75;
}

@media only screen and (max-width: 374px) {
   .cardStyle01 .cs01-content {
    width: 96%;
  }
}

@media screen and (max-width: 896px){
 .cardStyle01:not(:last-child) {
  margin-bottom: 10px;
}
}

@media screen and (min-width: 897px){
 .cardStyle01 .cs01-content {
  margin: 0 0 31px;
  border-color: #cccccc;
  width: 100%;
  padding: 0 27px;
}

 .cardStyle01 .cs01-content .linkStyle01.small {
  padding: 4px 20px 6px 19px;
  width: 160px;
}

 .cardStyle01 .cs01-content .small.linkStyle01_black,  .cardStyle01 .cs01-content .small.linkStyle01_white {
  padding: 4px 20px 6px 19px;
  width: 160px;
}

 .cardStyle01 .cs01-content .imgBox img {
  width: 100%;
}

 .cardStyle01 .cs01-content .ttl {
  padding: 0;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

 .cardStyle01 .cs01-content .txt {
  font-size: 15px;
  padding-top: 10px;
  line-height: 1.5;
  padding-bottom: 20px;
  letter-spacing: .025em;
}

 .cardStyle01 .toggleBtn01,  .cardStyle01 .toggleBtn01_white,  .cardStyle01 .toggleBtn01_black {
  margin-top: 18px;
}

 .cardStyle01 .linkStyle01.small {
  font-size: 14px;
  padding: 5px 20px 6px 19px;
}

 .cardStyle01 .small.linkStyle01_black,  .cardStyle01 .small.linkStyle01_white {
  font-size: 14px;
  padding: 5px 20px 6px 19px;
}

 .cardStyle01 .linkStyle01.small.arrow:after {
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 7px;
  height: 10px;
  right: 14px;
}

 .cardStyle01 .small.arrow.linkStyle01_black:after,  .cardStyle01 .small.arrow.linkStyle01_white:after {
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 7px;
  height: 10px;
  right: 14px;
}

 .cardStyle01 .linkStyle01.small.arrow:hover:after {
  background-image: url("/ja/assets/img/icon_arrow01_w.svg");
  right: 9px;
}

 .cardStyle01 .small.arrow.linkStyle01_black:hover:after,  .cardStyle01 .small.arrow.linkStyle01_white:hover:after {
  background-image: url("/ja/assets/img/icon_arrow01_w.svg");
  right: 9px;
}

 .cardStyle01 .linkStyle01.middle {
  font-size: 17px;
  padding: 7px 20px 10px 19px;
}

 .cardStyle01 .middle.linkStyle01_black,  .cardStyle01 .middle.linkStyle01_white {
  font-size: 17px;
  padding: 7px 20px 10px 19px;
}
}

.cardStyle02 {
  padding: 50px 0 70px;
  color: #ffffff;
}

.cardStyle02 .cs02-box, .cardStyle02 .cs02-box_black {
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
}

.cardStyle02 .cs02-box .overray, .cardStyle02 .cs02-box_black .overray {
  position: relative;
}

.cardStyle02 .cs02-box .overray:after, .cardStyle02 .cs02-box_black .overray:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  display: block;
  -webkit-transition: all .2s;
  transition: all .2s;
  position: absolute;
  top: 0;
}

.cardStyle02 .cs02-box .txtWrapper, .cardStyle02 .cs02-box_black .txtWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cardStyle02 .cs02-box .ttl, .cardStyle02 .cs02-box_black .ttl {
  position: absolute;
  left: 18px;
  top: 14px;
  font-size: 17px;
}

.cardStyle02 .cs02-box .ttl span, .cardStyle02 .cs02-box_black .ttl span {
  font-size: 10px;
  display: block;
}

.cardStyle02 .cs02-box .txt, .cardStyle02 .cs02-box_black .txt {
  position: absolute;
  left: 20px;
  bottom: 11px;
  width: 90%;
  padding-right: 15px;
  line-height: 1.5;
  color: #ffffff;
}

.cardStyle02 .cs02-box .linkElem, .cardStyle02 .cs02-box_black .linkElem {
  position: absolute;
  right: 20px;
  bottom: 16px;
}

.cardStyle02 .cs02-box .linkElem:after {
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat;
  background-size: 8px;
  margin-top: 5px;
  height: 13px;
}

.cardStyle02 .cs02-box_black .linkElem:after {
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat;
  background-size: 8px;
  margin-top: 5px;
  height: 13px;
}

.cardStyle02 .cs02-box_black:hover .txtArea {
  opacity: .5;
}

.cardStyle02 .cs02-box_black:hover:after {
  -webkit-box-shadow: #000000 0 0 0 3px inset;
  box-shadow: #000000 0 0 0 3px inset;
}

@media screen and (min-width: 897px){
 .cardStyle02 {
  padding: 110px 0 160px;
  font-size: 14px;
}

 .cardStyle02 .fourCol .cs02-box .txt,  .cardStyle02 .fourCol .cs02-box_black .txt {
  left: 17px;
  bottom: 16px;
  width: calc(100% - 150px);
}

 .cardStyle02 .cs02-box,  .cardStyle02 .cs02-box_black {
  margin-bottom: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: all .4s;
  transition: all .4s;
  background: /*#ffffff*/none;/*20190911 oto*/
}

 .cardStyle02 .cs02-box a,  .cardStyle02 .cs02-box_black a {
  display: block;
}

 .cardStyle02 .cs02-box .txtArea,  .cardStyle02 .cs02-box_black .txtArea {
  -webkit-transition: all .4s;
  transition: all .4s;
}

 .cardStyle02 .cs02-box:after,  .cardStyle02 .cs02-box_black:after {
 /* width: 100%;
  height: 100%;*//*20190911*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  top: 0;
  left: 0;
}

 .cardStyle02 .cs02-box:hover .txtArea,  .cardStyle02 .cs02-box_black:hover .txtArea {
  opacity: .5;
  opacity: .9; /* adjust 20190701_tn */
}

 .cardStyle02 .cs02-box:hover:after,  .cardStyle02 .cs02-box_black:hover:after{
  -webkit-box-shadow: #b91440 0px 0px 0px 3px inset;
  box-shadow: #b91440 0px 0px 0px 3px inset;
}

.cardStyle02 .cs02-box a,  .cardStyle02 .cs02-box_black a{/*20190911*/
padding:3px;
  -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.cardStyle02 .cs02-box a:hover,  .cardStyle02 .cs02-box_black a:hover{/*20190911*/
padding:0;
 /* -webkit-transition: all .4s;
  transition: all .4s;*/
  /*hieght :-webkit-calc(100% - 6px) ;
 hieght : calc(100% - 6px) ;*/
 border: solid 3px #b91440;
  -webkit-box-sizing: border-box;
 box-sizing: border-box;

}
 .cardStyle02 .cs02-box:hover .overray:after,  .cardStyle02 .cs02-box_black:hover .overray:after {
  background: rgba(0, 0, 0, 0.2);
}


 .cardStyle02 .cs02-box .bnr img,  .cardStyle02 .cs02-box_black .bnr img {
  width: 100%;
}

 .cardStyle02 .cs02-box .ttl,  .cardStyle02 .cs02-box_black .ttl {
  left: 19px;
  top: 15px;
  font-size: 18px;
  line-height: 1.4;
}

 .cardStyle02 .cs02-box .ttl span,  .cardStyle02 .cs02-box_black .ttl span {
  font-size: 12px;
  display: block;
  margin-top: 2px;
}

 .cardStyle02 .cs02-box .linkElem,  .cardStyle02 .cs02-box_black .linkElem {
  right: 19px;
  bottom: 16px;
}

 .cardStyle02 .cs02-box .linkElem:after,  .cardStyle02 .cs02-box_black .linkElem:after {
  margin-top: 7px;
}

 .cardStyle02 .cs02-box .txt,  .cardStyle02 .cs02-box_black .txt {
  left: 23px;
  bottom: 20px;
  width: calc(100% - 150px);
  -webkit-transition: all .2s;
  transition: all .2s;
}
}

@media only screen and (min-width: 897px) and (max-width: 1400px) {
   .cardStyle02 .cs02-box .ttl,  .cardStyle02 .cs02-box_black .ttl {
    left: 24px;
    top: 14px;
    font-size: 18px;
    line-height: 1.4;
  }
   .cardStyle02 .cs02-box .ttl span,  .cardStyle02 .cs02-box_black .ttl span {
    font-size: 11px;
    display: block;
    margin-top: 2px;
  }
   .cardStyle02 .cs02-box .linkElem,  .cardStyle02 .cs02-box_black .linkElem {
    right: 22px;
    bottom: 10px;
  }
   .cardStyle02 .cs02-box .txt,  .cardStyle02 .cs02-box_black .txt {
    width: calc(100% - 140px);
    bottom: 10px;
  }
}

 .cardStyle02 .cs02-box .txtWide,  .cardStyle02 .cs02-box_black .txtWide {
  width: 90%;
}

.cardStyle03 {
  position: relative;
  width: 100%;
  background: #ffffff;
}

@media screen and (max-width: 896px){
 .cardStyle03 {
  text-align: center;
}

 .cardStyle03 .cs03-wrapper {
  padding: 23px 5.33% 33px;
  margin: 0 auto;
}

 .cardStyle03 .cs03-wrapper .ttl {
  font-size: 21px;
  padding: 0 0 10px;
  font-weight: 500;
}

 .cardStyle03 .cs03-wrapper .txt {
  font-size: 13px;
  letter-spacing: .025em;
  line-height: 1.75;
}

 .cardStyle03 .cs03-wrapper.bg01 {
  background-color: #f5f5f5;
}

 .cardStyle03 .cs03-wrapper.bg02 {
  background-color: #000000;
}
}

@media screen and (min-width: 897px){
 .cardStyle03 .cs03-wrapper {
  min-width: 430px;
  max-width: 650px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 114px;
}

 .cardStyle03 .cs03-wrapper .ttl {
  font-size: 32px;
  padding-bottom: 12px;
  font-weight: normal; /*20190701 oto*/
}

 .cardStyle03 .cs03-wrapper .txt {
  font-size: 16px;
}

 .cardStyle03 .cs03-wrapper-right {
  right: 114px;
  left: auto;
}

 .cardStyle03 .img-inner_center {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
}

/*
------layoutStyle------
モジュールの余白やサイズ、要素の扱いなど、レイアウトを定義。
各クラスを使用しているモジュールは下記の通り。

・layoutStyle01
ツールアイコン（数が少ない場合）

・layoutStyle02
テキストアコーディオン
ニュース系テキトリンク

・layoutStyle03
ツールアイコン（数が多い場合）

------mWrapper------
コンテンツ幅で横位置中央によせるレイアウトを定義。
コンテンツ幅に合わせて設置する要素は、基本的にこのクラスに内包される
------------------------------------------------*/
.layoutStyle01 {
  padding: 40px 0 75px;
}

.layoutStyle01 .bubbleStyle {
  margin: 0 auto;
}

.layoutStyle01 .ls01-wrapper {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 84%;
}

.layoutStyle01 .ls01-box {
  width: 50%;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.layoutStyle01 .ls01-box .bubbleStyle {
  width: 95px;
}

.layoutStyle01 .ls01-box:nth-child(odd):not(:last-child) {
  padding-right: 20px;
}

.layoutStyle01 .ls01-box:nth-child(even) {
  padding-left: 20px;
}

.layoutStyle01 .link {
  margin-top: 10px;
}

@media screen and (max-width: 896px){
 .layoutStyle01.threeBubble .ls01-box:last-child {
  margin-top: 50px;
}
}

@media screen and (min-width: 897px){
 .layoutStyle01 {
  padding: 110px 0 155px;
}

 .layoutStyle01.twoBubble .ls01-wrapper {
  width: 750px;
}

 .layoutStyle01.threeBubble .ls01-wrapper {
  width: 1015px;
}

 .layoutStyle01 .ls01-wrapper {
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .layoutStyle01 .ls01-box {
  width: 270px;
  text-align: center;
  padding: 0;
}

 .layoutStyle01 .ls01-box .bubbleStyle {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

 .layoutStyle01 .ls01-box:nth-child(odd):not(:last-child),  .layoutStyle01 .ls01-box:nth-child(even) {
  padding: 0;
}

 .layoutStyle01 .ls01-box .imgBox {
  height: 190px;
  width: 190px;
  margin: 0 auto;
}

 .layoutStyle01 .link {
  margin-top: 20px;
  display: inline-block;
}
}

.layoutStyle02 {
  padding: 70px 0 76px;
}

.layoutStyle02 .ls02-box {
  border-bottom: solid 1px #cccccc;
  padding: 17px 0 35px;
  padding: 17px 0;/*20190826 tn*/
  display: block;
}

.layoutStyle02 .ls02-box .date {
  width: 8em; /*20190529 oto*/
  display: inline-block;
}

.layoutStyle02 .ls02-box .ctg {
  width: 89px;
  width: 125px; /*20190823 tn*/
  width: 160px; /*20190919 tn*/
  margin-left: 6px; /*20190529 oto*/
  display: inline-block;
  float: right;/*20190927 tn*/
}

.layoutStyle02 .ls02-box .ctg span {
  background: #333333;
  height: 16px;
  color: #ffffff;
  width: 100%;
  text-align: center;
  display: block;
  line-height: 1.6;
  font-size: 9px;
  letter-spacing: -.05em;
}

.layoutStyle02 .ls02-box .txt {
  width: 97%;
  margin-top: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 20px;
}
/*20190826 added tn*/
.layoutStyle02 .ls02-box .txt.linkBoxStyle01_pdc{
    padding-right: 0;
} 
/*20190826 end tn*/
.layoutStyle02 .ls02-box .txt span {
  display: inline-block;
  vertical-align: top;
}

@media screen and (min-width: 897px){
 .layoutStyle02 {
  padding: 110px 0 150px;
}

 .layoutStyle02 .ls02-wrapper {
  margin: 50px 0 0;
  width: auto;
}

 .layoutStyle02 .ls02-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: inline-flex; /*20200612 tn */
  border-bottom: solid 1px #cccccc;
  /*padding: 20px 0 15px;*/
  padding: 20px 0; /*20190823 tn */
}

 .layoutStyle02 .ls02-box .date {
  width: 136px;
  display: block;
}

 .layoutStyle02 .ls02-box .ctg {
  width: 124px;
  width: 180px; /*20190823 tn*/
  width: 230px; /*20190919 tn*/
  margin-left: 14px; /*20190529 oto*/
}

 .layoutStyle02 .ls02-box .ctg span {
  display: block;
  background: #333333;
  height: 22px;
  color: #ffffff;
  text-align: center;
  line-height: 1.6;
  margin-top: 2px;
  margin-left: 4px;
  font-size: 13px;
}

 .layoutStyle02 .ls02-box .txt {
  width: 892px;
  width: 822px; /*20190823 tn*/
  padding-left: 40px;
  margin-top: 0;
  padding-right: 40px;
  font-size: 16px;
}
.layoutStyle02 .ls02-box.pdc .txt a{/*20190823 tn*/
  width: 892px;
  width: 782px; 
  margin-top: 0;
  padding-right: 40px;
  font-size: 16px;
  margin-bottom: 5px;
}
	
 /*タブ内に設置した際のwidth調整(サムネイル無)20200324 tn*/
.tabStyle02 .layoutStyle02 .ls02-box .txt.linkBoxStyle01_pdc{
	width:773px;	
}
	.tabStyle02 .layoutStyle02 .ls02-box.pdc .txt.linkBoxStyle01_pdc a{
	width: 733px;
}
 /*タブ内に設置した際のwidth調整 20200324 tn end*/

.layoutStyle02 .ls02-box.pdc .txt a:last-child{
    margin-bottom: 0;       
}
.layoutStyle02 .ls02-box.pdc .txt a:hover{
    color: #b91440;
}
    
 .layoutStyle02 .ls02-box .product_thumb {
  width: 144px;
}

 .layoutStyle02 .ls02-box .txt span:first-child {
  width: 665px;
  width: 604px; /*20190823 tn*/
  margin-right: 7px;
}

 .layoutStyle02 .ls02-box .product_thumb img {
  width: auto;
}
}

@media screen and (max-width: 896px){
 .layoutStyle02 .ls02-box .txt span:first-child {
  width: 60%;
  width: 95% !important; /*20201106 tn*/
}

 .layoutStyle02 .ls02-box .product_thumb {
  width: 37%;
  width: 33%; /*20190823 tn*/
}
/*20201106 tn add*/
 .layoutStyle02 .ls02-box .date{
  font-size: 14px;
  margin-bottom: 5px;
 }
 .layoutStyle02 .ls02-box .ctg {
  width: 210px ; 
  margin-left: 0;
  display: block;
  float: none !important;
 }
 .layoutStyle02 .ls02-box .ctg span{
  height: inherit;
  font-size: 12px;	
  margin-bottom: 10px;
 }
 .layoutStyle02 .ls02-box .txt {
  font-size: 14px; /*20201106 tn*/
 }
/*20201106 tn add end*/
}

.layoutStyle03, .layoutStyle03_threeCol {
  background: url("/ja/assets/img/ls03_bg_sp.jpg") no-repeat;
  background-size: cover;
  color: #ffffff;
  padding: 40px 0 40px;
}

.layoutStyle03_bgwhite {
  background: url("/ja/assets/img/ls03_bg_sp.jpg") no-repeat;
  background-size: cover;
  color: #ffffff;
  padding: 40px 0 40px;
  color: #000000;
  background: #ffffff;
}

.layoutStyle03 .ls03-wrapper, .layoutStyle03_threeCol .ls03-wrapper, .layoutStyle03_bgwhite .ls03-wrapper {
  width: 89.33%;
  margin: 0 auto;
  padding-top: 20px;
}

.layoutStyle03 .ls03-wideContaier, .layoutStyle03_threeCol .ls03-wideContaier, .layoutStyle03_bgwhite .ls03-wideContaier {
  border-bottom: solid 1px #8c8c8c;
}

.layoutStyle03 .ls03-wideContaier .link, .layoutStyle03_threeCol .ls03-wideContaier .link, .layoutStyle03_bgwhite .ls03-wideContaier .link {
  font-size: 18px;
}

.layoutStyle03 .ls03-box, .layoutStyle03_threeCol .ls03-box, .layoutStyle03_bgwhite .ls03-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.layoutStyle03 .ls03-box .link, .layoutStyle03_threeCol .ls03-box .link, .layoutStyle03_bgwhite .ls03-box .link {
  padding-left: 18px;
  line-height: 1.2;
  width: calc(100% - 85px);
  font-size: 18px;
}

@media screen and (max-width: 896px){
 .ls03-wideContaier {
  border-bottom: solid 1px #8c8c8c;
}

 .ls03-wideContaier .link {
  font-size: 18px;
  padding-left: 24px;
  line-height: 1.4;
  width: calc(100% - 85px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

 .ls03-boxContaier {
  padding-right: 10px;
}

 .ls03-wideBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
}

 .ls03-bubbleStyle {
  width: 75px;
}

 .ls03-box {
  margin-top: 20px;
}
}

@media screen and (min-width: 897px){
 .layoutStyle03,  .layoutStyle03_threeCol,  .layoutStyle03_bgwhite {
  background: url("/ja/assets/img/ls03_bg.jpg") no-repeat right;
  background-size: cover;
  padding: 80px 0;
}

 .layoutStyle03 img,  .layoutStyle03_threeCol img,  .layoutStyle03_bgwhite img {
  width: auto;
}

 .layoutStyle03 .ls03-wideBox,  .layoutStyle03_threeCol .ls03-wideBox {
  margin: 0 auto;
}

 .layoutStyle03_bgwhite {
  background: #ffffff;
}

 .layoutStyle03_bgwhite .ls03-wideBox {
  margin: 0 auto;
}

 .layoutStyle03 .ls03-wrapper,  .layoutStyle03_threeCol .ls03-wrapper,  .layoutStyle03_bgwhite .ls03-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  width: auto;
}

 .layoutStyle03 .ls03-boxContaier,  .layoutStyle03_threeCol .ls03-boxContaier,  .layoutStyle03_bgwhite .ls03-boxContaier {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 832px;
  padding-left: 80px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .layoutStyle03 .ls03-wideContaier,  .layoutStyle03_threeCol .ls03-wideContaier,  .layoutStyle03_bgwhite .ls03-wideContaier {
  width: 320px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: none;
  border-right: 1px solid #8c8c8c;
}

 .layoutStyle03 .ls03-wideContaier .ls03-bubbleStyle,  .layoutStyle03_threeCol .ls03-wideContaier .ls03-bubbleStyle,  .layoutStyle03_bgwhite .ls03-wideContaier .ls03-bubbleStyle {
  margin: 0 auto;
}

 .layoutStyle03 .ls03-wideContaier .link,  .layoutStyle03_threeCol .ls03-wideContaier .link,  .layoutStyle03_bgwhite .ls03-wideContaier .link {
  margin-top: 25px;
  padding-right: 30px;
}

 .layoutStyle03 .ls03-box,  .layoutStyle03_threeCol .ls03-box,  .layoutStyle03_bgwhite .ls03-box {
  width: 353px;
  height: 120px;
}

 .layoutStyle03 .ls03-box .bnr,  .layoutStyle03_threeCol .ls03-box .bnr,  .layoutStyle03_bgwhite .ls03-box .bnr {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

 .layoutStyle03 .ls03-box .ttl,  .layoutStyle03_threeCol .ls03-box .ttl,  .layoutStyle03_bgwhite .ls03-box .ttl {
  left: 30px;
  top: 15px;
  font-size: 24px;
  line-height: 1.5;
}

 .layoutStyle03 .ls03-box .ttl span,  .layoutStyle03_threeCol .ls03-box .ttl span,  .layoutStyle03_bgwhite .ls03-box .ttl span {
  font-size: 12px;
  display: block;
}

 .layoutStyle03 .ls03-box .txt,  .layoutStyle03_threeCol .ls03-box .txt,  .layoutStyle03_bgwhite .ls03-box .txt {
  left: 26px;
  bottom: 18px;
  width: calc(100% - 170px);
}

 .layoutStyle03 .ls03-box .linkElem,  .layoutStyle03_threeCol .ls03-box .linkElem,  .layoutStyle03_bgwhite .ls03-box .linkElem {
  right: 35px;
  bottom: 20px;
}

 .layoutStyle03 .ls03-box:not(:nth-child(-n+2)),  .layoutStyle03_threeCol .ls03-box:not(:nth-child(-n+2)),  .layoutStyle03_bgwhite .ls03-box:not(:nth-child(-n+2)) {
  margin-top: 40px;
}

 .layoutStyle03 .ls03-box .link,  .layoutStyle03_threeCol .ls03-box .link,  .layoutStyle03_bgwhite .ls03-box .link {
  line-height: 1.6;
}

 .layoutStyle03 .ls03-box .linkBoxStyle01:hover,  .layoutStyle03_threeCol .ls03-box .linkBoxStyle01:hover,  .layoutStyle03_bgwhite .ls03-box .linkBoxStyle01:hover,  .layoutStyle03 .ls03-box .linkBoxStyle01_white:hover,  .layoutStyle03_threeCol .ls03-box .linkBoxStyle01_white:hover,  .layoutStyle03_bgwhite .ls03-box .linkBoxStyle01_white:hover,  .layoutStyle03 .ls03-box .linkBoxStyle01_black:hover,  .layoutStyle03_threeCol .ls03-box .linkBoxStyle01_black:hover,  .layoutStyle03_bgwhite .ls03-box .linkBoxStyle01_black:hover,  .layoutStyle03 .ls03-box .linkBoxStyle02:hover,  .layoutStyle03_threeCol .ls03-box .linkBoxStyle02:hover,  .layoutStyle03_bgwhite .ls03-box .linkBoxStyle02:hover {
  color: #ffffff;
}

 .layoutStyle03 .ls03-box .linkBoxStyle01:hover:after,  .layoutStyle03_threeCol .ls03-box .linkBoxStyle01:hover:after,  .layoutStyle03_bgwhite .ls03-box .linkBoxStyle01:hover:after,  .layoutStyle03 .ls03-box .linkBoxStyle01_white:hover:after,  .layoutStyle03_threeCol .ls03-box .linkBoxStyle01_white:hover:after,  .layoutStyle03_bgwhite .ls03-box .linkBoxStyle01_white:hover:after,  .layoutStyle03 .ls03-box .linkBoxStyle01_black:hover:after,  .layoutStyle03_threeCol .ls03-box .linkBoxStyle01_black:hover:after,  .layoutStyle03_bgwhite .ls03-box .linkBoxStyle01_black:hover:after,  .layoutStyle03 .ls03-box .linkBoxStyle02:hover:after,  .layoutStyle03_threeCol .ls03-box .linkBoxStyle02:hover:after,  .layoutStyle03_bgwhite .ls03-box .linkBoxStyle02:hover:after {
  background-image: url("/ja/assets/img/icon_arrow01_w.svg");
}

 .layoutStyle03_threeCol .ls03-boxContaier {
  width: 100%;
  padding-left: 0;
}

 .layoutStyle03_threeCol .ls03-box {
  margin-top: 40px;
}

 .layoutStyle03_threeCol .ls03-box:nth-child(3n+2):last-child {
  margin-right: 400px;
}
}

.sliderContainer {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

.lWrapper {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 897px){
 .lWrapper {
  max-width: 1600px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
}

.mWrapper, .sWrapper, .ssWrapper {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 897px){
.mWrapper.noSpace, .sWrapper.noSpace,
 .mWrapper.noSpace,  .sWrapper.noSpace {
  padding: 0;
}

 .mWrapper {
  /*padding: 0 24px; 20190703 oto*/
  width: 1200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

 .gutter {
  padding: 0 24px;
}

 .sWrapper {
  width: 1060px;
}

 .ssWrapper {
  width: 936px;
}
}

@media screen and (max-width: 896px){
 .spGutter {
  padding-right: 5.33vw !important;
  padding-left: 5.33vw !important;
}

 .simpleheader {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

 .row {
  margin: 0 -5.33vw;
}

 .spSWrapper {
  margin: 0 3%;
}
}

.innerContainer {
  padding: 50px 0 80px;
}

@media screen and (min-width: 897px){
 .innerContainer {
  padding: 110px 0 120px;
}
}

/*
parts
------------------------------------------------*/
@media screen and (min-width: 897px){
 .txtStyle01 {
  font-size: 16px;
}
}

.txtStyle02 {
  font-size: 28px;
  text-align: center;
  font-weight: 500;
}

@media screen and (max-width: 896px){
 .txtStyle02 {
  font-size: 18px;
}
}

.txtStyle03 {
  font-size: 24px;
  text-align: center;
  font-weight: 500;
}

@media screen and (max-width: 896px){
 .txtStyle03 {
  font-size: 16px;
}
}

.txtStyle04 {
  font-size: 18px;
  text-align: center;
  line-height: 1.6;
  font-weight: 400;
}

.txtStyle04.middle {
  font-weight: 500;
}

@media screen and (max-width: 896px){
 .txtStyle04 {
  font-size: 16px;
  line-height: 1.4;
}
}

.txtContainer {
  width: 650px;
  margin: 0 auto;
}

@media screen and (max-width: 896px){
 .txtContainer {
  width: auto;
}
}

/*featureStyle01*/
.featureStyle01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.featureStyle01 .fs01-box {
  width: 48%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px #cccccc solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.featureStyle01 .fs01-box .icon {
  width: 40px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.featureStyle01 .fs01-box .icon img {
  width: auto;
}

.featureStyle01 .fs01-box .txt {
  line-height: 1.4;
}

.featureStyle01 .fs01-box:nth-of-type(odd) {
  margin-right: 1%;
  position: relative;
}

.featureStyle01 .fs01-box:nth-of-type(odd):after {
  height: 46px;
  width: 1px;
  background: #cccccc;
  content: "";
  display: block;
  position: absolute;
  right: -4.5%;
  top: 0;
  bottom: 0;
  margin: auto;
}

.featureStyle01 .fs01-box.noBorder:after {
  content: none;
}

.featureStyle01 .fs01-box:nth-of-type(even) {
  margin-left: 1%;
}

.featureStyle01 .fs01-box:nth-of-type(-n+2) {
  border-top: 1px #cccccc solid;
}

@media screen and (min-width: 897px){
 .featureStyle01 .fs01-box {
  width: 48.9%;
  height: 56px;
  line-height: 1.4;
  padding: 0 0 0 10px;
}

 .featureStyle01 .fs01-box .txt {
  padding: 0 0 0 10px;
  font-size: 14px;
}

 .featureStyle01 .fs01-box .icon {
  width: 65px;
}

 .featureStyle01 .fs01-box:nth-of-type(odd) {
  margin-right: 4px;
}

 .featureStyle01 .fs01-box:nth-of-type(odd):after {
  right: -5px;
}

 .featureStyle01 .fs01-box:nth-of-type(even) {
  margin-left: 6px;
}

 .featureStyle01.oneCol {
  display: block;
  padding-bottom: 6px;
  display: block;
}
}/*20200828 oto*/
 .featureStyle01.oneCol .fs01-box {
  width: 100%;
  padding: 0;
}

 .featureStyle01.oneCol .fs01-box:after {
  content: none;
}

 .featureStyle01.oneCol .fs01-box:nth-of-type(even) {
  margin-left: 0;
}

 .featureStyle01.oneCol .fs01-box:first-child {
  border-top: 1px #cccccc solid;
}

 .featureStyle01.oneCol .fs01-box:nth-of-type(2) {
  border-top: none;
}
/*} 20200828 oto*/
@media screen and (min-width: 897px){
  .featureStyle01.oneCol .fs01-box {
  padding-left: 10px;/*20200828 oto*/
}
}
@media screen and (max-width: 896px){
  .featureStyle01.oneCol .fs01-box:last-child {
  margin-bottom: 3px;/*20200828 oto*/
}
}
/*featureStyle02*/
.featureStyle02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.featureStyle02 li {
  width: 50%;
}

.featureStyle02 li span {
  background-color: #ececec;
  font-size: 12px;
  text-align: center;
  width: 100%;
  line-height: 1.7;
  display: block;
}

.featureStyle02.towCol {
  width: 100%;
  justify-content: space-between;
}

.featureStyle02.towCol li {
  width: 49%;
  margin-right: 0;
}

.featureStyle02.fourCol li {
  width: 25%;
}

@media screen and (max-width: 896px){
 .featureStyle02.fourCol {
  justify-content: space-between;
}

 .featureStyle02.fourCol li {
  width: 49%;
}
}
/*
listStyle01
------------------------------------------------*/
.listStyle01 li {
  text-indent: -15px;
  padding-left: 15px;
}

.listStyle01 li:before {
  content: "・";
  display: inline;
  color: #000000;
}

.listStyle02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.listStyle02 li {
  position: relative;
}

.listStyle02 li.arrow:after {
  content: "";
  background: url("../../img/icon_arrow_w_down01.svg") no-repeat center left;
  background-size: 11px;
  display: block;
  margin-right: 11px;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.listStyle02 li.window:after {
  background: url("/ja/assets/img/icon_window_w.svg") no-repeat center left;
  background-size: 11px;
  display: block;
  margin-right: 11px;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  height: 13px;
  width: 15px;
  right: 7px;
}

.listStyle02 li:before {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  display: block;
  margin-right: 11px;
  content: "";
  background: #ffffff;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  left: 17px;
}

.listStyle02 li span {
  background: #000000;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.listStyle02 li.noItem:after, .listStyle02 li.noItem:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #000000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 3px;
}

.listStyle02 li.noItem span {
  color: #000000;
}

.listStyle02 li.noItem:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 896px){
 .listStyle02 {
  padding: 12px 0 32px;
  border-bottom: solid #cccccc 1px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .listStyle02 li {
  width: 47.76%;
}

 .listStyle02 li.arrow:after {
  content: "";
  background-size: 11px;
  margin: auto;
  height: 7px;
  width: 11px;
  right: 11px;
}

 .listStyle02 li.noItem:after {
  width: 18px;
  height: 2px;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 3px;
}

 .listStyle02 li.noItem:before {
  width: 18px;
  height: 2px;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

 .listStyle02 li.window:after {
  background-size: 11px;
  margin-right: 11px;
  content: "";
  height: 13px;
  width: 15px;
  right: 7px;
}

 .listStyle02 li:before {
  width: 7px;
  height: 7px;
  margin-right: 11px;
  left: 8px;
}

 .listStyle02 li:nth-child(n+3) {
  margin-top: 16px;
}

 .listStyle02 li span {
  padding: 0 25px 0 26px;
  line-height: 1.2;
  height: 45px;
}
}

@media screen and (min-width: 897px){
 .listStyle02 {
  padding: 20px 0 65px;
  border-bottom: solid #cccccc 1px;
}

 .listStyle02 li {
  width: 364px;
  position: relative;
}

 .listStyle02 li.arrow:after {
  content: "";
  background: url("../../img/icon_arrow_w_down01.svg") no-repeat center left;
  background-size: 11px;
  margin-right: 11px;
  content: "";
  height: 7px;
  width: 11px;
  right: 17px;
}

 .listStyle02 li.noItem span {
  background: #cccccc;
  cursor: auto;
}

 .listStyle02 li.noItem:after {
  content: "";
  width: 18px;
  height: 2px;
  display: block;
  position: absolute;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 10px;
}

 .listStyle02 li.noItem:before {
  content: "";
  width: 18px;
  height: 2px;
  display: block;
  position: absolute;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

 .listStyle02 li.window:after {
  content: "";
  background-size: 15px;
  display: block;
  margin-right: 11px;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  height: 13px;
  width: 15px;
  right: 17px;
}

 .listStyle02 li:before {
  margin-right: 11px;
  left: 17px;
}

 .listStyle02 li:nth-child(n+4) {
  margin-top: 16px;
}

 .listStyle02 li:not(:nth-child(3n)) {
  margin-right: 30px;
}

 .listStyle02 li span {
  font-size: 18px;
  padding: 9px 50px 7px 37px;
  cursor: pointer;
}
}

.listStyle03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.listStyle03 li {
  width: 504px;
  position: relative;
}

.listStyle03 li.window:after {
  background: url("/ja/assets/img/icon_window.svg") no-repeat center left;
  background-size: 18px;
  display: block;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  height: 16px;
  width: 18px;
  right: 16px;
}

.listStyle03 li .gray {
  color: #767676;
  font-size: 11px;
}

.listStyle03 li a {
  background-color: #ffffff;
  font-size: 14px;
  padding: 19px 50px 22px 17px;
  display: block;
  line-height: 1.4;
}

@media screen and (max-width: 896px){
 .listStyle03 li:nth-child(n+2) {
  margin-top: 4px;
}
}

@media screen and (min-width: 897px){
 .listStyle03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .listStyle03 li {
  width: 504px;
  position: relative;
}

 .listStyle03 li.window:after {
  content: "";
  background: url("/ja/assets/img/icon_window.svg") no-repeat center left;
  background-size: 15boxStyle01px;
  display: block;
  margin-right: 11px;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  height: 13px;
  width: 15px;
  right: 25px;
}

 .listStyle03 li .gray {
  color: #767676;
}

 .listStyle03 li:nth-child(n+3) {
  margin-top: 8px;
}

 .listStyle03 li:not(:nth-child(2n)) {
  margin-right: 24px;
}

 .listStyle03 li a {
  background-color: #ffffff;
  font-size: 15px;
  padding: 15px 50px 17px 24px;
  display: block;
  line-height: 1.6;
}

 .prodList .linkBoxStyle01,  .prodList .linkBoxStyle01_white,  .prodList .linkBoxStyle01_black,  .prodList .linkBoxStyle02 {
  font-size: 16px;
  line-height: 1.4;
}

 .prodList .linkBoxStyle01:after,  .prodList .linkBoxStyle01_white:after,  .prodList .linkBoxStyle01_black:after,  .prodList .linkBoxStyle02:after {
  background: url(/ja/assets/img/icon_arrow01.svg) no-repeat;
  background-size: 10px;
  width: 10px;
  height: 16px;
}

/*20190830 add*/
 .prodList .linkBoxStyle01.window:after,  .prodList .linkBoxStyle01_white.window:after,  .prodList .linkBoxStyle01_black.window:after,  .prodList .linkBoxStyle02.window:after {
  background: url(/ja/assets/img/icon_window.svg) no-repeat;
  background-size: 15px;
  width: 15px;
  height: 13px;
}
/*20190830 add end*/
}

@media screen and (max-width: 896px){
 .prodList {
  padding: 10px;
}

 .prodList li {
  padding: 10px;
}

 .prodList .linkBoxStyle01,  .prodList .linkBoxStyle01_white,  .prodList .linkBoxStyle01_black,  .prodList .linkBoxStyle02 {
  line-height: 1.2;
}

 .prodList .linkBoxStyle01:after,  .prodList .linkBoxStyle01_white:after,  .prodList .linkBoxStyle01_black:after,  .prodList .linkBoxStyle02:after {
  width: 6px;
  background-size: 6px;
}

/*20190830 add*/
 .prodList .linkBoxStyle01.window:after,  .prodList .linkBoxStyle01_white.window:after,  .prodList .linkBoxStyle01_black.window:after,  .prodList .linkBoxStyle02.window:after {
  width: 15px;
  background-size: 13px;
}
/*20190830 add end*/
}

/*
ancStyle01
------------------------------------------------*/
.ancStyle01, .ancStyle02, .ancStyle03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ancStyle01 li, .ancStyle02 li, .ancStyle03 li {
  background: #000000;
  position: relative;
}

/*.ancStyle01 li.arrow:after, .ancStyle02 li.arrow:after, .ancStyle03 li.arrow:after { 20200219 tn a追加*/
.ancStyle01 li.arrow a:after, .ancStyle02 li.arrow a:after, .ancStyle03 li.arrow a:after, 
.ancStyle01 li.arrow > span:after, .ancStyle02 li.arrow > span:after, .ancStyle03 li.arrow > span:after{/*20201120 tn add*/
  content: "";
  background: url("/ja/assets/img/icon_arrow_w_down01.svg") no-repeat center left;
  background-size: 11px;
  display: block;
  margin-right: 11px;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

@media screen and (max-width: 896px){
 .ancStyle01,  .ancStyle02,  .ancStyle03 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .ancStyle01 li,  .ancStyle02 li,  .ancStyle03 li {
  width: 47.76%;
  min-height: 45px;
}

  /*.ancStyle01 li.arrow:after,  .ancStyle02 li.arrow:after,  .ancStyle03 li.arrow:after {20200219 tn a追加*/
 .ancStyle01 li.arrow a:after,  .ancStyle02 li.arrow a:after,  .ancStyle03 li.arrow a:after,
 .ancStyle01 li.arrow > span:after, .ancStyle02 li.arrow > span:after, .ancStyle03 li.arrow > span:after {/*20201120 tn add*/
  content: "";
  margin: auto;
  height: 7px;
  width: 11px;
  right: 11px;
}

 .ancStyle01 li:nth-child(n+3),  .ancStyle02 li:nth-child(n+3),  .ancStyle03 li:nth-child(n+3) {
  margin-top: 16px;
}

   /*.ancStyle01 li span,  .ancStyle02 li span {20200219 tn span→a*/
 .ancStyle01 li a,  .ancStyle02 li a,
 .ancStyle01 li > span,  .ancStyle02 li > span {/*20201120 tn add*/
  color: #ffffff;
  padding: 6px 25px 6px 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  line-height: 1.5;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
}

@media screen and (min-width: 897px){
 .ancStyle01 li,  .ancStyle02 li,  .ancStyle03 li {
  width: 364px;
  position: relative;
}
/* .ancStyle01 li.arrow:after,  .ancStyle02 li.arrow:after,  .ancStyle03 li.arrow:after {20200219 tn a追加*/
 .ancStyle01 li.arrow a:after,  .ancStyle02 li.arrow a:after,  .ancStyle03 li.arrow a:after,
 .ancStyle01 li.arrow > span:after, .ancStyle02 li.arrow > span:after, .ancStyle03 li.arrow > span:after {/*20201120 tn add*/
  content: "";
  display: block;
  background-size: 14px;
  margin-right: 12px;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  height: 8px;
  width: 14px;
  right: 14px;
}
 .ancStyle01 li:nth-child(n+4),  .ancStyle02 li:nth-child(n+4),  .ancStyle03 li:nth-child(n+4) {
  margin-top: 24px;
}
 .ancStyle01 li:not(:nth-child(3n)),  .ancStyle02 li:not(:nth-child(3n)),  .ancStyle03 li:not(:nth-child(3n)) {
  margin-right: 30px;
}
 /*.ancStyle01 li span,  .ancStyle02 li span {20200219 tn span→a*/
 .ancStyle01 li a,  .ancStyle02 li a,
 .ancStyle01 li > span,  .ancStyle02 li > span { /*20201120 tn add*/
  background: #000000;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: .05em;
  padding: 9px 50px 7px 15px;
  display: block;
  cursor: pointer;
}

 .ancStyle01.twoCol li {
  width: 560px;
  margin-right: 0;
}
 .twoCol.ancStyle02 li,  .twoCol.ancStyle03 li {
  width: 560px;
  margin-right: 0;
}
 .ancStyle01.twoCol li:nth-child(n+3) {
  margin-top: 24px;
}
 .twoCol.ancStyle02 li:nth-child(n+3),  .twoCol.ancStyle03 li:nth-child(n+3) {
  margin-top: 24px;
}
 .ancStyle01.twoCol li:not(:nth-child(2n)) {
  margin-right: 32px;
}
 .twoCol.ancStyle02 li:not(:nth-child(2n)),  .twoCol.ancStyle03 li:not(:nth-child(2n)) {
  margin-right: 32px;
}
 /*.ancStyle01.twoCol li.arrow:after {20200219 tn a追加*/
 .ancStyle01.twoCol li.arrow a:after,
 .ancStyle01.twoCol li.arrow > span:after { /*20201120 tn add*/
  right: 20px;
}
/* .twoCol.ancStyle02 li.arrow:after,  .twoCol.ancStyle03 li.arrow:after {20200219 tn a追加*/
 .twoCol.ancStyle02 li.arrow a:after,  .twoCol.ancStyle03 li.arrow a:after,
 .twoCol.ancStyle02 li.arrow > span:after,  .twoCol.ancStyle03 li.arrow > span:after {/*20201120 tn add*/
  right: 20px;
}

/*20191031 add oto*/
.ancStyle01.fourCol li,
.ancStyle02.fourCol li{
  width: 267px;
  margin-right: 0;
}
 .ancStyle01.fourCol li:nth-child(n+4) {
  margin-top: 0 ;
}
 .ancStyle01.fourCol li:nth-child(n+5){
  margin-top: 24px;
}
 .ancStyle01.fourCol li:not(:nth-child(4n)){
  margin-right: 28px;
}
 /*.ancStyle01.fourCol li.arrow:after{20200219 tn a追加*/
 .ancStyle01.fourCol li.arrow a:after,
 .ancStyle01.fourCol li.arrow > span:after {/*20201120 tn add*/
  right: 17px;
}
/*20191031 end oto*/

}

.ancStyle02 li, .ancStyle03 li {
  width: 100%;
  margin-bottom: 10px;
}

/*.ancStyle02 li span {20200219 tn span→a*/
.ancStyle02 li a,
.ancStyle02 li > span {/*20201120 tn add*/
  background: #f5f5f5;
  color: #000000;
  padding: 14px 40px 13px 15px;
}

.ancStyle03 li span a {
  display: block;
  background: #f5f5f5;
  color: #000000;
  padding: 14px 40px 13px 15px;
}

.ancStyle02 li:not(:nth-child(3n)), .ancStyle03 li:not(:nth-child(3n)) {
  margin-right: 0;
}

.ancStyle02 li:nth-child(n+3), .ancStyle03 li:nth-child(n+3) {
  margin-top: 0;
}

/*.ancStyle02 li.arrow:after, .ancStyle03 li.arrow:after {20200219 tn a追加*/
.ancStyle02 li.arrow a:after, .ancStyle03 li.arrow a:after, 
.ancStyle02 li.arrow > span:after, .ancStyle03 li.arrow > span:after{/*20201120 tn add*/
  right: 17px;
  background-image: url("/ja/assets/img/icon_arrow_down01.svg");
}

@media screen and (min-width: 897px){
 .ancStyle02 li,  .ancStyle03 li {
  width: 368px;
}

/*.ancStyle02 li span {20200219 tn span→a*/
 .ancStyle02 li a,
 .ancStyle02 li > span {/*20201120 tn add*/
  padding: 16px 50px 17px 21px;
  line-height: 1.65;
}

 .ancStyle02 li span a {
  display: block;
  padding: 16px 50px 17px 21px;
  line-height: 1.65;
}

 .ancStyle02 li:not(:nth-child(3n)) {
  margin-right: 24px;
}

 .ancStyle03 li:not(:nth-child(3n)) {
  margin-right: 24px;
}
/*.ancStyle02 li.arrow:after,  .ancStyle03 li.arrow:after {20200219 tn a追加*/
 .ancStyle02 li.arrow a:after,  .ancStyle03 li.arrow a:after,
 .ancStyle02 li.arrow > span:after,  .ancStyle03 li.arrow > span:after {/*20201120 tn add*/
  right: 23px;
}

 .ancStyle02.twoCol li,  .ancStyle03.twoCol li {
  width: 564px;
  margin-right: 0;
}

 .ancStyle02.twoCol li:nth-child(n+3),  .ancStyle03.twoCol li:nth-child(n+3) {
  margin-top: 24px;
}

 .ancStyle02.twoCol li:not(:nth-child(2n)),  .ancStyle03.twoCol li:not(:nth-child(2n)) {
  margin-right: 24px;
}
 /*.ancStyle02.twoCol li.arrow:after,  .ancStyle03.twoCol li.arrow:after {20200219 tn a追加*/
 .ancStyle02.twoCol li.arrow a:after,  .ancStyle03.twoCol li.arrow a:after,
 .ancStyle02.twoCol li.arrow > span:after,  .ancStyle03.twoCol li.arrow > span:after {/*20201120 tn add*/
  right: 20px;
}


/*20191031 add oto*/
.ancStyle02.fourCol li{
  width: 267px;
  margin-right: 0;
}
 .ancStyle02.fourCol li:nth-child(n+4) {
  margin-top: 0 ;
}
 .ancStyle02.fourCol li:nth-child(n+5){
  margin-top: 24px;
}
 .ancStyle02.fourCol li:not(:nth-child(4n)){
  margin-right: 28px;
}
 .ancStyle02.fourCol li.arrow:after{
  right: 17px;
}
/*.ancStyle02.fourCol li span {20200219 tn span→a*/
.ancStyle02.fourCol li a,
.ancStyle02.fourCol li > span {/*20201120 tn add*/
    padding: 16px 40px 17px 18px;
}
/*.ancStyle02.fourCol li.arrow:after {20200219 tn a追加*/
.ancStyle02.fourCol li.arrow a:after,
.ancStyle02.fourCol li.arrow > span:after {/*20201120 tn add*/
    right: 15px;
}

/*20191031 end oto*/

}

@media screen and (max-width: 896px){
 .featureStyle02 li {
  line-height: 1.4;
}
}

.slideToggleBtn {
  background: #666666;
  position: relative;
  width: 16px;
  text-indent: -100000px;
  line-height: 0;
}

.slideToggleBtn:after, .slideToggleBtn:before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: #ffffff;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.slideToggleBtn:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.slideToggleBtn.pcOn:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.slideToggleBtn.black {
  background: none;
}

.slideToggleBtn.black:after, .slideToggleBtn.black:before {
  background: #000000;
}

@media screen and (max-width: 896px){
 .slideToggleBtn.spOn:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
}

/*
js-moreBlockLast
------------------------------------------------*/
@media screen and (max-width: 896px){
 .js-moreBlockLast {
  position: relative;
}

 .js-moreBlockBtn {
  background: url("/ja/assets/img/grad_bg.png") top -15px center;
  background-size: 300px;
  position: absolute;
  padding-top: 90px;
  bottom: -2px;
  display: block;
  text-align: center;
  height: 20px;
  width: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 5;
}

 .js-moreBlockHide {
  display: none;
}
}

.js-acordion_child {
  display: none;
}

/*
searchForm
------------------------------------------------*/
.searchForm .searchForm-input input[type="text"] {
  width: 100%;
  padding: 10px 45px 10px 15px;
  background: #ffffff;
  border: #cccccc 1px solid;
  font-size: 16px;
  font-weight: normal;
  color: #000000;
}

.searchForm .searchForm-input .clearBtn {
  position: absolute;
  top: 0;
  right: 15px;
  width: 50px;
  height: 50px;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
  background: url("/ja/assets/img/icon_search.png") 50% 50% no-repeat;
  cursor: auto;
}

.searchForm .searchForm-input .clearBtn.active {
  background: none;
  cursor: pointer;
}

.searchForm .searchForm-input .clearBtn.active:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  margin: -3px 0 0 -9px;
  background: #333333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.searchForm .searchForm-input .clearBtn.active:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  margin: -3px 0 0 -9px;
  background: #333333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.searchForm .formWrap {
  position: relative;
  width: 100%;
  padding: 0 15px;
}

.searchForm .searchForm-sugest {
  display: none;
}

.searchForm .searchForm-sugest.active {
  display: block;
}

.searchForm .searchForm-sugest ul {
  padding: 0 15px;
  background: #ffffff;
}

.searchForm .searchForm-sugest ul li {
  padding: 15px 0;
  border-bottom: #cccccc 1px solid;
  line-height: 1;
  color: #767676;
  font-size: 14px;
  cursor: pointer;
}

.searchForm .searchForm-sugest ul li:last-child {
  border-bottom: none;
}

.searchForm .searchForm-result {
  display: none;
}

.searchForm .searchForm-result.active {
  display: block;
}

.searchForm .searchForm-result .result-ttl {
  position: relative;
  padding: 20px 0 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.searchForm .searchForm-result .result-ttl:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 40px;
  margin-left: -1px;
  background: #d2d2d2;
}

.searchForm .searchForm-result .resultItem {
  padding: 12px 0;
  background: #d2d2d2;
}

.searchForm .searchForm-result .resultItem a {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 8px 15px;
  width: 100%;
  max-width: 255px;
  background: #000000;
  color: #ffffff;
  font-size: 15px;
}

.searchForm .searchForm-result .resultItem a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 13px;
  margin: -6px 0 0;
  background: url("/ja/assets/img/icon_arrow01_w.svg") 0 0 no-repeat;
  background-size: 8px;
}

.searchForm .searchForm-history dl dt {
  padding: 0 0 10px;
  font-size: 12px;
  color: #767676;
  text-align: center;
}

.searchForm .searchForm-history dl .ddWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 0 15px;
}

.searchForm .searchForm-history dl dd {
  width: 50%;
  padding: 0 7px 0 0;
}

.searchForm .searchForm-history dl dd:nth-child(even) {
  padding: 0 0 0 7px;
}

.searchForm .searchForm-history dl dd:nth-child(n+3) {
  margin-top: 15px;
}

.searchForm .searchForm-history dl dd a {
  display: block;
  position: relative;
  width: 100%;
  padding: 5px 8px;
  background: #ffffff;
  font-size: 12px;
  color: #000000;
}

.searchForm .searchForm-history dl dd a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  width: 6px;
  height: 9px;
  margin: auto;
  background: url("/ja/assets/img/icon_arrow01.svg") 50% 50% no-repeat;
  background-size: contain;
  -webkit-transition: .2s right;
  transition: .2s right;
}

.searchForm .searchForm-input input[type="text"]:focus {
  background: #ffe2e2;
}

@media screen and (min-width: 897px){
 .searchForm .searchForm-input input[type="text"] {
  height: 57px;
  padding: 8px 50px 8px 25px;
  font-size: 22px;
}
}
.searchForm .searchForm-input input[type="text"]::-webkit-input-placeholder {
  color: #777;
  opacity: 1;
}
.searchForm .searchForm-input input[type="text"]::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.searchForm .searchForm-input input[type="text"]:-ms-input-placeholder {
  color: #777;
  opacity: 1;
}

@media screen and (min-width: 897px){
 .searchForm .searchForm-input .clearBtn {
  right: 0;
  width: 57px;
  height: 57px;
}

 .searchForm .formWrap {
  position: relative;
  width: 672px;
  margin: 0 auto;
  padding: 0;
}

 .searchForm .searchForm-sugest ul {
  padding: 0 25px;
}

 .searchForm .searchForm-sugest ul li {
  font-size: 16px;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}

 .searchForm .searchForm-sugest ul li:hover {
  color: #333333;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}

 .searchForm .searchForm-result .result-ttl {
  padding: 30px 0 60px;
}

 .searchForm .searchForm-result .result-ttl:after {
  width: 2px;
  height: 55px;
}

 .searchForm .searchForm-result .resultItem {
  padding: 40px;
}

 .searchForm .searchForm-result .resultItem a {
  padding: 8px 25px;
  max-width: 480px;
  font-size: 24px;
}

 .searchForm .searchForm-result .resultItem a:after {
  right: 30px;
  -webkit-transition: .2s right;
  transition: .2s right;
}

 .searchForm .searchForm-result .resultItem a:hover:after {
  right: 25px;
  -webkit-transition: .2s right;
  transition: .2s right;
}

 .searchForm .searchForm-history dl {
  padding: 0 0 0 48px;
}

 .searchForm .searchForm-history dl dt {
  line-height: 1;
  font-size: 14px;
  text-align: left;
}

 .searchForm .searchForm-history dl .ddWrap {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 432px;
}

 .searchForm .searchForm-history dl dd {
  width: 100%;
  max-width: 136px;
  padding: 0;
}

 .searchForm .searchForm-history dl dd:nth-child(even) {
  padding: 0;
}

 .searchForm .searchForm-history dl dd:nth-child(n+3) {
  margin-top: 0;
}

 .searchForm .searchForm-history dl dd:nth-child(n+4) {
  margin-top: 8px;
}

 .searchForm .searchForm-history dl dd a {
  font-size: 14px;
}

 .searchForm .searchForm-history dl dd a:after {
  width: 5px;
  height: 8px;
}

 .searchForm .searchForm-history dl dd a:hover:after {
  right: 3px;
  -webkit-transition: .2s right;
  transition: .2s right;
}
}

/*
fadeanimetion
------------------------------------------------*/
.fadeBlock {
  opacity: /*0*/0.2;/*20210430 oto*/
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.fadeIn {
  opacity: 1 !important;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

/*
moive
------------------------------------------------*/
.mBoxFull .icon-play, .mBox1of1 .icon-play, .mBox1of2 .icon-play, .mBox1of3 .icon-play, .mBox1of4 .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 2;
}

.mBoxFull .icon-play > img, .mBox1of1 .icon-play > img, .mBox1of2 .icon-play > img, .mBox1of3 .icon-play > img, .mBox1of4 .icon-play > img {
  width: 60px;
  height: 60px;
}

.mBoxFull .thumbImage > img, .mBox1of1 .thumbImage > img, .mBox1of2 .thumbImage > img, .mBox1of3 .thumbImage > img, .mBox1of4 .thumbImage > img {
  width: 100%;
}

.thumbImage {
  z-index: 1;
  display: block;
  position: relative;
}

.thumbImage .icon-play img{/*20200904 tn*/
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .4));
}

/*20191218 tn - add hover effect*/
.thumbImage:hover .icon-play img{
	opacity: 0;
}
.thumbImage:hover .icon-play{
  background: url(/ja/assets/img/icon_play_r.svg) no-repeat;
  background-size: 100%;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .4));/*20200904 tn*/
}

/*20191218 tn*/
.js-hide {
  z-index: -1;
}

.videoWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 897px){
 .mBoxFull {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

 .mBoxFull .icon-play {
  margin-top: -60px;
  margin-left: -60px;
}

 .mBoxFull .icon-play img {
  width: 120px;
  height: 120px;
}

 .mBox1of1,  .mBox1of2,  .mBox1of5 {
  width: 576px;
  position: relative;
}

 .mBox1of1 .videoWrapper,  .mBox1of2 .videoWrapper {
  height: 324px;
  width: 100%;
}

 .mBox1of1 {
  margin: 0 auto;
}

 .mBox1of3,  .mBox1of6 {
  width: 368px;
  position: relative;
}

 .mBox1of3 .videoWrapper {
  height: 207px;
  width: 100%;
}

 .mBox1of4,  .mBox1of7 {
  width: 264px;
  position: relative;
}

 .mBox1of4 .videoWrapper {
  height: 149px;
  width: 100%;
}
}

@media screen and (max-width: 896px){
 .mBoxFull {
  position: relative;
  width: 100%;
}

 .mBox1of1 {
  position: relative;
}

 .mBox1of2,  .mBox1of3,  .mBox1of4 {
  position: relative;
}

 .mBox1of2 .thumbImageWrap,  .mBox1of3 .thumbImageWrap,  .mBox1of4 .thumbImageWrap {
  position: relative;
}

 .mBox1of5,  .mBox1of6,  .mBox1of7 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

 .mBox1of5 iframe,  .mBox1of6 iframe,  .mBox1of7 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}
/*
swiper
------------------------------------------------*/
#container .swiperOuterContainer, #container .swiperSpacingContainer, #container .swiperOuterWrapper {
  position: relative;
}

#container .swiper-button-next, #container .swiper-container-rtl .swiper-button-prev {
  background: url("/ja/assets/img/s-arrow_next_sp.png") no-repeat right 10px;
  background-size: 21px;
  height: 56px;
  width: 41px;
  right: 0;
  left: auto;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#container .swiper-button-prev, #container .swiper-container-rtl .swiper-button-next {
  background: url("/ja/assets/img/s-arrow_prev_sp.png") no-repeat left 10px;
  background-size: 21px;
  height: 56px;
  width: 41px;
  left: 0;
  right: auto;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#container .swiper-container .swiper-pagination {
  bottom: 0;
}

#container .swiper-container .swiper-pagination-bullet-active {
  opacity: 1;
  background: #000000;
}

#container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px;
}

#container .swiper-slide {
  height: auto;
}

#container .swiperOneCol {
  width: 100%;
  position: relative;
}

#container .swiperOneCol img {
  width: 100%;
}

#container .swiperOneCol .swiper-button-next {
  top: 185px;
  right: 0;
}

#container .swiperOneCol .swiper-button-prev {
  top: 185px;
  left: 0;
}

#container .thumbContainer {
  display: none;
}

#container .swiper-thumb {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 40px);
  margin: 0 auto;
}

#container .swiper-thumb .swiper-pagination-bullet {
  width: auto;
  height: auto;
  border: solid 1px #000000;
  border-radius: 0;
  margin-right: 5px;
}

#container .swiper-thumb .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

@media screen and (min-width: 897px){
 #container .spOnlySwiper .swiper-slide {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

 #container .spOnlySwiper .swiper-wrapper:not(.unitStyle01) {
  display: block;
}

 #container .slidesPerView4 .swiper-slide-next + .swiper-slide + .swiper-slide {
  border-right: none;
}

 #container .swiper-container_sp .ts01-txt01 {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: auto;
  height: auto;
}

 #container .swiper-container_sp .swiper-button-next,  #container .swiper-container_sp .swiper-container-rtl .swiper-button-prev,  #container .swiper-container_sp .swiper-button-prev,  #container .swiper-container_sp .swiper-container-rtl .swiper-button-next {
  display: none;
}

 #container .swiperOuterContainer {
  width: 1200px;
  margin-left: -24px;
}

 #container .swiperSpacingContainer {
  width: 1152px;
}

 #container .swiper-button-next,  #container .swiper-container-rtl .swiper-button-prev {
  background: url("/ja/assets/img/s-arrow_next.png") no-repeat;
  height: 84px;
  width: 48px;
  right: /*-51*/-33px; /*20210119 tn*/
  left: auto;
}

 #container .swiper-button-prev,  #container .swiper-container-rtl .swiper-button-next {
  background: url("/ja/assets/img/s-arrow_prev.png") no-repeat;
  height: 84px;
  width: 48px;
  left: /*-51*/-33px; /*20210119 tn*/
  right: auto;
}

 #container .swiper-button-next:hover,  #container .swiper-button-prev:hover {
  opacity: .5;
}

 #container .swiper-container-rtl .swiper-button-next:hover,  #container .swiper-container-rtl .swiper-button-prev:hover {
  opacity: .5;
}

 #container .swiperOneCol {
  width: 600px;
  position: relative;
}
	
 #container .swiperOneCol .swiper-slide{
  width: 600px; /*20210915 oto*/
}

 #container .swiperOneCol img {
  width: 100%;
}

 #container .swiperOneCol .swiper-button-next {
  right: 0;
}

 #container .swiperOneCol .swiper-button-prev {
  left: 0;
}

 #container .thumbContainer {
  display: none;
}

 #container .swiper-thumb {
  position: relative;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

 #container .swiper-thumb .swiper-pagination-bullet {
  width: auto;
  height: auto;
  border: solid 1px #000000;
  border-radius: 0;
  margin-right: 10px;
}
}

@media screen and (max-width: 896px){
 #container .swiper-container {
  padding-bottom: 30px;
}

 #container .swiper-container.swiper-tab {/*20191120 oto*/
  padding-bottom: 0px;
}

 #container .swiper-button-next,  #container .swiper-container-rtl .swiper-button-prev,  #container .swiper-button-prev,  #container .swiper-container-rtl .swiper-button-next {
  top: 40%;
}
}
/*
tabStyle
------------------------------------------------*/
.tabStyle01 .ts01-ttl {
  text-align: center;
  cursor: pointer;
}

.tabStyle01.gray .ts01-box {
  background-color: #323232;
  color: #ffffff;
}

.tabStyle01 .ts01-box {
  -webkit-transition: all .2s;
  transition: all .2s;
}

.tabStyle01 .ts01-box img {
  width: 100%;
}

.tabStyle01 .ts01-txt01 {
  text-align: center;
  font-size: 21px;
  padding: 25px 0 16px;
  line-height: 1.5;
}

@media screen and (max-width: 896px){
 .tabStyle01 {
  padding: 0 5.33%;
  margin: 0 auto;
}

 .tabStyle01 .ts01-contents {
  padding-bottom: 78px;
}

 .tabStyle01 .ts01-ttl {
  padding-bottom: 32px;
}

 .tabStyle01 .ts01-ttl.spflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0;
  border-bottom: solid #cccccc 1px;
}

 .tabStyle01 .ts01-ttl.spflex .imgBox {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 115px;
}

 .tabStyle01 .ts01-ttl.spflex .ts01-txt02 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding-left: 20px;
  width: calc(100% - 130px);
  text-align: left;
}

 .tabStyle01 .ts01-ttl.spflex .toggleBtn01,  .tabStyle01 .ts01-ttl.spflex .toggleBtn01_white,  .tabStyle01 .ts01-ttl.spflex .toggleBtn01_black {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

 .tabStyle01 .ts01-txt02 {
  font-size: 18px;
  line-height: 1;
}

 .tabStyle01 .ts01-box {
  margin-bottom: 10px;
}

 .tabStyle01 .ts01-box.spOn {
  background-color: #f5f5f5;
}

 .tabStyle01.gray .ts01-box.spOn {
  background-color: #191919;
  color: #ffffff;
}
}

@media screen and (min-width: 897px){
 .tabStyle01 .ts01-ttl {
  padding-bottom: 38px;
}

 .tabStyle01.gray .ts01-box.pcOn,  .tabStyle01.gray .ts01-box:hover {
  background-color: #191919;
}

 .tabStyle01.gray .ts01-bd01 .ts01-ttl:after {
  background: #787878;
}

 .tabStyle01 .ts01-box {
  width: 33.33%;
  -webkit-transition: all .2s;
  transition: all .2s;
}

 .tabStyle01 .ts01-box img {
  width: 100%;
}

 .tabStyle01 .ts01-box > .pcOn,  .tabStyle01 .ts01-box:hover {
  background-color: #f5f5f5;
}

 .tabStyle01 .ts01-bd01 .ts01-ttl {
  position: relative;
}

 .tabStyle01 .ts01-bd01 .ts01-ttl:after {
  height: 110px;
  background: #cccccc;
  width: 1px;
  position: absolute;
  right: 0;
  content: "";
  bottom: 45px;
}

 .tabStyle01 .ts01-bd01 .ts01-box:last-child .ts01-ttl:after {
  content: none;
}

 .tabStyle01 .ts01-txt01 {
  padding: 30px 0 20px;
  font-size: 22px;
  line-height: 1.7;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

 .tabStyle01 .ts01-txt02 {
  padding: 16px 0 20px;
  font-size: 22px;
  line-height: 1.5;
}
}

.toggleBtn01, .toggleBtn01_white, .toggleBtn01_black {
  display: inline-block;
  font-size: 16px;
  letter-spacing: .05em;
  background: url("/ja/assets/img/icon_plus.svg") no-repeat 98%;
  background-size: 25px;
  padding: 0 25px 0 0;
  min-height: 25px;
  cursor: pointer;
}

.toggleBtn01 .more, .toggleBtn01_white .more, .toggleBtn01_black .more {
  margin-right: 11px;
}

.toggleBtn01 .close, .toggleBtn01_white .close, .toggleBtn01_black .close {
  display: none;
  margin-right: 11px;
}

.toggleBtn01.small {
  padding: 0 25px 0 0;
}

.small.toggleBtn01_white, .small.toggleBtn01_black {
  padding: 0 25px 0 0;
}

@media screen and (min-width: 897px){
 .toggleBtn01:hover,  .toggleBtn01_white:hover,  .toggleBtn01_black:hover {
  background-image: url("/ja/assets/img/icon_plus_r.svg");
  color: #b91440;
}
}

@media screen and (max-width: 896px){
 .toggleBtn01.spOn {
  background-image: url("/ja/assets/img/icon_minus.svg");
}

 .spOn.toggleBtn01_white,  .spOn.toggleBtn01_black {
  background-image: url("/ja/assets/img/icon_minus.svg");
}

 .toggleBtn01.spOn .more {
  display: none;
}

 .spOn.toggleBtn01_white .more,  .spOn.toggleBtn01_black .more {
  display: none;
}

 .toggleBtn01.spOn .close {
  display: block;
  margin-right: 11px;
}

 .spOn.toggleBtn01_white .close,  .spOn.toggleBtn01_black .close {
  display: block;
  margin-right: 11px;
}

 .toggleBtn01.spOn.white {
  background-image: url("/ja/assets/img/icon_minus_w.svg");
}

 .spOn.white.toggleBtn01_white,  .spOn.white.toggleBtn01_black {
  background-image: url("/ja/assets/img/icon_minus_w.svg");
}
}

@media screen and (min-width: 897px){
 .toggleBtn01.pcOn {
  display: inline-block;
  background-image: url("/ja/assets/img/icon_minus.svg");
}

 .pcOn.toggleBtn01_white,  .pcOn.toggleBtn01_black {
  display: inline-block;
  background-image: url("/ja/assets/img/icon_minus.svg");
}

 .toggleBtn01.pcOn .more {
  display: none;
}

 .pcOn.toggleBtn01_white .more,  .pcOn.toggleBtn01_black .more {
  display: none;
}

 .toggleBtn01.pcOn .close {
  display: block;
}

 .pcOn.toggleBtn01_white .close,  .pcOn.toggleBtn01_black .close {
  display: block;
}

 .toggleBtn01.pcOn.white {
  background-image: url("/ja/assets/img/icon_minus_w.svg");
}

 .pcOn.white.toggleBtn01_white,  .pcOn.white.toggleBtn01_black {
  background-image: url("/ja/assets/img/icon_minus_w.svg");
}

 .toggleBtn01.pcOn:hover {
  background-image: url("/ja/assets/img/icon_minus_r.svg");
}

 .pcOn.toggleBtn01_white:hover,  .pcOn.toggleBtn01_black:hover {
  background-image: url("/ja/assets/img/icon_minus_r.svg");
}

 .toggleBtn01,  .toggleBtn01_white,  .toggleBtn01_black {
  font-size: 16px;
  letter-spacing: .05em;
  background-size: 23px;
  min-height: 23px;
  padding: 0 23px 0 0;
}

 .toggleBtn01.small {
  background-size: 16px;
  min-height: 16px;
  padding: 0 16px 0 0;
}

 .small.toggleBtn01_white,  .small.toggleBtn01_black {
  background-size: 16px;
  min-height: 16px;
  padding: 0 16px 0 0;
}

 .toggleBtn01.white {
  background-size: 23px;
}

 .white.toggleBtn01_white,  .white.toggleBtn01_black {
  background-size: 23px;
}
}

.toggleBtn01_white {
  background-image: url("/ja/assets/img/icon_plus_w.svg");
  color: #ffffff;
}

.toggleBtn01_white.small {
  background-image: url("/ja/assets/img/icon_plus_w.svg");
}

@media screen and (max-width: 896px){
 .toggleBtn01_white.spOn {
  background-image: url("/ja/assets/img/icon_minus_w.svg");
}

 .toggleBtn01_white.spOn.small {
  background-image: url("/ja/assets/img/icon_minus_w.svg");
}
}

@media screen and (min-width: 897px){
 .toggleBtn01_white.pcOn {
  background-image: url("/ja/assets/img/icon_minus_w.svg");
}

 .toggleBtn01_white.pcOn:hover {
  background-image: url("/ja/assets/img/icon_minus_w.svg");
}

 .toggleBtn01_white.pcOn:hover.small {
  background-image: url("/ja/assets/img/icon_minus_w.svg");
}

 .toggleBtn01_white.pcOn.small {
  background-image: url("/ja/assets/img/icon_minus_w.svg");
}

 .toggleBtn01_white:hover {
  background-image: url("/ja/assets/img/icon_plus_w.svg");
}

 .toggleBtn01_white:hover.small {
  background-image: url("/ja/assets/img/icon_plus_w.svg");
}

 .toggleBtn01_white.white {
  background-size: 23px;
}

 .toggleBtn01_white:hover {
  color: #ffffff;
}
}

.toggleBtn02, .toggleBtn02_white, .toggleBtn02_black {
  position: relative;
  width: 300px;
  margin: 0 auto;
  padding: 6px 40px 7px;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  letter-spacing: .05em;
  cursor: pointer;
  transition: all 0.2s;
}

.toggleBtn02, .toggleBtn02_black {
  border: 1px solid #000;
  color: #000;
}

.toggleBtn02:after, .toggleBtn02_white:after, .toggleBtn02_black:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 23px;
  height: 23px;
  background: url("/ja/assets/img/icon_plus_w.svg") no-repeat;
  background-size: 23px;
  content: "";
}

.toggleBtn02:after, .toggleBtn02_black:after {
  background: url("/ja/assets/img/icon_plus.svg") no-repeat;
}

.small.toggleBtn02:after, .small.toggleBtn02_white:after, .small.toggleBtn02_black:after {
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 16px;
  height: 16px;
  background-size: 16px;
}

.pcOn.toggleBtn02_white:after {
  background: url("/ja/assets/img/icon_minus_w.svg") no-repeat;
  background-size: 23px;
}

.pcOn.small.toggleBtn02_white:after {
  background: url("/ja/assets/img/icon_minus_w.svg") no-repeat;
  background-size: 16px;
}

.pcOn.toggleBtn02:after, .pcOn.toggleBtn02_black:after {
  background: url("/ja/assets/img/icon_minus.svg") no-repeat;
  background-size: 23px;
}

.pcOn.small.toggleBtn02:after, .pcOn.small.toggleBtn02_black:after {
  background: url("/ja/assets/img/icon_minus.svg") no-repeat;
  background-size: 16px;
}

.pcOn.toggleBtn02 .more {
  display: none;
}

.toggleBtn02 .close, .pcOn.toggleBtn02_white .more, .toggleBtn02_white .close, .pcOn.toggleBtn02_black .more, .toggleBtn02_black .close {
  display: none;
}

.pcOn.toggleBtn02 .close, .pcOn.toggleBtn02_white .close, .pcOn.toggleBtn02_black .close {
  display: block;
}

@media screen and (min-width: 897px){
 .toggleBtn02_white:hover {
  background: #ffffff;
  color: #000000;
}

 .toggleBtn02_black:hover {
  background: #000000;
  color: #ffffff;
}

 .toggleBtn02:hover {
  background: #b91440;
  color: #ffffff;
  border: 1px solid #b91440;
}

 .toggleBtn02_white:hover:after {
  background: url("/ja/assets/img/icon_plus.svg") no-repeat;
  background-size: 23px;
}

 .toggleBtn02:hover:after,  .toggleBtn02_black:hover:after {
  background: url("/ja/assets/img/icon_plus_w.svg") no-repeat;
  background-size: 23px;
}

 .small.toggleBtn02_white:hover:after {
  background: url("/ja/assets/img/icon_plus.svg") no-repeat;
  background-size: 16px;
}

 .small.toggleBtn02:hover:after,  .small.toggleBtn02_black:hover:after {
  background: url("/ja/assets/img/icon_plus_w.svg") no-repeat;
  background-size: 16px;
}

 .pcOn.toggleBtn02:hover:after .pcOn.toggleBtn02_black:hover:after {
  background: url("/ja/assets/img/icon_minus_w.svg") no-repeat;
  background-size: 23px;
}

 .pcOn.small.toggleBtn02:hover:after .pcOn.small.toggleBtn02_black:hover:after {
  background: url("/ja/assets/img/icon_minus_w.svg") no-repeat;
  background-size: 16px;
}

 .pcOn.toggleBtn02_white:hover:after {
  background: url("/ja/assets/img/icon_minus.svg") no-repeat;
  background-size: 23px;
}

 .pcOn.small.toggleBtn02_white:hover:after {
  background: url("/ja/assets/img/icon_minus.svg") no-repeat;
  background-size: 16px;
}

 .pcOn.toggleBtn02:hover:after,  .pcOn.toggleBtn02_black:hover:after {
  background: url("/ja/assets/img/icon_minus_w.svg") no-repeat;
  background-size: 23px;
}

 .pcOn.small.toggleBtn02:hover:after,  .pcOn.small.toggleBtn02_black:hover:after {
  background: url("/ja/assets/img/icon_minus_w.svg") no-repeat;
  background-size: 16px;
}
}

@media screen and (max-width: 896px){
 .spOn.toggleBtn02_white:after {
  background: url("/ja/assets/img/icon_minus_w.svg") no-repeat;
  background-size: 23px;
}

 .spOn.small.toggleBtn02_white:after {
  background: url("/ja/assets/img/icon_minus_w.svg") no-repeat;
  background-size: 16px;
}

 .spOn.toggleBtn02:after,  .spOn.toggleBtn02_black:after {
  background: url("/ja/assets/img/icon_minus.svg") no-repeat;
  background-size: 23px;
}

 .spOn.small.toggleBtn02:after,  .spOn.small.toggleBtn02_black:after {
  background: url("/ja/assets/img/icon_minus.svg") no-repeat;
  background-size: 16px;
}

 .spOn.toggleBtn02 .more {
  display: none;
}

 .toggleBtn02 .close,  .spOn.toggleBtn02_white .more,  .toggleBtn02_white .close,  .spOn.toggleBtn02_black .more,  .toggleBtn02_black .close {
  display: none;
}

 .spOn.toggleBtn02 .close,  .spOn.toggleBtn02_white .close,  .spOn.toggleBtn02_black .close {
  display: block;
}
}

@media screen and (min-width: 897px){
 .toggleBtn01_black:hover {
  color: #000000;
  background-image: url("/ja/assets/img/icon_plus.svg");
}

 .toggleBtn01_black.pcOn:hover {
  background-image: url("/ja/assets/img/icon_minus.svg");
}
}

.tabStyle02 {
  width: 94.66%;
  margin: 0 auto;
  border-bottom: 1px solid #000000;
}

.tabStyle02 .ts02-listWrapper {
  border-bottom: 1px solid #000000;
  overflow: visible;
}

.tabStyle02 .ts02-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2.78%;
  height: 58px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tabStyle02 .ts02-inner {
  padding: 0 2.82%;
}

.tabStyle02 .ts02-ttl {
  background: #ebebeb;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-right: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  line-height: 1.4;
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
}

.tabStyle02 .ts02-ttl a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tabStyle02 .ts02-ttl.on {
  background: #000000;
  color: #ffffff;
}

@media screen and (min-width: 897px){
.tabStyle02 .ts02-ttl:last-child,
 .tabStyle02 .ts02-ttl:last-child {
  margin-right: 0;
}
}
@media screen and (max-width: 896px){
.tabStyle02.tab-2 .ts02-ttl:last-child ,
.tabStyle02.tab-3 .ts02-ttl:last-child {
margin-right: 0;
}
}

@media screen and (max-width: 896px){
 .tabStyle02 .ts01-contents {
  padding-bottom: 78px;
}

 .tabStyle02 .spGutter {
  padding-right: 2.33vw !important;
  padding-left: 2.33vw !important;
}

 .tabStyle02 .ts02-ttl {
  height: 56px !important;
}

 .tabStyle02 .ts02-ttl.on {
  height: 100% !important;
}
}

@media screen and (min-width: 897px){
 .tabStyle02 {
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #000000;
}

 .tabStyle02 .ts02-list {
  padding: 0 24px;
  height: 68px;
}

 .tabStyle02 .ts02-inner {
  padding: 64px 24px;
}

 .tabStyle02 .ts02-ttl {
  font-size: 16px;
  line-height: 1.4;
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
  width: 100%;
  margin-right: 4px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

 #container .tabStyle02 .ts02-ttl {
  height: 64px;
}

 .tabStyle02 .ts02-ttl.on,  .tabStyle02 .ts02-ttl:hover {
  background: #000000;
  color: #ffffff;
}

 #container .tabStyle02 .ts02-ttl.on {
  height: 100%;
}
}

.tab02-contents {
  display: none;
}

.tab02-contents.on {
  display: block;
}

.tab-contents {
  display: none;
}

@media screen and (max-width: 896px){
 .tab-viewArea {
  display: none !important;
}
}

@media screen and (min-width: 897px){
 .tab-contents {
  display: none !important;
}

 .tab-viewArea {
  display: none;
  padding: 40px 0;
}

 .tvA-inner {
  display: none;
}
}

.tabStyle03 .ts03-ttl {
  text-align: center;
  cursor: pointer;
}

.tabStyle03 .ts03-box {
  -webkit-transition: all .2s;
  transition: all .2s;
}

.tabStyle03 .ts03-box .imgBox img {
  width: 100%;
}

.tabStyle03 .ts03-txt {
  text-align: center;
  font-size: 21px;
  padding: 25px 0 16px;
  line-height: 1.5;
}

@media screen and (max-width: 896px){
 .tabStyle03 {
  margin: 0 auto;
}

 .tabStyle03 .ts03-contents {
  padding-bottom: 38px;
  margin-bottom: 8px;
}

 .tabStyle03 .spOn .ts03-ttl.spflex {
  border-bottom: 0;
}

 .tabStyle03 .ts03-ttl {
  text-align: center;
}

 .tabStyle03 .ts03-ttl.spflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: solid #cccccc 1px;
}

 .tabStyle03 .ts03-ttl.spflex .imgBox {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 118px;
}

 .tabStyle03 .ts03-ttl.spflex .ts03-txt {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding-left: 20px;
  width: calc(100% - 130px);
  text-align: left;
}

 .tabStyle03 .ts03-ttl.spflex .toggleBtn01,  .tabStyle03 .ts03-ttl.spflex .toggleBtn01_white,  .tabStyle03 .ts03-ttl.spflex .toggleBtn01_black {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

 .tabStyle03 .ts03-txt {
  font-size: 18px;
  line-height: 1;
}

 .tabStyle03 .ts03-box {
  padding: 0 5.33%;
}

 .tabStyle03 .ts03-box.spOn {
  background-color: #f5f5f5;
}
}

@media screen and (min-width: 897px){
 .tabStyle03 .ts03-box {
  -webkit-transition: all .2s;
  transition: all .2s;
}

 .tabStyle03 .ts03-box:hover,  .tabStyle03 .ts03-box .pcOn {
  background-color: #f5f5f5;
}

 .tabStyle03 .ts03-bd01 .ts03-ttl {
  position: relative;
}

 .tabStyle03 .ts03-bd01 .ts03-ttl:after {
  height: 201px;
  background: #cccccc;
  width: 1px;
  position: absolute;
  right: 0;
  content: "";
  top: 24px;
}

 .tabStyle03 .ts03-bd01 .ts03-box:last-child .ts03-ttl:after {
  content: none;
}

 .tabStyle03 .ts03-txt {
  padding: 16px 0 20px;
  font-size: 22px;
  line-height: 1.5;
}
}

@media screen and (max-width: 896px){
 .tabStyle04 .ts04-box {
  -webkit-transition: all .2s;
  transition: all .2s;
}

 .tabStyle04 .ts04-box .ts04-ttl {
  border-bottom: solid 1px #cccccc;
}

 .tabStyle04 .ts04-box .ts04-ttl.spOn {
  border-bottom: none;
}

 .tabStyle04 .ts04-box.spOn {
  background: #f5f5f5;
}

 .tabStyle04 .ts04-txt {
  padding-right: 15px;
  font-size: 14px;
  font-weight: 400;
}

/*20200110 add oto*/
 .tabStyle04 .ts04-txt.on {
color: #b91440;
}

 .tabStyle04 .ts04-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 18px 15px 18px 10px;
  margin: 0 5.33%;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}

 .tabStyle02 .tabStyle04 .ts04-box .ts04-ttl {
  margin: 0;
}

 .tabStyle02 .tabStyle04 .ts04-box.spOn {
  background: #ffffff;
}
}

@media screen and (min-width: 897px){
 .tabStyle04 .ts04-box {
  width: 100%;
  height: 98px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

 .tabStyle04 .ts04-box.auto-height {
  height: auto;
}

 .tabStyle04 .ts04-txt {
  font-size: 18px;
  font-weight: 500;
}

 .tabStyle04 .ts04-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 78px;
  height: 100%;
  width: 100%;
  border-bottom: solid 1px #cccccc;
  padding: 0 47px 0 27px;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
  position: relative;
}

 .tabStyle04 .ts04-ttl.pcOn {
  border-bottom: solid 1px transparent;
  background: #f5f5f5;
  height: 100px;
}

 .tabStyle04 .ts04-ttl .slideToggleBtn.black {
  top: 37px;
  position: absolute;
  right: 20px;
  margin: auto;
}

 .tabStyle04 .ts04-ttl:hover {
  background: #f5f5f5;
}

 .tabStyle04.smallCol {
  width: 210px;
}

 .tabStyle04.twoCol .ts04-box {
  width: 551px;
}

 .tabStyle04.twoCol .ts04-box:not(:last-child) {
  margin-right: 50px;
}

 .tabStyle04.threeCol .ts04-box {
  width: 358px;
}

 .tabStyle04.threeCol .ts04-box:not(:last-child) {
  margin-right: 39px;
}

 .tabStyle04.fourCol .ts04-box {
  width: 264px;
}

 .tabStyle04.fourCol .ts04-box:not(:last-child) {
  margin-right: 32px;
}

 .tabStyle05 .ts05-box {
  width: 40%;
}

 .tabStyle05 .ts05-box:not(:last-child) {
  margin-right: 25px;
}

 .tabStyle05 .ts05-box .btnArea {
  text-align: center;
  padding: 10px 0;
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
}

 .tabStyle05 .ts05-box .txtArea {
  background-color: #ffffff;
  padding: 5px 25px 20px;
}

 .tabStyle05 .ts05-box .pcOn .btnArea {
  background-color: #e8e8e8;
  padding: 10px 0 20px;
}

 .tabStyle05 .ts05-txt {
  padding: 5px 25px 0;
}

 .tabStyle05 .btnArea,  .tabStyle05 .imgBox,  .tabStyle05 .ts05-txt {
  background-color: #ffffff;
}

 .tabStyle05 .imgBox img {
  margin: 0 auto;
}

 .tabStyle05 .ts05-inner .imgBox {
  text-align: center;
}
}

@media screen and (max-width: 896px){
 .tabStyle05 {
  margin: 0 auto;
}

 .tabStyle05 .ts05-contents {
  background-color: #e8e8e8;
}

 .tabStyle05 .spOn .ts05-ttl.spflex {
  border-bottom: 0;
}

 .tabStyle05 .imgBox,  .tabStyle05 .ts05-txt {
  background: #ffffff;
}

 .tabStyle05 .ts05-ttl {
  text-align: center;
  background: #ffffff;
}

 .tabStyle05 .ts05-ttl.spflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .tabStyle05 .ts05-ttl.spflex:not(.spOn) {
  border-bottom: solid #fafafa 1px;
}

 .tabStyle05 .ts05-ttl.spflex .imgBox {
  width: 110px;
}

 .tabStyle05 .ts05-ttl.spflex .ts05-txt {
  text-align: left;
  width: calc(100% - 91px);
  padding-left: 20px;
}

 .tabStyle05 .ts05-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffffff;
  width: calc(100% - 65px);
  border-right: solid 1px #cccccc;
  margin: 11px 0;
}

 .tabStyle05 .ts05-inner.vw {
  width: 100%;
  border-right: solid 1px #cccccc;
}

 .tabStyle05 .btnArea {
  width: 65px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

 .tabStyle05 .txtArea {
  display: none;
}

 .tabStyle05 .spOn .btnArea {
  background: #e8e8e8;
}

 .tabStyle05 .ts05-txt {
  font-size: 18px;
  line-height: 1;
}
}

/*
qaListStyle
------------------------------------------------*/
@media screen and (min-width: 897px){
 .qaListStyle dt {
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
  position: relative;
  padding: 23px 0 23px 50px;
  background: url("/ja/assets/img/q_icon.svg") no-repeat center left;
  background-size: 31px;
}

 .qaListStyle dt:not(:last-of-type) {
  border-bottom: solid 1px #cccccc;
}

 .qaListStyle dt:hover {
  opacity: .5;
}

 .qaListStyle dd {
  display: none;
}

 .qaListStyle .slideToggleBtn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
}

@media screen and (max-width: 896px){
 .qaListStyle dt {
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
  position: relative;
  padding: 23px 30px 19px 37px;
  background: url("/ja/assets/img/q_icon.svg") no-repeat center left;
  background-size: 26px;
  line-height: 1.4;
}

 .qaListStyle dt:not(:last-of-type) {
  border-bottom: solid 1px #cccccc;
}

 .qaListStyle dd {
  display: none;
}

 .qaListStyle .slideToggleBtn {
  position: absolute;
  right: 9px;
  top: 0;
  bottom: 0;
}
}
/*
iconset
------------------------------------------------*/
/* i_new */
.i_new {
  position: relative;
  overflow: hidden;
}

.i_new:before {
  top: -7px;
  position: absolute;
  color: #ffffff;
  background: #b91440;
  text-align: center;
  font-size: 11px;
  content: "NEW";
  -webkit-transform: rotate(-37deg);
  transform: rotate(-37deg);
  width: 80px;
  padding-top: 14px;
  left: -27px;
}

@media screen and (max-width: 896px){
 .i_new:before {
  top: -10px;
  left: -32px;
  padding: 14px 0 1px;
  font-size: 10px;
}
}

/* i_close */
.i_close {
  display: inline-block;
  font-size: 17px;
  letter-spacing: .05em;
  opacity: 1;
  transition: all .2s;
  cursor: pointer;
}

.i_close_w {
  display: inline-block;
  font-size: 17px;
  letter-spacing: .05em;
  opacity: 1;
  transition: all .2s;
  cursor: pointer;
  color: #ffffff;
}

.i_close:hover, .i_close_w:hover {
  opacity: 0.5;
}

.i_close:after, .i_close_w:after {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 15px;
  background-size: 14px;
  background-repeat: no-repeat;
  content: '';
}

.i_close:after {
  background-image: url("/ja/assets/img/icon_close.svg");
}

.i_close_w:after {
  background-image: url("/ja/assets/img/icon_close_w.svg");
}

@media screen and (max-width: 896px){
 .i_close:after,  .i_close_w:after {
  width: 15px;
  background-size: 15px auto;
  margin-left: 10px;
}
}

/* i_zoomIn i_zoomOut */
.i_zoomIn, .i_zoomIn_w, .i_zoomOut, .i_zoomOut_w {
  position: relative;
  display: inline-block;
  font-size: 17px;
  letter-spacing: .05em;
  opacity: 1;
  transition: all .2s;
  cursor: pointer;
}

.i_zoomIn_w, .i_zoomOut_w {
  color: #ffffff;
}

.i_zoomIn:hover, .i_zoomIn_w:hover, .i_zoomOut:hover, .i_zoomOut_w:hover {
  opacity: 0.5;
}

.i_zoomIn:after, .i_zoomIn_w:after, .i_zoomOut:after, .i_zoomOut_w:after {
  display: inline-block;
  width: 27px;
  height: 27px;
  margin-left: 15px;
  background-size: 27px;
  background-repeat: no-repeat;
  vertical-align: -7px;
  content: '';
}

.i_zoomIn:after {
  background-image: url("/ja/assets/img/icon_zoomIn.svg");
}

.i_zoomIn_w:after {
  background-image: url("/ja/assets/img/icon_zoomIn_w.svg");
}

.i_zoomOut:after {
  background-image: url("/ja/assets/img/icon_zoomOut.svg");
}

.i_zoomOut_w:after {
  background-image: url("/ja/assets/img/icon_zoomOut_w.svg");
}

a.i_zoomIn:after, a.i_zoomIn_w:after, a.i_zoomOut:after, a.i_zoomOut_w:after {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

@media screen and (max-width: 896px){
 .i_zoomIn:after,  .i_zoomIn_w:after,  .i_zoomOut:after,  .i_zoomOut_w:after {
  width: 21px;
  height: 21px;
  background-size: 21px auto;
  margin-left: 10px;
  vertical-align: -4px;
}
}

/* i_volume i_mute */
.i_volume, .i_volume_w, .i_mute, .i_mute_w {
  display: inline-block;
  font-size: 17px;
  vertical-align: middle;
  letter-spacing: .05em;
  opacity: 1;
  transition: all .2s;
  cursor: pointer;
}

.i_volume_w, .i_mute_w {
  color: #ffffff;
}

.i_volume:hover, .i_volume_w:hover, .i_mute:hover, .i_mute_w:hover {
  opacity: 0.5;
}

.i_volume:after, .i_volume_w:after, .i_mute:after, .i_mute_w:after {
  display: inline-block;
  width: 27px;
  height: 17px;
  margin-left: 15px;
  background-size: 27px 17px;
  background-repeat: no-repeat;
  vertical-align: -2px;
  content: '';
}

.i_mute:after, .i_mute_w:after {
  width: 29px;
}

.i_volume:after {
  background-image: url("/ja/assets/img/icon_volume.svg");
}

.i_volume_w:after {
  background-image: url("/ja/assets/img/icon_volume_w.svg");
}

.i_mute:after {
  background-image: url("/ja/assets/img/icon_mute.svg");
}

.i_mute_w:after {
  background-image: url("/ja/assets/img/icon_mute_w.svg");
}

@media screen and (max-width: 896px){
 .i_volume:after,  .i_volume_w:after,  .i_mute:after,  .i_mute_w:after {
  margin-left: 10px;
  vertical-align: -4px;
}

 .i_volume:after,  .i_volume_w:after {
  width: 33px;
  height: 21px;
  background-size: 33px auto;
}

 .i_mute:after,  .i_mute_w:after {
  width: 32px;
  height: 19px;
  background-size: 32px auto;
}
}

/* i_play i_stop i_pause */
.i_play, .i_play_w, .i_stop, .i_stop_w, .i_pause, .i_pause_w {
  display: inline-block;
  font-size: 0;
  opacity: 1;
  transition: all .2s;
  cursor: pointer;
}

.i_play:hover, .i_play_w:hover, .i_stop:hover, .i_stop_w:hover, .i_pause:hover, .i_pause_w:hover {
  opacity: 0.5;
}

.i_play:after, .i_play_w:after, .i_stop:after, .i_stop_w:after, .i_pause:after, .i_pause_w:after {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-size: 35px;
  background-repeat: no-repeat;
  content: '';
}

.i_play:after {
  background-image: url("/ja/assets/img/icon_play.svg");
}

.i_play_w:after {
  background-image: url("/ja/assets/img/icon_play_w.svg");
}

.i_stop:after {
  background-image: url("/ja/assets/img/icon_stop.svg");
}

.i_stop_w:after {
  background-image: url("/ja/assets/img/icon_stop_w.svg");
}

.i_pause:after {
  background-image: url("/ja/assets/img/icon_pause.svg");
}

.i_pause_w:after {
  background-image: url("/ja/assets/img/icon_pause_w.svg");
}

@media screen and (max-width: 896px){
 .i_play:after,  .i_play_w:after,  .i_stop:after,  .i_stop_w:after,  .i_pause:after,  .i_pause_w:after {
  width: 45px;
  height: 45px;
  background-size: 45px;
}
}

/* i_cv_shop i_cv_support i_cv_info */
.i_cvShop, .i_cvSupport, .i_cvInfo, .i_cvSite, .i_cvSite_red, .i_cvContact,.i_cvRepair {
  display: inline-block;
  font-size: 0;
  opacity: 1;
  transition: all .2s;
  cursor: pointer;
}

.i_cvShop:hover, .i_cvSupport:hover, .i_cvInfo:hover, .i_cvSite:hover, .i_cvSite_red:hover, .i_cvContact:hover, .i_cvRepair:hover {
  opacity: 0.5;
}

.i_cvShop:after, .i_cvSupport:after, .i_cvInfo:after, .i_cvSite:after, .i_cvSite_red:after, .i_cvContact:after, .i_cvRepair:after {
  display: inline-block;
  width: 90px;
  height: 90px;
  background-size: 90px;
  background-repeat: no-repeat;
  vertical-align: middle;
  content: '';
}

.i_cvShop:after {
  background-image: url("/ja/assets/img/fix_btn_01.svg");
}

.i_cvSupport:after {
  background-image: url("/ja/assets/img/fix_btn_02.svg");
}

.i_cvInfo:after {
  background-image: url("/ja/support/img/fix_btn_01.svg");
}

.i_cvSite:after {
  background-image: url("/ja/assets/img/fix_btn_03.svg");
}

.i_cvSite_red:after {
  background-image: url("/ja/assets/img/fix_btn_03_r.svg");
}

.i_cvContact:after {/*20191004 tn*/
  background-image: url("/ja/assets/img/fix_btn_04.svg");
}

.i_cvRepair:after {/*20201126 tn*/
  background-image: url("/ja/assets/img/fix_btn_02_repair.svg");
}

@media screen and (max-width: 896px){
 .i_cvShop:after,  .i_cvSupport:after,  .i_cvInfo:after, .i_cvSite:after, .i_cvSite_red:after, .i_cvContact:after, .i_cvRepair:after  {
  width: 63px;
  height: 63px;
  background-size: 63px;
}
.i_cvRepair:after {/*20201126 tn*/
  background-image: url("/ja/assets/img/fix_btn_02_repair_sp.svg");
}
}

/* imgFlag */
.imgFlag {
  position: relative;
}

.imgFlag span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px 9px;
  color: #ffffff;
  line-height: 1;
  font-size: 14px;
}

.imgFlag .red {
  background: #a70035;
}

.imgFlag .black {
  background: #333333;
}

@media screen and (max-width: 896px){
 .imgFlag span {
  padding: 3px 4px;
  font-size: 10px;
}
}

/*
pagetop
------------------------------------------------*/
.pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 0;
}

.pageTop a {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  padding: 12px 0;
  background: #000000;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
}

/*
footer
------------------------------------------------*/
#footer, #simplefooter {
  font-size: 10px;
}

@media screen and (min-width: 897px){
 #simplefooter .f-extraNav {
  padding: 20px 0;
}
}

@media screen and (max-width: 896px){
 #simplefooter {
  padding-top: 25px;
}
}

.f-wrapper {
  background: #000000;
  color: #ffffff;
}

#top .f-wrapper {
  padding-top: 60px;
}

.f-wrapper .f-breadcrumb li, .f-wrapper .f-breadcrumb ul {/*20190722*/
  display: inline-block;
}

.f-wrapper .f-breadcrumb .swiper-slide{
  background: none;/*20190722*/
}

.f-home {
  display: inline-block;
}

.f-lnav {
  color: #ffffff;
  background: #000000;
  background: #d2d2d2;
}

.f-lnavList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px 20px;
}

.f-lnavList li {
  background: #ffffff;
  width: 46.75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.f-lnavList li a {
  line-height: 1.5;
  letter-spacing: .025em;
  color: #000000;
  display: block;
  position: relative;
  width: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.f-lnavList li a:after {
  display: block;
  content: "";
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 6px;
  height: 11px;
  width: 7px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.f-home {
  width: 15px;
}

.f-home img {
  margin-top: 3px;
  vertical-align: text-top;
}

.swiper-slide .f-home img {
  margin-top: 0;
}

.f-wrapper .f-breadcrumb {/*20190722*/
  font-size: 11px;
  padding: 12px 0 22px 5.33vw;
}

.f-wrapper .f-breadcrumb li {/*20190722*/
  position: relative;
  padding-left: 20px;
}

.f-wrapper .f-breadcrumb li:before {/*20190722*/
  position: absolute;
  height: 20px;
  width: 1px;
  background-color: #8e8e8e;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  content: "";
  left: 20px;
}

@media screen and (min-width: 897px){
.f-wrapper .f-breadcrumb li:first-child {/*20190722*/
  padding-left: 0;
}

.f-wrapper .f-breadcrumb li:first-child:before {/*20190722*/
  content: none;
}
}

.f-wrapper .f-breadcrumb li:last-child {/*20190722*/
  padding-right: 15px;
}

/*.pc */.f-wrapper .f-breadcrumb li a:hover {/*20190722*/
  text-decoration: underline;
}

.f-wrapper .f-breadcrumb .swiper-bread-f ul {/*20190722*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.f-wrapper .f-breadcrumb .swiper-bread-f li {/*20190722*/
  width: auto;
}

.f-tabArea {
  font-size: 12px;
}

.f-tabArea li {
  color: #ffffff;
}

.f-tabArea li.on {
  position: relative;
}

.f-listStyle03 li {
  display: inline-block;
}

.f-listStyle03 li a {
  padding-right: 16px;
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat right 6px;
  background-size: 6px;
}
.f-listStyle03 li.window a {/*20190920 add oto*/
  padding-right: 21px;
  background: url(/ja/assets/img/icon_window_w_sp.svg) no-repeat right 3px;
  background-size: 14px;
}

.f-listStyle03 li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 896px){
 #footer {
  font-size: 12px;
}

#top .f-wrapper {
  padding-top: 50px;
}

 .f-wrapper .f-breadcrumb li {/*20190722*/
  line-height: 1;
}

 .f-wrapper .f-breadcrumb li::before {/*20190722*/
  height: 14px;
  left: 10px;
}

 .f-tabArea li > span,  .f-tabArea li > a {
  padding: 11px 0 10px;
  border-bottom: solid 1px #666666;
  margin: 0 5.33vw;
  position: relative;
  display: block;
}

 .f-tabArea li > span:after,  .f-tabArea li > span:before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: #ffffff;
  position: absolute;
  right: 4px;
  top: 0;
  bottom: 0;
  margin: auto;
}

 .f-tabArea li > a:after,  .f-tabArea li > a:before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: #ffffff;
  position: absolute;
  right: 4px;
  top: 0;
  bottom: 0;
  margin: auto;
}

 .f-tabArea li > span:after,  .f-tabArea li > a:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

 .f-tabArea li > span.on:after,  .f-tabArea li > a.on:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

 .f-tabArea li:first-child > span,  .f-tabArea li:first-child > a {
  border-top: solid 1px #666666;
}

 .f-logo {
  width: 89px;
  margin: 0 auto 10px;
}

 .f-tabContentsWrapper {
  display: none;
}

 .f-listStyle03 {
  padding: 20px 0 15px;
  font-size: 11px;
  text-align: center;
}

 .f-listStyle03 li {
  margin: 0 3% 10px;
  text-align: center;
}

 .f-copyright {
  text-align: center;
  font-size: 10px;
  /*padding-bottom: 25px; 20201020_tn*/
}
	
 .f-extraNav {
  padding-bottom: 25px; /*20201020_tn*/
}

 .f-tabInnerContents {
  display: none;
}

 .f-tabInnerContents .n-dlStyle01 {
  background: #515151;
}

 .f-tabInnerContents .n-dlStyle01 dd {
  display: none;
  font-size: 12px;
}

 .f-tabInnerContents .n-dlStyle01 > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid #434343 1px;
}

 .f-tabInnerContents .n-dlStyle01 > dt a {
  padding: 9px 8% 11px;
  width: calc(100% - 55px);
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat 97% center;
  background-size: 7px;
}

 .f-tabInnerContents .n-dlStyle01 a {
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat right 10px center;
  background-size: 7px;
  display: block;
}

 .f-tabInnerContents .n-dlStyle02 dt {
  background: #666666;
  padding: 5px 0 8px 8%;
  border-bottom: grey 1px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

 .f-tabInnerContents .n-dlStyle02 dt span {
  width: calc(100% - 55px);
  display: block;
}

 .f-tabInnerContents .n-listStyle01,  .f-tabInnerContents .n-listStyle02 {
  background: #666666;
  margin-bottom: 0;/*20191021 oto add old-porting用*/
}

 .f-tabInnerContents .n-listStyle01 li,  .f-tabInnerContents .n-listStyle02 li {
  border-bottom: #808080 1px solid;
  padding-right: 55px;
}

 .f-tabInnerContents .n-listStyle01 li a,  .f-tabInnerContents .n-listStyle02 li a {
  padding: 5px 0 8px 12%;
}

 .f-tabInnerContents .n-listStyle01 li:last-child,  .f-tabInnerContents .n-listStyle02 li:last-child {
  border-bottom: solid #434343 1px;
}

/*20191021 oto add*/
 .f-tabInnerContents .n-2of5 .n-listStyle01:first-child li:last-child,
 .f-tabInnerContents .n-2of5 .n-listStyle02:first-child li:last-child {
  border-bottom: #808080 1px solid;
}
/* end */

 .f-tabInnerContents .slideToggleBtn {
  width: 55px;
}

 .f-tabInnerContents .slideToggleBtn:after,  .f-tabInnerContents .slideToggleBtn:before {
  right: 0;
  left: 0;
  margin: auto;
}

 .f-tabInnerContents .slideToggleBtn.on:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

 .f-lnavList {
  padding: 40px 5.33%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .f-lnavList li {
  width: 46.75%;
}

 .f-lnavList li a {
  min-height: 54px;
  padding: 8px 13% 8px 6.34%;
  width: 100%;
  font-size: 13px;
}

 .f-lnavList li a:after {
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 6px;
  height: 11px;
  width: 7px;
  right: 6.3%;
  margin: auto;
}

 .f-lnavList li a.current {
  background: #000000;
  color: #ffffff;
}

 .f-lnavList li a.current:after {
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat;
  background-size: 6px;
}

 .f-lnavList li:nth-child(n+3) {
  margin-top: 12px;
}
}

@media screen and (min-width: 897px){
 #footer .n-block a {
  opacity: .6;
  color: #ffffff;
}

 #footer .n-block a:hover {
  opacity: 1;
}

 .f-logo {
  line-height: 1;
  float: left;
  margin-top: 4px;
}

 .f-home img {
  margin-top: 0;
}

 .f-wrapper .f-breadcrumb {/*20190722*/
  padding: 17px 0 25px;
}

 .f-wrapper .f-breadcrumb li {/*20190722*/
  padding-left: 38px;
  position: relative;
  top: 2px;
}

 .f-navlist > li {
  cursor: pointer;
}

 .f-tabArea {
  width: 1192px;
  margin: 0 auto;
  font-size: 14px;
}

 .f-tabArea ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 42px;
}

 .f-tabArea li {
  width: 236px;
  text-align: center;
  color: #ffffff;
  background-color: #515151;
  padding: 8px 0 9px;
  height: 39px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

 .f-tabArea li:nth-child(n+2) {
  margin-left: 3px;
}

 .f-tabArea li.on,  .f-tabArea li:hover {
  background: #333333;
  position: relative;
  height: 100%;
}

 .f-tabContentsWrapper {
  background: #333333;
  padding-bottom: 25px;
  min-height: 492px;
}

 .f-tabContentsWrapper .f-tabInnerContents {
  display: block !important;
}

 .f-tabInnerContents {
  margin: 0 auto;
  width: 1165px;
  display: none !important;
  padding-top: 17px;
}

 .f-tabInnerContents .n-listStyle01 li {
  margin-bottom: 3px;
}

 .f-tabInnerContents .n-listStyle02 li {
  margin-bottom: 4px;
}

 .f-extraNav {
  padding: 35px 0;
}

 .f-extraNavWrapper {
  width: /*705 765 20190920 oto*/795px;/*20201013 tn*/
  float: left;
}

 .f-extraNavWrapper a:hover {
  text-decoration: underline;
}

 .f-copyright {
  float: right;
  font-size: 12px;
  font-family: "Source Sans Pro", "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
  letter-spacing: .05em;
  margin-top: 3px;
}

 .f-listStyle03 {
  text-align: center;
  width: /*568 628 20190920 oto*/ 669px;/*20201013 tn*/
  float: right;
  font-size: 12px;
  margin-top: 5px;
}

 .f-listStyle03 li {
  display: inline-block;
  margin-right: /*20 14 20190920 oto*/ 12px;/*20201013 tn*/
}

 .f-listStyle03 li:last-child {
  margin-right: 0;
}

 .f-lnavList {
  padding: 32px 0 33px;
}

 .f-lnavList.threeCol {
  width: 888px;
  margin: 0 auto;
}

 .f-lnavList.threeCol li {
  width: 264px;
}

 .f-lnavList.threeCol li:not(:nth-child(3n)) {
  margin-right: 48px;
}

 .f-lnavList.threeCol li:nth-child(n+4) {
  margin-top: 20px;
}

 .f-lnavList.twoCol {
  width: 576px;
  margin: 0 auto;
}

 .f-lnavList.twoCol li:not(:nth-child(2n)) {
  margin-right: 48px;
}

 .f-lnavList.twoCol li:nth-child(n+3) {
  margin-top: 20px;
}

 .f-lnavList.fourCol li:not(:nth-child(4n)) {
  margin-right: 48px;
}

 .f-lnavList.fourCol li:nth-child(n+5) {
  margin-top: 20px;
}

 .f-lnavList li {
  width: 264px;
}

 .f-lnavList li a {
  padding: 0 0 0 15px;
  font-size: 16px;
  height: 66px;
}

 .f-lnavList li a:after {
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 8px;
  height: 12px;
  width: 8px;
  right: 24px;
  -webkit-transition: all .2s;
  transition: all .2s;
  top: 0;
  bottom: 0;
  margin: auto;
}

 .f-lnavList li a.current,  .f-lnavList li a:hover {
  background: #000000;
  color: #ffffff;
}

 .f-lnavList li a.current:after {
  content: none;
}

 .f-lnavList li a:hover:after {
  background-image: url("/ja/assets/img/icon_arrow01_w.svg");
  right: 19px;
}

 .n-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .n-1of5 {
  width: 205px;
}

 .n-2of5 {
  width: 445px;
}

 .n-3of5 {
  width: 685px;
}

 .n-4of5 {
  width: 925px;
}

 .n-5of5 {
  width: 1165px;
}

 .n-block {
  width: 205px;
  margin-top: 8px;

}

 .n-block:nth-child(n+2) {
  margin-left: 35px;
}

 .n-box:nth-child(n+2) {
  margin-left: 35px;
}

 .n-dlStyle01 {
  width: 100%;
}

 .n-dlStyle01 dt {
  font-size: 14px;
  position: relative;
  font-weight: 400;
  line-height: 1.6;
  padding-bottom: 10px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

 .n-dlStyle01 dt.disable{/*20201020 tn*/
	 color: #ccc;
	 font-size: 14px;
}

 .n-dlStyle01 dt.twoLine {
  height: 55px;
}

 .n-dlStyle01 dt .img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding-bottom: 5px;
}

 .n-dlStyle01 dt a {
  width: 100%;
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat left 7.3px;
  background-size: 6px;
  padding-left: 14px;
  font-size: 14px;
  letter-spacing: .05em;
  line-height: 1.5;
}
.n-dlStyle01 dt a.window{/*20210120 tn add*/
	background: url("/ja/assets/img/icon_window_w.svg") no-repeat left 7.3px;
	background-size: 10px;

}
 .n-dlStyle01 dt a:after, .n-dlStyle01 dt:after/*20200402 tn */ {
  background: #515151;
  height: 1px;
  content: "";
  display: block;
  right: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
}

 .n-dlStyle01:nth-child(n+2) {
  padding-left: 35px;
}

 .n-dlStyle01:nth-child(n+2) a:after {
  width: calc(100% - 35px);
  right: 0;
}

 .n-dlStyle01 a:hover {
  text-decoration: underline;
  color: #ffffff;
}

 .n-dlStyle02 {
  width: 100%;
}

 .n-dlStyle02 > dt {
  font-size: 12px;
}
.n-dlStyle01 dt.height_adjust_support {/*20210331 tn*/
	padding-bottom: 29px !important;
}
 .n-listStyle01 {
  font-size: 12px;
  margin-top: 8px;
  margin-top: 3px;/*20200219 tn*/
}

 .n-listStyle01 li {
  margin-bottom: 0;
}

 .n-listStyle01 li a {
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat 1px 4.3px;
  background-size: 6px;
  padding-left: 12px;
  padding-left: 13px;/*20200330 tn*/
}
	
.n-listStyle01 li.window a{ /*20200330 tn*/
  background: url("/ja/assets/img/icon_window_w.svg") no-repeat 1px 4.3px;
  background-size: 8px 7px;
  padding-left: 13px;
}

 .n-listStyle02 {
  font-size: 11px;
}

 .n-listStyle02 li {
  margin-bottom: 7px;
}

 .n-listStyle02 li a {
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat 1px center;
  background-size: 4px;
  padding-left: 12px;
}

.n-dlStyle01 dt
 #footer .n-1of5 {
  width: 216px;
}

 #footer .n-2of5 {
  width: 450px;
}

 #footer .n-block {
  width: 216px;
}

 #footer .n-box {
  padding-bottom: 20px;
}


 #footer .n-box:nth-child(n+2) {
  margin-left: 17px;
}

 #footer .n-block:nth-child(n+2) {
  margin-left: 18px;
}

/*20191001*/
 #footer .n-block:nth-of-type(6) {
  margin-left: 0;
}
#footer li.n-listLinkItems.border-top {
    border-top: dotted 1px #666;
    margin-top: 10px;
    padding-top: 5px;
}
/*20191001 end*/

 #footer .n-block a {
  font-size: 11px;
}

 #footer .n-2of5 .n-block {/*20191021 oto add*/
 float: left;
 /* margin-top: 0px; 20210331 tn */
}

 #footer .n-listStyle01 li a, #footer .n-listStyle02 li a {
  background: url(/ja/assets/img/icon_arrow01_w.svg) no-repeat 1px 7.3px;
  background-size: 4px;
  display: block;
  line-height: 1.8;
}

#footer .n-listStyle01 li a.window{/*20230330 add tn*/
  background: url(/ja/assets/img/icon_window_w.svg) no-repeat 0 7.3px;
  background-size: 8px;
}

#footer .n-listStyle01 li.disable{/*20200403 add tn*/
	font-size: 11px;
	color: #777;
	margin-left:13px;
	
}

 #footer .n-dlStyle01_space .n-block:nth-child(n+2) {
  margin-top: 41px;
}

 #footer .f-tabInnerContents .n-listStyle02 li {
  margin-bottom: 0;
}

}

@media screen and (max-width: 896px){
 .h-lnavContentContainer .n-dlStyle01 dt .slideToggleBtn {
  height: 100%;
}

 .f-tabInnerContents .n-listStyle01 li a,  .f-tabInnerContents .n-listStyle02 li a {
  margin: 0;
}

 .f-tabInnerContents .n-listStyle01 li a::before,  .f-tabInnerContents .n-listStyle01 li a::after {
  display: none;
}

 .f-tabInnerContents .n-listStyle02 li a::before,  .f-tabInnerContents .n-listStyle02 li a::after {
  display: none;
}

 .h-lnavContentContainer .n-listStyle01 li.n-listLinkItems {
  padding-right: 0;
}

 .f-tabInnerContents .n-listStyle01 li.n-listLinkItems,  .f-tabInnerContents .n-listStyle02 li.n-listLinkItems {
  padding-right: 0;
}

 .h-lnavContentContainer .n-listStyle01 li.n-listLinkItems a
	{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 60px 0px 54px;
}


 .f-tabInnerContents .n-listStyle01 li.n-listLinkItems a,  .f-tabInnerContents .n-listStyle02 li.n-listLinkItems a, 
	.n-listStyle01 li.disable/*20200403 add tn */  {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 60px 0px 54px;
}
	
 .n-listStyle01 li.disable{/*20200403 add tn */
	 color: #bbb;
		
 }

 .h-lnavContentContainer .n-dlStyle01 dt a,  .f-tabInnerContents .n-dlStyle02 dt a{
  background: url(/ja/assets/img/icon_arrow01_w.svg) no-repeat right 22px center;
  background-size: 9px;
  padding: 0 28px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
	
	 .h-lnavContentContainer .n-dlStyle01 dt a.window,  .f-tabInnerContents .n-dlStyle02 dt a.window{ /*20210120 tn add*/
  background: url(/ja/assets/img/icon_window_w.svg) no-repeat right 22px center;
  background-size: 14px;

}

 .h-lnavContentContainer .n-dlStyle01 dt.toggleLine a {
  background: url(/ja/assets/img/icon_arrow01_w.svg) no-repeat right 10px center;
  background-size: 9px;
  padding: 0 28px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

 .f-tabInnerContents .n-dlStyle01 dt.toggleLine a,  .f-tabInnerContents .n-dlStyle02 dt.toggleLine a {
  background: url(/ja/assets/img/icon_arrow01_w.svg) no-repeat right 10px center;
  background-size: 9px;
  padding: 0 28px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

 .h-lnavContentContainer .n-dlStyle01 a {
  background: url(/ja/assets/img/icon_arrow01_w.svg) no-repeat right 23px center;
  background-size: 7px;
}

 .f-tabInnerContents .n-dlStyle01 a,  .f-tabInnerContents .n-dlStyle02 a {
  background: url(/ja/assets/img/icon_arrow01_w.svg) no-repeat right 23px center;
  background-size: 7px;
}
.f-tabInnerContents .n-dlStyle01 a.window {/*20230330 tn*/
  background: url(/ja/assets/img/icon_window_w.svg) no-repeat right 23px center;
  background-size: 10px;

}
}

/*
flexTbl
------------------------------------------------*/
@media screen and (min-width: 897px){
 .flexTbl {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #cccccc;
}

 .flexTbl:last-child {
  border-bottom: none;
}

 .flexTbl-ttl {
  width: 145px;
  margin-bottom: 2px;
  padding: 5px 20px;
  background-color: #f5f5f5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000;
  font-weight: bold;
  font-size: 22px;
}

 .flexTbl-subttl {
  position: relative;
  width: 145px;
  margin-right: 15px;
  padding: 15px 18px;
  background-color: #f5f5f5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000;
  font-weight: bold;
  font-size: 14px;
}

 .flexTbl-subttl:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 110px;
  height: 1px;
  margin-left: -55px;
  background: #cccccc;
  content: "";
}

 .flexTbl-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .flexTbl-block:first-of-type .flexTbl-subttl:after,  .flexTbl-block:first-of-type .flexTbl-list:after {
  height: 0;
}

 .flexTbl-list {
  position: relative;
  width: 984px;
  padding: 20px 0 0;
}

 .flexTbl-list:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 984px;
  height: 1px;
  margin-left: -492px;
  background: #cccccc;
  content: "";
}

 .flexTbl .box {
  padding: 0 10px 20px;
}

 .flexTbl .box .imgBox img {
  width: 100%;
}

 .flexTbl .box .linkBoxStyle01:after,  .flexTbl .box .linkBoxStyle01_white:after,  .flexTbl .box .linkBoxStyle01_black:after,  .flexTbl .box .linkBoxStyle02:after {
  width: 6px;
  height: 10px;
  background-size: 6px 10px;
}

 .flexTbl .box .mainTxt {
  font-weight: bold;
  font-size: 12px;
}
}

@media screen and (max-width: 896px){
 .flexTbl {
  padding: 0;
  border-bottom: none;
}

 .flexTbl-ttl {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000;
  font-size: 20px;
  text-align: center;
}

 .flexTbl-subttl {
  display: block;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 10px;
  background: #f5f5f5;
  color: #515151;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.4;
}

 .flexTbl-subttl:after {
  display: none;
}

 .flexTbl-block {
  padding: 10px 0 5px;
}

 .flexTbl-block:first-of-type {
  padding: 10px 0 5px;
}

 .flexTbl-block:last-child {
  border-bottom: none;
}

 .flexTbl-list {
  padding: 0;
}

 .flexTbl-list:after {
  display: none;
}

 .flexTbl .box .linkBoxStyle01,  .flexTbl .box .linkBoxStyle01_white,  .flexTbl .box .linkBoxStyle01_black,  .flexTbl .box .linkBoxStyle02 {
  line-height: 1.2;
}

 .flexTbl .box .mainTxt {
  font-weight: bold;
}

 .flexTbl .flexS3 {
  padding: 0 5px;
}
}

/* mod-ttl ※モジュールページのみで使用
  ------------------------------------------------*/
.mod-ttl-lv1 {
  width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  background: #b91440;
  box-sizing: border-box;
  color: #ffffff;
  font-weight: bold;
  font-size: 44px;
  text-align: center;
  line-height: 1.5;
}

.mod-ttl-lv2 {
  width: 1200px;
  margin: 0 auto;
  padding: 35px 20px;
  box-sizing: border-box;
  border: 4px solid #b91440;
  box-sizing: border-box;
  color: #b91440;
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  line-height: 1.5;
}

.mod-ttl-lv3 {
  width: 856px;
  margin: 0 auto;
  padding: 10px 20px;
  border-bottom: 3px solid #b91440;
  box-sizing: border-box;
  color: #b91440;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  line-height: 1.5;
}

.mod-ttl-lv4 {
  width: 536px;
  margin: 0 auto;
  padding: 5px 20px;
  border-bottom: 1px solid #b91440;
  box-sizing: border-box;
  color: #b91440;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  line-height: 1.5;
}

/* guideline ※モジュールページのみで使用
  ------------------------------------------------*/
.mod-guideline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 870px;
  margin: 0 auto;
  border: 1px solid #7f7f7f;
  box-sizing: border-box;
}

.mod-guideline-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 246px;
  padding: 15px;
  background: #7f7f7f;
  box-sizing: border-box;
  color: #ffffff;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.0;
}

.mod-guideline-inner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 20px;
}

.mod-guideline-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mod-guideline-list .list-item {
  margin: 5px 15px 5px 0;
}

.mod-guideline-list .list-item > a {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.0;
}

.mod-guideline-list .list-item > a:hover {
  opacity: 0.5;
}

.mod-guideline-list .list-item > a:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border: 0px;
  border-top: solid 2px #333333;
  border-right: solid 2px #333333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

@media screen and (max-width: 896px){
 .mod-ttl-lv1 {
  width: 100%;
  padding: 20px 10px;
  background: #b91440;
  font-size: 24px;
}

 .mod-ttl-lv2 {
  width: 90%;
  padding: 20px 10px;
  border: 2px solid #b91440;
  font-size: 20px;
}

 .mod-ttl-lv3 {
  width: 90%;
  padding: 5px 10px;
  border-bottom: 2px solid #b91440;
  font-size: 18px;
}

 .mod-ttl-lv4 {
  width: 80%;
  margin: 0 auto;
  padding: 5px 10px;
  border-bottom: 1px solid #b91440;
  font-size: 16px;
}

 .mod-guideline {
  width: 90%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

 .mod-guideline-head {
  width: 100%;
  font-size: 16px;
}

 .mod-guideline-inner {
  padding: 10px;
}

 .mod-guideline .list-item > a {
  font-size: 14px;
}
}

/*================================================================================
FileName: _module.scss
================================================================================*/
/*------------------------------------------------*/
/*共通*/
/*list*/
ol, ul {
  margin: 0;
  padding: 0;
}

ol {
  padding: 5px 5px 5px 25px;
}

ul.decimal-zero, ul.list, ul.lower-alpha, ul.disc, ul.square {
  padding: 5px 5px 5px 25px;
}

ul.decimal-zero li, ul.list li, ul.lower-alpha li, ul.disc li, ul.square li {
  list-style: none;
  padding: 6px 0;
}

ol li {
  padding: 6px 0;
}

ul.dotBorder li {
  border-bottom: #cccccc 1px dotted;
}

ul.solidBorder li {
  border-bottom: #cccccc 1px solid;
}

ul.none {
  display: block;
}

ul.none li {
  list-style: none;
}

/*円形*/
ul.disc li, ol.decimal ul.disc li {
  list-style: disc outside;
}

/*四角*/
ul.square li {
  list-style: square outside;
}

/*数字*/
ol.decimal li, ul.decimal li {
  list-style: decimal outside;
}

/*数字 ゼロ埋め*/
ol.decimal-zero li {
  list-style: decimal-leading-zero outside;
}

ul.decimal-zero li {
  list-style: decimal-leading-zero outside;
}

/*小文字アルファベット*/
ul.lower-alpha li {
  list-style: lower-alpha outside;
}

ul.borderList, ul.borderListDot, ul.borderListStr {
  margin: 0;
}

ul.borderList li {
  padding: 5px;
  list-style: none;
  border-bottom: #dfdfdf 1px solid;
}

ul.borderListDot li {
  padding: 5px;
  list-style: none;
  border-bottom: #dfdfdf 1px dotted;
}

ul.borderListStr li {
  padding: 5px;
  list-style: none;
}

ul.borderListStr li.odd, ul.borderListStr li:nth-child(odd) {
  padding: 5px;
  list-style: none;
  background: #efefef;
}

/*p :not(.oldContent p) {20190726
  color: #6c6c6c;
} 20210202 tn*/

/* icon使用の場合
ul.iconList{
	padding:5px 5px 5px 25px;
}
ul.iconList li{
	list-style:none;
	background:url("../images/list_icon.png") 0 10px no-repeat;
	padding:10px 5px 10px 30px;
}
*/

@media screen and (max-width: 896px){
 ol {
  padding: 0 15px;
}

 ul.decimal-zero,  ul.list,  ul.lower-alpha,  ul.disc,  ul.square {
  padding: 0 15px;
}

 ol li {
  padding: 0;
}

 ul.decimal-zero li,  ul.list li,  ul.lower-alpha li,  ul.disc li,  ul.square li {
  padding: 0;
}
}

/*------------------------------------------------*/
/* float */
.imgL {
  float: left;
}

.imgR {
  float: right;
}

.left {
  float: left;
}

.right {
  float: right;
}

/* display */
.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inlineB {
  display: inline-block !important;
}

.none {
  display: none !important;
}

@media screen and (max-width: 896px){
 .imgL,  .imgR,  .left,  .right {
  float: none;
}
}

@media screen and (min-width: 897px){
 .pcBlock {
  display: block !important;
}

 .pcInline {
  display: inline !important;
}

 .pcInlineB {
  display: inline-block !important;
}

 .pcNone {
  display: none !important;
}
}

@media screen and (max-width: 896px){
 .spBlock {
  display: block !important;
}

 .spInline {
  display: inline !important;
}

 .spInlineB {
  display: inline-block !important;
}

 .spNone {
  display: none !important;
}
}

.flex2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.flex2.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex2.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex2.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex2.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex2 > * {
  width: 50%;
}


.flex2_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.flex2_2.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex2_2.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex2_2.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex3_2.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex2_2 > *{
  width: 33.33%;
}
.flex2_2 .flex2_2_2{
  width: 66.66%;
}

@media screen and (max-width: 896px){
 .flexS2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

 .flexS2.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .flexS2.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

 .flexS2.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .flexS2.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .flexS2 > * {
  width: 50%;
}

 .flexS2.flexWrap.is-boder li {
  border-left: 1px solid #cccccc;
  padding-left: 2%;
}

 .flexS2.flexWrap.is-boder li:nth-child(odd) {
  border-left: none;
  padding-left: 0;
}
}

@media screen and (min-width: 897px){
 .flexP2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

 .flexP2.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .flexP2.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

 .flexP2.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .flexP2.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .flexP2 > * {
  width: 50%;
}

 .flexP2.autoW > * {
  width: auto;
}

 .flexP2.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
	
	
.flexP2_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

 .flexP2_2.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .flexP2_2.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

 .flexP2_2.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .flexP2_2.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .flexP2_2 > * {
  width: 33.33%;
}

 .flexP2_2 .flexP2_2_2 {
  width: 66.66%;
}

 .flexP2_2.autoW > * {
  width: auto;
}

 .flexP2_2.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

}

.flex3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.flex3.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex3.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex3.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex3.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex3 > * {
  width: 33.33%;
}



@media screen and (max-width: 896px){
 .flexS3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

 .flexS3.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .flexS3.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

 .flexS3.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .flexS3.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .flexS3 > * {
  width: 33.33%;
  padding: 10px;
}
}

@media screen and (min-width: 897px){
 .flexP3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

 .flexP3.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .flexP3.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

 .flexP3.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .flexP3.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .flexP3 > * {
  width: 33.33%;
}

 .flexP3.autoW > * {
  width: auto;
}

 .flexP3.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
}

.flex4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.flex4.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex4.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex4.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex4.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex4 > * {
  width: 25%;
}

@media screen and (max-width: 896px){
 .flexS4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

 .flexS4.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .flexS4.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

 .flexS4.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .flexS4.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .flexS4 > * {
  width: 25%;
}
}

@media screen and (min-width: 897px){
 .flexP4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

 .flexP4.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .flexP4.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

 .flexP4.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .flexP4.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .flexP4 > * {
  width: 25%;
}

 .flexP4.autoW > * {
  width: auto;
}

 .flexP4.flexWrap li {
  padding-left: 1%;
  padding-right: 1%;
}

 .flexP4.flexWrap.is-boder li {
  border-left: 1px solid #cccccc;
}

 .flexP4.flexWrap.is-boder li:nth-child(4n+1) {
  border-left: none;
}

 .flexP4 .imgBox {
  padding: 5px;
  text-align: center;
}

 .flexP5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

 .flexP5.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .flexP5.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

 .flexP5.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .flexP5.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .flexP5 > * {
  width: 20%;
}

 .flexP5.autoW > * {
  width: auto;
}

 .flexP5.flexWrap li {
  padding-left: 1%;
  padding-right: 1%;
}

 .flexP5.flexWrap.is-boder li {
  border-left: 1px solid #cccccc;
}

 .flexP5.flexWrap.is-boder li:nth-child(5n+1) {
  border-left: none;
}

 .flexP5 .imgBox {
  padding: 5px;
  text-align: center;
}

 .flexP6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

 .flexP6.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .flexP6.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

 .flexP6.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .flexP6.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .flexP6 > * {
  width: 16.66%;
}

 .flexP6.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.spaceBet {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flexend {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 896px){
 .spNoSwipe {
  display: block !important;
}
}

@media screen and (min-width: 897px){
 .pcFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

 .pcWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .pcSpaceBet {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .pcRowReverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

 .pcjustCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

 .pcjustEnd {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
}

@media screen and (max-width: 896px){
 .spFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

 .spWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 .spSpaceBet {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

 .spjustCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

 .spjustEnd {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
}

@media screen and (min-width: 897px){
 .menu-link .tab-contents {
  display: block !important;
}

 .menu-link.tabStyle02 {
  width: 970px;
  border: none;
}

 .menu-link .slideToggleBtn {
  display: none;
}

 .menu-link .tabStyle04 .ts04-box {
  width: auto;
  height: auto;
}

 .menu-link .tabStyle04 .ts04-ttl {
  width: 220px;
  padding: 0;
  min-height: 62px;
  border: none;
  cursor: default;
}

 .menu-link .tabStyle04 .ts04-ttl:hover {
  background: none;
}

 .menu-link .tabStyle04 .ts04-ttl > .ts04-txt {
  font-size: 18px;
}

 .menu-link .tabStyle04 .ts04-txt {
  font-size: 14px;
  font-weight: normal;
}

 .menu-link .boxStyle14 {
  padding: 9px 10px 9px 0;
}
}

.btnRss {
  text-align: right;
}

.btnRss a {
  display: block;
  transition: all 0.2s;
}

.btnRss a:hover {
  opacity: 0.7;
}

.btnRss img {
  width: 54px;
  height: 20px;
}

@media screen and (max-width: 896px){
 .btnRss {
  margin-right: 10px;
}
}

.btn_sns li {
  margin-right: 10px;
}

.btn_sns li a {
  display: block;
  line-height: 1;
  transition: all 0.2s;
}

.btn_sns li a:hover {
  opacity: 0.7;
}

.btn_sns img {
  width: 30px;
}

/* Font */
.taC {
  text-align: center !important;
}

.taL {
  text-align: left !important;
}

.taR {
  text-align: right !important;
}

.tbC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lrC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 897px){
 .tbCPC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .lrCPC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

 .taCPC {
  text-align: center !important;
}

 .taLPC {
  text-align: left !important;
}

 .taRPC {
  text-align: right !important;
}
}

@media screen and (max-width: 896px){
 .tbCSP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .lrCSP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

 .taCSP {
  text-align: center !important;
}

 .taLSP {
  text-align: left !important;
}

 .taRSP {
  text-align: right !important;
}
}

.bold {
  font-weight: bold;
}

.fw200 {
  font-weight: 200;
}

.fw300 {/*20230621*/
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw600 {/*700と同じ*//*20230621*/
  font-weight: 600;
}

.fw700 {/*600と同じ*//*20230621*/
  font-weight: 700;
}

.fw800 {/*20230621*/
  font-weight: 800;
}

.f-sourcesans {
  font-family: "Source Sans Pro", "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif
}

.uppercase {
  text-transform: uppercase;
}

.h100 {
  height: 100%;
}

.w100 {
  width: 100%;
}

@media screen and (min-width: 897px){
 .wAutoPC {
  width: auto !important;
}
}

@media screen and (max-width: 896px){
 .wAutoSP {
  width: auto !important;
}
}

.bgWhite {
  background-color: #ffffff;
}

.bgBlack {
  background-color: #000000;
}

.bgGray01 {
  background-color: #dee0e2 !important;
}

.bgGray02 {
  background-color: #f5f5f5 !important;
}

.bgGray03 {
  background-color: #343638;
}

.bgGray04 {
  background-color: #191919;
}

.bgGray05 {
  background-color: #666666;
}

.bgGray06 {
  background-color: #333333;
}

.bgGray07 {
  background-color: #e8e8e8;
}

.bgGray08 {
  background-color: #f0f0f0;
}

.bgGray09 {
  background-color: #f8f8f8;
}

.bgGray10 {
  background-color: #2b2c33;
}

.bgGray11 {
  background-color: #d2d2d2;
}

.fWhite {
  color: #ffffff !important;
}

.fBlack {
  color: #000000 !important;
}

.fRed {
  color: #b91440 !important;
}

.fGray01 {
  color: #767676 !important;
}

.fGray02 {
  color: #6c6c6c !important;
}

.fGray03 {
  color: #333333 !important;
}

.fGray04 {
  color: #707274 !important;
}

.fGray05 {/*20200402_tn*/
  color: #bbb !important;
}


.ma {
  margin: auto;
}

.bdB_gray {
  border-bottom: solid #cccccc 1px;
}

.bdB_gray-dotted {
  border-bottom: 1px dotted #cccccc;
}

.bdT_gray {
  border-top: solid #cccccc 1px;
}

.bdL_gray {
  border-left: solid #cccccc 1px;
}

.bdR_gray {
  border-right: solid #cccccc 1px;
}

.bdgray01 {
  border-color: #e0e0e0 !important;
}

.bdgray02 {
  border-color: #515151 !important;
}

@media screen and (max-width: 896px){
 .bdBSP_gray {
  border-bottom: solid #cccccc 1px;
}

 .bdTSP_gray {
  border-top: solid #cccccc 1px;
}

 .bdLSP_gray {
  border-left: solid #cccccc 1px;
}

 .bdRSP_gray {
  border-right: solid #cccccc 1px;
}
}

@media screen and (min-width: 897px){
 .bdBPC_gray {
  border-bottom: solid #cccccc 1px;
}

 .bdTPC_gray {
  border-top: solid #cccccc 1px;
}

 .bdLPC_gray {
  border-left: solid #cccccc 1px;
}

 .bdRPC_gray {
  border-right: solid #cccccc 1px;
}
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pl12 {
  padding-left: 12px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pr28 {
  padding-right: 28px !important;
}

.pl28 {
  padding-left: 28px !important;
}

.pt28 {
  padding-top: 28px !important;
}

.pb28 {
  padding-bottom: 28px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pl32 {
  padding-left: 32px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pr36 {
  padding-right: 36px !important;
}

.pl36 {
  padding-left: 36px !important;
}

.pt36 {
  padding-top: 36px !important;
}

.pb36 {
  padding-bottom: 36px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pt105 {
  padding-top: 105px !important;
}

.pb105 {
  padding-bottom: 105px !important;
}

.pt110 {
  padding-top: 110px !important;
}

.pb110 {
  padding-bottom: 110px !important;
}

.pt115 {
  padding-top: 115px !important;
}

.pb115 {
  padding-bottom: 115px !important;
}

.pt120 {
  padding-top: 120px !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

.pt125 {
  padding-top: 125px !important;
}

.pb125 {
  padding-bottom: 125px !important;
}

.pt130 {
  padding-top: 130px !important;
}

.pb130 {
  padding-bottom: 130px !important;
}

.pt135 {
  padding-top: 135px !important;
}

.pb135 {
  padding-bottom: 135px !important;
}

.pt140 {
  padding-top: 140px !important;
}

.pb140 {
  padding-bottom: 140px !important;
}

.pt145 {
  padding-top: 145px !important;
}

.pb145 {
  padding-bottom: 145px !important;
}

.pt150 {
  padding-top: 150px !important;
}

.pb150 {
  padding-bottom: 150px !important;
}

.pt155 {
  padding-top: 155px !important;
}

.pb155 {
  padding-bottom: 155px !important;
}

.pt160 {
  padding-top: 160px !important;
}

.pb160 {
  padding-bottom: 160px !important;
}

.pt165 {
  padding-top: 165px !important;
}

.pb165 {
  padding-bottom: 165px !important;
}

.pt170 {
  padding-top: 170px !important;
}

.pb170 {
  padding-bottom: 170px !important;
}

.pt175 {
  padding-top: 175px !important;
}

.pb175 {
  padding-bottom: 175px !important;
}

.pt180 {
  padding-top: 180px !important;
}

.pb180 {
  padding-bottom: 180px !important;
}

.pt185 {
  padding-top: 185px !important;
}

.pb185 {
  padding-bottom: 185px !important;
}

.pt190 {
  padding-top: 190px !important;
}

.pb190 {
  padding-bottom: 190px !important;
}

.pt195 {
  padding-top: 195px !important;
}

.pb195 {
  padding-bottom: 195px !important;
}

.pt200 {
  padding-top: 200px !important;
}

.pb200 {
  padding-bottom: 200px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

@media screen and (min-width: 897px){
 .mtP0 {
  margin-top: 0px !important;
}

 .mbP0 {
  margin-bottom: 0px !important;
}
}

@media screen and (max-width: 896px){
 .mtS0 {
  margin-top: 0px !important;
}

 .mbS0 {
  margin-bottom: 0px !important;
}

 .mrS0 {
  margin-right: 0px !important;
}

 .mlS0 {
  margin-left: 0px !important;
}
}

@media screen and (min-width: 897px){
 .mtP10 {
  margin-top: 10px !important;
}

 .mbP10 {
  margin-bottom: 10px !important;
}
}

@media screen and (max-width: 896px){
 .mtS10 {
  margin-top: 10px !important;
}

 .mbS10 {
  margin-bottom: 10px !important;
}

 .mrS10 {
  margin-right: 10px !important;
}

 .mlS10 {
  margin-left: 10px !important;
}
}

@media screen and (min-width: 897px){
 .mtP20 {
  margin-top: 20px !important;
}

 .mbP20 {
  margin-bottom: 20px !important;
}
}

@media screen and (max-width: 896px){
 .mtS20 {
  margin-top: 20px !important;
}

 .mbS20 {
  margin-bottom: 20px !important;
}

 .mrS20 {
  margin-right: 20px !important;
}

 .mlS20 {
  margin-left: 20px !important;
}
}

@media screen and (min-width: 897px){
 .mtP30 {
  margin-top: 30px !important;
}

 .mbP30 {
  margin-bottom: 30px !important;
}
}

@media screen and (max-width: 896px){
 .mtS30 {
  margin-top: 30px !important;
}

 .mbS30 {
  margin-bottom: 30px !important;
}

 .mrS30 {
  margin-right: 30px !important;
}

 .mlS30 {
  margin-left: 30px !important;
}
}

@media screen and (min-width: 897px){
 .mtP40 {
  margin-top: 40px !important;
}

 .mbP40 {
  margin-bottom: 40px !important;
}
}

@media screen and (max-width: 896px){
 .mtS40 {
  margin-top: 40px !important;
}

 .mbS40 {
  margin-bottom: 40px !important;
}

 .mrS40 {
  margin-right: 40px !important;
}

 .mlS40 {
  margin-left: 40px !important;
}
}

@media screen and (min-width: 897px){
 .mtP50 {
  margin-top: 50px !important;
}

 .mbP50 {
  margin-bottom: 50px !important;
}
}

@media screen and (max-width: 896px){
 .mtS50 {
  margin-top: 50px !important;
}

 .mbS50 {
  margin-bottom: 50px !important;
}

 .mrS50 {
  margin-right: 50px !important;
}

 .mlS50 {
  margin-left: 50px !important;
}
}

@media screen and (min-width: 897px){
 .mtP60 {
  margin-top: 60px !important;
}

 .mbP60 {
  margin-bottom: 60px !important;
}
}

@media screen and (max-width: 896px){
 .mtS60 {
  margin-top: 60px !important;
}

 .mbS60 {
  margin-bottom: 60px !important;
}

 .mrS60 {
  margin-right: 60px !important;
}

 .mlS60 {
  margin-left: 60px !important;
}
}

@media screen and (min-width: 897px){
 .mtP70 {
  margin-top: 70px !important;
}

 .mbP70 {
  margin-bottom: 70px !important;
}
}

@media screen and (max-width: 896px){
 .mtS70 {
  margin-top: 70px !important;
}

 .mbS70 {
  margin-bottom: 70px !important;
}

 .mrS70 {
  margin-right: 70px !important;
}

 .mlS70 {
  margin-left: 70px !important;
}
}

@media screen and (min-width: 897px){
 .mtP80 {
  margin-top: 80px !important;
}

 .mbP80 {
  margin-bottom: 80px !important;
}
}

@media screen and (max-width: 896px){
 .mtS80 {
  margin-top: 80px !important;
}

 .mbS80 {
  margin-bottom: 80px !important;
}

 .mrS80 {
  margin-right: 80px !important;
}

 .mlS80 {
  margin-left: 80px !important;
}
}

@media screen and (min-width: 897px){
 .mtP90 {
  margin-top: 90px !important;
}

 .mbP90 {
  margin-bottom: 90px !important;
}
}

@media screen and (max-width: 896px){
 .mtS90 {
  margin-top: 90px !important;
}

 .mbS90 {
  margin-bottom: 90px !important;
}

 .mrS90 {
  margin-right: 90px !important;
}

 .mlS90 {
  margin-left: 90px !important;
}
}

@media screen and (min-width: 897px){
 .mtP100 {
  margin-top: 100px !important;
}

 .mbP100 {
  margin-bottom: 100px !important;
}
}

@media screen and (max-width: 896px){
 .mtS100 {
  margin-top: 100px !important;
}

 .mbS100 {
  margin-bottom: 100px !important;
}

 .mrS100 {
  margin-right: 100px !important;
}

 .mlS100 {
  margin-left: 100px !important;
}
}

@media screen and (min-width: 897px){
 .mrP0 {
  margin-right: 0px !important;
}

 .mlP0 {
  margin-left: 0px !important;
}

 .mrP10 {
  margin-right: 10px !important;
}

 .mlP10 {
  margin-left: 10px !important;
}

 .mrP20 {
  margin-right: 20px !important;
}

 .mlP20 {
  margin-left: 20px !important;
}

 .mrP30 {
  margin-right: 30px !important;
}

 .mlP30 {
  margin-left: 30px !important;
}

 .mrP40 {
  margin-right: 40px !important;
}

 .mlP40 {
  margin-left: 40px !important;
}

 .mrP50 {
  margin-right: 50px !important;
}

 .mlP50 {
  margin-left: 50px !important;
}

 .ptP0 {
  padding-top: 0px !important;
}

 .pbP0 {
  padding-bottom: 0px !important;
}
}

@media screen and (max-width: 896px){
 .ptS0 {
  padding-top: 0px !important;
}

 .pbS0 {
  padding-bottom: 0px !important;
}
}

@media screen and (min-width: 897px){
 .ptP5 {
  padding-top: 5px !important;
}

 .pbP5 {
  padding-bottom: 5px !important;
}
}

@media screen and (max-width: 896px){
 .ptS5 {
  padding-top: 5px !important;
}

 .pbS5 {
  padding-bottom: 5px !important;
}
}

@media screen and (min-width: 897px){
 .ptP10 {
  padding-top: 10px !important;
}

 .pbP10 {
  padding-bottom: 10px !important;
}
}

@media screen and (max-width: 896px){
 .ptS10 {
  padding-top: 10px !important;
}

 .pbS10 {
  padding-bottom: 10px !important;
}
}

@media screen and (min-width: 897px){
 .ptP15 {
  padding-top: 15px !important;
}

 .pbP15 {
  padding-bottom: 15px !important;
}
}

@media screen and (max-width: 896px){
 .ptS15 {
  padding-top: 15px !important;
}

 .pbS15 {
  padding-bottom: 15px !important;
}
}

@media screen and (min-width: 897px){
 .ptP20 {
  padding-top: 20px !important;
}

 .pbP20 {
  padding-bottom: 20px !important;
}
}

@media screen and (max-width: 896px){
 .ptS20 {
  padding-top: 20px !important;
}

 .pbS20 {
  padding-bottom: 20px !important;
}
}

@media screen and (min-width: 897px){
 .ptP25 {
  padding-top: 25px !important;
}

 .pbP25 {
  padding-bottom: 25px !important;
}
}

@media screen and (max-width: 896px){
 .ptS25 {
  padding-top: 25px !important;
}

 .pbS25 {
  padding-bottom: 25px !important;
}
}

@media screen and (min-width: 897px){
 .ptP30 {
  padding-top: 30px !important;
}

 .pbP30 {
  padding-bottom: 30px !important;
}
}

@media screen and (max-width: 896px){
 .ptS30 {
  padding-top: 30px !important;
}

 .pbS30 {
  padding-bottom: 30px !important;
}
}

@media screen and (min-width: 897px){
 .ptP35 {
  padding-top: 35px !important;
}

 .pbP35 {
  padding-bottom: 35px !important;
}
}

@media screen and (max-width: 896px){
 .ptS35 {
  padding-top: 35px !important;
}

 .pbS35 {
  padding-bottom: 35px !important;
}
}

@media screen and (min-width: 897px){
 .ptP40 {
  padding-top: 40px !important;
}

 .pbP40 {
  padding-bottom: 40px !important;
}
}

@media screen and (max-width: 896px){
 .ptS40 {
  padding-top: 40px !important;
}

 .pbS40 {
  padding-bottom: 40px !important;
}
}

@media screen and (min-width: 897px){
 .ptP45 {
  padding-top: 45px !important;
}

 .pbP45 {
  padding-bottom: 45px !important;
}
}

@media screen and (max-width: 896px){
 .ptS45 {
  padding-top: 45px !important;
}

 .pbS45 {
  padding-bottom: 45px !important;
}
}

@media screen and (min-width: 897px){
 .ptP50 {
  padding-top: 50px !important;
}

 .pbP50 {
  padding-bottom: 50px !important;
}
}

@media screen and (max-width: 896px){
 .ptS50 {
  padding-top: 50px !important;
}

 .pbS50 {
  padding-bottom: 50px !important;
}
}

@media screen and (min-width: 897px){
 .ptP55 {
  padding-top: 55px !important;
}

 .pbP55 {
  padding-bottom: 55px !important;
}
}

@media screen and (max-width: 896px){
 .ptS55 {
  padding-top: 55px !important;
}

 .pbS55 {
  padding-bottom: 55px !important;
}
}

@media screen and (min-width: 897px){
 .ptP60 {
  padding-top: 60px !important;
}

 .pbP60 {
  padding-bottom: 60px !important;
}
}

@media screen and (max-width: 896px){
 .ptS60 {
  padding-top: 60px !important;
}

 .pbS60 {
  padding-bottom: 60px !important;
}
}

@media screen and (min-width: 897px){
 .ptP65 {
  padding-top: 65px !important;
}

 .pbP65 {
  padding-bottom: 65px !important;
}
}

@media screen and (max-width: 896px){
 .ptS65 {
  padding-top: 65px !important;
}

 .pbS65 {
  padding-bottom: 65px !important;
}
}

@media screen and (min-width: 897px){
 .ptP70 {
  padding-top: 70px !important;
}

 .pbP70 {
  padding-bottom: 70px !important;
}
}


@media screen and (max-width: 896px){
 .ptS70 {
  padding-top: 70px !important;
}

 .pbS70 {
  padding-bottom: 70px !important;
}
}

@media screen and (min-width: 897px){
 .ptP75 {
  padding-top: 75px !important;
}

 .pbP75 {
  padding-bottom: 75px !important;
}
}

@media screen and (max-width: 896px){
 .ptS75 {
  padding-top: 75px !important;
}

 .pbS75 {
  padding-bottom: 75px !important;
}
}

@media screen and (min-width: 897px){
 .ptP80 {
  padding-top: 80px !important;
}

 .pbP80 {
  padding-bottom: 80px !important;
}
}

@media screen and (max-width: 896px){
 .ptS80 {
  padding-top: 80px !important;
}

 .pbS80 {
  padding-bottom: 80px !important;
}
}

@media screen and (min-width: 897px){
 .ptP85 {
  padding-top: 85px !important;
}

 .pbP85 {
  padding-bottom: 85px !important;
}
}

@media screen and (max-width: 896px){
 .ptS85 {
  padding-top: 85px !important;
}

 .pbS85 {
  padding-bottom: 85px !important;
}
}

@media screen and (min-width: 897px){
 .ptP90 {
  padding-top: 90px !important;
}

 .pbP90 {
  padding-bottom: 90px !important;
}
}

@media screen and (max-width: 896px){
 .ptS90 {
  padding-top: 90px !important;
}

 .pbS90 {
  padding-bottom: 90px !important;
}
}

@media screen and (min-width: 897px){
 .ptP95 {
  padding-top: 95px !important;
}

 .pbP95 {
  padding-bottom: 95px !important;
}
}

@media screen and (max-width: 896px){
 .ptS95 {
  padding-top: 95px !important;
}

 .pbS95 {
  padding-bottom: 95px !important;
}
}

@media screen and (min-width: 897px){
 .ptP100 {
  padding-top: 100px !important;
}

 .pbP100 {
  padding-bottom: 100px !important;
}
}

@media screen and (max-width: 896px){
 .ptS100 {
  padding-top: 100px !important;
}

 .pbS100 {
  padding-bottom: 100px !important;
}
}

@media screen and (min-width: 897px){
 .ptP105 {
  padding-top: 105px !important;
}

 .pbP105 {
  padding-bottom: 105px !important;
}
}

@media screen and (max-width: 896px){
 .ptS105 {
  padding-top: 105px !important;
}

 .pbS105 {
  padding-bottom: 105px !important;
}
}

@media screen and (min-width: 897px){
 .ptP110 {
  padding-top: 110px !important;
}

 .pbP110 {
  padding-bottom: 110px !important;
}
}

@media screen and (max-width: 896px){
 .ptS110 {
  padding-top: 110px !important;
}

 .pbS110 {
  padding-bottom: 110px !important;
}
}

@media screen and (min-width: 897px){
 .ptP115 {
  padding-top: 115px !important;
}

 .pbP115 {
  padding-bottom: 115px !important;
}
}

@media screen and (max-width: 896px){
 .ptS115 {
  padding-top: 115px !important;
}

 .pbS115 {
  padding-bottom: 115px !important;
}
}

@media screen and (min-width: 897px){
 .ptP120 {
  padding-top: 120px !important;
}

 .pbP120 {
  padding-bottom: 120px !important;
}
}

@media screen and (max-width: 896px){
 .ptS120 {
  padding-top: 120px !important;
}

 .pbS120 {
  padding-bottom: 120px !important;
}
}

@media screen and (min-width: 897px){
 .ptP125 {
  padding-top: 125px !important;
}

 .pbP125 {
  padding-bottom: 125px !important;
}
}

@media screen and (max-width: 896px){
 .ptS125 {
  padding-top: 125px !important;
}

 .pbS125 {
  padding-bottom: 125px !important;
}
}

@media screen and (min-width: 897px){
 .ptP130 {
  padding-top: 130px !important;
}

 .pbP130 {
  padding-bottom: 130px !important;
}
}

@media screen and (max-width: 896px){
 .ptS130 {
  padding-top: 130px !important;
}

 .pbS130 {
  padding-bottom: 130px !important;
}
}

@media screen and (min-width: 897px){
 .ptP135 {
  padding-top: 135px !important;
}

 .pbP135 {
  padding-bottom: 135px !important;
}
}

@media screen and (max-width: 896px){
 .ptS135 {
  padding-top: 135px !important;
}

 .pbS135 {
  padding-bottom: 135px !important;
}
}

@media screen and (min-width: 897px){
 .ptP140 {
  padding-top: 140px !important;
}

 .pbP140 {
  padding-bottom: 140px !important;
}
}

@media screen and (max-width: 896px){
 .ptS140 {
  padding-top: 140px !important;
}

 .pbS140 {
  padding-bottom: 140px !important;
}
}

@media screen and (min-width: 897px){
 .ptP145 {
  padding-top: 145px !important;
}

 .pbP145 {
  padding-bottom: 145px !important;
}
}

@media screen and (max-width: 896px){
 .ptS145 {
  padding-top: 145px !important;
}

 .pbS145 {
  padding-bottom: 145px !important;
}
}

@media screen and (min-width: 897px){
 .ptP150 {
  padding-top: 150px !important;
}

 .pbP150 {
  padding-bottom: 150px !important;
}
}

@media screen and (max-width: 896px){
 .ptS150 {
  padding-top: 150px !important;
}

 .pbS150 {
  padding-bottom: 150px !important;
}
}

@media screen and (min-width: 897px){
 .ptP155 {
  padding-top: 155px !important;
}

 .pbP155 {
  padding-bottom: 155px !important;
}
}

@media screen and (max-width: 896px){
 .ptS155 {
  padding-top: 155px !important;
}

 .pbS155 {
  padding-bottom: 155px !important;
}
}

@media screen and (min-width: 897px){
 .ptP160 {
  padding-top: 160px !important;
}

 .pbP160 {
  padding-bottom: 160px !important;
}
}

@media screen and (max-width: 896px){
 .ptS160 {
  padding-top: 160px !important;
}

 .pbS160 {
  padding-bottom: 160px !important;
}
}

@media screen and (min-width: 897px){
 .ptP165 {
  padding-top: 165px !important;
}

 .pbP165 {
  padding-bottom: 165px !important;
}
}

@media screen and (max-width: 896px){
 .ptS165 {
  padding-top: 165px !important;
}

 .pbS165 {
  padding-bottom: 165px !important;
}
}

@media screen and (min-width: 897px){
 .ptP170 {
  padding-top: 170px !important;
}

 .pbP170 {
  padding-bottom: 170px !important;
}
}

@media screen and (max-width: 896px){
 .ptS170 {
  padding-top: 170px !important;
}

 .pbS170 {
  padding-bottom: 170px !important;
}
}

@media screen and (min-width: 897px){
 .ptP175 {
  padding-top: 175px !important;
}

 .pbP175 {
  padding-bottom: 175px !important;
}
}

@media screen and (max-width: 896px){
 .ptS175 {
  padding-top: 175px !important;
}

 .pbS175 {
  padding-bottom: 175px !important;
}
}

@media screen and (min-width: 897px){
 .ptP180 {
  padding-top: 180px !important;
}

 .pbP180 {
  padding-bottom: 180px !important;
}
}

@media screen and (max-width: 896px){
 .ptS180 {
  padding-top: 180px !important;
}

 .pbS180 {
  padding-bottom: 180px !important;
}
}

@media screen and (min-width: 897px){
 .ptP185 {
  padding-top: 185px !important;
}

 .pbP185 {
  padding-bottom: 185px !important;
}
}

@media screen and (max-width: 896px){
 .ptS185 {
  padding-top: 185px !important;
}

 .pbS185 {
  padding-bottom: 185px !important;
}
}

@media screen and (min-width: 897px){
 .ptP190 {
  padding-top: 190px !important;
}

 .pbP190 {
  padding-bottom: 190px !important;
}
}

@media screen and (max-width: 896px){
 .ptS190 {
  padding-top: 190px !important;
}

 .pbS190 {
  padding-bottom: 190px !important;
}
}

@media screen and (min-width: 897px){
 .ptP195 {
  padding-top: 195px !important;
}

 .pbP195 {
  padding-bottom: 195px !important;
}
}

@media screen and (max-width: 896px){
 .ptS195 {
  padding-top: 195px !important;
}

 .pbS195 {
  padding-bottom: 195px !important;
}
}

@media screen and (min-width: 897px){
 .ptP200 {
  padding-top: 200px !important;
}

 .pbP200 {
  padding-bottom: 200px !important;
}
}

@media screen and (max-width: 896px){
 .ptS200 {
  padding-top: 200px !important;
}

 .pbS200 {
  padding-bottom: 200px !important;
}
}

@media screen and (min-width: 897px){
 .prP0 {
  padding-right: 0px !important;
}

 .plP0 {
  padding-left: 0px !important;
}
}

@media screen and (max-width: 896px){
 .plS0 {
  padding-left: 0px !important;
}

 .prS0 {
  padding-right: 0px !important;
}
}

@media screen and (min-width: 897px){
 .prP5 {
  padding-right: 5px !important;
}

 .plP5 {
  padding-left: 5px !important;
}
}

@media screen and (max-width: 896px){
 .plS5 {
  padding-left: 5px !important;
}

 .prS5 {
  padding-right: 5px !important;
}
}

@media screen and (min-width: 897px){
 .prP10 {
  padding-right: 10px !important;
}

 .plP10 {
  padding-left: 10px !important;
}
}

@media screen and (max-width: 896px){
 .plS10 {
  padding-left: 10px !important;
}

 .prS10 {
  padding-right: 10px !important;
}
}

@media screen and (min-width: 897px){
 .prP15 {
  padding-right: 15px !important;
}

 .plP15 {
  padding-left: 15px !important;
}
}

@media screen and (max-width: 896px){
 .plS15 {
  padding-left: 15px !important;
}

 .prS15 {
  padding-right: 15px !important;
}
}

@media screen and (min-width: 897px){
 .prP20 {
  padding-right: 20px !important;
}

 .plP20 {
  padding-left: 20px !important;
}
}

@media screen and (max-width: 896px){
 .plS20 {
  padding-left: 20px !important;
}

 .prS20 {
  padding-right: 20px !important;
}
}

@media screen and (min-width: 897px){
 .prP25 {
  padding-right: 25px !important;
}

 .plP25 {
  padding-left: 25px !important;
}
}

@media screen and (max-width: 896px){
 .plS25 {
  padding-left: 25px !important;
}

 .prS25 {
  padding-right: 25px !important;
}
}

@media screen and (max-width: 896px){/*temporary added 20200402 tn*/
 .plS28 {
  padding-left: 28px !important;
}
}

@media screen and (min-width: 897px){
 .prP30 {
  padding-right: 30px !important;
}

 .plP30 {
  padding-left: 30px !important;
}
}

@media screen and (max-width: 896px){
 .plS30 {
  padding-left: 30px !important;
}

 .prS30 {
  padding-right: 30px !important;
}
}

@media screen and (min-width: 897px){
 .prP35 {
  padding-right: 35px !important;
}

 .plP35 {
  padding-left: 35px !important;
}
}

@media screen and (max-width: 896px){
 .plS35 {
  padding-left: 35px !important;
}

 .prS35 {
  padding-right: 35px !important;
}
}

@media screen and (min-width: 897px){
 .prP40 {
  padding-right: 40px !important;
}

 .plP40 {
  padding-left: 40px !important;
}
}

@media screen and (max-width: 896px){
 .plS40 {
  padding-left: 40px !important;
}

 .prS40 {
  padding-right: 40px !important;
}
}

@media screen and (min-width: 897px){
 .prP45 {
  padding-right: 45px !important;
}

 .plP45 {
  padding-left: 45px !important;
}
}

@media screen and (max-width: 896px){
 .plS45 {
  padding-left: 45px !important;
}

 .prS45 {
  padding-right: 45px !important;
}
}

@media screen and (min-width: 897px){
 .prP50 {
  padding-right: 50px !important;
}

 .plP50 {
  padding-left: 50px !important;
}
}

@media screen and (max-width: 896px){
 .plS50 {
  padding-left: 50px !important;
}

 .prS50 {
  padding-right: 50px !important;
}
}

@media screen and (min-width: 897px){
 .prP55 {
  padding-right: 55px !important;
}

 .plP55 {
  padding-left: 55px !important;
}
}

@media screen and (max-width: 896px){
 .plS55 {
  padding-left: 55px !important;
}

 .prS55 {
  padding-right: 55px !important;
}
}

@media screen and (min-width: 897px){
 .prP60 {
  padding-right: 60px !important;
}

 .plP60 {
  padding-left: 60px !important;
}
}

@media screen and (max-width: 896px){
 .plS60 {
  padding-left: 60px !important;
}

 .prS60 {
  padding-right: 60px !important;
}
}

@media screen and (min-width: 897px){
 .prP65 {
  padding-right: 65px !important;
}

 .plP65 {
  padding-left: 65px !important;
}
}

@media screen and (max-width: 896px){
 .plS65 {
  padding-left: 65px !important;
}

 .prS65 {
  padding-right: 65px !important;
}
}

@media screen and (min-width: 897px){
 .prP70 {
  padding-right: 70px !important;
}

 .plP70 {
  padding-left: 70px !important;
}
}

@media screen and (max-width: 896px){
 .plS70 {
  padding-left: 70px !important;
}

 .prS70 {
  padding-right: 70px !important;
}
}

@media screen and (min-width: 897px){
 .prP75 {
  padding-right: 75px !important;
}

 .plP75 {
  padding-left: 75px !important;
}
}

@media screen and (max-width: 896px){
 .plS75 {
  padding-left: 75px !important;
}

 .prS75 {
  padding-right: 75px !important;
}
}

@media screen and (min-width: 897px){
 .prP80 {
  padding-right: 80px !important;
}

 .plP80 {
  padding-left: 80px !important;
}
}

@media screen and (max-width: 896px){
 .plS80 {
  padding-left: 80px !important;
}

 .prS80 {
  padding-right: 80px !important;
}
}

@media screen and (min-width: 897px){
 .prP85 {
  padding-right: 85px !important;
}

 .plP85 {
  padding-left: 85px !important;
}
}

@media screen and (max-width: 896px){
 .plS85 {
  padding-left: 85px !important;
}

 .prS85 {
  padding-right: 85px !important;
}
}

@media screen and (min-width: 897px){
 .prP90 {
  padding-right: 90px !important;
}

 .plP90 {
  padding-left: 90px !important;
}
}

@media screen and (max-width: 896px){
 .plS90 {
  padding-left: 90px !important;
}

 .prS90 {
  padding-right: 90px !important;
}
}

@media screen and (min-width: 897px){
 .prP95 {
  padding-right: 95px !important;
}

 .plP95 {
  padding-left: 95px !important;
}
}

@media screen and (max-width: 896px){
 .plS95 {
  padding-left: 95px !important;
}

 .prS95 {
  padding-right: 95px !important;
}
}

@media screen and (min-width: 897px){
 .prP100 {
  padding-right: 100px !important;
}

 .plP100 {
  padding-left: 100px !important;
}
}

@media screen and (max-width: 896px){
 .plS100 {
  padding-left: 100px !important;
}

 .prS100 {
  padding-right: 100px !important;
}
}

@media screen and (min-width: 897px){
 .prP4 {
  padding-right: 4px !important;
}

 .plP4 {
  padding-left: 4px !important;
}
}

@media screen and (max-width: 896px){
 .plS4 {
  padding-left: 4px !important;
}

 .prS4 {
  padding-right: 4px !important;
}
}

@media screen and (min-width: 897px){
 .ptP4 {
  padding-top: 4px !important;
}

 .pbP4 {
  padding-bottom: 4px !important;
}
}

@media screen and (max-width: 896px){
 .ptS4 {
  padding-top: 4px !important;
}

 .pbS4 {
  padding-bottom: 4px !important;
}
}

@media screen and (min-width: 897px){
 .prP8 {
  padding-right: 8px !important;
}

 .plP8 {
  padding-left: 8px !important;
}
}

@media screen and (max-width: 896px){
 .plS8 {
  padding-left: 8px !important;
}

 .prS8 {
  padding-right: 8px !important;
}
}

@media screen and (min-width: 897px){
 .ptP8 {
  padding-top: 8px !important;
}

 .pbP8 {
  padding-bottom: 8px !important;
}
}

@media screen and (max-width: 896px){
 .ptS8 {
  padding-top: 8px !important;
}

 .pbS8 {
  padding-bottom: 8px !important;
}
}

@media screen and (min-width: 897px){
 .prP12 {
  padding-right: 12px !important;
}

 .plP12 {
  padding-left: 12px !important;
}
}

@media screen and (max-width: 896px){
 .plS12 {
  padding-left: 12px !important;
}

 .prS12 {
  padding-right: 12px !important;
}
}

@media screen and (min-width: 897px){
 .ptP12 {
  padding-top: 12px !important;
}

 .pbP12 {
  padding-bottom: 12px !important;
}
}

@media screen and (max-width: 896px){
 .ptS12 {
  padding-top: 12px !important;
}

 .pbS12 {
  padding-bottom: 12px !important;
}
}

@media screen and (min-width: 897px){
 .prP16 {
  padding-right: 16px !important;
}

 .plP16 {
  padding-left: 16px !important;
}
}

@media screen and (max-width: 896px){
 .plS16 {
  padding-left: 16px !important;
}

 .prS16 {
  padding-right: 16px !important;
}
}

@media screen and (min-width: 897px){
 .ptP16 {
  padding-top: 16px !important;
}

 .pbP16 {
  padding-bottom: 16px !important;
}
}

@media screen and (max-width: 896px){
 .ptS16 {
  padding-top: 16px !important;
}

 .pbS16 {
  padding-bottom: 16px !important;
}
}

@media screen and (min-width: 897px){
 .prP24 {
  padding-right: 24px !important;
}

 .plP24 {
  padding-left: 24px !important;
}
}

@media screen and (max-width: 896px){
 .plS24 {
  padding-left: 24px !important;
}

 .prS24 {
  padding-right: 24px !important;
}
}

@media screen and (min-width: 897px){
 .ptP24 {
  padding-top: 24px !important;
}

 .pbP24 {
  padding-bottom: 24px !important;
}
}

@media screen and (max-width: 896px){
 .ptS24 {
  padding-top: 24px !important;
}

 .pbS24 {
  padding-bottom: 24px !important;
}
}

@media screen and (min-width: 897px){
 .prP28 {
  padding-right: 28px !important;
}

 .plP28 {
  padding-left: 28px !important;
}
}

@media screen and (max-width: 896px){
 .plS28 {
  padding-left: 28px !important;
}

 .prS28 {
  padding-right: 28px !important;
}
}

@media screen and (min-width: 897px){
 .ptP28 {
  padding-top: 28px !important;
}

 .pbP28 {
  padding-bottom: 28px !important;
}
}

@media screen and (max-width: 896px){
 .ptS28 {
  padding-top: 28px !important;
}

 .pbS28 {
  padding-bottom: 28px !important;
}
}

@media screen and (min-width: 897px){
 .prP32 {
  padding-right: 32px !important;
}

 .plP32 {
  padding-left: 32px !important;
}
}

@media screen and (max-width: 896px){
 .plS32 {
  padding-left: 32px !important;
}

 .prS32 {
  padding-right: 32px !important;
}
}

@media screen and (min-width: 897px){
 .ptP32 {
  padding-top: 32px !important;
}

 .pbP32 {
  padding-bottom: 32px !important;
}
}

@media screen and (max-width: 896px){
 .ptS32 {
  padding-top: 32px !important;
}

 .pbS32 {
  padding-bottom: 32px !important;
}
}
@media screen and (min-width: 897px){
 .prP36 {
  padding-right: 36px !important;
}


 .plP36 {
  padding-left: 36px !important;
}
}

@media screen and (max-width: 896px){
 .plS36 {
  padding-left: 36px !important;
}

 .prS36 {
  padding-right: 36px !important;
}
}

@media screen and (min-width: 897px){
 .ptP36 {
  padding-top: 36px !important;
}

 .pbP36 {
  padding-bottom: 36px !important;
}
}

@media screen and (max-width: 896px){
 .ptS36 {
  padding-top: 36px !important;
}

 .pbS36 {
  padding-bottom: 36px !important;
}
}

@media screen and (min-width: 897px){
 .prP44 {
  padding-right: 44px !important;
}

 .plP44 {
  padding-left: 44px !important;
}
}

@media screen and (max-width: 896px){
 .plS44 {
  padding-left: 44px !important;
}

 .prS44 {
  padding-right: 44px !important;
}
}

@media screen and (min-width: 897px){
 .ptP44 {
  padding-top: 44px !important;
}

 .pbP44 {
  padding-bottom: 44px !important;
}
}

@media screen and (max-width: 896px){
 .ptS44 {
  padding-top: 44px !important;
}

 .pbS44 {
  padding-bottom: 44px !important;
}
}

@media screen and (min-width: 897px){
 .prP48 {
  padding-right: 48px !important;
}

 .plP48 {
  padding-left: 48px !important;
}
}

@media screen and (max-width: 896px){
 .plS48 {
  padding-left: 48px !important;
}

 .prS48 {
  padding-right: 48px !important;
}
}

@media screen and (min-width: 897px){
 .ptP48 {
  padding-top: 48px !important;
}

 .pbP48 {
  padding-bottom: 48px !important;
}
}

@media screen and (max-width: 896px){
 .ptS48 {
  padding-top: 48px !important;
}

 .pbS48 {
  padding-bottom: 48px !important;
}
}

@media screen and (min-width: 897px){
 .pP0 {
  padding: 0 !important;
}
}

@media screen and (max-width: 896px){
 .pS0 {
  padding: 0 !important;
}
}

@media screen and (min-width: 897px){
 .fzP10 {
  font-size: 10px !important;
}
}

@media screen and (max-width: 896px){
 .fzS10 {
  font-size: 10px !important;
}
}

@media screen and (min-width: 897px){
 .fzP11 {
  font-size: 11px !important;
}
}

@media screen and (max-width: 896px){
 .fzS11 {
  font-size: 11px !important;
}
}

@media screen and (min-width: 897px){
 .fzP12 {
  font-size: 12px !important;
}
}

@media screen and (max-width: 896px){
 .fzS12 {
  font-size: 12px !important;
}
}

@media screen and (min-width: 897px){
 .fzP13 {
  font-size: 13px !important;
}
}

@media screen and (max-width: 896px){
 .fzS13 {
  font-size: 13px !important;
}
}

@media screen and (min-width: 897px){
 .fzP14 {
  font-size: 14px !important;
}
}

@media screen and (max-width: 896px){
 .fzS14 {
  font-size: 14px !important;
}
}

@media screen and (min-width: 897px){
 .fzP15 {
  font-size: 15px !important;
}
}

@media screen and (max-width: 896px){
 .fzS15 {
  font-size: 15px !important;
}
}

@media screen and (min-width: 897px){
 .fzP16 {
  font-size: 16px !important;
}
}

@media screen and (max-width: 896px){
 .fzS16 {
  font-size: 16px !important;
}
}

@media screen and (min-width: 897px){
 .fzP17 {
  font-size: 17px !important;
}
}

@media screen and (max-width: 896px){
 .fzS17 {
  font-size: 17px !important;
}
}

@media screen and (min-width: 897px){
 .fzP18 {
  font-size: 18px !important;
}
}

@media screen and (max-width: 896px){
 .fzS18 {
  font-size: 18px !important;
}
}

@media screen and (min-width: 897px){
 .fzP19 {
  font-size: 19px !important;
}
}

@media screen and (max-width: 896px){
 .fzS19 {
  font-size: 19px !important;
}
}

@media screen and (min-width: 897px){
 .fzP20 {
  font-size: 20px !important;
}
}

@media screen and (max-width: 896px){
 .fzS20 {
  font-size: 20px !important;
}
}

@media screen and (min-width: 897px){
 .fzP21 {
  font-size: 21px !important;
}
}

@media screen and (max-width: 896px){
 .fzS21 {
  font-size: 21px !important;
}
}

@media screen and (min-width: 897px){
 .fzP22 {
  font-size: 22px !important;
}
}

@media screen and (max-width: 896px){
 .fzS22 {
  font-size: 22px !important;
}
}

@media screen and (min-width: 897px){
 .fzP23 {
  font-size: 23px !important;
}
}

@media screen and (max-width: 896px){
 .fzS23 {
  font-size: 23px !important;
}
}

@media screen and (min-width: 897px){
 .fzP24 {
  font-size: 24px !important;
}
}

@media screen and (max-width: 896px){
 .fzS24 {
  font-size: 24px !important;
}
}

@media screen and (min-width: 897px){
 .fzP25 {
  font-size: 25px !important;
}
}

@media screen and (max-width: 896px){
 .fzS25 {
  font-size: 25px !important;
}
}

@media screen and (min-width: 897px){
 .fzP26 {
  font-size: 26px !important;
}
}

@media screen and (max-width: 896px){
 .fzS26 {
  font-size: 26px !important;
}
}

@media screen and (min-width: 897px){
 .fzP27 {
  font-size: 27px !important;
}
}

@media screen and (max-width: 896px){
 .fzS27 {
  font-size: 27px !important;
}
}

@media screen and (min-width: 897px){
 .fzP28 {
  font-size: 28px !important;
}
}

@media screen and (max-width: 896px){
 .fzS28 {
  font-size: 28px !important;
}
}

@media screen and (min-width: 897px){
 .fzP29 {
  font-size: 29px !important;
}
}

@media screen and (max-width: 896px){
 .fzS29 {
  font-size: 29px !important;
}
}

@media screen and (min-width: 897px){
 .fzP30 {
  font-size: 30px !important;
}
}

@media screen and (max-width: 896px){
 .fzS30 {
  font-size: 30px !important;
}
}

@media screen and (min-width: 897px){
 .fzP31 {
  font-size: 31px !important;
}
}

@media screen and (max-width: 896px){
 .fzS31 {
  font-size: 31px !important;
}
}

@media screen and (min-width: 897px){
 .fzP32 {
  font-size: 32px !important;
}
}

@media screen and (max-width: 896px){
 .fzS32 {
  font-size: 32px !important;
}
}

@media screen and (min-width: 897px){
 .fzP33 {
  font-size: 33px !important;
}
}

@media screen and (max-width: 896px){
 .fzS33 {
  font-size: 33px !important;
}
}

@media screen and (min-width: 897px){
 .fzP34 {
  font-size: 34px !important;
}
}

@media screen and (max-width: 896px){
 .fzS34 {
  font-size: 34px !important;
}
}

@media screen and (min-width: 897px){
 .fzP35 {
  font-size: 35px !important;
}
}

@media screen and (max-width: 896px){
 .fzS35 {
  font-size: 35px !important;
}
}

@media screen and (min-width: 897px){
 .fzP36 {
  font-size: 36px !important;
}
}

@media screen and (max-width: 896px){
 .fzS36 {
  font-size: 36px !important;
}
}

@media screen and (min-width: 897px){
 .fzP37 {
  font-size: 37px !important;
}
}


@media screen and (max-width: 896px){
 .fzS37 {
  font-size: 37px !important;
}
}

@media screen and (min-width: 897px){
 .fzP38 {
  font-size: 38px !important;
}
}

@media screen and (max-width: 896px){
 .fzS38 {
  font-size: 38px !important;
}
}

@media screen and (min-width: 897px){
 .fzP39 {
  font-size: 39px !important;
}
}

@media screen and (max-width: 896px){
 .fzS39 {
  font-size: 39px !important;
}
}

@media screen and (min-width: 897px){
 .fzP40 {
  font-size: 40px !important;
}
}

@media screen and (max-width: 896px){
 .fzS40 {
  font-size: 40px !important;
}
}

@media screen and (min-width: 897px){
 .fzP41 {
  font-size: 41px !important;
}
}

@media screen and (max-width: 896px){
 .fzS41 {
  font-size: 41px !important;
}
}

@media screen and (min-width: 897px){
 .fzP42 {
  font-size: 42px !important;
}
}

@media screen and (max-width: 896px){
 .fzS42 {
  font-size: 42px !important;
}
}

@media screen and (min-width: 897px){
 .fzP43 {
  font-size: 43px !important;
}
}

@media screen and (max-width: 896px){
 .fzS43 {
  font-size: 43px !important;
}
}

@media screen and (min-width: 897px){
 .fzP44 {
  font-size: 44px !important;
}
}

@media screen and (max-width: 896px){
 .fzS44 {
  font-size: 44px !important;
}
}

@media screen and (min-width: 897px){
 .fzP45 {
  font-size: 45px !important;
}
}

@media screen and (max-width: 896px){
 .fzS45 {
  font-size: 45px !important;
}
}

@media screen and (min-width: 897px){
 .fzP46 {
  font-size: 46px !important;
}
}

@media screen and (max-width: 896px){
 .fzS46 {
  font-size: 46px !important;
}
}

@media screen and (min-width: 897px){
 .fzP47 {
  font-size: 47px !important;
}
}

@media screen and (max-width: 896px){
 .fzS47 {
  font-size: 47px !important;
}
}

@media screen and (min-width: 897px){
 .fzP48 {
  font-size: 48px !important;
}
}

@media screen and (max-width: 896px){
 .fzS48 {
  font-size: 48px !important;
}
}

@media screen and (min-width: 897px){
 .fzP49 {
  font-size: 49px !important;
}
}

@media screen and (max-width: 896px){
 .fzS49 {
  font-size: 49px !important;
}
}

@media screen and (min-width: 897px){
 .fzP50 {
  font-size: 50px !important;
}
}

@media screen and (max-width: 896px){
 .fzS50 {
  font-size: 50px !important;
}
}

@media screen and (min-width: 897px){
 .lhP10 {
  line-height: 1 !important;
}
}

@media screen and (max-width: 896px){
 .lhS10 {
  line-height: 1 !important;
}
}

@media screen and (min-width: 897px){
 .lhP11 {
  line-height: 1.1 !important;
}
}

@media screen and (max-width: 896px){
 .lhS11 {
  line-height: 1.1 !important;
}
}

@media screen and (min-width: 897px){
 .lhP12 {
  line-height: 1.2 !important;
}
}

@media screen and (max-width: 896px){
 .lhS12 {
  line-height: 1.2 !important;
}
}

@media screen and (min-width: 897px){
 .lhP13 {
  line-height: 1.3 !important;
}
}

@media screen and (max-width: 896px){
 .lhS13 {
  line-height: 1.3 !important;
}
}

@media screen and (min-width: 897px){
 .lhP14 {
  line-height: 1.4 !important;
}
}

@media screen and (max-width: 896px){
 .lhS14 {
  line-height: 1.4 !important;
}
}

@media screen and (min-width: 897px){
 .lhP15 {
  line-height: 1.5 !important;
}
}

@media screen and (max-width: 896px){
 .lhS15 {
  line-height: 1.5 !important;
}
}

@media screen and (min-width: 897px){
 .lhP16 {
  line-height: 1.6 !important;
}
}

@media screen and (max-width: 896px){
 .lhS16 {
  line-height: 1.6 !important;
}
}

@media screen and (min-width: 897px){
 .lhP17 {
  line-height: 1.7 !important;
}
}

@media screen and (max-width: 896px){
 .lhS17 {
  line-height: 1.7 !important;
}
}

@media screen and (min-width: 897px){
 .lhP18 {
  line-height: 1.8 !important;
}
}

@media screen and (max-width: 896px){
 .lhS18 {
  line-height: 1.8 !important;
}
}

@media screen and (min-width: 897px){
 .lhP19 {
  line-height: 1.9 !important;
}
}

@media screen and (max-width: 896px){
 .lhS19 {
  line-height: 1.9 !important;
}
}

@media screen and (min-width: 897px){
 .lhP20 {
  line-height: 2 !important;
}
}

@media screen and (max-width: 896px){
 .lhS20 {
  line-height: 2 !important;
}
}

/*font-size*/
@media screen and (min-width: 897px){
 .fszPC01 {
  font-size: 44px !important;
}
}

@media screen and (max-width: 896px){
 .fszSP01 {
  font-size: 28px !important;
}
}

@media screen and (min-width: 897px){
 .fszPC02 {
  font-size: 40px !important;
}
}

@media screen and (max-width: 896px){
 .fszSP02 {
  font-size: 26px !important;
}
}

@media screen and (min-width: 897px){
 .fszPC03 {
  font-size: 32px !important;
}
}

@media screen and (max-width: 896px){
 .fszSP03 {
  font-size: 21px !important;
}
}

@media screen and (min-width: 897px){
 .fszPC04 {
  font-size: 28px !important;
}
}

@media screen and (max-width: 896px){
 .fszSP04 {
  font-size: 18px !important;
}
}

@media screen and (min-width: 897px){
 .fszPC05 {
  font-size: 24px !important;
}
}

@media screen and (max-width: 896px){
 .fszSP05 {
  font-size: 17px !important;
}
}

@media screen and (min-width: 897px){
 .fszPC06 {
  font-size: 22px !important;
}
}

@media screen and (max-width: 896px){
 .fszSP06 {
  font-size: 15px !important;
}
}

@media screen and (min-width: 897px){
 .fszPC07 {
  font-size: 18px !important;
}
}

@media screen and (max-width: 896px){
 .fszSP07 {
  font-size: 14px !important;
}
}

@media screen and (min-width: 897px){
 .fszPC08 {
  font-size: 16px !important;
}
}

@media screen and (max-width: 896px){
 .fszSP08 {
  font-size: 13px !important;
}
}

@media screen and (min-width: 897px){
 .fszPC09 {
  font-size: 13px !important;
}
}

@media screen and (max-width: 896px){
 .fszSP09 {
  font-size: 10px !important;
}
}

.t-attention {
  font-size: 12px;
  letter-spacing: .025em;
  line-height: 1.7;
  color: #6c6c6c;
}

.t-tag {
  font-size: 13px;
  line-height: 1.7;
  background: #d2d2d2;
  color: #000000;
  padding: 3px 22px 3px 16px;
  display: inline-block;
  letter-spacing: .05em;
}

.notes01, .notes02, .notes04 {
  position: relative;
  padding-left: 2.5em;
}
.notes03, .notes05 {/*20220809 tn*/
  position: relative;
  padding-left: 2em;
}

body {
  counter-reset: number number_en 0;/*20200624 tn*/
}

.notes01:before, .notes02:before, .notes03:before, .notes04:before, .notes05:before {
  position: absolute;
  top: 0;
  left: 0;
}

.notes01:before {
  content: "※";
}

.notes02:before {
  counter-increment: number 1;
  content: "※" counter(number);
}

.notes03:before {
  content: "*";
}

.notes04:before {
  content: "＊";
}

.notes05:before {/*20200624 tn*/
	counter-increment: number_en 1;
	content: "*" counter(number_en);
}

.boxType01 {
  border: 1px solid #cccccc;
  padding: 15px;
  box-sizing: border-box;
}

.boxType02 {
  background: #f0f0f0;
  padding: 15px;
  box-sizing: border-box;
}

.boxType03 {
  border: 1px solid #b91440;
  padding: 15px;
  box-sizing: border-box;
}

@media screen and (max-width: 896px){
 .boxType01,  .boxType02,  .boxType03 {
  padding: 10px;
}

 .mWrapper.notes01,  .mWrapper.notes02,  .mWrapper.notes03,  .mWrapper.notes04,  .mWrapper.notes05/*20201113 tn add*/ {
  width: auto;
}

 .notes01, .notes02, .notes04/*20201113 tn add*/ {
  margin-left: 20px;
  padding-left: 2.5em !important;
}
.notes03, .notes05 {/*20220809 tn*/
  margin-left: 20px;
  padding-left: 2em !important;
}
.spGutter .notes01, .spGutter .notes02, .spGutter .notes03, .spGutter .notes04, .spGutter .notes05 {/*20220809 tn*/
  margin-left: 0;
}

 .t-tag {
  letter-spacing: .0em;
  padding: 3px 11px 3px 12px;
}
}

.counterReset{
  counter-reset: number number_en;
}

#container .pager_list {
  padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#container .pager_list.pagerC {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#container .pager_list.pagerR {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

#container .pager_item {
  padding-right: 10px;
}

#container .pager_item:last-child {
  padding-right: 0;
}

#container .pager_button, #container .pager_button-next, #container .pager_button-prev {
  display: block;
  width: 37px;
  height: 37px;
  line-height: 37px;
  border-radius: 37px;
  background: #ebebeb;
  /*color: #6c6c6c; 20191121_tn*/
  text-align: center;
  font-size: 18px;
}

#container .pager_button.active {
  background: #000000;
  color: #ffffff;
}

#container .active.pager_button-next, #container .active.pager_button-prev {
  background: #000000;
  color: #ffffff;
}

#container .pager_button:hover, #container .pager_button-next:hover, #container .pager_button-prev:hover {
  background: #000000;
  color: #ffffff;
}

#container .pager_button-next, #container .pager_button-prev {
  width: 129px;
  position: relative;
}

#container .pager_button-next::after, #container .pager_button-prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 10px;
  height: 14px;
  content: "";
  background: url("/ja/assets/img/icon_arrow01.svg") no-repeat;
  background-size: 9px;
  vertical-align: top;
}

#container .pager_button-next:hover::after, #container .pager_button-prev:hover::after {
  background: url("/ja/assets/img/icon_arrow01_w.svg") no-repeat;
}

#container .pager_button-next {
  padding-right: 20px;
}

#container .pager_button-next::after {
  right: 20px;
}

#container .pager_button-prev {
  padding-left: 20px;
}

#container .pager_button-prev::after {
  left: 20px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (max-width: 896px){
 #container .pager_list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

 #container .pager_list.pagerC,  #container .pager_list.pagerR {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

 #container .pager_item {
  padding-right: 5px;
}

 #container .pager_button,  #container .pager_button-next,  #container .pager_button-prev {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}

 #container .pager_button-next,  #container .pager_button-prev {
  width: 83px;
}

 #container .pager_button-next {
  padding-right: 7px;
}

 #container .pager_button-next::after {
  right: 7px;
}

 #container .pager_button-prev {
  padding-left: 7px;
}

 #container .pager_button-prev::after {
  left: 7px;
}
}

.lh-14 {
  line-height: 1.4;
}

.lh-15 {
  line-height: 1.5;
}

.ls-05 {
  letter-spacing: .05em;
}

.ls-075 {
  letter-spacing: .075em;
}

.ls-10 {
  letter-spacing: .1em;
}

.indent25 {
  padding-left: 25px;
  text-indent: -25px;
}

@media screen and (min-width: 897px){
 .lhPC-14 {
  line-height: 1.4 !important;
}

 .lhPC-15 {
  line-height: 1.5 !important;
}

 .lsPC-05 {
  letter-spacing: .05em !important;
}

 .lsPC-10 {
  letter-spacing: .1em !important;
}
}

@media screen and (max-width: 896px){
 .lhSP-14 {
  line-height: 1.4 !important;
}

 .lhSP-15 {
  line-height: 1.5 !important;
}

 .lsSP-05 {
  letter-spacing: .05em !important;
}

 .lsSP-10 {
  letter-spacing: .1em !important;
}
}

@media screen and (min-width: 897px){
 .intsecPCL {
  position: relative;
}

 .intsecPCL:after {
  content: "";
  width: 48px;
  height: 40px;
  background: #ffffff;
  display: block;
  position: absolute;
  left: -24px;
  bottom: -20px;
  z-index: 5;
}

 .intsecPCR {
  position: relative;
}

 .intsecPCR:before {
  content: "";
  width: 48px;
  height: 40px;
  background: #ffffff;
  display: block;
  position: absolute;
  right: -24px;
  bottom: -20px;
  z-index: 5;
}

 .ofHidden {
  overflow: hidden;
}
}

@media screen and (max-width: 896px){
 .intsecSPL {
  position: relative;
}

 .intsecSPL:after {
  content: "";
  width: 24px;
  height: 25px;
  background: #ffffff;
  display: block;
  position: absolute;
  left: -12px;
  bottom: -12px;
  z-index: 5;
}

 .intsecSPR {
  position: relative;
}

 .intsecSPR:after {
  content: "";
  width: 24px;
  height: 25px;
  background: #ffffff;
  display: block;
  position: absolute;
  bottom: -12px;
  right: -12px;
  z-index: 5;
}

 .ofHidden {
  overflow: hidden;
}
}



/*==============================================================*/
/* tablet adjustment 20191017 oto*/ 
/*==============================================================*/
.tab body{
min-width: 1200px !important;
}

.tab .f-extraNavWrapper{ 
width: auto;
}
.tab .f-listStyle03{ 
width: 700px;
}
.tab .f-listStyle03 li{   
margin-right: 12px;
}

.tab .f-listStyle03 li a{   
font-size: 9px;
padding-right: 10px;
}

.tab .f-listStyle03 li.window a {
    padding-right: 21px;
	}
/*20210812 tn del	
.tab .f-listStyle03 li:nth-child(1),
.tab .f-listStyle03 li:nth-child(3){
	width: 8em;
}
.tab .f-listStyle03 li:nth-child(2){
	width: 10em;
}
.tab .f-listStyle03 li:nth-child(4){
	width: 11em;
}
.tab .f-listStyle03 li:nth-child(5),
.tab .f-listStyle03 li:nth-child(6){
	width: 6em;
}
*/
.tab .f-copyright{
font-size: 9px;
width: 330px;
}

/*グロナビとパンくず*/
/*.tab ul.h-glnavlist,
.tab .h-breadcrumb ul,
.tab .f-breadcrumb ul{
    white-space:nowrap;
}*/

/*グロナビ*/
/*
.tab .h-glnavlist{
    color: #333333;
    font-size: 14px;
    letter-spacing: .05em;
    float: left;
    margin-left: 160px;
    margin-top: 10px;
}
*/
/*safari hack*/
/*
.tab .h-glnavlist > li {
    margin-right: 26px;
    display: inline-block;
}
*/
.tab .h-glnavlist{
	margin-left: 65px;/*20210812 tn add*/
    /*20210812 tn del margin-left: 50px;
	width: 750px;*/
/*	-web-text-size-adjust;none;
*/}
.tab .h-glnavlist > li {
    margin-right: /*20210812 tn del 15*/23px;
	font-feature-settings: "pkna";

	/*
	flex-shrink: 0;
	word-wrap: break-word;
	display: inline-block;
	white-space:nowrap;
	overflow: hidden;
	overflow: visible;
	float: left;
	width: auto;
	*/
	}
/*20210812 tn del 
.tab .h-glnavlist > li:nth-child(1),
.tab .h-glnavlist > li:nth-child(2){
	width: 8em;
}
.tab .h-glnavlist > li:nth-child(3){
	width: 9em;
}
.tab .h-glnavlist > li:nth-child(4){
	width: 14em;
}
.tab .h-glnavlist > li:nth-child(5){
	width: 6em;
}
*/
/*
.tab .h-glnavlist > li.h-navLinks > span a {
    display: inline;
    width: auto;
}
*/

/*ヘッダーパンくず*/
/*
.tab .h-wrapper .h-breadcrumb .swiper-bread li {
    width: auto;
}
.tab .h-wrapper .h-breadcrumb li {
padding-left: 18px !important;
position: relative;
top: 2px;
}
.tab .h-wrapper .h-breadcrumb li:first-child {
    padding-left: 0;
}
.tab .h-wrapper .h-breadcrumb li:last-child {
    padding-right: 15px !important;
}
.tab .h-wrapper .h-breadcrumb li:before {
    position: absolute;
    height: 20px;
    width: 1px;
    background-color: #8e8e8e;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    content: "";
    left: 9px;
}
.tab .h-wrapper .h-breadcrumb li:first-child:before {
  content: none;
}*
/

/*フッターパンくず*/
/*
.tab .f-wrapper .f-breadcrumb .swiper-bread-f li {
    width: auto;
}
.tab .f-wrapper .f-breadcrumb li {
    padding-left: 38px !important;
}

.tab .f-wrapper .f-breadcrumb li:first-child {
    padding-left: 0 ;
}

.tab .f-wrapper .f-breadcrumb li:last-child {
    padding-right: 15px !important;
}
.tab .f-wrapper .f-breadcrumb li:before {
    position: absolute;
    height: 20px;
    width: 1px;
    background-color: #8e8e8e;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    content: "";
    left: 20px;
}
.tab .f-wrapper .f-breadcrumb li:first-child:before {
  content: none;
}
*/

/*table adjust 20201030 tn*/
.mCustomScrollbar{ -ms-touch-action: manipulation; touch-action: manipulation !important;/* direct pointer events to js */ }

/*group lnavi 20210122 tn add*/
.h-lnav-parent .h-lnavContentContainer{
	z-index: 300;
}
@media only screen and (max-width: 896px) {
	.h-lnav.h-lnav-parent .h-lnavlist{
		z-index: 300;
	}
}
/*group lnavi 20210122 tn end*/


/*お知らせ一覧サムネイル　打消し　トップページ、サポートトップ、機種別サポート 20210719 oto*/
.oshirase-etc_thumb,
.layoutStyle02 .ls02-box .txt span.oshirase-etc_thumb,
.oldContent #container_sp_pec .news_pec dl dd span.oshirase-etc_thumb,
.oldContent #underContents_pec .newsBlock_pec .listBox_pec dd span.oshirase-etc_thumb,
.oldContent .list_pec_pdc dd span.oshirase-etc_thumb{
	display: none;
}
/*お知らせ一覧サムネイル　打消し　end*/