@charset "UTF-8";
/**********************
main page
**********************/
main {
      padding-top: 80px;
}
main .heading-div {
    padding-top: 38px;
    padding-bottom: 38px;
	margin-top: 38px;
    border-top:0.75px solid #c7c7c7;
}
main .NotHasSubsectionMenu {
    border-bottom: 0.75px solid #c7c7c7;
    margin-bottom: 38px;
    padding-bottom: 38px;
}
main h2 {
    font-size:28px;
    width: 100%;
    padding-right: 143px;
		font-weight:bold;
}
main h3 {
    font-size: 21px;
    line-height: 1.5em;
    /* メインページ上部の目次リンクからジャンプ時に、ヘッダ分下げた位置へ表示するため */
    margin-top: -110px;
    padding-top: 110px;
}
main .summary {
    margin:0.5em 0 0.5em 0;
    border:solid 2px #BDBDBD;
    padding:0.5em;
    border-radius:0.5em;
}
main p {
    line-height: 1.5em;
    margin: 0 0 13px 0;
}
main p.color-white {
    color:#ffffff;
}
main a {
    font-size: 14px;
    color:#4470ae;
}
.CrossReference {
    font-size: inherit;
    font-family: inherit;
}
main a:visited {
    color:#4470ae;
}
main a:hover {
    color:#4ca5ff;
    text-decoration:none;
}
main u {
    text-decoration:none;
    border-bottom:1px #000000 dotted;
}
main b {
    font-weight:bold;
}
main hr {
    margin:30px 0 30px 0;
    color:#bfc0c2;
}
main .Superscript {
    font-size:60%; 
}

main .Subscript {
    font-size:60%; 
}
/**********************
印刷機能用
**********************/
.print-off {
    display: none;
}
/**********************
Subsection
**********************/
.Subsection-menu {
    margin:21px 0 0 0;
    padding-left:14px;
    border-left:5.5px solid #4470ae;
}
.Subsection-item {
    margin:11px 0 0.11px 0;
}

/**********************
List
**********************/
main .img-graphic-inline {
    margin:0 0.2em 0 0.2em;
    vertical-align: middle;
}

/**********************
List
**********************/
main .List {
    margin-bottom: 21px;
}
main .ListIntro {
    margin:0 0 21px 0;
}
main .List-Bulleted {
    margin:0 0 0 1em;
}
main .List-Bulleted li {
    list-style:disc;
}
main .List-Numbered {
    margin:0 0 0 1em;
}
main .List-Numbered li {
    list-style-type:decimal;
}
main .List-Safety-Numbered {
    margin:0 0 0 3em;
}
main .List-Safety-Numbered > li {
    list-style-type:decimal;
    line-height: 1.5em;
}
main .List-Safety-Bulleted {
    margin:0 0 0 3em;
}
main .List-Safety-Bulleted > li {
    list-style-image: url(../img/bullet_shikaku.png);
    line-height: 1.5em;
}
main .Sublist {
    margin:0 0 0 2em;
}
main .Sublist > li {
    list-style-image: url(../img/bullet_sankaku.png);
    line-height: 1.5em;
}

/**********************
SequenceOfActionOrientation
**********************/
main .SequenceOfAction-column {
    counter-reset:number;
    margin-bottom:2em;
}
main .SequenceOfAction-row{
    display:flex;
		display: -webkit-flex;
    flex-wrap:wrap;
		-webkit-flex-wrap: wrap;
    margin-top: 38px;
}
main .heading-div + .SequenceOfAction-row{
    margin-top: 0;
}
main .SequenceOfAction-item {
    padding-bottom: 21px;
}
main .SequenceOfAction-column .SequenceOfAction-item:last-child {
    padding-bottom: 24px;
}
main .SequenceOfAction-item.bottom-border {
    border-bottom:0.75px dashed #cbcbcb;
}
main .SequenceOfAction-item.right-space {
    padding-right: 14px;
}
main .SequenceOfAction-column .SequenceOfAction-item-num-div {
    text-align: center;
    font-size: 21px;
    color: #818181;
    background-color: #eeeeee;
    width: 2.3em;
    padding: 0.4em;
    margin-bottom: 21px;
    font-family: Helvetica;
    font-weight: bold;
}
main .SequenceOfAction-column .SequenceOfAction-item {
    margin-top: 38px;
}
main .heading-div + .SequenceOfAction-column .SequenceOfAction-item:first-of-type {
    margin-top: 0;
}

main .Counter-flex .column .iframe_div {
		position: relative;
		width: 100%;
		padding-top: 75%;
		margin-top: -8%;
}

main .Counter-flex .column .iframe_div iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
}

main .SequenceOfAction-row .SequenceOfAction-item-num-div {
    font-size: 28px;
    font-weight: bold;
    color: #5F5F5F;
    width: 2.3em;
    padding-bottom: 7px;
    line-height: 1em;
}
.SequenceOfAction-row-div:first-of-type{
    margin-left:0;
}

main .SequenceOfAction-row .iframe_div {
		position: relative;
		padding-top: 55%;
}

main .SequenceOfAction-row .iframe_div iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
}

@media screen and (min-width: 0px) and (max-width:639px) {
    .SequenceOfAction-row-div{
    width:100%;
}
}
@media screen and (min-width: 640px) and (max-width:1023px) {
    .SequenceOfAction-row-div{
    width:calc(99%/2);
}
.SequenceOfAction-row-div:nth-of-type(2n+1){
    margin-left:0;
}
}
@media screen and (min-width: 1024px) and (max-width:1471px) {
    .SequenceOfAction-row-div{
    width:calc(99%/3);
}
.SequenceOfAction-row-div:nth-of-type(3n+1){
    margin-left:0;
}
}
@media screen and (min-width: 1472px) and (max-width:1919px) {
    .SequenceOfAction-row-div{
    width:calc(99%/4);
}
    .SequenceOfAction-row-div:nth-of-type(4n+1){
        margin-left:0;
    }
}
@media screen and (min-width: 1920px){
    .SequenceOfAction-row-div{
        width:calc(99%/5);
    }
    .SequenceOfAction-row-div:nth-of-type(5n+1){
        margin-left:0;
    }
}
/**********************
image
**********************/
main .img-graphic-inRow {
    max-width: 100%;
		vertical-align: middle;
}
main .img-align-center {
    text-align:center;
    margin-bottom: 14px;
}
main .img-graphic {
		max-width: 100%;
		vertical-align: middle;
}

main .img-graphic-media {
		width: 90%;
		vertical-align: middle;
}
/**********************
Table
**********************/
main Table {
    width:100%;
    border:0.5px solid #646464;
    border-collapse:collapse;
    border-spacing:0;
}
main Table thead{
    text-align: center;    
}
main Table tbody{
    text-align: center;    
}
main Table tr{
    text-align: center;    
}
main Table th {
    background-color:#dcdcdc;
    height: 42px;
}
main Table th p{
    margin:0;
    padding:0;
}
main Table td, main Table th {
    border:0.5px solid #646464;
    padding:0 22px;
    vertical-align: middle;
    text-align: left;
}
main .td-th-div {
    margin:14px 0 14px;
}
main .Table-wrapper {
    overflow-x:auto;
    margin-top:14px; /* 表組みの上部に14pxのアキ */
    margin-bottom: 38px;
}
/* Table内のListEntry要素は箇条書きと同等のスタイルをつける */
main .table-listentry {
    text-indent: -1em;
    padding-left: 1em;
    margin: 0 0 3px 0;
}
main .table-listentry:before {
    content:url(../img/bullet_shikaku.png);
    vertical-align: middle;
}
/* BodyTextに続く先頭のListEntryまでのマージンは、ListEntry間のマージンと異なる */
main p:not([class='table-listentry'])+p.table-listentry {
    margin-top: 14px;
}

main p.table-listentry+p:not([class='table-listentry']) {
	margin-top:14px;
}

/**********************
Safety
**********************/
main .SafetyAdvice {
    border-top: solid 2px #c8c8c8;
    border-bottom: solid 2px #c8c8c8;
    margin: 14px 0 14px 0;
    padding: 10px 0 10px 0;
}
main .Type, main .Consequence {
    margin: 12px 0 13px 2.5em;
    font-weight: bold;
}
main .Safety-title {
    font-size:20.5px;
    font-weight:bold;
}
main .Safety-title:before {
position: relative;
    top: 2px;
    left: 0px;
    content: url(../img/Safety.png);
    margin-right: 5px;
}
main .Safety-body {
    padding:0.5em 3em 0.5em 3em;
}
main .Safety-action-li {
    list-style-image: url(../img/bullet_shikaku.png);
    margin-left: 4em;
    font-weight:bold;    
    line-height: 1.5em;
}

/**********************
PropertyDamageMessage
**********************/
main .PropertyDamageMessage {
    margin:14px 0 14px 0;
    padding:4px 0 18px 4px;
    border: 0.3px solid #c7c7c7;
    box-shadow: -1px 4px 0px -1px #f5f5f5;
}
main .PropertyDamageMessageTitle-div {
    position:relative;    
}
main .PropertyDamageMessage-title{
    font-size:14px;
    font-weight:bold;
    color:#8D1D22;
    position: absolute;
    top: calc(18px - 4px);  /* 指定された上アキ-枠内側に指定された上アキ */
    left:calc(36px + 4px); /* 画像の横幅+左アキ */
}
main .PropertyDamageMessage-body {
    padding:0 3em 0 1.5em;
}
main .SequenceOfAction-row .PropertyDamageMessage, .SequenceOfAction-column .PropertyDamageMessage {
    margin: 38px 0 21px 0;
}
/**********************
Tips
**********************/
main .Tips {
    margin:14px 0 14px 0;
    padding:4px 0 18px 4px;
    border: 0.3px solid #c7c7c7;
    box-shadow: -1px 4px 0px -1px #f5f5f5;
}
main .TipsTitle-div {
    position:relative;    
}
main .Tips-title {
    font-size:14px;
    font-weight:bold;
    color:#004D6D;
    position: absolute;
    top: calc(18px - 4px);  /* 指定された上アキ-枠内側に指定された上アキ */
    left:calc(36px + 4px); /* 画像の横幅+左アキ */
}
main .Tips-intro {
    padding:0 3em 0 3em;
}
main .Tips-body {
    padding:0 3em 0 1.5em;
}
/**********************
Reference
**********************/
main .Reference {
    margin:14px 0 14px 0;
    padding:4px 0 18px 4px;
    border: 0.3px solid #c7c7c7;
    box-shadow: -1px 4px 0px -1px #f5f5f5;
}
main .ReferenceTitle-div {
    position:relative;    
}
main .Reference-title {
    font-size:14px;
    font-weight:bold;
    color:#25528C;
    position: absolute;
    top: calc(18px - 4px);  /* 指定された上アキ-枠内側に指定された上アキ */
    left:calc(36px + 6px); /* 画像の横幅+左アキ */
}
main .Reference-body {
    padding: 0 3em 0 3.5em;
}
main .List-Reference-Bulleted {
    margin:0 0 0 1em;
}
main .List-Reference-Bulleted li{
    list-style-image: url(../img/bullet_shikaku.png);
    line-height: 1.5em;
}
/**********************
RelatedSetting
**********************/
main .RelatedSetting {
    margin:14px 0 14px 0;
    padding:4px 0 18px 4px;
    border: 0.3px solid #c7c7c7;
    box-shadow: -1px 4px 0px -1px #f5f5f5;
}
main .RelatedSettingTitle-div {
    position:relative;
}
main .RelatedSetting-title {
    font-size:14px;
    font-weight:bold;
    color:#661773;
    position: absolute;
    top: calc(18px - 4px);  /* 指定された上アキ-枠内側に指定された上アキ */
    left:calc(36px + 4px); /* 画像の横幅+左アキ */
}
main .RelatedSetting-intro {
    padding:0 3em 0 3em;
}
main .RelatedSetting-body {
    padding:0 3em 0 1.5em;
}
/**********************
Note
Note要素は表組内のみで使用される
**********************/
main .Note {
    margin:1em 0 1em 0;
    padding:10px 0 10px 0;
    border:1px solid lightgray;
    text-align: left;
    box-shadow: -1px 4px 0px -1px #f5f5f5;
}
main .Note-title {
    font-size:14px;
    display: flex;
		display: -webkit-flex;
    align-items: center;
		-webkit-align-items: center;
}
main .Note-title:before {
    position:relative;
    top:0px;
    left:0px;
    content:url(../img/Note.png);
    padding: 0 10px 0 4px;
}
main .Note-intro {
    padding:0 3em 0 3em;
}
main .Note-body {
    padding:0 3em 0 1.5em;
}
main .Note-body .List-Safety-Bulleted > li {
    list-style-image: url(../img/bullet_ten.png);
}
/**********************
Symbol
**********************/
.span-symbol {
    font-family:"KM-Symbolnew";
    font-size: inherit;
}
@font-face {
    font-family: KM-Symbolnew;
    src:url('../fonts/KM-Symbolnew.eot?') format('eot'), 
        url('../fonts/KM-Symbolnew.woff') format('woff'), 
        url('../fonts/KM-Symbolnew.ttf') format('truetype');
}
/**********************
Orientation
**********************/
main .Orientation {
    line-height: 1.5em;
    position: relative;
    padding-left: 2em;
}
main .Orientation:before {
    content:url(../img/Orientation.png);
    position: absolute;
    top: 0;
    left: 0;
}
/**********************
Prerequisite
**********************/
main div.Prerequisite:first-child {
    margin-top: 14px;
}
main .Prerequisite {
    line-height: 1.5em;
    position: relative;
    padding-left: 2em;
}
main .Prerequisite:before {
    content:url(../img/Prerequisite.png);
    position: absolute;
    top: 0;
    left: 0;
}
/**********************
Alternative
**********************/
main .Alternative {
    margin-bottom: 21px;
}
main .Alternative-Action {
    margin-bottom: 0;
    position: relative;
    padding-left: 2em;
}
main .Alternative-Action:before {
    content:url(../img/Alternative-Action.png);
    position: absolute;
    top: 0;
    left: 0;
}
/**********************
FCounter
**********************/
main .FCounter {
    padding:1em 0 1em 0;
    border:1px solid #c7c7c7;
}
main .FCounter-arrow-wrapper {
    display: flex;
		display: -webkit-flex;
    justify-content: center;
		-webkit-justify-content: center;
    align-items: center;
		-webkit-align-items: center;
    height: 46px;
}

main .FCounter-arrow {
    width: 41px;
    height: 27px;
    background: url(../img/Step_yajirushi.png);
}
/**********************
FAction
**********************/
main .FAction-step-count {
    width:90px;
    font-size:16px;
    font-weight:bold;
    padding-left:10px;
    color:#00557E;
    float:left;

}
main .FAction {
    font-size:16px;
    font-weight: bold;
    margin-left: 90px;
}
main .SubActionIntro, main .Supplementary {
    margin:1em 0 1em 90px;
}
main .clearfix:after{
    content: "";
    clear: both;
    display: block;
}
/**********************
    SequenceOfAction
**********************/
main .SequenceOfAction-column .Counter-Action {
    font-size: 15.4px;
    margin-bottom: 21px;
    line-height: 1.5em;
}
main .SequenceOfAction-row .Counter-Action {
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 21px;
}
main .SequenceOfAction-column .Result, .SequenceOfAction-row .Result {
    margin-bottom: 0;
}
main .SequenceOfAction-column .FirstResult, .SequenceOfAction-row .FirstResult {
    margin-top: 21px;
}
main .SequenceOfAction-column .LastResult, .SequenceOfAction-row .LastResult {
    margin-bottom: 21px;
}
/**********************
Media
**********************/
main .MediaSupplementHeading {
    font-weight: bold;
    font-size:14px;
    margin-bottom: 14px;
}
main .MediaSupplementListEntry .ListIntro {
    margin-bottom: 13px;
}
main .MediaSupplementListEntry .List-Safety-Bulleted > li {
    list-style-image: url(../img/bullet_ten.png);
}
/* MediaSupplementListEntry内の要素間の上下アキは38px
   例外：Safety|Tips|Reference要素が連続する場合は上下アキ14px（MediaSupplementListEntry外にある場合と同じ）
        この例外の要素が連続する場合の先頭の要素にFirstBoxedItemクラスがつく */
main .MediaSupplementListEntry .FirstBoxedItem,
main .MediaSupplementListEntry .List,
main .MediaSupplementListEntry .Table-wrapper {
    margin-top: 38px;
}
/* MediaSupplementHeadingと次要素の間は14px */
main .MediaSupplementListEntry .MediaSupplementHeading + *{
  margin-top: 14px;
}
/* Vimeo用iframeのレスポンシブ対応 */
main .Media-flex .column .iframe_div {
		position: relative;
		width: 100%;
		padding-top: 75%;
		margin-top: -8%;
}

main .Media-flex .column .iframe_div iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
}
/**********************
inlinespeak
**********************/
main .inlinespeak {
	font-size:inherit;
}
/**********************
pc
**********************/
@media (min-width:769px) {
    main .column-first {
        float:left;
        width:47%;
        margin-right:1%;
    }
    main .column-second {
        float:left;
        width:47%;
        margin-left:1%;
    }
    /**********************
    SequenceOfAction
    **********************/
    main .Counter-flex {
        display:flex;
				display: -webkit-flex;
				display: -webkit-box;
				display: -ms-flexbox;
    }
    main .Counter-flex .column {
        width:50%;
				-webkit-box-flex: 1;
				-ms-flex: 1;
				-webkit-flex: 1;
				box-flex: 1;
    }
    main .Counter-flex .column:first-child {
        padding-right: 38px;
    }
    main .Counter-flex .column .Counter-Action:first-child .img-align-center {
        display: none;
    }
    main .Counter-flex .no-graphic-counter {
        padding: 0 1em 0 1em;
    }
    /**********************
    Media
    **********************/
    main .Media-flex {
				display: -webkit-flex;
				display: -webkit-box;
				display: -ms-flexbox;
        display:flex;
    }
    main .Media-flex .column {
        width:50%;
				-webkit-box-flex: 1;
				-ms-flex: 1;
				-webkit-flex: 1;
				box-flex: 1;
    }
    main .Media-flex .column:first-child {
        padding-right: 20px;
    }

    main .MediaSupplementListEntry:not(:last-child) {
        margin-block-end: 38px;
    }
}
/**********************
mobile
**********************/
@media (max-width:768px) {
	/* mainタグはパンくずリストの下（タイトル以下）を包括するが、レイアウト仕様書では
    モバイル表示の場合、タイトルの左アキは8pxが指定されているため、タイトルでは左に-2pxする必要がある */
	main h2 {
	    margin-left:-2px;
      padding-right: 0px;
	}
    /**********************
    Table
    **********************/
    main Table {
        width:600px;
    }

    /**********************
    image
    **********************/
    main .img-graphic {
        max-width:100%;
    }
    main .img-graphic-inline {
        width:auto;
    }

    /**********************
    SequenceOfAction
    **********************/
    main .Counter-flex .column:first-child .img-align-center {
        margin-top: 14px;
    }
    main .Counter-flex .column:nth-child(2) {
        display: none;
    }
}
/**********************
print
**********************/
@media  print{
    main {
        padding-top: 30px;
    }
    /* 印刷時にEdgeにおいて罫線が消える不具合の対処 */
    main Table {
        border-collapse: separate;
        border-width: 1px;
    }
    main Table td, main Table th {
        position: relative;
    }

		main Table thead {
				display:table-row-group;
		}
}


/**********************
Safari6-10
**********************/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ @media {
    main .heading-div {
      border-top:1px solid #c7c7c7;
    }

    main .NotHasSubsectionMenu {
      border-bottom: 1px solid #c7c7c7;
    }

    main .SequenceOfAction-item.bottom-border {
      border-bottom: 1px dashed #cbcbcb;
    }

    main Table {
      border: 1px solid #646464;
    }

    main Table td, main Table th {
      border: 1px solid #646464;
    }

    main .PropertyDamageMessage {
      border: 1px solid #c7c7c7;
    }

    main .Tips {
      border: 1px solid #c7c7c7;
    }

    main .Reference {
      border: 1px solid #c7c7c7;
    }

    main .RelatedSetting {
      border: 1px solid #c7c7c7;
    }
}}


/**********************
IPhone + Safari
**********************/
@media (max-width:768px) and (-webkit-min-device-pixel-ratio: 0){
    _::-webkit-full-page-media, _:future, :root main .heading-div {
      border-top:1px solid #c7c7c7;
    }

    _::-webkit-full-page-media, _:future, :root main .NotHasSubsectionMenu {
      border-bottom: 1px solid #c7c7c7;
    }

    _::-webkit-full-page-media, _:future, :root main .SequenceOfAction-item.bottom-border {
      border-bottom: 1px dashed #cbcbcb;
    }

    _::-webkit-full-page-media, _:future, :root main Table {
      border: 1px solid #646464;
    }

    _::-webkit-full-page-media, _:future, :root main Table td, main Table th {
      border: 1px solid #646464;
    }

    _::-webkit-full-page-media, _:future, :root main .PropertyDamageMessage {
      border: 1px solid #c7c7c7;
    }

    _::-webkit-full-page-media, _:future, :root main .Tips {
      border: 1px solid #c7c7c7;
    }

    _::-webkit-full-page-media, _:future, :root main .Reference {
      border: 1px solid #c7c7c7;
    }

    _::-webkit-full-page-media, _:future, :root main .RelatedSetting {
      border: 1px solid #c7c7c7;
    }
}