/*///////////////////////////////////////////////////////////*/
/*for SMARTPHONE*/
@media screen and (max-width: 1024px) {/*start*/
/*///////////////////////////////////////////////////////////*/

/*=============================================================
 common Layout
=============================================================*/
    

 /* contentsArea
-------------------------------------------------------------*/
.contentsArea {
 }

/* contentsInner
-------------------------------------------------------------*/
.contentsArea .contentsInner {
}
/* contentsInner2nd
-------------------------------------------------------------*/
.contentsArea .contentsInner .conInner2nd {
    width: 100%;
}

/* anchorLink
-------------------------------------------------------------*/
.anchorLink ul {
    display: block;
}
.anchorLink ul li {
    width: 100%!important;
}
.anchorLink ul li a {
    display: block;
    text-align: left;
    font-size: 16px;
    border-right: 2px #DC000C solid;
    border-bottom: 0px;
    box-sizing: border-box;
    min-height: 0px;
    padding: 7px 20px 7px 20px;
    transition: 0.2s ease;
}
.anchorLink ul li:last-child a {
    border-bottom: 2px #DC000C solid;
}
/*arrow*/
.anchorLink ul li a span {
    display: block;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    padding-right: 25px;
}
.anchorLink ul li a span:after {
    content: url("../img/anchor_off.svg");
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
/*hover*/
.anchorLink ul li a:hover {
    background-color: #DC000C;
    color: #fff;
    text-decoration: none;
}
.anchorLink ul li a:hover span:after {
    content: url("../img/anchor_on.svg");
    padding-left: 15px;
}
/* title
-------------------------------------------------------------*/
/*h1*/
.h1_ttlArea {
    margin-top: 40px;
    padding-bottom: 70px;
}
.h1_ttlArea p {
    font-size: 24px;
}
.h1_ttlArea h1 {
    font-size: 40px;
}

/*h2*/
.h2_ttlArea {
}
.h2_ttlArea h2 {
    font-size: 26px;
}

/*h3*/
.h3_ttlArea {
}
.h3_ttlArea h3 {
    font-size: 18px;
}

/*h4*/
.h4_ttlArea {
}
.h4_ttlArea h4 {
}

/*fig_ttlArea*/
.fig_ttlArea {
}
.fig_ttlArea>* {
    font-size: 16px;
    font-weight: bold;
}



    
    
/* text
-------------------------------------------------------------*/
.txt_L {
    font-size: 16px;
}
.txt_M {
    font-size: 14px;
}
.txt_S {
    font-size: 12px;
}
.txtColor_01 {
}

    
    
/* L1R1 other
-------------------------------------------------------------*/
/* L1R1 */
.L1R1 {
	display: block;
}
.L1R1>div {
	width:100%;
}
.L1R1>div:last-child {
    margin-top: 20px;
}
    
/* L1L1R1 */
.L1L1R1 {
	display: block;
}
.L1L1R1>div {
	width:100%;
    margin-bottom: 20px;
}
.L1L1R1>div:last-child {
    margin-bottom: 0px;
}

/* L1L1L1R1 */
.L1L1L1R1 {
	display: block;
}
.L1L1L1R1>div {
	width:100%;
    margin-bottom: 20px;
}
.L1L1L1R1>div:last-child {
    margin-bottom: 0px;
}
    
/* L1R2 */
.L1R2 {
	display: block;
}
.L1R2>div:first-child {
	width:100%;
}
.L1R2>div:last-child {
	width:100%;
    margin-top: 20px;
}
 
/* L2R1 */
.L2R1 {
	display: block;
}
.L2R1>div:first-child {
	width:100%;
}
.L2R1>div:last-child {
	width:100%;
    margin-top: 20px;
}
 
    
/* L1R4 */
.L1R4 {
	display: block;
}
.L1R4>div:first-child {
	width:100%;
}
.L1R4>div:last-child {
	width:100%;
    margin-top: 20px;

}

    
/* dataTbl
-------------------------------------------------------------*/
table.dataTbl {
	border:0px;
	border-collapse:collapse;
	width:100%;
    font-size:inherit;
    border-top: 1px #707070 solid!important;
}
table.dataTbl th {
    width: auto;
    display: block;
    font-size: 14px;
    border-top: 0px;
}
table.dataTbl td {
    width: auto;
    display: block;
    font-size: 14px;
    border-top: 0px;
}
    
/*fontS*/
table.dataTbl.fontS th,
table.dataTbl.fontS td {
    font-size: 12px;
}
/*fontM*/
table.dataTbl.fontM th,
table.dataTbl.fontM td {
    font-size: 14px;
}

/*noForSp*/
table.dataTbl.noForSp th {
    width: auto;
    display: table-cell;
    font-weight: normal;
}
table.dataTbl.noForSp td {
    width: auto;
    display: table-cell;
    padding: 5px;
}
    
    
/* bgGrayBox
-------------------------------------------------------------*/
.bgGrayBox {
    background-color: #EAEAEA;
    padding: 25px;
}
    
    
/* margin
-------------------------------------------------------------*/
.mt0 {
	margin-top:0 !important;
}
.mt5 {
	margin-top:5px !important;
}
.mt10 {
	margin-top:10px !important;
}

    
.mt_pc10sp5 {
	margin-top:5px !important;
}
.mt_pc20sp10 {
	margin-top:10px !important;
}
.mt_pc30sp15 {
	margin-top:15px !important;
}
.mt_pc40sp20 {
	margin-top:20px !important;
}
.mt_pc48sp32 {
	margin-top:32px !important;
}
.mt_pc50sp25 {
	margin-top:25px !important;
}
.mt_pc50sp40 {
	margin-top:40px !important;
}
.mt_pc60sp30 {
	margin-top:30px !important;
}
.mt_pc80sp40 {
	margin-top:40px !important;
}
.mt_pc90sp45 {
	margin-top:45px !important;
}
.mt_pc102sp72 {
	margin-top:72px !important;
}

    
.pt_pc10sp5 {
	padding-top:5px !important;
}
.pt_pc20sp10 {
	padding-top:10px !important;
}
.pt_pc30sp15 {
	padding-top:15px !important;
}
.pt_pc40sp20 {
	padding-top:20px !important;
}
.pt_pc50sp25 {
	padding-top:25px !important;
}
.pt_pc50sp40 {
	padding-top:40px !important;
}
.pt_pc60sp30 {
	padding-top:30px !important;
}
.pt_pc80sp40 {
	padding-top:40px !important;
}
.pt_pc90sp45 {
	padding-top:45px !important;
}

    
    
/*spMgn*/    
.spMgn_mt0 {
    margin-top: 0!important;
}
.spMgn_mt5 {
    margin-top: 5px!important;
}
.spMgn_mt10 {
    margin-top: 10px!important;
}    
.spMgn_mt20 {
    margin-top: 20px!important;
}    

    

/* overFlowScroll
-------------------------------------------------------------*/
.overFlowScroll {
    overflow-x: scroll;
}
    
/* ico_scroll
-------------------------------------------------------------*/
.ico_scroll {
  display: block;
  position: relative;
  width: 50px;
  height: 9px;
  margin-left: auto;
  margin-top: 10px;
    margin-bottom: 10px;
}
.ico_scroll::before {
  animation: arrow 2.5s infinite;
  content: "";
  background: url("../img/ico_scroll.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 65px;
  height:11px;
}
@keyframes arrow {
  0% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(0px, 0px);
  }
  0%, 60%, 100% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
}
    
    
/*///////////////////////////////////////////////////////////*/
/*for SMARTPHONE*/
}/*end*/
/*///////////////////////////////////////////////////////////*/