﻿.policy_box .sns_area dl dt {
	background-repeat: no-repeat;
	background-position: center left;
  }

/*PC
--------------------------------------------------*/
@media screen and (min-width:1081px),print{
/*	h2 {
	    background-image: url(../../../images/social/1/h2.png);
	    background-repeat: no-repeat;
	    height: 33px;
	    margin-bottom: 30px;
	}
*/
	.toptxts{
	    margin-bottom:3%;
	    line-height:1.8;
	}

	.toptxts li{
	    margin-bottom:2.5%;
	}
	.toptxts li:last-child{
	    margin-bottom:0;
	}

	.policy_box{
	    line-height:1.8;
	    border-bottom:2px solid #d7d7d7;
	    padding-bottom:4%;
	    margin-bottom:3%;
	}

	.policy_box > dl{
	    
	}

	.policy_box > dl > dt{
	    margin-top: 4%;
	}

	.policy_box > dl > dt:first-child{
	    margin-top:0;
	}

	.policy_box > dl > dd{
	    margin:3% 2% 0;
	}

	.policy_box > dl > dd > ul{
	   margin-top: 3%;
	   margin-left:20px;
	}
	.policy_box > dl > dd > ul > li {
	    color: #1389df;
	    list-style: disc;
	    margin-bottom: 1em;
	}

	.policy_box > dl > dd > ul > li span{
	    color:#000;
	}

	.policy_box .sns_area {
	    background-color: #f1ecec;
	    border: 1px solid #dbd5d5;
	    padding: 3%;
	    margin-top: 2%;
	    margin-bottom:2%;
	}

	.policy_box .sns_area > dl{
	    border-bottom:1px dotted #dbd5d5;
	    margin-bottom:2%;
	    padding-bottom:2%;    
	}

	.policy_box .sns_area > dl:after{
	    content:"";
	    display:block;
	    clear:both;
	}

	.policy_box .sns_area > dl:last-child{
	    border-bottom:none;
	    margin-bottom:0;
	    padding-bottom:0;
	}

	.policy_box .sns_area dl dt{   
	    float:left;
	    font-size:116.7%;
	    font-weight:bold;
	    width: 24.4%;
	    display:table;
	    height:54px;/*43*/
	}

	.policy_box .sns_area dl dt span{
	    display:table-cell;
	    vertical-align: middle;
	    padding-left: 50px;
	}

	.policy_box .sns_area dl dd{   
	    float:left;
	    font-size:108.3%;
	    width: 75.6%;
	    height: 43px;
	    display: table;
	}

	.policy_box .sns_area dl dd a{   
	    text-decoration: underline;
	    color: #036bb6;
	    display: table-cell;
	    vertical-align: middle;
	    position: relative;
	    padding-left: 10px; 
	}
	.policy_box .sns_area dl dd a:before{   
	    content: "";
	    border-left: 4px solid #c75d08;
	    border-top: 4px solid transparent;
	    border-right: 4px solid transparent;
	    border-bottom: 4px solid transparent;
	    width: 0;
	    height: 0;
	    display: block;
	    top: 18px;
	    bottom: 0;
	    position: absolute;
	    left: 0;
	}
	.policy_box .sns_area dl.fb dt{ background-image:url(../image/icn_fb.png) ;}


	.policy_box a{
	    color:#0168b3;
	    text-decoration:underline;
	}

	.shime{
	    text-align:right;   
	    padding-bottom:8%;
	    line-height:1.8;
	}

	.lin{
	    padding-top:1%;
	}
}


/*PC and Tablet
----------------------------------------------------*/
@media screen and (min-width:751px),print{
	.policy_box .sns_area dl.line dt{background-image:url(../image/icn_line.png);}
	.policy_box .sns_area dl.insdog dt{ background-image:url(../image/icn_insdog.png);height: 57px; }
	.policy_box .sns_area dl.ins dt{ background-image:url(../image/icn_ins.png); height: 57px;}
	.policy_box .sns_area dl.twdog dt{ background-image:url(../image/icn_twdog.png) ;height: 56px;}
	.policy_box .sns_area dl.tw dt{ background-image:url(../image/icn_twcat.png) ; height: 57px;}

	.policy_box .sns_area dl.yt dt{  background-image:url(../image/icn_yt.png);}
	.policy_box .sns_area dl.tiktok dt{ background-image:url(../image/icn_tiktok.png); }

}

/*Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px){
    .tle_h3 {
        padding:2%;
    }    
    
    .policy_box .sns_area {
        background-color: #f1ecec;
        border: 1px solid #dbd5d5;
        padding: 3%;
        margin-top: 2%;
        margin-bottom:2%;
    }

    .policy_box .sns_area > dl{
        border-bottom:1px dotted #dbd5d5;
        margin-bottom:2%;
        padding-bottom:2%;    
    }

    .policy_box .sns_area > dl:after{
        content:"";
        display:block;
        clear:both;
    }

    .policy_box .sns_area > dl:last-child{
        border-bottom:none;
        margin-bottom:0;
        padding-bottom:0;
    }

    .policy_box .sns_area dl dt{   
        float:left;
        font-size:116.7%;
        font-weight:bold;
        width: 24.4%;
        display:table;
        height:43px;
    }

    .policy_box .sns_area dl dt span{
        display:table-cell;
        vertical-align: middle;
        padding-left: 50px;
    }

    .policy_box .sns_area dl dd{   
        float:left;
        font-size:108.3%;
        width: 75.6%;
        height: 43px;
        display: table;
    }

    .policy_box .sns_area dl dd a{   
        text-decoration: underline;
        color: #036bb6;
        display: table-cell;
        vertical-align: middle;
        position: relative;
        padding-left: 10px; 
    }
    .policy_box .sns_area dl dd a:before{   
        content: "";
        border-left: 4px solid #c75d08;
        border-top: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 4px solid transparent;
        width: 0;
        height: 0;
        display: block;
        top: 18px;
        bottom: 0;
        position: absolute;
        left: 0;
    }
    /*.policy_box .sns_area dl.fb dt{   
        background:url(../image/icn_fb.png) ;
    }*/

	.policy_box .sns_area dl.twdog dt,.policy_box .sns_area dl.tw dt{padding:0 0 2%; }

    
}
/*Tablet und Phone
----------------------------------------------------*/
@media screen and (max-width:1080px){
	.toptxts{
	    margin-bottom:8%;
	    line-height:1.8;
	}

	.toptxts li{
	    margin-bottom:2.5%;
	}
	.toptxts li:last-child{
	    margin-bottom:0;
	}

	.policy_box{
	    line-height:1.8;
	    border-bottom:1px solid #d7d7d7;
	    padding-bottom:10%;
	    margin-bottom:8%;    
	}
	.policy_box > dl > dt{
	    margin-top: 8%;
	}

	.policy_box > dl > dt:first-child{
	    margin-top:0;
	}

	.policy_box > dl > dd{
	        margin: 6% 1% 0;
	}

	.policy_box > dl > dd > ul{
	   margin-top: 3%;
	   margin-left:20px;
	}
	.policy_box > dl > dd > ul > li {
	    color: #1389df;
	    list-style: disc;
	    margin-bottom: 1em;
	}

	.policy_box > dl > dd > ul > li span{
	    color:#000;
	}


	.policy_box a{
	    color:#0168b3;
	    text-decoration:underline;
	}

	.shime{
	    text-align:right;   
	    padding-bottom:8%;
	    line-height:1.8;
	}

	.lin{
	    padding-top:1%;
	}
}


/*Phone
----------------------------------------------------*/
@media screen and (max-width:750px){
    .page h2 {
       margin: 15px 0 25px;
    }
    .tle_h3 {
        background: #0168b3;
        font-size: 113%;
        padding: 3%;
    }    
    
    .policy_box .sns_area {
        background-color: #f1ecec;
        border: 1px solid #dbd5d5;
        padding: 5%;
        margin-top: 2%;
        margin-bottom:2%;
    }

    .policy_box .sns_area > dl{
        border-bottom:1px dotted #dbd5d5;
        margin-bottom:6%;
        padding-bottom:6%;    
    }

    .policy_box .sns_area > dl:after{
        content:"";
        display:block;
        clear:both;
    }

    .policy_box .sns_area > dl:last-child{
        border-bottom:none;
        margin-bottom:10%;
        padding-bottom:0;
    }


    .policy_box .sns_area dl dt{   
        font-size: 127.1%;
        font-weight:bold;

        background-size: 60%;
        padding: 5% 3%;    
		width: 75px;
    }

    .policy_box .sns_area dl dt span{
        display:table-cell;
        vertical-align: middle;
        padding-left: 60px;
    }

    .policy_box .sns_area dl dd{   
        font-size: 87%;
    }

    .policy_box .sns_area dl dd a{   
        text-decoration: underline;
        color: #036bb6;
        display: table-cell;
        vertical-align: middle;
        position: relative;
        padding-left: 10px; 
word-break: break-all;
    }
    .policy_box .sns_area dl dd a:before{   
        content: "";
        border-left: 4px solid #c75d08;
        border-top: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 4px solid transparent;
        width: 0;
        height: 0;
        display: block;
        top:7px;
        bottom: 0;
        position: absolute;
        left: 0;
    }
    /*.policy_box .sns_area dl.fb dt{   
        background:url(../../../images/social/icn_fb_phone.png) ;
        background-size: contain;    
    }*/
	.policy_box .sns_area dl.line dt{   
        background-image:url(../image/icn_line_phone.png) ;    
    }
	.policy_box .sns_area dl.insdog dt{   
        background-image:url(../image/icn_insdog_phone.png) ; }
    .policy_box .sns_area dl.ins dt{   
        background-image:url(../image/icn_ins_phone.png) ;    
    }

	.policy_box .sns_area dl.twdog dt,.policy_box .sns_area dl.tw dt,
	.policy_box .sns_area dl.ins dt,.policy_box .sns_area dl.insdog dt{padding: 5% 3% 10%; }
    .policy_box .sns_area dl.twdog dt{   
        background-image:url(../image/icn_twidog_phone.png) ;    }
	
    .policy_box .sns_area dl.tw dt{   
        background-image:url(../image/icn_twcat_phone.png) ;
    }

    .policy_box .sns_area dl.yt dt{   
        background-image:url(../image/icn_yt_phone.png) ;    
    }
	.policy_box .sns_area dl.tiktok dt{   
        background-image:url(../image/icn_tiktok_phone.png) ;    
    }

}