﻿/*PC
--------------------------------------------------*/
@media screen and (min-width:1081px),print{
/*	h2 {
	    background-image: url(../../../images/social/2/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;
	    margin-bottom:14%;
	}

	.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: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: 0;
	    bottom: 0;
	    position: absolute;
	    left: 0;
	    margin: auto;
	}
	.policy_box .sns_area dl.fb dt{   
	    background:url(../image/icn_fb.png) no-repeat center left;
	}

	.policy_box .sns_area dl.tw dt{   
	    background:url(../image/icn_tw.png) no-repeat center left;
	}

	.policy_box .sns_area dl.ins dt{   
	    background:url(../image/icn_ins.png) no-repeat center left;    
	}

	.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{

}

/*Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px){
    .tle_h3 {
        padding: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;
	    padding-bottom:20%;
	}

	.policy_box > dl{
	    
	}

	.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 .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: contain;
	    padding: 5% 3%;    
	    
	    /*
	    display:table;
	    float:left;
	    width: 24.4%;
	    height:43px;
	    */
	}

	.policy_box .sns_area dl dt span{
	    display:table-cell;
	    vertical-align: middle;
	    padding-left: 50px;
	}

	.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; 
	}
	.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:0;
	    bottom: 0;
	    position: absolute;
	    left: 0;
	    margin: auto;
	}
	.policy_box .sns_area dl.fb dt{   
	    background:url(../image/icn_fb_phone.png) no-repeat center left;
	    background-size: contain;    
	}

	.policy_box .sns_area dl.tw dt{   
	    background:url(../image/icn_tw_phone.png) no-repeat center left;
	    background-size: contain;    
	}

	.policy_box .sns_area dl.ins dt{   
	    background:url(../image/icn_ins_phone.png) no-repeat center left;    
	    background-size: contain;    
	}

	.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 {
	/*
       font-size: 147.8%;
*/
       margin: 15px 0 25px;
    }
    .tle_h3 {
        background: #0168b3;
        font-size: 113%;
        padding: 3%;
    }    
    


}