@charset "utf-8";
/* content transfer common */


/* common */
A.arrow
{
	display: inline-block;
	padding-left: 10px;
	background: url(/share/images/arrow_black.gif) left 0.5em no-repeat;
}

#column2-main760 H1
{
	font-weight: bold;
	margin: 1.5em 0 0.2em 0;
}

#column2-main760 H1 A.arrow
{
	font-weight: normal;
	margin-left: .5em;
}

.noPad
{
	padding-top: 0 !important;
}


/* layout */
#column2-main760
{
	margin-bottom: 35px;
}

#column2-main760 .body
{
	margin: 0 10px;
	padding: 1.5em 0 1em 0;
}

DIV.div_375,
DIV.div_375R
{
	text-align: left;
	width: 375px;
	margin: 1.5em 5px;
	float: left;
	position: static;
	word-break: break-all;
}
DIV.div_375R
{
	margin-left: 0;
	margin-right: 0;
}

#column2-main760 .ttl
{
	margin: 0;
}
#column2-main760 .sttl
{
	margin: 0;
}


/* list */
DT
{
	letter-spacing: 0;
}

#column2-main760 DL.indentA
{
	margin-top: 0.5em;
}
#column2-main760 DL.indentA > DT
{
	width: 1.5em;
}
#column2-main760 DL.indentA > DD
{
	line-height: 1.2;
	margin-bottom: 0.5em;
	margin-left:1.5em;
	margin-top:-1.4em;
}

#column2-main760 DL.indentNote
{
	font-size: 80%;
	margin-top: 1.5em;
}
#column2-main760 DL.indentNote > DT
{
	width: 2.1em;
	color: #fe0000;
}
#column2-main760 DL.indentNote > DD
{
	margin-left: 2.1em;
	margin-top:-1.3em;
	line-height: 1.2;
	margin-bottom: 0.5em;
}

#column2-main760 .note
{
	font-size: 70%;
	vertical-align: top;
	font-weight: normal;
	color: #fe0000;
	letter-spacing: 0;
}

#column2-main760 DIV.attention {
	background-color:#F6F6F6;
	line-height:1.5em;
	margin: 1.5em 0;
	padding: 1em 1.5em;
	/* border:1px solid #E3E3E3; */
}

#column2-main760 DIV.attention H1
{
	margin: 0 0 0.5em 0;
	color: #fe0000;
}

#column2-main760 DIV.attention H2
{
	margin: 0.5em 0 0 0;
}

#column2-main760 H1.attention,
#column2-main760 DT.attention
{
	color: #fe0000;
}

/* 左ナビレイアウト調整 */
#column2-left760 #tmp-localnavigation ul.indent{
	text-indent: 0;
	}
	#column2-left760 #tmp-localnavigation ul.indent li.label ul {
		padding-left: 12px !important;
		}
		#column2-left760 #tmp-localnavigation ul.menulist2 li.label p.mod-localNav-menulist-label {
			padding: 0 0 5px 10px;
			background: #fff url(/share2/images/mod-localNav/ico_02.png) 0px 5px no-repeat;
		}

/* 20220201 */

#contents .flex{
 display: flex;
}

#contents a.textLink{
    display: inline-block;
}

#os .flex{
    width: 80%;
    justify-content: space-between;
}

#contents .flex.install{
    justify-content: space-between;
}

#contents .flex.install > div{
    width: calc(50% - 4px);
    padding: 1px;
}	
@media (max-width: 640px){
    #contents .flex{
        flex-direction: column;
    }
    #contents .flex.install > div{
        width: 100%;
    }
    #contents .pct{
        margin: 2em 0;
        text-align: center;
    }
}

 @media (max-width: 380px){
     #contents .pct img{
        max-width: 280px !important;
         height: auto !important;
     }
}   
    




