@charset "utf-8";

/*
mainVisual
------------------------------*/
.mainVisual {
  background-image: url(../img/head_bg_sp.png);
  height: calc(250 / 375 * 100vw);
}
.mainVisual h1 {
  position: absolute;
  font-size: 3.2rem;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0px 3px 5px #000000CC;
  top: calc(20 / 375 * 100vw);
  left: calc(20 / 375 * 100vw);
}
@media (min-width: 740px) {
  .mainVisual {
    height: 470px;
    background-image: url(../img/head_bg_pc.png);
  }
  .mainVisual h1 {
    font-size: 4.8rem;
    top: 120px;
    left: 0;
  }
}
@media (min-width: 1921px) {
  .mainVisual {
    height: calc(470 / 1920 * 100vw);
  }
  .mainVisual .mainWrap {
    width: calc(950 / 1920 * 100vw);
  }
  .mainVisual h1 {
    font-size: calc(48 / 1920 * 100vw);
    top: calc(120 / 1920 * 100vw);
  }
}
/* contents
------------------------------*/
.contents {}
@media (max-width: 739px) {
  .contents .contInr {
    padding-bottom: 30px;
  }
}
@media (min-width: 740px) {
  .contents .contInr {
    padding-bottom: 100px;
  }
}

/* information
------------------------------*/
@media (min-width: 740px){
.information{margin-top: 120px;}
}

/* tabSwitchPanel
------------------------------*/
.tabSwitchPanel ul {
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.tabSwitchPanel li {
/*width: calc(100% / 3);*/
text-align: center;
}
.tabSwitchPanel li a{
transition: color .2s ease-in-out;
position: relative;
display: block;
padding: 0 10px 15px;
font-size: 1.2rem;
font-weight: bold;
}
@media (min-width: 740px){
.tabSwitchPanel li a{
width: 180px;
padding: 10px 20px;
font-size: 2.2rem;
}
.tabSwitchPanel li:not(:first-child) a{
width: 375px;
}
}
.tabSwitchPanel li:hover a{
color: #cc0000;
}
.tabSwitchPanel li a::before,
.tabSwitchPanel li a::after{
content: '';
display: block;
width: 100%;
position: absolute;
top: auto;
left: 0;
right: 0;
margin: auto;
}
.tabSwitchPanel li a::before{
height: 1px;
background-color: #eeeeee;
bottom: 2px;
}
.tabSwitchPanel li a::after{
height: 5px;
background-color: #cc0000;
bottom: -1px;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: all .3s;
transition: all .3s;
}
.tabSwitchPanel li.active a::after{
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
[data-tab*="JS-tab"]{
/*-webkit-transition: all .3s;
transition: all .3s;*/
opacity: 0;
display: none;
}
[data-tab*="JS-tab"].current{
display: block;
opacity: 1;
}
@media (max-width: 739px) {
.tabSwitchPanel {
margin: 0 -10px;
}
.tabSwitchPanel li {
width: calc(100% / 3);
}
.tabSwitchPanel li a{
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
height: 52px;
}
}

/* information
------------------------------*/
.information [class*="ttl"]{
font-size: 2.4rem;
font-weight: 700;
text-align: center;
margin-top: 25px;
}
.information [class*="ttl"] + p{margin-top: 25px;}
.information .informationTbl{margin-top: 13px;}
.information .informationTbl th,
.information .informationTbl td{border-top: 1px solid #707070;}
@media (max-width: 739px){
.information{margin-top: 44px;}
.information .informationTbl th,
.information .informationTbl td{display: block;padding: 15px 10px;}
.information .informationTbl tr:last-child td{border-top: none;}
}
.information .informationTbl tr:last-child th,
.information .informationTbl tr:last-child td{border-bottom: 1px solid #707070;}
.information .informationTbl th{font-size: 1.8rem;font-weight: 700;background-color: #F3F3F3;}
.information .informationTbl ol {list-style: decimal;padding-left: 1em;}
.information .informationTbl p + p,
.information .informationTbl ol{margin-top: 20px;}
.information section + p {margin-top: 20px;}
@media (min-width: 740px) {
.information [class*="ttl"]{margin-top: 50px;}
.information [class*="ttl"] + p{margin-top: 23px;}
.information .informationTbl{margin-top: 38px;}
.information .informationTbl th{width: 306px;padding: 23px 20px;}
.information .informationTbl td{width: calc(100% - 306px);padding: 23px 20px;}
.information section + p {margin-top: 40px;}
}