/*　Details */

/*------------------------------
	PC
------------------------------*/

@media screen and (min-width: 768px) {
    #detail_wrap{
        position: relative;
        width: 1000px;
        margin-right: auto;
        margin-left: auto;
    }
    .entry_title{
        margin-top: 68px;
        border-left: 17px solid #276d7a;
        padding-left: 20px;
        line-height: 1;
    }
    .entry_title h2{
        color:#276d7a;
        font-size: 3.6rem;
        font-weight: 700;
    }
    .entry_title .num{
        font-size: 2.4rem;
        padding-top: 1.0rem;
    }
    .entry_title .num span{
        color:#276d7a;
        font-weight: 700;
    }
    
    .slider_wrap{
        width: 600px;
    }
    .thumbnail-item img{
        width: 98%;
        margin: 0 auto;
    }
    .slider_wrap{
        margin-top: 35px;
    }
    .slick-counter{
        background-color: rgba(87,87,87,0.8);
        color: #FFFFFF;
        position: absolute;
        z-index: 1;
        top: 0;
        right:0;
        padding-right: 2.0rem;
        padding-left: 2.0rem;
        font-size: 1.4rem;
    }
    .slider-nav{
        margin-top: 20px;
    }
    .slick-prev{
        display: block;
        position: absolute;
        top: 0;
        left:0;
        z-index: 1;
        width: 20px;
        height:100%;
        color: #FFFFFF;
        text-align: center;
        background-color: rgba(87,87,87,0.8);
    }
    .slick-next{
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 20px;
        height:100%;
        color: #FFFFFF;
        text-align: center;
        background-color: rgba(87,87,87,0.8);
    }
    .slick-prev i,.slick-next i{
        position: absolute;
        top:40%;
        right: 5px;
    }
    .button_01{
        margin-top: 20px;
        width: 600px;
        border-bottom: 1px solid #333333;
        padding-bottom: 20px;;
    }
    .button_01 li{
        float: left;
        width: 49%;
    }
    .button_01 li:last-child{
        float: right;
    }
    .button_01 .button {
        overflow: hidden;
        width: 49%;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }
    .button_01 .button a {
        display: block;
        position: relative;
        z-index: 100;
        text-align:right;
        background: #276d7a;
        color: #FFFFFF;
        font-size: 1.6rem;
        line-height: 60px;
        text-decoration:none; 
        padding-right: 3.0rem;
    }
    .button_01 .button a:hover{
        background-color: #FFFFFF;
        color: #276d7a;
    }
    .arrowPrev a:hover:before {
        display: block;
        content: "";
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        right: 10px;
        width: 10px;
        height: 10px;
        margin-top: -4px;
        background: #276d7a;
    }
    .arrowPrev a:hover:after {
        display: block;
        content: "";
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        right: 13px;
        width: 10px;
        height: 10px;
        margin-top: -4px;
        background: #FFFFFF;
    }
    .button_01 li:last-child.button a {
        text-align: left;
        padding-left: 3.0rem;
    }
    .button_02{
        margin-top: 20px;
        width: 600px;
        border-bottom: 3px solid #333333;
        padding-bottom: 50px;
    }
    .button_02 li{
        float: left;
        width: 32.5%;
        margin-right: 1%;
    }
    .button_02 li:last-child{
        margin-right: 0%;
    }
    .button_02 li.button a {
        background: url(../img/icn_shaken.png) no-repeat 1.2rem center;
    }
    .button_02 li:last-child.button a {
        background: url(../img/icn_print.png) no-repeat 1.2rem center;
    }
    .button_02 li.button a:hover {
        background: #276d7a url(../img/icn_shaken_hover.png) no-repeat 1.2rem center;
    }
    .button_02 .button {
        overflow: hidden;
        width: 32.5%;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }
    .button_02 .button a {
        display: block;
        position: relative;
        z-index: 100;
        background: #FFFFFF;
        color: #276d7a;
        border: 3px solid #276d7a;
        font-size: 1.6rem;
        line-height: 58px;
        text-decoration:none; 
    }
    .button_02 .button a:hover {
        background: #276d7a;
        color: #FFFFFF;
    }
    .button_02 li:last-child.button a:hover {
        background: #276d7a url(../img/icn_print_hover.png) no-repeat 1.2rem center;
        color: #FFFFFF;
    }
    
    .button_02 .arrowNext a:before {
        background: #276d7a;
    }
    .button_02 .arrowNext a:after {
        right: 15px;
        background: #FFFFFF;
    }
    .button_02 .arrowNext:hover a:before {
        background: #FFFFFF;
    }
    .button_02 .arrowNext:hover a:after {
        right: 15px;
        background: #276d7a;
    }
    .button_02 li:last-child .arrowNext:hover a:before {
        background: #FFFFFF;
    }
    .button_02 li:last-child .arrowNext:hover a:after {
        right: 15px;
        background: #276d7a;
    }
    
    .call_center{
        background: url(../img/icn_tel.png) no-repeat 3.0rem center;
        position: absolute;
        border: 3px solid #276d7a;
        right: 0;
        top: -50px;
        width: 350px;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .call_center p{
        padding-left: 95px;
        padding-right: 1.0rem;
        font-size: 1.2rem;
        line-height: 1.4;
    }
    .call_center p span{
        font-size: 2.6rem;
        font-weight: 700;
        color: #276d7a;
    }
    .call_center p:nth-of-type(1){
        font-size: 1.6rem;
        font-weight: 700;
    }
    .call_center_img{
        position: absolute;
        top: -50px;
        right: 0;
        width: 350px;
    }
    .detail_list{
        position: absolute;
        margin-top: 100px;
        width: 350px;
        right: 0;
        top: 0;
    }
    .detail_list table{
        border-top: 1px solid #CED4dA;
        border-right: 1px solid #CED4dA;
        font-size: 1.2rem;
        width: 100%;
        position: relative;
    }
    .detail_list th{
        width: 120px;
        border-bottom: 1px solid #CED4dA;
        border-left:1px solid #CED4dA;
        background: #F9F9F9;
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
        font-size:1.6rem;
    }
    .detail_list td{
        border-bottom: 1px solid #CED4dA;
        border-left:1px solid #CED4dA;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        background: #FFFFFF;
        font-size:1.6rem;
    }
    .detail_list .redSquare{
        background: #276d7a;
        width: 190px;
        height: 190px;
        position: absolute;
        z-index: -1;
        bottom: -100px;
        right: -92px;
    }
    .tire_wrap{
        position: relative;
        height: 188px;
    }
    .tire {
        width: 22px;
        height: 34px;
        background: url(../img/tire.jpg) no-repeat;
        background-size: 22px 34px;
        display: block;
        color: #276d7a;
        font-weight: 700;
        padding-top: 7px;
        padding-left: 5px;
    }
    .tire_left_01{
        top: 10px;
        left: 40px;
        position: absolute;
        z-index: 1;
    }
    .tire_left_02{
        top: 49px;
        left: 40px;
        position: absolute;
        z-index: 1;
    }
    .tire_left_03{
        top: 83px;
        left: 20px;
        position: absolute;
        z-index: 1;
    }
    .tire_left_04{
        top: 83px;
        left: 60px;
        position: absolute;
        z-index: 1;
    }
    .tire_left_05{
        top: 123px;
        left: 20px;
        position: absolute;
        z-index: 1;
    }
    .tire_left_06{
        top: 123px;
        left: 60px;
        position: absolute;
        z-index: 1;
    }
    .tire_left_07{
        top: 157px;
        left: 40px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_01{
        top: 10px;
        left: 140px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_02{
        top: 49px;
        left: 140px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_03{
        top: 83px;
        left: 120px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_04{
        top: 83px;
        left: 160px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_05{
        top: 123px;
        left: 120px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_06{
        top: 123px;
        left: 160px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_07{
        top: 157px;
        left: 140px;
        position: absolute;
        z-index: 1;
    }
    .supportContents{
        margin-top: 50px;
        width: 600px;
    }
    .supportContents h2{
        color: #276d7a;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 3.6rem;
        position: relative;
        width: 560px;
        left: -95px;
        display:flex;
        align-items:center;
    }
    .supportContents h2 span{
        font-size: 1.4rem;
        font-weight: 700;
        padding-left: 1.0rem;
    }
    .supportContents h2:before {
        margin-right:20px;
        border-top:8px solid #276d7a;
        content:"";
        flex-grow:1;
    }
    .supportContents p.red{
        color: #276d7a;
        font-weight: 700;
        padding-left: 18px;
        margin-bottom: 3.0rem;
    }
    .supportContents .contentsBlk{
        width: 290px;
        font-size: 0;
        display: inline-block;
        margin-right: 15px;
        position: relative;
        margin-bottom: 20px;
    }
    .supportContents .contentsBlk a{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height:100%;
        width: 100%;
        }
    .supportContents .contentsBlk .title{
        background: #333333;
        color: #FFFFFF;
        line-height: 2.5;
        font-weight: 700;
        text-align: center;
        font-size: 1.8rem;
    }
    .supportContents .contentsBlk .img{
        height: 90px;
        background: #D7D7D7;
    }
    
    .supportContents .contentsBlk .link{
        background: #333333;
        color: #FFFFFF;
        line-height: 2;
        text-align: right;
        font-size: 1.4rem;
        padding-right: 3.0rem;
    }
    
    .supportContents .contentsBlk:nth-of-type(2n){
        margin-right: 0;  
    }
    .supportContents .contentsBlk .arrowNext:before {
        display: block;
        content: "";
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 10px;
        width: 10px;
        height: 10px;
        margin-top: -4px;
        background: #FFFFFF;
        bottom: 10px;
    }
    .supportContents .contentsBlk .arrowNext:after {
        display: block;
        content: "";
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 13px;
        width: 10px;
        height: 10px;
        margin-top: -4px;
        background: #333333;
        bottom: 10px;
    }
    
    .p_detail_list{display: none;}

    
}
/*------------------------------
	SP
------------------------------*/
@media screen and (max-width:767px){
    #detail_wrap{
        position: relative;
        width: 94%;
        margin-right: auto;
        margin-left: auto;
    }
    .entry_title{
        margin-top: 5vw;
        border-left: 10px solid #276d7a;
        line-height: 1;
    }
    .entry_title h2{
        color:#276d7a;
        font-size: 6vw;
        font-weight: 700;
        padding-left: 0.5em;
    }
    .entry_title .num{
        font-size: 4.2vw;
        padding-top: 1.0rem;
        padding-left: 0.5em;
    }
    .entry_title .num span{
        color:#276d7a;
        font-weight: 700;
    }
    .slider_wrap{
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    .thumbnail-item img{
        width: 98%;
        margin: 0 auto;
    }
    .slider_wrap{
        margin-top:2em;
    }
    .slick-counter{
        background-color: rgba(87,87,87,0.8);
        color: #FFFFFF;
        position: absolute;
        z-index: 1;
        top: 0;
        right:0;
        padding-right: 2.0rem;
        padding-left: 2.0rem;
        font-size: 1.4rem;
    }
    .slider-nav{
        margin-top: 1em;
    }
    .slick-prev{
        display: block;
        position: absolute;
        top: 0;
        left:0;
        z-index: 1;
        width: 20px;
        height:100%;
        color: #FFFFFF;
        text-align: center;
        background-color: rgba(87,87,87,0.8);
    }
    .slick-next{
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 20px;
        height:100%;
        color: #FFFFFF;
        text-align: center;
        background-color: rgba(87,87,87,0.8);
    }
    .slick-prev i,.slick-next i{
        position: absolute;
        top:40%;
        right: 5px;
    }
    .button_01{
        margin-top: 1em;
        width: 100%;
        border-bottom: 1px solid #333333;
        padding-bottom: 1em;
    }
    .button_01 li{
        float: left;
        width: 49%;
    }
    .button_01 li:last-child{
        float: right;
    }
    .button_01 .button {
        overflow: hidden;
        width: 49%;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }
    .button_01 .button a {
        display: block;
        position: relative;
        z-index: 100;
        text-align:right;
        background: #276d7a;
        color: #FFFFFF;
        font-size: 3.2vw;
        text-decoration:none; 
        padding-right: 1.0em;
    }
    .button_01 .button a:hover{
        background-color: #FFFFFF;
        color: #276d7a;
    }
    .arrowPrev a:hover:before {
        display: block;
        content: "";
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        right: 10px;
        width: 10px;
        height: 10px;
        margin-top: -4px;
        background: #276d7a;
    }
    .arrowPrev a:hover:after {
        display: block;
        content: "";
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        right: 13px;
        width: 10px;
        height: 10px;
        margin-top: -4px;
        background: #FFFFFF;
    }
    .button_01 li:last-child.button a {
        text-align: left;
        padding-left: 1.0em;
    }
    .button_02{
        margin-top: 1em;
        border-bottom: 3px solid #333333;
        padding-bottom: 2em;
    }
    .button_02 li{
        float: left;
        width: 32.5%;
        margin-right: 1%;
    }
    .button_02 li:last-child{
        margin-right: 0%;
    }
    .button_02 li.button a {
        background: url(../img/icn_shaken.png) no-repeat 0.2rem center;
        background-size: 15%;
    }
    .button_02 li:last-child.button a {
        background: url(../img/icn_print.png) no-repeat 0.2rem center;
        background-size: 18%;
    }
    .button_02 li.button a:hover {
        background: #276d7a url(../img/icn_shaken_hover.png) no-repeat 0.2rem center;
        background-size: 15%;
        
    }
    .button_02 .button {
        overflow: hidden;
        width: 32.5%;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }
    .button_02 .button a {
        display: block;
        position: relative;
        z-index: 100;
        background: #FFFFFF;
        color: #276d7a;
        border: 2px solid #276d7a;
        font-size: 3.0vw;
        line-height: 12vw;
        text-decoration:none; 
    }
    .button_02 .button a:hover {
        background: #276d7a;
        color: #FFFFFF;
    }
    .button_02 li:last-child.button a:hover {
        background: #276d7a url(../img/icn_print_hover.png) no-repeat 0.2rem center;
        background-size: 18%;
        color: #FFFFFF;
    }
    
    .button_02 .arrowNext a:before {
        background: #276d7a;
    }
    .button_02 .arrowNext a:after {
        right: 12px;
        background: #FFFFFF;
    }
    .button_02 .arrowNext:hover a:before {
        background: #FFFFFF;
    }
    .button_02 .arrowNext:hover a:after {
        right: 12px;
        background: #276d7a;
    }
    .button_02 li:last-child .arrowNext:hover a:before {
        background: #FFFFFF;
    }
    .button_02 li:last-child .arrowNext:hover a:after {
        right: 15px;
        background: #276d7a;
    }
    .call_center{
        background: url(../img/icn_tel.png) no-repeat 5% center;
        border: 3px solid #276d7a;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        margin-right: auto;
        margin-left: auto;
        margin-top: 1.0em;
    }
    .call_center p{
        padding-left: 20%;
        padding-right: 1.0rem;
        font-size: 3.0vw;
        line-height: 1.4;
    }
    .call_center p span{
        font-size:6vw;
        font-weight: 700;
        color: #276d7a;
    }
    .call_center p:nth-of-type(1){
        font-size: 1.6rem;
        font-weight: 700;
    }
    .detail_list{
        margin-top: 2em;
    }
    .detail_list table{
        border-top: 1px solid #CED4dA;
        border-right: 1px solid #CED4dA;
        font-size: 1.2rem;
        width: 100%;
    }
    .detail_list th{
        width: 35%;
        border-bottom: 1px solid #CED4dA;
        border-left:1px solid #CED4dA;
        background: #F9F9F9;
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
    }
    .detail_list td{
        border-bottom: 1px solid #CED4dA;
        border-left:1px solid #CED4dA;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        background: #FFFFFF;
    }
    .detail_list .redSquare{
        display: none;
    }
    .tire_wrap{
        position: relative;
        height: 188px;
    }
    .tire {
        width: 22px;
        height: 34px;
        background: url(../img/tire.jpg) no-repeat;
        background-size: 22px 34px;
        display: block;
        color: #276d7a;
        font-weight: 700;
        padding-top: 7px;
        padding-left: 5px;
    }
    .tire_left_01{
        top: 10px;
        left: 40px;
        position: absolute;
        z-index: 1;
    }
    .tire_left_02{
        top: 49px;
        left: 40px;
        position: absolute;
        z-index: 1;
    }
    .tire_left_03{
        top: 83px;
        left: 20px;
        position: absolute;
        z-index: 1;
    }
    .tire_left_04{
        top: 83px;
        left: 60px;
        position: absolute;
        z-index: 1;
    }
    .tire_left_05{
        top: 123px;
        left: 20px;
        position: absolute;
        z-index: 1;
    }
    .tire_left_06{
        top: 123px;
        left: 60px;
        position: absolute;
        z-index: 1;
    }
    .tire_left_07{
        top: 157px;
        left: 40px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_01{
        top: 10px;
        left: 140px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_02{
        top: 49px;
        left: 140px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_03{
        top: 83px;
        left: 120px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_04{
        top: 83px;
        left: 160px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_05{
        top: 123px;
        left: 120px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_06{
        top: 123px;
        left: 160px;
        position: absolute;
        z-index: 1;
    }
    .tire_right_07{
        top: 157px;
        left: 140px;
        position: absolute;
        z-index: 1;
    }
    .supportContents{
        margin-top: 3em;
        margin-bottom: 20vw;
    }
    .supportContents h2{
        color: #276d7a;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 6.8vw;
        align-items:center;
    }
    .supportContents h2 span{
        font-weight: 700;
        padding-left: 0.5rem;
        font-size: 3.0vw;
    }
    .supportContents h2:before {
        margin-right:0;
        border-top:8px solid #276d7a;
        content:"";
        flex-grow:1;
    }
    .supportContents p.red{
        color: #276d7a;
        font-weight: 700;
        margin-bottom: 3vw;
        line-height: 1.6;
    }
    .supportContents .contentsBlk{
        font-size: 0;
        position: relative;
    }
    .supportContents .contentsBlk a{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height:100%;
        width: 100%;
        }
    .supportContents .contentsBlk .title{
        background: #333333;
        color: #FFFFFF;
        line-height: 2.5;
        font-weight: 700;
        text-align: center;
        font-size: 4vw;
        margin-top: 1em;
    }
    .supportContents .contentsBlk .img{
        height: 90px;
        background: #D7D7D7;
    }
    .supportContents .contentsBlk .link{
        background: #333333;
        color: #FFFFFF;
        line-height: 2;
        text-align: right;
        font-size: 3.4vw;
        padding-right: 3.0rem;
    }
    .supportContents .contentsBlk .arrowNext:before {
        display: block;
        content: "";
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 10px;
        width: 10px;
        height: 10px;
        margin-top: -4px;
        background: #FFFFFF;
        bottom: 10px;
    }
    .supportContents .contentsBlk .arrowNext:after {
        display: block;
        content: "";
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 13px;
        width: 10px;
        height: 10px;
        margin-top: -4px;
        background: #333333;
        bottom: 10px;
    }
    .p_detail_list{display: none;}
}