@charset "utf-8";

/*----------------------------------
	20221013 connect/connect_common.css
------------------------------------*/

/*---------- common ---------*/

#contents h1.title{
	border-bottom: 2px solid #6b6b6b;
	color: #2f353d;
	font-size: 1.5rem;
}

#contents h2.title{
	border-bottom-color: #000;
	font-size: 1.154em;
}

#contents p{
	word-break: break-all;
	margin-left: 1em;
}

#contents > div,
#contents > section > div,
#contents > dl,
#contents > section >dl{
	margin-left: 1em;
}

#contents p + p{
	margin-top:1em;
}

/* list */

#contents ul{
    list-style-type: none;
	margin-left: 0;
	padding:0;
}

#contents ul.disc{
	list-style-type: disc !important;
}

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

#contents ol li{
    margin-bottom: 1em;
}

#contents li{
	margin:0;
    float: none;
}

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

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

#contents ul.disc,
#contents section > ol{
	margin-left:3em;
}

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

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

/* link */

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

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

#contents span.textLink.inner{
	background: url(/support/share/images/arrow_underline.gif) no-repeat 0 0.5em !important;
}


/* annotation */
#contents p.annotation,
#contents ul.annotation{
	margin-left:1em;
}
#contents p.annotation,
#contents ul.annotation li{
	padding-left: 1em;
	text-indent: -1em;
}

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

#contents p + p.annotation{
	margin-top:0.5em;
}

#contents span.annotation{
	display: inline-block;
}
/* notice*/

#contents .notice_gray {
	border: 1px solid #CCCCCC;
	padding: 1.2em 1em 0.5em;
	margin-bottom: 2em;
}

#contents .notice_gray_b{
	background-color: #EBEBEB;
	padding: 20px;
	margin: 1.5em 0 1.5em 1em;
}

#contents .notice_gray_b > ul.disc{
	margin-left: 1.5em !important;
}

@media (max-width: 640px){
	#contents p{
		margin-left: 0;
	}
	#contents ul.disc,
	#contents section ol{
		margin-left:2em;
	}
	#contents ul.txtlink{
		margin-left:0.5em;
	}
	#contents p + a.textLink{
		margin-left: 0.5em;
	}
	#contents p.annotation,
	#contents ul.annotation{
		margin-left:0.5em;
	}
	#contents .notice_gray_b{
		margin-left: 5px;
		margin-right: 5px;
	}
}

/*----------------------------*/	

#contents .linkBtnArea{
	margin-left: 1em;
	margin-right: 1em;
}
#contents .linkBtnArea ul.flex_button{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

#contents .linkBtnArea ul.none{
	list-style-type: none;
}

#contents .linkBtnArea ul.flex_button.rows_three{
	justify-content: space-between;
}

#contents .linkBtnArea ul.rows_three:after{
	content:"";
	display: block;
	width: calc((100% - 30px)/3);
}
#contents .linkBtnArea ul.flex_button li{
	width: calc((100% - 30px)/3);
	margin-bottom: 2em;
}

#contents .linkBtnArea ul.flex_button li:not(:last-child){
	margin-right: 10px;
}


#contents .linkBtnArea ul.flex_button.rows_three > li{
	margin-right: 0;
}


#contents .linkBtnArea ul.flex_button li a{
	padding: 10px;
	display: block;
	height: calc(100% - 20px);
	border: 3px solid #cacaca;
	box-shadow: 0px 5px 0px #999;
}

#contents .linkBtnArea ul.flex_button li a:hover,
#contents .linkBtnArea ul.flex_button li a:focus{
	transform: translateY(5px);
	box-shadow: none;
	opacity: 0.7;
	text-decoration: none;
}

#contents .linkBtnArea ul.flex_button li a span{
	display: block;
	margin-bottom: 10px;
	color: #333;
}
#contents .linkBtnArea ul.flex_button li a img{
	max-width: 100%;
	height: auto;
}


@media (max-width: 640px){
	#contents .linkBtnArea{
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 4em;
	}
	
	#contents .linkBtnArea ul.flex_button:not(.rows_three){
		margin: 0 2em;
		flex-direction: column;
		justify-content: center;
	}
	#contents .linkBtnArea ul.flex_button:not(.rows_three) li{
		width: 100%;
	}
	
	#contents .linkBtnArea ul.flex_button.rows_three li{
		width: calc((100% - 10px)/2);
	}
	
	#contents .linkBtnArea ul.flex_button:not(.rows_three) li:not(:last-child){
		margin-right: 0;
	}

	#contents .linkBtnArea ul.flex_button:not(.rows_three) li a {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	
	#contents .linkBtnArea ul.flex_button li a span{
		margin-bottom: 5px;
	}
	
	#contents .linkBtnArea ul.flex_button li a img {
		display: block;
		margin: 0 auto;
	}
}

.js-breadcrumbs-local{
	word-break: break-all;
}

/* 20231127 */
#contents .b_style {
    font-weight: bold;
}

.s5-linkV3:after {
    display: inline-block;
    content: '';
    background: url(/share5/svg/icon/angle-right.svg) no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    height: 0.6em;
    width: 0.6em;
    margin: -0.15em 0.4em 0;
}