@charset "UTF-8";
/* テキスト */
.txt-indent {
	padding-left:1em;
	text-indent:-1em;
}
.title01 {
  font-size: 22px;
  font-weight: 500;
  padding: 0px;
}

.item-detail-intro__notes {
  line-height: 1.63636;
}
.item-detail-intro__notes {
  font-size: 11px;
  line-height: 1.63636;
}
.item-detail-intro__notes ul {
    list-style: none;
}

/* 表組み */
.table-scroll {
  overflow-x: auto;
}
.table_design01 {
 width: 100%;
 min-width: 768px;
 text-align: center;
 vertical-align: middle;
 border: solid 1px #fff;
 border-collapse: separate;
 border-spacing: 1;
}
.table_design01 th {
 padding: 10px;
 background: #898989;
 color: #fff;
 font-weight: 500;
 text-align: center;
 vertical-align: middle;
 border: solid 1px #fff;
 border-collapse: separate;
}
.table_design01 td {
 padding: 10px;
 text-align: center;
 vertical-align: middle;
 border: solid 1px #fff;
 border-collapse: separate;
}
.table_design01 td:first-child {
 background: #e6e6e7;
}
.table_design01 tr:nth-child(2n+1) {
 background: #f3f4f4;
}

@media (min-width: 767px), print {
.item-detail-intro__notes {
  line-height: 1.63636;
}
.item-detail-intro__notes {
  font-size: 11px;
  line-height: 1.63636;
}
.item-detail-intro__notes ul {
    list-style: none;
}
}

@media screen and (max-width: 766px) {
.title01 {
  font-size: 19px;
  font-weight: 500;
  padding: 0px;
}
}

/* 画像2カラム */
.epi_step_box {
    text-align: center;
    clear: both;
    margin-top: -50px;
}
.epi_step_box .imgArea {
    max-width: 900px;
}
.epi_step_box .twoClm {
    width: 900px;
    margin: 0 auto;
}
.epi_step_box .areaL {
    float: left;
    width: 425px;
    margin-left: 5px;
}
.epi_step_box .areaL .imgArea {
    max-width: 425px;
}
.epi_step_box .areaL .imgArea img {
    width: 100%;
    max-width: 435px;
}
.epi_step_box .areaR {
    float: left;
    width: 425px;
    margin-left: 40px;
    margin-right: 5px;
}
.epi_step_box .areaR .imgArea {
    max-width: 425px;
}
.epi_step_box .areaR .imgArea img {
    width: 100%;
    max-width: 425px;
}

@media screen and (min-width: 767px) and (max-width: 1028px) {
.epi_step_box {
    text-align: center;
    margin: 0 auto;
    padding: 0px;
    max-width: 728px;
    clear: both;
    margin-top: -50px;
}
.epi_step_box .twoClm {
    max-width: 728px;
    margin: 0 auto;
}
.epi_step_box .areaL {
    float: left;
    margin: 0 0px 0 auto;
    max-width: 350px;
}
.epi_step_box .areaL .imgArea {
    width: 100%;
}
.epi_step_box .areaL .imgArea img {
    max-width: 350px;
    width: 100%;
}
.epi_step_box .areaR {
    float: right;
    margin: 0 auto;
    max-width: 350px;
}
.epi_step_box .areaR .imgArea {;
    width: 100%;
}
.epi_step_box .areaR .imgArea img {
    max-width: 350px;
    width: 100%;
}
}

@media screen and (max-width: 766px) {
.epi_step_box {
    text-align: center;
    margin: 0 auto;
    margin-top: -50px;
}
.epi_step_box .twoClm {
    width: 100%;
    margin: 0 auto;
}
.epi_step_box .imgArea {
    width: 100%;
}
.epi_step_box .areaL {
    float: none;
    width: 100%;
    margin: 0 auto;
}
.epi_step_box .areaL .imgArea {
    width: 100%;
    text-align: center;
}
.epi_step_box .areaL .imgArea img {
    width: 100%;
}
.epi_step_box .areaR {
    float: none;
    width: 100%;
    margin: 20px auto 0px auto;
}
.epi_step_box .areaR .imgArea {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.epi_step_box .areaR .imgArea img {
    width: 100%;
}
}
    
/*@media screen and (min-width: 1366px) {
.epi_step_box {
    text-align: center;
}
.epi_step_box .otherPageBox {
    padding-bottom: 50px;
}
.epi_step_box .imgArea {
    margin-top: 21px;
    max-width: 962px;
}
.epi_step_box .twoClm {
    width: 962px;
    margin: 0 auto;
}
.epi_step_box .areaL {
    float: left;
    width: 466px;
}
.epi_step_box .areaL .imgArea {
    margin-top: 15px;
    max-width: 466px;
}
.epi_step_box .areaL .imgArea img {
    width: 100%;
    max-width: 425px;
}
.epi_step_box .areaR {
    float: left;
    width: 466px;
    margin-left: 30px;
}
.epi_step_box .areaR .imgArea {
    margin-top: 15px;
    max-width: 466px;
}
.epi_step_box .areaR .imgArea img {
    width: 100%;
    max-width: 425px;
} 
}*/

/* コンテンツ間余白調整 */
/* pc */
.ML01 { margin-left: 5px; }
.MT01 { margin-top: -30px; }
.MT02 { margin-top: 0px; }
    
/* sp */
@media screen and (max-width: 766px) {   
.ML01 { margin-left: 0px; margin-top: -40px; }
.MT01 { margin-top: -30px; }
.MT02 { margin-top: -40px !important; }
}
    
/* tablet */
@media screen and (min-width: 767px) and (max-width: 1279px) {
.ML01 { margin-left: 0px; } 
.MT01 { margin-top: -30px; }
.MT02 { margin-top: 0px; }
}
    
/* PC/tablet */
@media screen and (min-width: 1024px) and (max-width: 1365px) {
.ML01 { margin-left: 15px; }
.MT01 { margin-top: -30px; }
.MT02 { margin-top: 0px; }
}