// ================================================== // Standard Style Setting // ================================================== .standard_frame { h1,h2,h3,h4,h5,h6 { font-weight: bold; margin-bottom: 1em; } .ml2 { margin-left: 2em; } .ttl { @include fs(24); border-bottom: 2px solid $sub; padding: 0.4em 0; small { display: block; color: $midgrey; @include fs(12); } } article { margin-bottom: 40px; border-bottom: 1px solid $lightgrey; a { color: LightSeaGreen; font-weight: bold; &:hover { text-decoration: underline; } } h3 { @include fs(16); &.subttl { clear: both; background: $silver; padding: 0.5em 1em; border-radius: 4px; } } h4 { @include fs(15); } h3 { @include fs(14); } p { @include fs(14); margin-bottom: 1em; margin-left: 2em; &.noml { margin-left: 0; &.ihai_flow { position: relative; .btn { position: absolute; bottom: .8em; left: 0; @include fs(12); } } &.chart05 { position: relative; .overimg_link { position: absolute; bottom: 3.2em; left: 6.2em; display: inline-block; width: 19.6em; text-align: center; @include fs(12); color: #FFEFE3; background: #FFEFE3; @include opacity(0); &:hover { @include opacity(0.3); } } } } } ul { margin-bottom: 1em; list-style: circle; margin-left: 4em; } } blockquote { background: $silver; padding: 0.5em 1em; border-radius: 4px; margin-bottom: 1em; } .sidebar { margin-bottom: 1em; border-bottom: 1px solid $lightgrey; .ttl { @include fs(18); } ul { margin-bottom: 1em; list-style: circle; margin-left: 2em; } } .faq_nav { border: 4px solid $silver; border-radius: 4px; list-style: none; padding: 1em 2em; margin-left: 0; a { @include caretR; } } .faq_list { @include fs(14); margin-bottom: 2em; dt { border-bottom: 1px solid $lightgrey; padding: 0.8em 0 0.8em 2em; position: relative; &:before { content: "Q"; @include fs(30); color: Orchid; position: absolute; bottom: 0; left: 0; } } dd { margin-bottom: 1em; padding: 0.8em 0 0.8em 2em; position: relative; &:before { content: "A"; @include fs(30); color: LightSeaGreen; position: absolute; top: 0; left: 0; } } } .guide_list { @include fs(14); margin-bottom: 2em; dt { border-bottom: 1px solid $lightgrey; padding: 0.8em 0; @include fontAwesome("\f10c",Orchid,2rem); font-weight: bold; } dd { margin-bottom: 1em; padding: 0.8em 0; } ol { margin-left: 2em; li { border: 2px solid #90D9D5; padding: 0.8em 1.6em; margin-bottom: 1em; position: relative; &:after { content: ""; display: block; position: absolute; width: 0; height: 0; bottom: -10px; left: 50%; margin-left: -20px; border-top: 10px solid #90D9D5; border-right: 20px solid transparent; border-bottom: none; border-left: 20px solid transparent; } &:last-child:after { content: none; } } } .attention { background: $silver; padding: 0.8em 1.6em; } } .btn { display: inline-block; margin-bottom: 0.4em; background: LightSeaGreen; border: none; color: $white; border-radius: 4px; padding: 0.4em 0.8em; &:hover { text-decoration: none; @include opacity(0.8); } } table { background: $white; color: $midgrey; @include fs(14); th { font-weight: bold; } td { text-align: center; } &.transaction { th { width: 28%; } td { text-align: left; } th,td { border: none; border-top: 1px solid $lightgrey; } tr:nth-child(2n+1) { background: $silver; } } } } @include ltMD {}; @include ltSM {}; @include ltXS {}; @include ltXXS {};