@charset "utf-8";
/* CSS Document */

/*common*/

#contents h2.title {
    font-size: 1.154em !important;
    margin-top: 1.5em;
    border-color: #000;
    padding-left: 0.75em;
}

#contents > div,
#contents > a{
	margin-left:1.25em !important;
}

#contents > section{
	margin-left:1em;
    margin-bottom: 4em;
}

#contents > section:last-child{
	margin-bottom:3em;
}

#contents section > section,
#contents section > p,
#contents section > div{
	margin-left:0.5em;
}

#contents section > section{
	margin-bottom:0;
}

#contents ul{
	padding:0;
}

#contents ol{
	padding:0;
	margin-left:1.25em;
}

#contents li{
	margin-bottom:0.5em;
	margin-left:0;
}

#contents section > ul{
	margin-left:2.5em;
}

#contents dl,
#contents dl dt,
#contents dl dd{
	margin-left:0;
	padding:0;
}

#contents dl{
	margin-bottom:1em;
}

#contents dl dt{
	font-weight:700;
	margin-bottom:0.5em;
}

#contents .mb2em{
	margin-bottom:2em !important;
}
#contents .mt3em{
    margin-top: 3em;
}


#contents .ml_0{
	margin-left:0 !important;
}

#contents .pl2em{
	padding-left:2em !important;
}

#contents p.annotation{
    padding-left: 1em;
    text-indent: -1em;
}

/* textlink */

#contents a.textLink{
	display:inline-block;
	background-position: 0 6px;
}

#contents ul.txtlink{
	margin-left:1.5em;
}

#contents ul.txtlink li{
	margin-left:0;
}

#contents span.textLink{
	background: url(/support/share/images/arrow_black.gif) no-repeat;
	background-position:0 6px;
	padding-left:1em;
}

.notice_gray {
    border: 1px solid #CCCCCC;
    margin: 0 0 1em;
    padding: 1em;
}

#contents .notice_gray p,
#contents .notice_gray_b p{
	margin:0.5em 0;
}

/* lead */

#contents .lead h2{
    margin-bottom: 0.5em;
}

#contents .lead ul{
    margin-left: 1.5em;
}

/* btn_area */

#contents .btn_area{
	margin:2em 0 3em 0.5em;
}

#contents .btn_area ul{
	margin:0;
	padding:0;
	list-style:none;
}

#contents .btn_area ul li{
	width: 48%;
	margin: 0.5em;
	display: inline-table;
}

#contents .btn_area ul.three-btn li {
    width: 30%;
    height: 3em;
}

#contents .btn_area ul li a{
	background: url(/support/headphone/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	padding: 0.5em 1em;
	display:inline-block;
	width:94%;
	color:#000;
}

#contents .btn_area ul.three-btn li a{
	width:90%;
}

#contents .btn_area ul li a span{
	background: url(/support/share/images/arrow_underline.gif) no-repeat 0 0.5em;
	padding: 0 0 0 15px;
    display: inline-block;
}

#contents .btn_area ul li a:hover,
#contents .btn_area ul li a:active,
#contents .btn_area ul li a:focus{
	text-decoration:none;
	color:#000;
	opacity:0.5;
}


/*stepArea*/

#contents .stepArea {
    margin-left: 0;
	margin-top:2em;
    list-style: none;
}

#contents .stepArea > li {
	margin-bottom:2em;
	border-bottom:1px dotted #ccc;
	padding-bottom:2em;
}

#contents .stepArea > li:last-child {
	border-bottom:none;
    padding-bottom: 0;
}

#contents .stepArea + .end_sentence {
    margin:4em 0 2em;
}


#contents .list_number {
	font-weight:bold;
	font-size:1.231em;
	display:table;
	padding-bottom:0;
    margin-left: 1em;
}

#contents .list_number + p {
    margin-left: 5em;
}

#contents .end_sentence > a.textLink {
    margin-left: 1.5em;
}

#contents .stepArea .list_number span{
	display:table-cell;
}

#contents .list_number > img{
	margin-right:1em;
}

#contents .list_number img{
    vertical-align: middle;
}

#contents .list_number img.txt-top{
	vertical-align:text-top !important;
}

/*section_inner*/

#contents .section_inner {
    margin-left: 5em;
    margin-right: 1em;
}

#contents .section_inner p {
    margin-left: 0;
}

#contents .section_inner img {
    margin:1em;
}

#contents .section_inner ul {
    margin: 1em 0 1.5em 1.5em;
    list-style: disc;
}

#contents .section_inner ul.noDisc {
    list-style: none;
}

#contents figure{
	display:block;
}

#contents figure figcaption{
	margin-bottom:1em;
    margin-top: 2em;
}
#contents figure figcaption.indent{
    text-indent: -2em;
}

#contents .section_inner figure img{
	margin:0 0 1em 2em;
}

/* 20200521 */

/*===============================
	dropdown
===============================*/


div#contents .dropdown {
    margin-bottom: 4em;
    width: 45%;
}

div#contents .dropdown form.list{
	margin-bottom : 10px;
}

div#contents .dropdown select{
	margin-bottom : 5px;
	border : 1px solid #999;
	height: 2.5em;
	width: 100%;
}



@media screen and (max-width: 640px){

	#contents section{
		margin-left:0;
	}

	#contents > div,
	#contents > a{
		margin-left:0 !important;
	}
    
    #contents h2.title {
    padding-left: 0;
    }

    #contents ul.txtlink {
    margin-left: 1em;
    } 
    
	#contents li{
		margin-bottom:0.5em;
	}

	#contents .btn_area ul li,
    #contents .btn_area ul.three-btn li{
	width: 98%;
	margin-left: 0;
	}
    
    #contents .btn_area ul li a {
    width: 90%;
}
    
    #contents .stepArea {
    margin-left: 0;
    }
    
    #contents .list_number {
    margin-left: 0;
    }
    
    #contents .list_number img {
    margin-right: 0.5em;
    vertical-align: top;
    }
    
    #contents .section_inner,
    #contents .list_number + p{
    margin-left: 3em;
    margin-right: 0;
    }
    
    #contents section .section_inner > img,
    #contents section .section_inner > figure img{
        width:100%;
        max-width: 300px;
        height: auto;
        margin: 1em 0;
    }
    
    #contents section .section_inner > img.mq_unset{
        width: unset;
        max-width: unset;
    }
    
    
    #contents section .section_inner > figure img{
        margin: 0 0 2em 0;
    }
	
	/* 20200521 dropdown */
	div#contents .dropdown {
		width: auto;
		margin: 0 0.5em 2em 0.5em;	
	}

}


/* 20200708 */
/* ボタン */

#contents div.btn{
	display: inline-block;
    color: #000;
    width: 100%;
    margin-top: 0.5em;
}

#contents div.btn a{
	display: block;
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	padding: 0.7em 1em;
	color: #000;
}

#contents div.btn a:hover,
#contents div.btn a:active,
#contents div.btn a:focus{
	text-decoration:none;
	color:#000;
	opacity:0.7;
}
	
#contents .btn:hover,
#contents .btn:active,
#contents .btn:focus{
	text-decoration:none;
	opacity:0.7;
	color: #000;
}

@media (max-width: 640px) {
	div#contents .dropdown {
		width: auto;
		margin: 0 0 4em 0.5em;	
	}

	#contents div.btn{
		display: block;
	}
}


/*20201022*/
#contents .notice_gray_b {
    background-color: #EBEBEB;
    border: 1px solid #999999;
    padding: 1em;
	margin-left: 0;
}
#contents .notice_gray_b p{
	margin: 0 0 0.5em 0;
}
#contents .notice_gray_b p.indent{
	text-indent: -1em;
    padding-left: 1em;
	margin: 0;
}
#contents .notice_gray_b span.textLink {
    background: url(/support/share/images/arrow_black.gif) no-repeat;
    background-position: 0 6px;
    padding-left: 1em;
}