@charset "Shift_JIS";
/* CSS Document */
.sc_planning {
    background-color: #f0f5f4;
    padding:90px 0 90px 0
}

.txt-title-sub {
  font-family: "�q���M�m���� Pro W3", "Hiragino Mincho Pro", "��������", "Yu Mincho", YuMincho, "HG����E", "�l�r �o����", "MS PMincho", "�l�r ����", serif;
  font-size: 30px;
  line-height: 1.6;
    text-align: center;
    color: #999;
}

.txt-title-sub span {
    display: block;
    font-family: "�q���M�m���� Pro W3", "Hiragino Mincho Pro", "��������", "Yu Mincho", YuMincho, "HG����E", "�l�r �o����", "MS PMincho", "�l�r ����", serif;
    font-size: 60px;
    color: #999;
    line-height: 1.3;
    text-align: center;
  }

.sc_subtitle {
    font-family: "�q���M�m���� Pro W3", "Hiragino Mincho Pro", "��������", "Yu Mincho", YuMincho, "HG����E", "�l�r �o����", "MS PMincho", "�l�r ����", serif;
    font-size:18px;
    text-align: center;
    padding:60px 0 0 0;
}

.sc_planning dl {
    position:relative;
    height:1067px;
    margin:90px 0 0 0;
}

.sc_planning li:first-child dl {
    margin:60px 0 0 0;
}

.sc_planning dl dt {
    position: absolute;
    width:800px;
    height:1067px;
    right:0;
    left:0;
    margin:auto;
    overflow: hidden;
}

.sc_planning dl dd {
    font-family: "�q���M�m���� Pro W3", "Hiragino Mincho Pro", "��������", "Yu Mincho", YuMincho, "HG����E", "�l�r �o����", "MS PMincho", "�l�r ����", serif;
    position: absolute;
    width:400px;
    background-color: #FFF;
    opacity:0.8;
    color:#000;
    padding:30px;
    bottom:-40px;
}

.sc_planning li:nth-child(even) dd {
    right:0;
}

.sc_planning dl dd .cms_dataexp p{
    font-size:20px;
}

.sc_planning dl dd .cms_dataexp2 p{
    font-size:16px;
    padding:20px 0 0 0;
}




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

/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
.sc_planning {
    padding:40px 0 80px 0
}
.txt-title-sub {
  font-size: 15px;
}
.txt-title-sub span {
    font-size: 30px;
  }

.sc_subtitle {
    padding:30px 0 0 0;
    font-size:12px;
}

.sc_planning dl {
    height:0 !important;
    margin:80px 0 0 0;
    padding-top:140%;
}

.sc_planning li:first-child dl {
    margin:30px 0 0 0;
}

.sc_planning dl dt {
    position: absolute;
    width:100% !important;
    height:100% !important;
    margin:auto;
    overflow: hidden;
    top:0;
}

.sc_planning dl dd {
    width:96%;
    background-color: #000;
    opacity:0.8;
    color:#FFF;
    padding:3%;
    margin: 0 2%;
    bottom:-10% !important;
}

.sc_planning li:nth-child(even) dd {
    right:0;
}

.sc_planning dl dd .cms_dataexp p{
    font-size:14px;
    font-weight: bold;
}

.sc_planning dl dd .cms_dataexp2 p{
    padding:10px 0 0 0;
    font-size:10px;
}

    
}